网页制作中的常见问题及处理分析

廖丽

摘 要：网络已经成为人们生活中必不可少的部分。网页设计至关重要，设计者在制作网页时会面临较多的问题与挑战，例如网页打开不顺利，没有做好网页制作记录等问题。不仅对浏览者产生影响，对网页设计者也会产生消极影响。网页制作者需要把握网页制作原则，例如统一原则、分割融合原则、对比提出原则等，明确网页定位，做好相关的主题颜色设计，让网页凸显特色。在同一网页中避免使用过多链接、做好色彩与板块规划等，做好网页制作工作，提高自身的业务水平，为浏览者设计更佳的网页，加深网页影响力度。

关键词：网页制作；网络；原则；分析

随着计算机网络技术的推广，互联网的应用已经得到普及。网站已经成为一部分人的生活必需品，成为人们及时了解社会信息，查询工作、学习所需资料的重要途径。各种网络商务贸易也应用而生。如何制作网页，让人顺利浏览到网页信息，是网页制作需要制作的问题。某些机关的网站存在设计弊端，打开后不是分辨率受限，就是在浏览网页过程中经常出现错误信息反馈，无法正常浏览网页。若网页信息没有及时保存则会造成一定的麻烦。充分做好网站建设前的准备工作，注意网页制作过程中可能出现的问题，掌握网页制作技巧。

1 网页制作设计原则分析

1.1 连贯融合原则

设计者需要注意页面之间的相互关系。充分利用网页上个板块在内容或者形式上的联系，彰显它们之间的联系。确保页面设计风格保持连贯性，不会给人突兀的感觉。确保浏览者从视觉体验与心理感触都是一致的，网页整体融洽，犹如一体。

1.2 整体统一原则

网页设计需要体现整体性、统一性。这对网页制作的整体效果提出较高的要求。设计者在设计过程中，需要将网页各个板块整合到一起，确保网页颜色整体融洽，避免出现网页分散、浏览者无法找到重点内容的情况。

1.3 分割融合原则

保证网页统一、连贯的基础上，针对不同版块不同内容设计与网页整体风格相符，又可以突出各小版块。也就是实现对同一页面上不同版块的分割。让浏览者及时找到自己想要的信息内容。而不是将所有的版块统一同样的颜色，运用同样的FLASH。页面分割是网页表达的形式需要。

1.4 和谐自然原则

网页的和谐自然指的是页面符合人类对美的评判准则，呈现犹如一体的风格。不仅需要优化页面打开速度，还要从视觉角度考虑，确保网页中的图片、各种程序的运用能够保证页面的大方、整洁。

1.5 对比突出原则

网页需要通过一定的矛盾冲突，富有生气的设计进行重点突出。运用对比手法，体现不同小版之间的联系与区别。设计者在确保不破坏网页整体美感的基础上，遵循统一原则，运用颜色强与弱、线条粗细、疏密等方式，凸显网页的活泼或特色。

2 网页制作前期准备工作

2.1 明确网站定位，合理规划特色

制作网页首先需要明确网页的面向的浏览群体，明确网站定位，才能进行下一步的设计工作。在确定网页定位的基础上，进行相关的创意活动。网页设计者需要明确浏览群体的审美特点、消费习惯等基本情况，确定网页的主题风格。对于一些政府政务网站则需要考虑到政府机关自身的形象。运用鲜明的主题，体现网页的特色。

2.2 网站页面版式与颜色设计

网页页面直接呈现网页所属者的形象，要简洁大方。切勿在网页中融入过多的无关元素或者过于花哨的元素。否则会扰乱浏览者的视觉，造成浏览者产生抵触心理。网页页面设计需要让浏览者产生耳目一新的感觉，能够在浏览者内心中留下较好的印象。每个网页都需要根据自身页面的内容确定一种适宜的主题颜色，让人们看到相似的颜色搭配后会产生网页联想是最佳效果。设计者可以运用一到两种主题色，避免让页面显得枯燥单调。例如，政府政务网站多选用蓝色，以彰显公平、正义、高效等特点。儿童类网页则会多用比较鲜明的颜色，烘托出较为活泼的气氛，吸引活泼好动的儿童。

3 网页制作中值得注意的某些问题

3.1 建立完善的网页目录结构

建立网页目录结构是网页制作的基础。网页涉及到较多的路径，对初学者或者熟练者都是一场考验。初学者由于缺乏网页制作经验，容易搞不清网页制作内容，凭借一股冲动匆忙进行网页设计制作，经常出现自己制作的网页不能正常打开。网页制作是一项复杂的系统工程，需要掌握工序原则，理清工作思路，分清不同网页之间联系，同一页面之间的链接所用路径。导致工作思路受阻，不能设计出可正常浏览的网页。

3.2 避免用中文进行文件夹命名

网页制作者在进行网页制作时，使用中文的文件名或者目录名，在微软公司推出的IE浏览器中可能看不到所需要的文件夹，需要避免运用中文命名文件名或者目录名，尽量使用数字、下划线、英文等符号构成文件名，避免出现信息丢失的假象，造成网页制作者的心理恐慌。尽量不用中文命名目录名或者文件名是制作者需要养成的良好习惯。制作者可以根据制作日期、网页的英文标识或者网站的汉语拼音进行相关命名。

3.3 恰当地使用标题

网页可以表达特定内容，网页标题体现了网页内容的精华。制作者们可以将网页标题置于浏览器的标题栏中。如果网页信息比较多，比较杂，则不适宜将网页标题与网页信息放在一起。否则会造成浏览不便。网页制作者需要根据网页信息选择是否使用标题。网页信息较为简单直接，那么可以选择使用恰当的标题，吸引浏览者的注意，让浏览者第一时间了解网页基本信息。

3.4 合理控制超链接数目

在网页导览系统中，恰当地运用超链接，可以起到锦上添花的作用。我们可以认为适当地使用超链接是优秀导览系统必不可少的部分。但是如果在较短的网页文章内多次使用超链接，即影响网页信息的顺利浏览，损害行文之间的流畅感，也会带给浏览者一定的不舒适感。过多的超链接是没有意义的。笔者认为在一篇网页文章中，包含的文字式或者其他形式的超链接最好不要超过十个。

3.5 解决网页下载速度慢问题

下载表格内容较下载其他内容需要耗费更多的时间，只有当表格全部内容下载后，浏览者才能进行完整有效浏览表格内容。所以，如果网页制作者在一个网页中设计过多的表格，则会致使网页下载速度大大减慢。通常情况下，浏览者打开网页时，网页的显示顺序是自上而下逐步显示余下的内容，但是若遇到页面中存在表格，则需要等待表格中所有内容都下载完全后才能显示出来。而且在下载过程中，浏览者见不到任何下载信息显示，或者提示。网页的缓慢下载对浏览者的心情产生消极影响。笔者建议，如果要在网页中嵌入表格，最好不要将网页内容放到一个大表格内，可以分割成几个小表格。或者运用表格来定位，一行一行地设计。

3.6 选择适宜图像精度

网页制作的最终目的是显示给浏览者看。通常情况下，我们会选择图像精度为72dpi，如果选用高于显示屏分辨率的图像分辨率，也会不能显示自身的优势，浏览者无法体验出图像的增强效果，反而会影响到网页下载速度。某些图像原始尺寸较大，但是网页显示区域是有限的，制作者们会选择在DW中缩小图像来解决这一问题。实际上，在DW缩小图像时并没有改变图像真正的大小，下载仍需要消耗较长的时间。为解决这一问题，我们进行图像输出时，要适当降低输出精度，确保图像分辨率大小适宜，同时也确保输出正确的图像格式。保证浏览者能够顺利浏览网页，感受到制作者选用图片的用意。

3.7 确保网页前景与背景的配合

笔者在文章前面提到过，网页是一个有机整体，不单单是几个网页版块的结合，其前景与背景必须紧密配合，才能体现出美观协调感。这对网页制作者的Photoshop基本技术的扎实程度是一个考验。我们把网页上的图像当做一个矩型区域。制作者所选用的图案的边缘部分可能会与背景颜色有一定差异。如果简单地将图像置于网页中，则浏览者必然会看到前景与背景颜色差异表现出来的突兀，影响网页的美观效果。制作者要确保网页前景与背景的配合，对前景图的边缘部分进行相应的处理工作，确保前景可以与背景有机融合到一起。制作者选用Photoshop处理前景图时，可以采用羽化、透明等技术来实现融合目标。如果前景图像色彩与分辨率要求低，周围保留较多留白时，制作者可以选用透明的GIF格式作为图像应用格式。此种方法不适宜制作者选用图像色素多的情况或者前景边缘颜色与背景有显著差异时。此时，笔者建议网页制作者运用JPEG格式作为应用格式，通过对前景图进行适当宽度的羽化处理，实现前景与背景的融合变化，进而制作出协调一致的网页布局或者网页显示效果。

3.8 设计网页导航按钮

网页制作者在进行个人站点导航按钮设计制作时，笔者认为可以选用与网页主题相关的现成图片。例如制作一个图书网页，则可以选用一本词典图片作为导航，词典目录就是网页的栏目。例如制作工商局网页，则可以选用公平秤图片作为导航。对于个人网站，则可以通过Photoshop等辅助手段来制作个性导航按钮，增添网页特色。

3.9 网页分辨率的设置

网页分辨率设置问题是一个非常重要的问题。运用正确的分辨率浏览网页，可以获知网页全部信息。通常情况下，我们认为分辨率是用来表示平面图像精细程度的技术参数。是网页浏览或者网页设置中经常用到的数据。图像通过横向与纵向点的数量来体现。如果分辨率越高，表现图像的点数越多，图像越精细。反之表达图像的点数越少，图像越模糊，人们很容易看到纵横分布的点。电脑显示屏的分辨率通常是固定的几个值。显示分辨率的数值显示了显示器可见平面上垂直像素与水平像素的数量之和。如果网页制作者设置网页的分辨率为800×600，浏览者若使用较大的分辨率浏览网页，则会发现网页信息不能布满整个屏幕，文字较小，不利于浏览。如果网页制作者设置网页分辨率为1280×800，浏览者使用较小的分辨率，则会发现网页信息显示不全，字体过大，影响浏览情绪。避免出现这个情况，网页制作者可以网页给予浏览者提示，使用适宜的分辨率，以便达到较好的浏览效果。

4 小结

网页制作是一项系统工作，制作者经过精心设计后才能进行制作工序。网页设计需要遵循一定的原则，需要与网页所要表达的内容相吻合。制作者需要运用整体化的思维来解决网页制作问题，遵循之前的设计思路，进行一步接一步的制作工作。制作者在网页制作过程中可以积累越来越多的知识，发现解决问题的新思路，找到自己的制作漏洞。随着制作者自身经验的不断积累，并将这些经验正确运用到实际工作中，结合相关理论知识，表达正确的设计理念，为网页所属者制作出实用的网页，通过网页宣传企业或者个人形象。网页制作者都会经历由生疏到熟练的过程，掌握制作技巧后，也需要不断学习，寻找设计灵感，提高自身的设计素养与制作水平，促进自身不断发展。

[参考文献]

[1]刘喜荣.网页制作中值得注意某些问题和一些实用方法[J].微计算机应用，2003.03.

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

[3]廖聪尧.Photoshop在网页制作中图像处理的应用[J].网友世界，2012.12.

[4]李建霞.浅谈图像处理技术在网页制作中的应用[J].电脑知识与技术，2010.05.

[5]孙聪妮.探讨网页制作方法与技巧[J].信息与电脑（理论版），2013.07.

[6]余先锋.网页设计与制作[M].西安：西安电子科技大学出版社，2000.

[7]刘小伟.网页设计实用教程[M].北京：中国铁道出版社，2003.

[8]王春红.网站规划建设与管理维护教程与实训[M].北京：北京大学出版社，2006.

[9]张志强.网页制作时应该注意的问题[J].电力学报，2007.02.

[10]赵晓静.浅谈网站建设和网页制作的方法[J].电脑知识与技术，2005.09.

[11]陆校松.浅谈网站制作的常用软件和基本流程[J].福建电脑. 2013.08.