网页制作的问题与方法探析

网页制作的问题与方法探析

赵霞

赵国强2

(1．天津市大港油田钻采院科技试验中心，天津市300280；

2．天津市大港油田社会保险中心，天津市300280)

喃耍】网页优化是提高网站运行效率的一个重要环节，而如何制作并且制作出为醒目、吸引人们的眼球网页则成为网站工作的一个关键。

本文简单介绍了网页制作的有关内容，并就网页制作的一些问题及方法提出探究，以供行内同仁借鉴，互相学习，共同发展。良：键词】网页制作；页面元素；整体布局

一、网页制作的基本过程

1)分析阶段：确定Web站点的目标和类别。确定自己网站的主

题和目标，根据主题，网站的设计也有不同的类别：是为了更好地宣传

自己，提高自己的形象而制作网站，还是制作部门的形象类的网

站，或者是制作个人主页网站。在制作主页时，要针对不同的类别明确自己的定位方向，设计出适合自己需要的站点。2)设计阶段：根据站点的目标整理出站点的内容框架以及逻辑结构图。目标确定后，先把目标细化，并初步收集整理出为达到这些目的、站点需要包含的内容，形成站点设计的需求纲要。待定下内容纲要后，要能够大致画出站点的结构图。3)实现阶段：使用网页制作工具完成页面的制作。目前，网页

的制作工具很多，如Word，Excel，PowerPoint等Office组件、WPSOffice，FrontPage，Dreamwear，Asp等。4)测试阶段：使

用浏览器测试网页的效果和正确性。网页制作完毕后，需要在浏览器中进行网页测试，看看制作的网页效果如何，是否能在淘l览器中正确显示。5)维护阶段。网页经过测试确定没有问题后，就可以把网页上传并发布到Internet上。为了吸引更多的浏览者，网页要经常变化，并对制作好的网页进行定期的维护、更新、修改。

二、网页制作中的常见问题

0怎4f-ai定网页的整体风格和创意

人们的第一感觉至关重要，即使你有很好的内容，若页面色彩搭配不当、图片太大、广告及动画过多，很难让^继续保持愉快的心情耐

，眺看下去。所以，在网页制作过程中要尽量采用简洁明快的风格，巧

妙地将内容与形式结合起来进行大胆的创意。

㈡怎样设置网页页面色彩

现在很多网页设计者，注重如何用各种图片来美化网页，也注重

用表格规划网页，使各种信息以整洁、有序的方式展现在人们面前。但

是还有—个非常重要的因素值得仔细考虑，那就是网页的色彩。对于一个陌生的网页来说，吸引浏览者第一注意力的，往往不是内容，而是布

局与色彩。因此，在设计网页时，我们必须要高度重视色彩的搭配，让

浏览者感到赏心悦目，从而能继续阅览下去。

(三)怎样设计网页页面中文字和图片

进行网页设计时，在网页上适当地运用字体和颜色的变化，可以使网页显得更加美观。有关文字的设计使用，也是网页更富有吸引力的

—个关键。在通常情况下，制作者就会面临这f苹一个问题，即如何安排

网页中文字与图片。

(四)怎样设置网页分辨率

分辨率是一个表示平面图像精细程度的技术参数。通常情况下，它是以横向和纵向点的数量来衡量图像的细节表现力，并以水平点数×

垂直点数的形式来表示。在—个固定的平面内，分辨率越高，意味着可

使用的点数越多，图像也越细致。我们在访问网站时有些网站会提示要

用800x600的分辨率浏览，因此如何设置网页分辨率也成为我们网页制作中的—个问题。

三、网页制作中问题的解决

法

(_)解决网页风格和创意问题

针对网页制作中如何如确定网页整体风格和创意这一问题，我们

首先要遵照以下几条原则来进行网页的整体规划：1)页面要“透气”，

就是信息不要太过集中，以免文字编排太紧密。2)不要有太多分散注

28

2009年8月f下j

意力的点，动态闪烁要适中。3)防止设计与实现过程中的偏差，不要具体规定放多少条信息。4)增强视觉效果，加强页面的可视度和可读性，设计的各部分，要配合整体风格。5)要考虑浏览器上部占用的屏幕空间，防止图片截断等造成不好的视觉效果。

(二)网页页面色彩的设计技巧

色彩在—个网页中只能有一个基调，其它色彩只是起衬托、点缀、补充的作用，而不能喧宾夺主，弄得人眼花缭乱。这个基调决定这个网站是严肃的，还是活泼的。网页设计虽然属于平面设计的范畴，但它又

与其它平面设计不同，它在遵从艺术规窜的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度

很高的单一色彩，这样容易造成视觉疲劳。对此我1门可以采取色彩调配的方法来进行网页制作，例如：1)采用单色调，只用一种颜色，在明度和纯度上作调整，间用中性色。2)采用调和调，用标准色的队列中邻近的色彩作配合，但耍注意在画面的局部采用少量小块的对比色以达到协调的效果。3)对比调：对比色可以突出重点，产生强烈的视觉效果，通过合理使用对比色能够使网站特色鲜明、重点突出。

㈤网页页面中的文字和图片的设计

有关文字的设计使用，我们要注意每一行文字的长度最好20到30个中文字(40到60个英文字母)。不要用太大的字，因为版面是宝贵、有限的，粗陋的大字体不能带给访问者更多信息：设计时注意段落与段落间空行及首行缩排方式以辅助阅读：标题以H1到H3字号为佳，内文Fontsize=3到4级为佳；文字的颜色最好也是三种以内，不要使用不停闪烁的文字：文字在颜色上要与背景有区别。

图片在网页中有很高的地位．在图片的运用上需要把握几个要点：图形的主体最好清晰可见i图形的含义最好简单明了：图片内所含文字应该清晰容易辨认：背景与主体明度对比比例应为3：1到5：1之间为宜；淡色系列的背景有助于整体和谐：淡色材质背景最佳，能与主题分离的浅色标志或文字背景亦可。此外，我们在设计阿页时，既要考虑网页的精彩主动，还要注意内容简练，每—个网页不能使用过多过大的图片。单个网页的大小，最好不要超过50K(包括网页上的图像)，所以在设计时应该尽量减小图像文件的大小。

(四)网页分辨率的设置

显示分辨率的数值是指整个显示器所有可视面积上水平像素和垂

直像素的数量。例如800x600的分辨率，是指在整个屏幕上水平显示800个像素，垂直显示600个像素。直观地讲，在同一个显示器上，分辨率越高，可视面积越大，看上去文字也越小。

网页分辨率的具体设置，可以在Windows桌面上单击右键，从弹出的快捷菜单中选择“属性”命令，然后在打开的“显示属性”窗口

中点击“设置”选项，拖动面板右下方的滑动条即可进行分辨率的设置。在网页设计中，常用的是800x600和1024x768的分辨率，不

要把分辨率设置得太高，否贝lJ不仅图形、文字过小影响观看，而且显示

器可能因承受不了而黑屏。

【参考文献]

【1】齐兴斌，赵丽．网页制作过程及制作时的注意事项明泽岐情报开发与经

济，2006．