科技J目
岛{胸
网页制作的问题与方法探析
赵霞赵国强2
(1.天津市大港油田钻采院科技试验中心,天津市300280;
2.天津市大港油田社会保险中心,天津市300280)
喃耍】网页优化是提高网站运行效率的一个重要环节,而如何制作并且制作出为醒目、吸引人们的眼球网页则成为网站工作的一个关键。本文简单介绍了网页制作的有关内容,并就网页制作的一些问题及方法提出探究,以供行内同仁借鉴,互相学习,共同发展。
良:键词】网页制作;页面元素;整体布局
一、网页制作的基本过程
1)分析阶段:确定W eb站点的目标和类别。确定自己网站的主题和目标,根据主题,网站的设计也有不同
的类别:是为了更好地宣传自己,提高自己的形象而制作网站,还是制作政府部门的形象类的网站,或者是制作个人主页网站。在制作主页时,要针对不同的类别明确自己的定位方向,设计出适合自己需要的站点。2)设计阶段:根据站点的目标整理出站点的内容框架以及逻辑结构图。目标确定后,先把目标细化,并初步收集整理出为达到这些目的、站点需要包含的内容,形成站点设计的需求纲要。待定下内容纲要后,要能够大致画出站点的结构图。3)实现阶段:使用网页制作工具完成页面的制作。目前,网页的制作工具很多,如W ord,E xcel,Pow er P oi nt等O f f i ce组件、
W PS O ff i ce,Fr ont Page,D re a m w e a r,A s p等。4)测试阶段:使用浏览器测试网页的效果和正确性。网页制作完毕后,需要在浏览器中进行网页测试,看看制作的网页效果如何,是否能在淘l览器中正确显示。5)维护阶段。网页经过测试确定没有问题后,就可以把网页上传并发布到I nt er net上。为了吸引更多的浏览者,网页要经常变化,并对制作好的网页进行定期的维护、更新、修改。
二、网页制作中的常见问题
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字号为佳,内文F ont si ze=3到4级为佳;文字的颜最好也是三种以内,不要使用不停闪烁的文字:文字在颜上要与背景有区别。
图片在网页中有很高的地位.在图片的运用上需要把握几个要点:图形的主体最好清晰可见i图形的含义最好简单明了:图片内所含文字应该清晰容易辨认:背景与主体明度对比比例应为3:1到5:1之间为宜;淡系列的背景有助于整体和谐:淡材质背景最佳,能与主题分离的浅标志或文字背景亦可。此外,我们在设计阿页时,既要考虑网页的精彩主动,还要注意内容简练,每—个网页不能使用过多过大的图片。单个网页的大小,最好不要超过50K(包括网页上的图像),所以在设计时应该尽量减小图像文件的大小。
(四)网页分辨率的设置
显示分辨率的数值是指整个显示器所有可视面积上水平像素和垂直像素的数量。例如800x600的分辨率,是指在整个屏幕上水平显示800个像素,垂直显示600个像素。直观地讲,在同一个显示器上,分辨率越高,可视面积越大,看上去文字也越小。
网页分辨率的具体设置,可以在W i ndow s桌面上单击右键,从弹出的快捷菜单中选择“属性”命令,然后在打开的“显示属性”窗口中点击“设置”选项,拖动面板右下方的滑动条即可进行分辨率的设置。在网页设计中,常用的是800x600和1024x768的分辨率,不要把分辨率设置得太高,否贝l J不仅图形、文字过小影响观看,而且显示器可能因承受不了而黑屏。免费个人网站制作眼丧湖南岚鸿权威
【参考文献]
【1】齐兴斌,赵丽.网页制作过程及制作时的注意事项明泽岐情报开发与经济,2006.

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。