浅析网页设计原则与制作技巧

摘 要 网络技术快速发展的今天，网页制作这门技术对学生而言已经是必须掌握的，本文中笔者根据对网络制作教学概况，介绍了网络制作中的部分技巧与制作时常见问题和解答方案。

关键词 网页制作 技巧 解决方案

中图分类号：TP393.092 文献标识码：A

1设计原则

1.1表格的定位功能

网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。

（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。

（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。

1.2文件的命名

网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。

1.3图像的无缝拼接

网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。

1.4个人站点中导航按钮的设计

设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。

2制作技巧

网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。

比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。

保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。

色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。

3结束语

网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作网页的方法，在知道了一些技巧之后一定要付诸实践，这样才能更好地掌握，把别人的知识变成自己的知识。

参考文献

[1] 王为正，何小翠，应红.计算机网页制作中几个疑难问题研究[J].金华职业技术学院学报，2003（2）.