网页制作技巧及教学实现
- 格式：doc
- 大小：26.50 KB
- 文档页数：4
网页制作技巧及教学实现
【摘 要】一个设计独特、创意新颖、页面诱人的网页会让你驻足停留、仔
细欣赏一番。如果让学生掌握网页制作技巧，克服网页设计的误区，要把握网页
设计传达的主要信息，网页内容要不落俗套，求“新”求“实”， 教学应本着因势
利导，分步实施。
【关键词】网页；制作技巧；应用
随着网络技术的迅速发展，人类社会进入了网络信息时代。作为教育主阵地
的高等学校，也纷纷兴建自己的信息网络，校园网已成为各高校师生教学、交流
的重要平台。其中，网页制作是高职院校网络专业的实训课，如何让学生掌握网
页制作技巧，这是一个值得认真探讨的重要内容。
1 网页设计前要统筹安排，准确定位设计方案
我们设计网页必须首先确定自己需要传达的主要信息，然后细致斟酌，把所
有意念合情合理地组织起来，之后是设计一个页面式样，试用于有代表性的用户，
接着重复修订，务求尽善尽美。
设计网页之前必须认真分析网页的主题，内容等诸多因素，以准确定位设计
形式。在教学上要引导学生先做好准备工作，如硬件环境的整理；素材及软件等
工具的选取。教师应帮助学生将网页设计方案定位在“突破重点、解决难点、化
静为动、化虚为实、化大为小、形象直观、不限时空”的层面上。
其重点环节在于鼓励学生在选择形式和内容上要抓住新鲜感，网络上不断有
新事物出现、每天都有新花样。如果你的主页从不改变，用户很快会厌倦。因此
网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计
网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的
网站。
网页内容的特点是“相对实用性大”，一个网页尽管设计得趣味盎然，引人入
胜，但这不是吸引用户最好的理由。要想最大限度地留信用户首要的是要让它有
用处。
2 网页设计的技巧及教学实施
网页设计技巧涉及面广，因此在教学中应本着因势利导的教学方法，分步实
施教学。
2.1 网页命名要简洁
一个网站不可能就由一个网页组成，它有许多子页面，为了能使这些页面有
效地被连接起来，用户最好能给这些页面起一个有代表性的而且简洁容易记的网
页名称。这样既会有助于以后方便网页管理，在向搜索引擎提交你的网页时更容
易被别人索引到。
2.2 页面要有良好的导览性
主页的其中一个很重要的功能就是作为导航工具，指引用户查阅你存储在网
址或其他地点的信息。因此在设计网页时，应尽量使导览过程变得轻松。基于清
晰明确的考虑，主页上的超级联接内容只限于几个高级的类别。此外，还要保证
超级联接的层数不能太多，超过4层以上的联接信息将会使人厌烦。因此，必须
在广度和深度之间求取平衡。
2.3 排版时要注意细节
别轻易让文字居中和使用粗体或斜体字符。不要把重要的内容排版放到网页
的细尾，因为读者的视线可能停留在主页上面多一点，或者有些读者没有耐心往
下看那么远。
2.4 整体设计要符合视觉效果要求
不必在页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并
能为列表项增加色彩活力。另外，网页设计好后，一定要在不同类型的浏览器和
不同分辩率的情况下测试主页。如果页面有图片，要为图片添加适当的文字说明，
便于用户在图片出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如
此。整个页面要保持风格一致，网页上所有的图像、文字，包括像背景颜色、区
分线、字体、标题、注脚等要统一风格，贯穿全站。
2.5 要多使用图像缩微图
比如有一张800×600像素的1600万色扫描图，所占空间约50K，使用
PhotoShop这一类的图像编辑工具对原图进行重新取样，比如高度为100像素（为
确保浏览器及时以合适的大小显示图像，高度和宽度很重要。也许为了达到你自
己的要求你得进行调整才能找到最合适的大小，但可以从高度除以4～6开始），
PhotoShop会自动计算新图像的宽度。保存新图像，它的大小现在应为8K或更
小。
2.6 要善用GIF和JPG格式图像
目前网络上大多数使用GIF和JPG交互格式的图像，因为交互格式的图像
是分级显示出来的：首先以很低的分辩率显示，然后逐步提高分辩率，直至达到
正常显示。这种方式有时候会使较大的图像看起来好像装载得快一些，实际上并
非如此，但这是一种有益的错觉。这样也便于读者在图像装载的过程中看到它的
模样，如果他们不喜欢或不想看的话就有机会中断传输或转到别的地方。
2.7 要善用导航标志
每个页面都要有导航标志，所有页面从头到尾都要使用导航标志，尤其是要
用“返回到首页”连接。可以在每个页面都这样做。如果是图像导航按钮，那么要
有清晰的标识，让人看得明白，千万别只顾视觉效果的热闹，而让人不知东西南
北；而文本导航的链接颜色最好用约定俗成的；未访问的，蓝色；点击过的，紫
色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者一个清楚
明白的导向。
3 网页设计应注意的几个误区
由于网页设计形式灵活多样，内容丰富多彩，设计软件层出不穷，学生极易
出现困惑，设计思路因之出现偏差。常出现的设计误区主要表现为：
3.1 冗长的页面长度
当一个页面很长时就该要注意了，因为它的传输时间明显要比较短的页面的
传输时间长，太长的页面传输会使访问者在等待中失去耐心。而且为了阅读这些
长文本，访问者不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间，因此，
网页设计的长度要适中。
3.2 闪烁的文字太多
有的设计者想通过闪烁的文字来引访问者的注意是可以被理解的，但一个页
面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响
用户去访问该网站的其他内容。
3.3 页面使用太多的动画
大家都喜欢用GIF动画来装饰网页，它的确很吸引人，但我们在选择时，
是否能确定必须用GIF动画，如果答否，那么就选择静止的图片，因为它的容
量要小得多。同样尺寸的LOGO，GIF动画的容量有5K，而静止LOGO只有3K。
虽然只有2K之差，但多起来，就会影响下载速度，所以不宜使用太多的动画。
3.4 设计（辅助）软件贪多求全
现在的网页设计软件有很多，在设计软件的选择上要精选，不能让学生看花
了眼，影响设计过程。
3.5 过多地使用Java程序
不要使用大幅面的JAVA程序，能够用JAVASCRIPT替代效果的则尽量不要
使用JAVA。因为目前来讲JAVA的运行速度相对较慢。
网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作
网页的方法，在知道了一些技巧之后一定要付诸实践， 这样才能更好地掌握，
把别人的知识变成自己的知识。
