时间：2023-08-09 17:23:18
引言：易发表网凭借丰富的文秘实践，为您精心挑选了九篇网页设计的技巧范例。如需获取更多原创内容，可随时联系我们的客服老师。
摘 要 本文主要讲了网页设计的布局和网页的用色技巧,从网页布局和色彩在网页设计中的重要性开始,介绍了网页设计布局和色彩的基础理论。从而进一步详细的介绍了布局和色彩搭配在网页中不可或缺的作用。好的网页体现在网页的主题鲜明、布局形式与内容相统一、整体色彩和谐融洽。
关键词 网站设计 布局 用色技巧
网页是网站构成的基本要素。网页的布局和色彩搭配能够更好的提升网页的视觉效果、更能吸引浏览者的眼球。 理论上研究网页设计的布局和用色技巧在网页中的应用以及布局和用色技巧在网页设计中的发展方向。
网页设计是艺术与技术的高度统一,网页艺术设计包含视听元素与版式设计两项内容;以主题鲜明、布局形式与内容相统一、强调整体色调为设计原则。因此在明确了网页艺术设计与网站主题的关系的基础上,提出了“美”和“功能”都是为了更好地表达网站主题这一观点。从而更好的认识和理解布局和用色技巧在网页布局中的发展和创新。
国内网页设计环境目前还停留在初级的认知阶段,如同96年以前的网页几乎是纯文字的页面,没有什么所谓“设计”的概念可言。随着时代的发展人们对美的追求是不断深入,网页设计开始从从审美方面入手,结合使用方便的要求,设计出美观、合理的页面,运用一些平面设计中美的基本形式就能使网页更加富有美感,例如将平面设计中的色彩形式原理融入到网页设计中,注重了布局规划从而使繁多的页面更加有条理。
设计以人为本,任何设计都具有一定的内容和形式。内容贯穿整个网页设计中,是设计存在的基础。形式而是内容的延伸,或者说事内容的外部表现方式。
内容决定形式,形式反作用于内容。一个优秀的网页设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。”
一、网页设计的布局
页面布局就是在网页设计时把网页的各种构成要素(文字、图片、菜单等等)在页面内完美的搭配起来。一个精美的网页,不仅体现在页面内容的精彩,还要有效地利用页面的有效显示空间,创造出合理的布局模式。
(一)“国”字型
“国”字型,也可以称为“同”字型,适用于一些大型网站,即最上面是网站的标题以及横幅广告条,接下来是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。
(二)拐角型
这种结构与上一种“国”字型结构,其实只是形式上的区别,有相似性。顶端是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,底端也是一些网站的辅助信息。在这种类型中,一种很常见的类型是,顶端是标题及广告,左侧是导航链接。
(三)左右框架型
这是一种左右分为两页的框架结构。一般左面是导航链接,有时顶端会有一个小的标题或标致,右面是正文。目前,大部分的大型论坛都是这种结构,一些企业网站也喜欢采用这种左右框架型结构。这种类型结构非常清晰,一目了然。
除了以上的布局类型外,还有上下框架型,标题正文型,综合框架型,封面型等。
二、网页用色技巧
(一)确定网页的主题色
所谓网页的主题色,就是体现行业特点,企业形象的色彩。色彩搭配的协调可以突出主题形象的视觉效果,色彩的搭配不仅体现美学的诉求,而且是一种可以强化的识别信息,会影响到浏览者对网站的印象乃至企业形象的认识。所以,主题色一经确定,要保持一定的稳定性,用这种色彩来帮助浏览者对网站的识别。
网页中颜色的过多使用,会使人感觉到凌乱、轻浮,感到杂乱无章,缺乏对网页的兴趣。因此网页设计必须有自己独特的色彩,必须有一种或两种主体色。
不至于让浏览者迷失方向,也不至于单调、凌乱。当主题色确定好以后,考虑到其他配色时,一定要考虑到其他配色与主体色的关系,要体现企业什么形象以及什么样的效果。
(二)用色技巧
1.针对不同的企业所要表达信息的不同,可以选择突出这些信息的颜色。
2.考虑浏览者。不同地区、不同年龄层次对色彩的认知的不同,可能会产生不同的反应。对网页所传达信息针对的人群的不同选择不同的用色。
3.不要使用过多的颜色。除了黑色和白色以外,约选择四到五个颜色就足够了。太多的颜色会使页面显得杂乱,不容易突出网页所要表达信息的重点。
4.选择颜色要注意时效性。当一种色彩成为流行色的时候,不免使浏览者产生麻木的审美效果。因此在网页中事实的实施一些怀旧色彩,会达到意想不到的效果。
以后,网页将代表个人、企业的形象。尤其是个人,或者企业的主页,它既要传达出某种信息,又要充分的体现出它们的特色。网页设计的好坏,直接关系到某个人、某个企业的形象,在人们的印象中所处的地位。所以布局和色彩的恰到好处的搭配将会使个人和企业的形象在别人心中留下深刻的印象,从而更好的体现出个人及其企业的知名度。
参考文献:
[1]张大鹏,张威,陈海波.网页设计.成都:电子科技大学出版社.
[2]刘佳,王倩.网页设计中的色彩表现.美术大观.2007.
关键词：Dreamweaver；表格；层；排版
1 Dreamweaver网页设计工具简介
浏览网页已经是现代社会人们生活中的一个重要组成部分，网页作为网络信息传播的主要载体，其设计也被大家所关注。网页设计的软件有多种，Dreamweaver是著名的“所见即所得”的可视化网站开发工具，是国内外普遍应用的专用网页设计软件。它被称为“织梦者”，即它的英文单词所表达的意思。Dreamweaver不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制。它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。
网页设计的重点是版面的设计，即如何将所有的素材按照设计要求精美地罗列在页面中。所以，如何排版成为网页设计中的关键。
2 使用表格和层排版
在Dreamweaver网页设计中，排版的方法有很多种，其中使用表格和层排版是基本的方法，通过设计模式可以轻松完成，简单易学，是大家常用的方法，对网页排版起到了重要的作用。
2.1 表格排版
在制作网页时，要想将文本、图片等组织得美观，有条理，就需要排版人员头脑里有一个整体布局的概念。在Dreamweaver中，安排页面内容布局主要是依靠表格来完成的。通过表格的相互嵌套和合并、拆分，可以将自己的构思完整地表现出来。表格是网页设计制作时不可缺少的重要元素，它以简洁明了和高效快捷的方式将数据、文本、图片、表单等元素有序地显示在页面上，从而设计出版式漂亮的页面。使用表格排版的页面，在不同平台、不同分辨率的浏览器里都能保持其原有的布局，且在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之_。
表格排版比较规范，整体性强，一般的网页排版中都会使用表格进行整体的排版，但其表现比较中规中矩，不会有太多其他的丰富功能。
2.2 层排版
层是CSS中的定位技术，在Dreamweaver中可对其可视化操作。文本、图像、表格等元素只能固定其位置，不能相互叠加在一起，使用层功能，可以将其放置在网页文档内的任何一个位置，还可以按顺序排放网页文档中的其他构成元素。层体现了网页技术从二维空间向三维空间的一种延伸。
层具有很多表格所不具备的特点，比如可以重叠，便于移动，可设为隐藏，还能为层添加一些行为，使页面具有更丰富的变化等。这些特点有助于设计思维不受局限，从而发挥更多的想象力。由于它是一种新的CSS定位技术，层在具有上述优点的同时，也存在着一些不可避免的缺陷，比如兼容性、定位问题。所以，目前比较大型的网站不会单独使用层来排版。
2.3 层转换成表格排版
前面提到，层与表格都可以用来在页面中定位其他对象，它们有时可以互相取代，但两者并不完全相同，有时就必须使用其中的一种。比如，当需要用到表格来排版页面，但又觉得表格的添加比较烦琐，而层比较灵活，这时候，排版者可以使用层到表格的转换来实现。具体的操作步骤是：（1）首先在层面板中勾选“防止重叠”选项，这样绘制层的时候就不会出现叠加和嵌套的现象；（2）在页面中绘制若干个层，把页面中的各元素添加到层里面；（3）把每个层自由地排列到页面中各个相应的位置；（4）使用层排版结束之后，要将层排版转化为表格排版，选择“修改”“转换”“层到表格”命令，在对话框中设置好相应的参数，确定之后层就会转换成对应的表格。
这种排版方法在排列对象时比较灵活一点，但有时也会产生一些多余的单元格。当然，这种方法一般适用于不太复杂的页面的排版，对于比较复杂的图文混排页面，最好还是采用传统的表格排版方法。
3 排版时容易出现的问题及解决方法
3.1 整体表格排版出现的问题
有很多人在网页中用表格排版时习惯使用一个大表格，然后在大表格中嵌入_个个小表格，认为这保持了排版的整体性，其实这个习惯是不好的。一个大而长的表格在浏览器中打开时会加重浏览器的负担，浏览器一般是等待整个表格的内容都接收到以后才显示这个表格的内容，如果一个很长的页面使用一个大表格排版，那么这个网页显示速度就会比较慢，使得页面呈现的时间大大加长，很多时候有些网页的访问者会失去等待的耐心而放弃浏览这个网页。
解决的方法是：拆分表格，将大表格化整为零，把表格打散，并要尽可能地避免表格的层层嵌套。注意，拆分后的表格的宽度要设置为相等，这样表格的排版效果和拆分前相比并没有改变，在浏览器中呈现时，页面会从上至下一个个表格呈现出来，明显加快了页面打开的速度。
3.2 层排版出现位置偏差
在页面中使用表格和层混合排版时，先加入表格进行页面的整体布局，然后在局部加入层。通常情况下，层加入到页面中之后是游离在表格之上的，它虽然移动方便，但在页面中的位置是固定的，由于表格的宽度是固定像素，设置在窗口中居中显示，所以当窗口变大时，表格会产生一个相对位移，但是层却还在原位，没有跟着相对位移，因而出现层与表格中其他内容位置上的偏差。所以，层排版的灵活性同样也体现了一定的不稳定性。
要想办法使层与页面中其他元素一样，能够随浏览器的变化而产生相对位置上的变化，排版者可以将层嵌入到表格的单元格中，使层成为单元格中的一个元素，就像插入到单元格中的文本、图片一样，层就是属于单元格中的对象，当浏览器窗口大小变化时，表格必然会产生相对的变化，层也就会随着单元格的位置变化而产生相应的变化，这样就不会出现页面中元素相对位置的偏差。整个排版会变得很规范，就相当于是利用表格整体排版，层只是嵌入到单元格中的一个元素，又可以使用到层的丰富功能，两全其美。
解决的方法是：先使用表格对整个网页的整体进行规划，然后添加一个层到表格中的某个单元格中。添加的方法：直接将工具栏中的层拖动到单元格中，这样该层就成为该单元格的嵌入层，该层在单元格中默认是靠左对齐，垂直方向居中，而且在水平方向是不能移动的，只要移动便会脱离该单元格，即成为普通层，不会是单元格的嵌入对象，如果在水平方向一定要移动的话，可以将该单元格的位置进行调整，进而单元格中的嵌入层也会随之移动。而在垂直方向上的位置是可以调整的，不过不要用鼠标拖动，这样容易使层脱离单元格，可以选中层通过方向箭上下移动或将该单元格垂直方向上的位置由“居中”改为“顶端”或“底端”。
采用这种方法设置层后，无论窗口大小怎么变化，层始终是跟着单元格位置变化而变化，因而不会出现之前那种位置上的偏差。
这个问题解决之后，接下来就可以在页面中利用层的一些行为来丰富页面。
关键词：网页设计；搭配；主题色
优秀的网页作品能够使人印象深刻。除了网页内容丰富、图像精美、技术含量高之外，网页的色彩也十分重要！在网页设计，色彩最重要的一环。当我们打开网页时，首先看到的网页的色彩，随后才关注版式或者是图片以及网页内容。所以根据网站的风格与主题来配色设计，是网站设计的关键所在。尽管色彩的搭配灵活多变，网页设计的色彩应用也是有章可循的，以下以一些经典网页为例，介绍网页设计中色彩应用技巧。
一、黑白灰的搭配技巧
色彩分有彩色和无彩色。黑白灰属于无彩色，其它的色彩都属于彩色。色相，明度和纯度，是色彩的三要素，而无彩色只有明度属性。黑白灰是万能色，当两种色彩的搭配不协调时，加入黑或灰色，会有意想不到的效果。很多网站色彩设计留出大块的白色空间，这种设计成为“留白艺术”。这种留白设计能让人感觉心情放松，有无限遐想。白色也是网页设计中最普遍的一种色彩设计。
二、色彩三要素的应用技巧
1.色相色相，指色彩的相貌，色彩最显著的特征，是色彩之间的主要区。比如红色，黄色，蓝色等各自代表不同的色相。同一色相的色彩，调整明度或纯度比较容易搭配，比如深红，大红，粉红，紫红。色彩在有丰富的感情和象征含义，比如白色联想白雪、棉花、白糖，联想到纯洁，干净，神圣、明快、虚无等；红色让人联想到玫瑰、太阳、热血、红旗、红灯，联想到喜庆，兴奋、革命、危险等。橙色代表欢快，华丽，收获；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智、深远；绿色代表了充满青春的活力，舒适，希望等。某种色彩并不一定代表了固定的某种含义，是在具体情景下具有恰当的含义；在特定的场合下，同种色彩也可以表现出不同的含义。2.明度明度，指的是色彩的明暗程度，也称作亮度，色彩越亮明度就越高。比如一些儿童类、购物类网站。多是一些鲜艳明亮的色彩设计，让人感觉生气勃勃，欢快绚丽。明度越低，颜色越暗。一些游戏类网站的暗色调设计，充满了神秘感；运用一些暗色调的设计能够充分表达个人的孤僻或忧郁等性格。有明度差大的色彩比较容易调和。3.纯度纯度，指色彩的鲜艳程度，原色纯度最高，调和其他颜色越多，色彩纯度越低。纯度低的色彩暗、淡且含灰色。
三、色彩的调和方法
1.相近色相近色是指色环中相邻的三种颜色。相近色在网站设计中极为常用。相近色的色彩搭配使人感觉舒适自然。图1是一个SOHO网站，它很有艺术性，整个网站的色调考究，以邻近色、暖调、中明度搭配，舒适自然。2.互补色互补色又称补色，是指色环中相对的两种色彩，色彩对比度大。在互补色的设计中，适当的调整一下补色的亮度，能够是对比的视觉效果更出色。图2是国际足联的首页设计，该站点以黄蓝对比，画面醒目而充满活力。
四、网页设计中冷暖色彩的运用技巧
1.暖色暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼、温馨等效果。2.冷色冷色一般适合表达严肃，稳重等效果，绿色蓝色、蓝紫色等都属于冷色系列。冷色系色调多应用于一些高科技，游戏类网站。冷色与白色搭配能达到一种不错的效果。
五、色彩均衡技巧
网站图文的合理排版，能使人感到舒适协调，色彩的均衡搭配使网站的视觉、心理更加平衡和谐。网站色彩设计不会单一的运用某一种颜色，设计者必须要考虑色彩的均衡的问题。色彩的均衡，包括色彩的位置，每种色彩所占的面积、不同色彩的比例等等。比如灰暗的色彩面积过多，回事人产生压抑等感觉；鲜艳明亮的色彩面积如果过多，则会使人感觉刺眼不舒适。
六、确定网站的主题色
网站鲜明独特的主题色，让客户即目标明确，也兴致盎然。网站设计者必须考虑主题色的确定。网页选用的色彩尽量控制在4种左右，太多的色彩会让人感觉凌乱混沌、不能突出主题特色。确定好主题色，配色与主题色搭配必须能够有助于烘托主题。另外确定明度，纯度、色相那种要素占主导。色彩为网站内容服务，必须与网站的主题以及气氛相适应，色彩的搭配不仅仅是单纯的运用，必须考虑诸多因素，例如，了解你的网站所要传达的讯息和品牌，明确网站的职能；了解你的读者群，掌握访问者的类别、社会背景、心理需求和场合的差异等，社会背景不同，目的不同，往往会对色彩的感受也不同，因此网站的用色必须尽可能的吸引各种的注意力。好的网页配色并不是漂亮色彩的罗列，是需要根据网站的整体构思进行协调搭配，才是最为恰当色彩。尽管作品内容、设计方向、制作手法各有所异，但始终遵循的设计法则是不变的，网页设计的色彩永远是值得探索和尝试的区域，但切记：网页设计的秘诀之一就是巧妙的色彩设计！
结语
色彩的搭配数之不尽，设计者不能机械按照某些配色法则搭配设计色彩方案。在确定主题涵义的基础上，依据网页风格来确定主色调，劲儿完善整个页面的配色方案，达到和谐悦目的视觉整体感。
参考文献：
[1]王欣，王鑫.色彩构成[M].湖北美术出版社，2005.
[2]张建辛.构成[M].高等教育出版社1998.
[3]王欣，王鑫.色彩构成[M].湖北美术出版社，2005.
当今网络的普及加上快节奏的生活方式使得人们的阅读行为发生转向，越来越多的人开始从印刷文本的阅读逐渐转变为基于数字视觉图像的阅读，由此引发了阅读对象、阅读方式、阅读性质以及阅读心理和功能价值等多方面的重大转变。计算机技术的发展使得插画艺术从过去狭义的概念（只限于书籍、报纸、杂志中所添加的图和画）变得更为广义，艺术性的图画和含有说明性文字的插图都称之为插画。插画设计是社会和历史的沉淀，成为了一种重要的艺术形式，插画能激发人们的想象力，能给观赏者带来丰富的视觉体验，由于其直观性和便于接受性，已经延展到网络、电影里的片花、CD封面、时装，玩具、游戏角色设定等一些新的文化载体当中。在国外，插画被看成是一个大的应用网络，渗透到各个领域。
二插画艺术的发展
中国的插画历史和欧洲的相似，最早都是把插画运用于宗教读物之中，随着社会的发展，插图逐渐被广泛地运用于自然科学书籍、文学书籍和经典作家的出版物上。在一段时期内手绘插画受到新技术的巨大冲击，曾一度被照片所取代。受现代艺术流派的影响，插画风格日趋多样化并伴随着现代设计的观念更新而不断发展，各种主流的或是非主流的插画元素彰显出极具个性化的视觉语言。最近几年，插画变得越来越流行，在视觉信息传播媒体中显现出绚丽的光芒，被快速地运用于商业生产和销售中，实现了商业性和艺术性的完美结合。如今，在现代数字媒介多元化的依托下，全新的视觉时代为新一代插画家提供了更多的发展空间。插画具有高效率、多样化、准确性、成本底等特点，更易于进行商业操作。技术和市场的扩大和多样性给插画家带来了新的机遇，插画艺术可以同时涉及多个领域，插画行业的特点和局限性也在不断受到挑战，在这种相互作用下，动画、游戏、手机、网络开发领域为插画家带来了新的机遇。数字网络媒介的加入让插画艺术迎来了又一个高峰，插画在网页设计中的成功运用，使得商业插画的潜在市场不断扩大。
三插画艺术在网页环境下的特性网络
作为新兴的传播媒介，有着传播速度快、传播信息量大、无地域性、交互性强等特点，并且由于综合了视频、图形、文字、动画、音频等在内的多种媒体的效果，增添了插画的时间性和交互性，使插画从二维、三维空间走向了四维空间。数字网络的传播形式使得插画由单一的静止形态转向了立体化、空间化的多元形态，实现了插画与数字技术的结合。插画在网页环境中的运用必须要与传统媒介的运用有所区分，插画在网络环境的运用中视觉设计表达的是一定的意图和要求，即要对经济效益产生作用，最大程度地吸引消费者的注意力，激发他们的购买欲望。明确的主题，并按照视觉心理规律和形式将信息主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们及时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题，让受众在审美的过程中接受和处理所传达的信息。插画运用应该和导航系统联合起来共同引导浏览者的视觉流程，因此插画的艺术性在于确保整个网页的个性化和整体性。设计师需要让浏览者在最短的时间内接受到信息与美感的双重体验，满足人们的实用和需求。通过塑造可视的形象来表现社会生活和设计师情感的艺术形式。设计师为了使网页得到更大程度的推广，受众更乐意接受，在设计作品的过程中，应该以审美原则与审美体验作为依据来创作，要达到最佳的表诉方式，应先从审美特征入手，善于巧妙运用各种元素创造出适合不同欣赏习惯、富有个性的图形，这样才能获得最佳的艺术效果。经过设计师的艺术化渲染，商品的特质往往被突出强调，激发了浏览者的点击冲动。无外乎精彩的网页往往都能让人在浏览网页的整个过程一直保持兴趣盎然，使用起来明确清晰，在细节上把握得游刃有余。随着网络传播的广泛性和高速性，网站已经成为越来越多公司及个人与大众交流的平台，挑战着设计师的创造力和想象力。而插画元素的运用对于企业和个人形象来说无疑是一种全方位的艺术提升，不仅有助于企业树立良好的社会形象，还能更为直观地展示企业的产品和服务。
四插画艺术风格在网页中的运用
众所周知，资讯的发达带来了网页视觉艺术的多元化，也造成了视觉上的平庸。那么，如何有效地实现网络视觉艺术的传达与交流呢？一方面，网页设计中的艺术审美是一种通过视觉符号、艺术形象去认识客观世界的思维活动。生动的视觉艺术能够唤起浏览者的审美情绪，从而符合他们获取信息的心理需求和审美体验上的满足；另一方面，通过设计师的艺术化渲染，让浏览者对企业产生好感度，从而激发浏览者的点击冲动。在网页设计中，设计师先根据需求把主题与内容加以深层次的联想，然后通过具体的形象符号表达出网页丰富的感彩，最后运用视觉审美体系的各构成元素，把技巧和情感与各种视觉符号融为一体，转化为生动、精彩的网页视觉形象，唤起人们对网络视觉艺术的追求与热爱。网络上充满了各种各样的信息，插画风格成了网页设计中不可替代的艺术形式，在设计主题的表现上显示出独特的艺术魅力。插画中独特的亲切、活波、个性、旋目的感觉展现出网页设计的多样性，插画中个性化的表现技巧贯穿网页设计中，使得页面免于平庸，给浏览者带来别出心裁、强烈奇特的多元化视觉印象。当然，一个高明的网页设计师需要具备高度的表现力，这种表现力又能传播更迅速、更方便、更有时代特征、更具心灵震撼力的信息。它要求设计师具有多变的风格语言和高超的表现技能，并能在网页设计的限制中充分发挥个性和意象的魅力。插画艺术风格在网页设计中的运用无论具象还是抽象、自由还是机械，意在创造一种能够迅速传达并容易为平民化所接受并高度符号化的图形语言。
1热情桑巴装饰性元素在插画中的运用有很长的历史。诡异的形象，流畅优美的线条，从19世纪末的比亚莱兹插画到现代的英国的设计师SiScott的插画，装饰性风格风采依旧。好的装饰风格会帮助用户使用而确保用户在导航网站上走得更远。Havaianas是巴西一家人字拖鞋生产企业，独特的设计风格，已在好莱坞以及时尚圈变的广为皆知，加上插画家AdhemasBatista对Havaianas网站（）的精心设计，使得Havaianas成为设计师、名人和名模的最爱。新颖的装饰插画运用是Havaianas网页的特色，绚烂的色彩，丰富视觉形象的运用，唯美的画面，把插画艺术的技巧和企业的品牌文化完美地结合在一起，使得用户跟着舞动在这股人字拖巴西桑巴旋风中。页面的衔接变换出无穷的灵气，在动感的音乐背景中，鞋子的夸张形象在画面中不断绽放。完美的创意加上精良的制作，使整个视觉的设计给人一种独特的异域风、震撼美，丰富而不凌乱、绚丽而不媚俗，导航条、插画以及商品特性的结合自然统一。
2个性空间涂鸦作为Hip-hop文化的一部分，涉及了非主流、民间艺术、符号学、达达主义、后现代主义等意识形态，逐渐被商业化并被吸纳成一种特殊的表现形式，作为插画的一种艺术形式，各种符号所代表的内容大都反映着年轻人追求独特豪放不羁的个性和自由的心理特点，强烈的色彩运用使涂鸦这种独一无二的视觉性很容易突出品牌的个性化特点。涂鸦艺术的表现内容来源于生活，各种元素都可以作为其创作的表现形式，但这种创作又不是简单的直白描绘，而是通过夸张的图形和构思巧妙的构图表现出来，浓郁的色彩极富视觉冲击力。涂鸦风格的美体现在它的“拙”上，是内心情感的流露和表达，是回归自然的豁达和坦然。广州木果服饰有限公司的网站（）的涂鸦运用，把大面积的红墙肌理作为背景，画面上出现的红色怪舌头，犹如城市里的一张张大嘴，加上俄罗斯男高音Vitas歌声的烘托把我们带入了一个奇异的幻想世界，年轻个性且强烈的视觉体验立刻扑面而来。
3童话心境卡通风格是大家最为熟悉的一种插画风格，体现在其表现手法上，即背景的平面化、图式的卡通化、符号的并置化。这些卡通造型虽然用笔简单，但特有的亲和力和创造力体现了一种角色的互换极具夸张的特征。卡通形象的夸张性也造就了网页的亲和力。（）是AliceChan的个人网站，孩童式的理想空间，极富女性化色彩的页面，子页面的卡通形象都有着迷人的大眼睛跟首页形象大眼女孩公仔形神俱似，虽然每个交互页面有所区别，但相同的风格使得页面能够很好地贯穿在一起。在个人心情网页（），淡雅的灰蓝色是这个网页的基本色调，美丽中夹杂着伤感的意境，平静中带着些许的涟漪。每个页面联系起来仿佛是在诉说着一个跟爱情有关故事。
4轻舞飞扬汤姆和戴丝两位设计师的网站（）交互性很强大，互动的设计更会引起受众的兴趣，满足人们的参与感。浏览者不再仅仅是信息的被动接受者，他们拥有更大的选择与参与机会。具象的插画风格运用布局恰到好处，设计者把情境安排到房间里，层出不穷地在网页上展示着独特的魅力。灯可以选择开关，碟片可以选择性地播放，吹着暖煦的海风，闻着淡淡的花香，感受着咖啡在手中的情调，欣赏着设计师的作品，忍不住要随着蓝调音乐轻舞飞扬起来。似乎浏览者就是这个小空间的主人，真实情境的参与性提升了网页的趣味性，强烈的主题与设计技巧的结合为人们拓展了一个丰富的视觉享受空间。平静的画面中流露出来的小资情调，为我们编织了一个美丽的、惬意的情感空间。
5幻想世界基于对未来的憧憬和探索想象、奇幻、怪诞的想象力被源源不断地释放出来，现实生活中无法存在的虚拟情境通过具象的方式展现出来，人神合一的生物体、奇特的怪兽与现实世界结合起来共同构筑了一个幻想世界。科幻风格是设计师比较热衷的表现风格，在大量科幻影视、小说、游戏的带动下，科幻风格的作品大行其道，应运而生的3D制作具有后现代的感觉，给观者颓废及冷酷的印象。网页的魔幻风格运用一般是与企业游戏和影视的宣传相结合的。如网站（）中，荒诞的场景，怪兽的运用带来视觉上的强烈刺激。
什么是网络广告
简单地说，网络广告就是在网络上做的广告。
利用网站上的广告横幅、文本链接、多媒体的方法，在互联网刊登或广告，通过网络传递到互联网用户的一种高科技广告运作方式。
与传统的四大传播媒体(报纸、杂志、电视、广播)广告及近来备受垂青的户外广告相比，网络广告具有得天独厚的优势，是实施现代营销媒体战略的重要一部分。Internet是一个全新的广告媒体，速度最快效果很理想，是中小企业扩展装大的很好途径，对于广泛开展国际业务的公司更是如此。
目前网络广告的市场正在以惊人的速度增长，网络广告发挥的效用越来越显得重要。以致广告界甚至认为互联网络将超越路牌，成为传统四大媒体(电视、广播、报纸、杂志)之后的第五大媒体。因而众多国际级的广告公司都成立了专门的“网络媒体分部”，以开拓网络广告的巨大市场。
网络广告的优势
1、网络广告是多维广告
传统媒体是二维的，而网络广告则是多维的，它能将文字、图像和声音有机的组合在一起，传递多感官的信息，让顾客如身临其境般感受商品或服务。网络广告的载体基本上是多媒体、超文本格式文件，广告受众可以对其感兴趣的产品信息进行更详细的了解，使消费者能亲身体验产品、服务与品牌。这种图、文、声、像相结合的广告形式，将大大增强网络广告的实效。
2、网络广告拥有最有活力的消费群体
互联网用户70.54%集中在经济较为发达地区，64%家庭人均月收入高于1000元，85.8%年龄在18岁到35岁之间，83%受过大学以上教育。因此，网络广告的目标群体是目前社会上层次最高、收入最高、消费能力最高的最具活力的消费群体。这一群体的消费总额往往大于其他消费层次之和。
3、网络广告制作成本低，速度快，更改灵活
网络广告制作周期短，即使在较短的周期进行投放，也可以根据客户的需求很快完成制作，而传统广告制作成本高，投放周期固定。另外，在传统媒体上做广告后很难更改即使可以改动往往也须付出很大的经济代价。而在互联网上做广告能够按照客户需要及时变更广告内容。这样，经营决策的变化就能及时实施和推广。
4、网络广告具有交互性和纵深性
交互性强交互性是互联网络媒体的最大的优势，它不同于传统媒体的信息单向传播，而是信息互动传播。通过链接，用户只需简单地点击鼠标，就可以从厂商的相关站点中得到更多、更详尽的信息。另外，用户可以通过广告位直接填写并提交在线表单信息，厂商可以随时得到宝贵的用户反馈信息，进一步减少了用户和广告客户之间的距离。同时，网络广告可以提供进一步的产品查询需求。
5、网络广告能进行完善的统计
“无法衡量的东西就无法管理。”网络广告通过及时和精确的统计机制，使广告主能够直接对广告的进行在线监控。而传统的广告形式只能通过并不精确的收视率、发行量等来统计投放的受众数量。
6、网络广告可以跟踪和衡量广告的效果
广告主能通过Internet即时衡量广告的效果。通过监视广告的浏览量、点击率等指标，广告主可以统计出多少人看到了广告，其中有多少人对广告感兴趣进而进一步了解了广告的详细信息。因此，较之其他任何广告，网络广告使广告主能够更好地跟踪广告受众的反应，及时了解用户和潜在用户的情况。
7、网络广告的投放更具有针对性
通过提供众多的免费服务，网站一般都能建立完整的用户数据库，包括用户的地域分布、年龄、性别、收入、职业、婚姻状况、爱好等。这些资料可帮助广告主分析市场与受众，根据广告目标受众的特点，有针对性地投放广告，并根据用户特点作定点投放和跟踪分析，对广告效果作出客观准确的评价。
另外，网络广告还可以提供有针对性的内容环境。不同的网站或者是同一网站不同的频道所提供的服务是不同质且具有很强类的分别的，这就为密切迎合广告目标受众的兴趣提供了可能。
8、网络广告的受众关注度高
据资料显示，电视并不能集中人的注意力，电视观众40%的人同时在阅读，21%的人同时在做家务，13%的人在吃喝，12%的人在玩赏它物，10%在烹饪，9%在写作，8%在打电话。而网上用户55%在使用计算机时不做任何它事，只有6%同时在打电话，只有5%在吃喝，只有4%在写作。
9、网络广告缩短了媒体投放的进程
广告主在传统媒体上进行市场推广一般要经过三个阶段：市场开发期、市场巩固期和市场维持期。在这三个阶段中，厂商要首先获取注意力，创立品牌知名度；在消费者获得品牌的初步信息后，推广更为详细的产品信息。然后是建立和消费者之间较为牢固的联系，以建立品牌忠诚。而互联网将这三个阶段合并在一次广告投放中实现：消费者看到网络广告，点击后获得详细信息，并填写用户资料或直接参与广告主的市场活动甚至直接在网上实施购买行为。
10、网络广告传播范围广、不受时空限制
通过国际互联网络，网络广告可以将广告信息24小时不间断地传播到世界的每一个角落。只要具备上网条件，任何人，在任何地点都可以阅读。这是传统媒体无法达到的。
11、网络广告具有可重复性和可检索性
网络广告可以将文字、声音、画面完美地结合之后供用户主动检索，重复观看。而与之相比电视广告却是让广告受众被动地接受广告内容。如果错过广告时间，就不能再得到广告信息。另外，显而易见，较之网络广告的检索平面广告的检索要费时、费事的多。
12、网络广告具有价格优势
从价格方面考虑，与报纸杂志或电视广告相比，目前网络广告费用还是较为低廉的。获得同等的广告效应，网络广告的有效千人成本远远低于传统广告媒体。一个广告主页一年的费用大致为几千元人民币，而且主页内容可以随企业经营决策的变更随时改变，这是传统广告媒体不可想像的。
1999年全球网络广告支出为28亿美元。预计2004年全球网络广告支出将达到220亿美元。据Jupiter通信公司日前的一份研究报告显示，美国的互联网广告在未来的4年内将以40%的速度增长，到2003年有望达到115亿美元，将超过广告客户花在一些传统媒体上的广告费，接近现在广播电视行业广告费的3/4。虽然中国的互联网广告在1997年才开始出现，但是经过三年的发展，网络广告已经成为中国互联网站的最主要收入形式。由于上述优势，中国互联网广告收入也以每年400%速率递增，2000年底将达到2千6百万美金，网络广告将成为企业市场推广必不可少的高效途径。
本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。
关键词：
网页设计与制作；课程；教学改革；策略
随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。
1《网页设计与制作》课程教学存在的问题
1.1学生学习被动
长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。
1.2学生动手能力较差
在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。
1.3缺乏沟通
首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。
2《网页设计与制作》课程教学改革的策略
2.1重新定位课程教学标准
首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。
2.2优化教学内容
《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。
2.3更新教学模式
高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。
引用：
[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)
摘要:随着互联网的蓬勃发展,出现了许多优秀的企业主页
>> 浅析网页设计原则与制作技巧 网页设计原则及技巧 网页设计的小技巧 Dreamweaver必备网页设计技巧 浅谈网页艺术设计中的网页版式设计与编排 对网页设计艺术的探讨与研究 艺术高职院校网页设计教学的研究与实践 网页设计中艺术创新的研究与实现探讨 探讨网页设计的艺术与处理原则 浅谈网页艺术设计 网页艺术设计探索 网页艺术设计初探 《网页设计与制作》 网页设计的布局和用色技巧 网站设计及网页制作技巧 网页的版式设计技巧探讨 网页新闻编译的原则与技巧 网页配色的方法与技巧 浅谈网页制作的经验与技巧 板式设计课程中的网页版式设计结构与艺术性探索 常见问题解答 当前所在位置：或.html即可。这时,保存的位置中会出现相应的网页文件了,直接打开,就可看到网页的效果。但是单由记事本编辑出的网页在效果上会过于简单,不美观,或功能不是很完善,这就需要我们在简单掌握html语言后,利用其它的,更为直观的网页制作工具来进行网页的制作了。
1.2 掌握网页三剑客和简单的数据库使用
何为网页三剑客?是目前比较流行的制作网页的三个工具软件,Dreamweaver、Fireworks和Flash。其中Dreamweaver可用来制作静态网页、动态网页、创建和管理网站、制作样式表等等,功能强大,应用范围很广。Fireworks是图像处理软件,不仅具备复杂的图像处理功能,并且能轻松地把图形输出到第三方的应用程序中,它最大的特点是,应用网页制作方面的切片功能,使网页图片处理起来更方便,快捷了。Flas制作软件,目前,大大小小的网页中,都有flas存在着,给网页增添了精彩的效果,使网页更加精致,还可利用flash制作出有趣的游戏,留言板,聊天室等等,是功能强大的应用软件。
网页中经常会用到聊天室、留言板、用户注册、网上问答等等内容,这样网页就被分成了动态网页和静态网页二种,不使用服务器相关内容,不使用数据库链接的网页被称为静态网页,直接使用Dreamweaver来进行编辑就可以了,它的文件名中的扩展名为.htm或.html。而动态网页正是相对于静态网页来说的,它的扩展名一般为.asp或.php等等。这种网页要使用相应的服务器技术,并用到数据库和数据库链接知识。常用的数据库有Access数据库、SQL Server数据库等[2]。
3 网页内容的选取
网页的内容是灵魂,制作的网页是否受欢迎,是否能吸引访问者的眼球,是否能达到预期的效果。这些都是网页制作时我们必须要预先考虑的问题。
那么如何完成内容的定位泥?
① 在定位网站内容时,要做到小而精,切忌包罗万象。把你认为最精彩的东西都放在上面,那么往往会事与愿违,给人以内容泛泛,大而空的感觉.最好做比较专一的内容。试想,如果我们将自己最擅长的某种知识或技术等内容做到网页中,建立一个专题的站点,那么一旦有访问者第一次在这里一下子就找到了他想找的内容的话。那么如果再有这方面的需求,首先就会想到你的站点。
② 如果是个人网页,那就一定要突出自身的个性,当今社会是提倡张扬个性的时代,除了别人都有的内容之外,自己还要融入一些自身的特点,是内容要有亮点,配色也可不拘一格,大胆用色。从各个角度烘托出制作者的独特性格。
③ 如果是企业的站点,要注意的是:企业的运营宗旨是否能完好体现,能否在网页中最大限度体现企业网站功能和用户最需要的内容,用户的操作是否简便等;要做到网页内容主次分明,结构要清晰简洁。
④ 对于能留住访问者的另一个重要问题,就是网页的速度。对于一个浏览页面时间超长的网页,我想不会让人有再次访问的想法。对于线路和网路本身的速度我们不能控制,但我们可以在网页设计中避免一些影响速度的因素。好的网页应是越简单易读越好。我们可以从以下几个方面来考虑。首先,影响浏览速度的最重要因素之一是图片容量大小,漂亮的图片、绚丽的动画效果,会使你的主页增光添彩,但图片的容量大小却是直接导致浏览速度慢严重后果。尽管你的内容精彩绝伦,网页漂亮,但打开你的网页需要等上半天,在这时间就是金钱的时代,谁会再次的光顾呢?可利用图片制作工具将图片进行加工,在不太影响效果的前提下,可利用修改存储格式,降低像素,分辨率,减少动画应用等途经来达到目的。
4 网页制作步骤
制作网页和装修差不多,先从整体的角度构思出网页的内容、色彩等,然后利用相应的软件进行实际操作。
① 网站定位
先确定所要建立的网站的类型,确定网站风格,网站色调,网站层次,将网站结构先确立出来。
② 收集素材
现在的互联上的资源非常丰富,各种各样的图片资源、动画资源等多媒体资源比比皆是,就所确定的网站风格等因素,收集相关素材。
③ 使用Fireworks等图型制作软件将网页先画出来
这一步骤很关键,无论使用哪种网页制作软件,在进行编辑时经常用到表格,用表格来定位图片,用表格来定位文本,用表格来组合被切割的小图片等。因为网页时经常会出现后位置更改的现象,使用表格来规划网页,会得到事半功倍的效果。另外,小图片的下载速度要比一整张大图片的下载速度快的多,所以在网页中多是将大的图片切割成小部分后,利用无边框,无间距的表格将小图片组合成一张大图。那么,第一步,在使用表格制作前,应用图片处理软件进行网页设计,将整个网页的效果图片画出来。第二步,利用Fireworks的切片工具,将所画出的效果图切成适合的小图片,以备使用。
④ 利用Flas制作软件制作LOGO和Banner动画
LOGO是网站的标识,是一个站点的象征,是网站形象的重要体现。一个精美的LOGO可以很好地树立网站的形像。LOGO一般放在网页的左上角,大小有三种常用规格:88×31、120×60和120×90。Banner被称为网幅广告、旗帜广告或横幅广告,是网络广告的主要形式,一般使用GIF格式的图像文件,也可以使用静态图形,也可用多帧图像拼接为动画图像等[2]。
⑤ 添加相应的服务技术
网页如果被制作成动态网页形式,首先要添加相应的服务技术,在我们常用的windows系统中,先要添加IIS网络服务组件,这是windows系统的组件,需要到控制面板中的添加或删除程序对话框中,选择添加删除windows组件一项中进行internet信息服务(IIS)的添加,这时需要我们在光驱中放入系统,或者可以到网络上进行下载。
⑥ 创建数据库
网页中留言板、信息反馈、用户注册等等内容都要通过数据库对其内容进行存储,以备网页调用[3]。一般的asp动态网页使用Access做为数据库,Access使用起来很方便,可以根据向导来创建数据库内容。
⑦ 使用Dreamweaver制作网页
所有的准备工作已经差不多了,我们现在要做的是,用Dreamweaver网页制作软件将已有的图片、文本、数据库等等内容组合到一起,形成我们的网站。首先,创建一个新的站点,在站点内新建网页,一般使用index.htm或index.asp做主页名称。其次,在网页中插入表格,将已经完成的图片、动画等多媒体内容插入到网页中。然后,加入相应的图片效果、鼠标经过、超级链接等内容。最后添加相应的样式表内容,还可以利用行为面板,给网页加入一些特效,如弹出窗口、时间轴特效等。还可以从网站上下载插件,安装在Dreamweaver中,以增添效果。如果动态网页内容需要添加数据库链接内容,那我们就要在Dreamweaver中的数据库面板中进行操作,添加数据源、绑定数据、记录集和服务器等内容。使网页更具有实效性。
5 结束语
网页设计是一个注重实践操作和设计的课程,需要我们在制作中不断的学习,不断的探索;在互联网应用如此广泛的今天,网页制作的是否精美、实用,是否有访问量等等是评价网页优劣的最好方法。让我们在实践中进步,在实践中走出一条属于自己的路。
参考文献:
[1] 丁桂芝.ASP动态网页设计教程[M].北京:中国铁道出版社,2005:16-18.
关键词：技工院校；网页设计
案例教学在信息时代快速发展的今天，各行各业对技术型人才的要求普遍提高。技术院校捕捉到市场对人才的新要求，也在积极地进行教学改革。将全新的教学方法与网页设计教学结合起来，是促进网页设计教学目标实现的重要手段。案例教学法与网页设计课程的操作性与实践性特点相符，以此来打破传统教学模式对网页设计教学的限制，能够让学生的发展需求得到满足。
一、做好内容选择工作
选择案例教学法内容，是实施案例教学活动的第一步。在选择案例教学内容时，教师要坚持两点原则。第一，教学案例要具有真实性与典型性。教师选择教学案例时，需要查找社会生活中真实存在的网页设计案例，杜绝一切不真实的案例走进课堂。教学所用案例要具有典型性，不仅与生活密切相关，更要能够启发学生的网页设计思维，促进学生找到切入点去讨论。实事求是的教学，才能促进学生网页设计能力的提升。第二，教学案例内容要与教学内容相关。之所以将案例教学法引入技工院校的网页设计课堂中，就是为了促进网页设计教学目标的快速实现，让学生通过网页设计知识的学习，提高自己的实践能力。因此，教师需要在教学目标的引导下选择案例教学的内容，本着提高全体学生网页设计技巧的目的选择有针对性的案例教学内容。
二、出示任务书
出示任务书是利用案例教学法实施教学的重要环节。任务书中包括案例学习的内容以及具体要求，教师要重视任务书的设计工作，将学生要掌握的理论知识与实践技巧明确地整理在任务书中，让学生以任务书为引导实施开展学习。换言之，如果学生掌握了任务书中的知识点，达到了任务书中的目标，就等于完成了课本相关内容的学习。值得注意的是，教师要重视技工院校学生创造力的培养，在任务书中设置的任务要具有启发性，设置任务的难度不宜太大，要给学生完成任务的信心。例如，在讲解制作文本网页知识时，教师可以设计这样一个任务书：掌握网页文本格式的设置技巧，如空格、对齐、项目列表、标题、字体字号的设置等。这部分内容学习难度不大，教师可以选择学生所在城市的一个旅游景点，让学生为这个旅游景点设计一个文本网页。这样让学生参与到真实的案例中，可以锻炼学生的网页设计技巧，有利于提高专业技能。
三、组织学生讨论
让学生在案例学习活动中发挥自己的主观能动性，是提升学生学习效果的重要手段。在案例教学中，教师要组织学生就难以解决的问题进行讨论，让学生在互帮互助中成长起来。讨论活动的实施要有标准，教师要求小组内的每一位成员都表达自己的看法，分析自己的网页设计工作，为小组成员的学习贡献自己的力量。在所有观点都摆上台面上之后，再针对关键问题进行讨论。例如，在旅游景点文本网站的设计中，一些学生对旅游景点的特色列表持有不同见解，教师要鼓励学生分析网页服务对象以及受众，讨论出最佳方案，让学生在自主探究中实现个人能力的提升。
四、总结点拨，提高案例教学成效
学生的学习能力再强，也需要教师的引导。在技工院校的网页设计教学中，教师要积极发挥在课堂教学中的主导作用。教师通过案例教学法实施教学，给学生创造了更加自由与多元化的学习、探究与讨论的空间，也让教学内容更加开放，从而使教师的教学行为更加轻松。在学生的讨论过程中，教师要巡回指导，避免使学生的学习走入歧途，浪费时间。例如，在学习网页设计的知识时，教师引入城市现代化进程网页的案例组织学生讨论。讨论中，一些小组在特效功能上产生了分歧，教师要及时指导，帮助学生明晰每一种特效的视觉作用与情感作用，并引导学生开发特效的设计方法，保证案例学习的质量。
五、小结
综上所述，网页设计知识的应用性与综合性较强，教师要重视专业理论知识的讲解，也要针对企业对人才的需求、学生的个人能力等加强对操作方法的指导。选择科学合理的案例教学内容，突出学生在案例学习中的主体地位，让问题讨论更加深入，鼓励学生说出自己的疑惑。科学应用案例教学法，是推动技工院校教学改革的重要环节。
参考文献：
[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[D].南昌:南昌大学,2012.
[2]盛志燕.案例教学法在中职《网页设计与制作》课程中的应用分析[J].信息与电脑(理论版),2015(16).
>> 浅谈网页设计中页面布局的教学 浅析网页设计中的页面布局 浅述网页设计中的页面布局技术 基于CSS页面布局的网页设计 浅谈网页设计中的布局工具 PHP网页设计中SHTML页面的应用 《网页设计与制作》教学中任务的设计 浅谈《网页设计与制作》课程的实训教学 浅谈《网页制作》教学中任务单的设计 浅谈网页制作课程教学中的引导页设计 网页设计中布局模式的比较 浅谈网页设计与制作中应遵循的一些原则 浅谈网页设计与制作中应注意的几个问题 浅谈项目式教学在网页设计与制作中的应用 网页设计与制作中超链接的运用 《网页设计与制作》 浅谈“网页制作”之网页版面的教学设计 《网页制作》教学中的“任务设计” 浅谈网页制作的经验与技巧 浅析基于Photoshop的网页页面设计方法与流程 常见问题解答 当前所在位置：l”“leflframe.html”“mainframe.html”及“框架示例html”。
第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。
第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。
第七，在左框架的表格中选中文字，分别设置文字的超链接。
第八，按下F12键，打开浏览器查看网页内容。
这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。
三、表格和框架的优缺点
表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。
框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。
使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。
四、小结
