浅谈网页制作

JournalofJilinProvinceEconomicManagementCadreCollegeVol󰀁18󰀁NO.1February󰀁2004浅谈网页制作

󰀂󰀁李显萍

(吉林省经济管理干部学院,吉林长春130012)

[摘󰀁要]网页是网站构成的基本元素。网页不光是把各种东西放上去,能看就行。网页制作者要考

虑如何使受众能更多地和更有效率地接收网页上的信息,从而对网站产生良好的印象。这就需要能制作出清晰、整体性好的页面,而且要避免一些常见的误区,给网客一个个精彩的网页。[关

键

词]网页;主页;网页设计

[中图分类号]TP393.092󰀁󰀁[文献标识码]A󰀁󰀁[文章编号]1009-0657(2004)01-0060-03

󰀁󰀁网页设计是一门新兴的设计类和网络的交叉学

科,近几年随着网络的发展而逐渐受到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众。网页设计也从此走进了人们的视线中。要想将页面做的既漂亮又实用,是一件不容易的事,笔者认为应从以下几个方面来考虑。

一、称手的工具

工欲善其事,必先利其器。现在提供给我们制作用的工具有很多,尤其是那些!所见即所得∀的网页设计工具更让初学者容易上手,不用去记的HT󰀂ML语言。如垄断了很大计算机系统软件市场份额的微软公司的FrontPage系列,由于与微软的office组件相似的操作界面,得到了不少初学者的青睐,并也被公认为是!最容易上手∀的一种软件。从随系统附加的FrontPageExpress到目前的FrontPage2000已经被归为桌上办公软件而集成到Office2000中了。另外,就是给人很Cool的感觉的MacromediaDreamweaver系列,MX的中文正式版已经可以购买使用了,它给人最大的吸引力就是引入!Layer∀和!TimeLine∀的概念,可以很容易地做出时下流行的所谓动态主页,另外再用MacromediaFlash、Macromediafire󰀂works加以配合就更加完美了,三个软件被称为!网页三剑客∀成了现在公认为比较标准的网页利器。

再有就是那些体积很小的非所见即所得的软件了,如HotDog、与CuteFTP捆绑的CuteHTML等都是不错的网页编辑软件,不过使用这些软件要求网页制作者对HTML语言掌握的程度就要高一点了,大家可根据自己的情况选择这些软件来用。以下是有关资料统计出来的专家最喜爱的WEB设计工具,大家可以借鉴一下。(一)AdobePhotoshop、(二)Macrome󰀂diaFlash、(三)MacromediaDreamweaver、(四)AdobeImageRead、(五)AdobeIllustrator、(六)MacromediaFireworks、(七)MacromediaFreehand、(八)MicrosoftNotepad、(九)MacromediaDirector、(十)Lightwave。

二、兼容性问题

作为网页的编辑者,兼容问题还是应该在编写的时候应该加以考虑的,譬如文本的格式、图片的插入、各种JavaScript或VBScript等嵌在网页中的程序都存在着兼容与否的问题。不仅是各种浏览器之间的兼容,即使是同一种浏览器,不同的版本也存在着这个问题。解决问题的办法就是 调试!不断地在各浏览器之间调试和做取舍,如果是同一种浏览器,不同的版本之间的调试的原则就是:尽量写向下兼容的源代码。如有必要的话就在网页中注明:用什么浏览器、解析度是多少、字体调整到多大才能得到最佳浏览效果等等,这未尝不是一种补救的办法,

󰀁󰀁[收稿日期]2003 10 12

[作者简介]李显萍(1967 ),女,汉族,吉林长春人,吉林省经济管理干部学院实验师,主要研究方向为网页制作、网站建

设、电子商务。

#60#但不是聪明的办法。

三、内容是灵魂

努力的方向有很多,所有相关技术都不应忽视,不过必须要知道:!网页中的内容是灵魂!∀华而不实的网页是不会有很高的访问量的(除非作者在代表访问量的数字上作弊,不过那就更说明问题了),这纯粹是浪费宝贵的网络资源。那么究竟应该做些什么内容呢?其实也没有可遵循的一成不变的原则,理论上,只要不违反国家的法律,不违反人们基本的道德标准的内容都可以做到网页中去,可是谁愿意自己辛辛苦苦做的东西无人喝彩呢?所以,我的建议是:第一,在定位网站内容时,要做到小而精。如果你想作一个包罗万象的站点,把你认为最精彩的东西都放在上面,那么往往会事与愿违,给人以内容泛泛,大而空的感觉。最好做比较专一的内容。试想,如果我们将自己最擅长的某种知识或技术等内容做到网页中,建立一个很!专∀的站点,那么一旦有访问者第一次在这里一下子就找到了他想找的内容的话,那么下次如果再有这方面的需求,是不是首先会想到你的站点了呢?所以这个原则比较适合那些想做某些服务性强的网页的人。第二,如果是纯粹的个人网页,那么就一定要突出自身的个性,甚至是个性的张扬。除了那些别人都有的之外,自己还要融入一些自身的特点,想做个人网页、想让别人对你感兴趣、想在网上有一番作为,那就一定要有!绝招∀。不然,网页即使做得很漂亮 哪怕!白里透红∀,也未必!与众不同∀。第三,如果是企业的站点,主页与其他网页都要注意的是:在网页中是不是能体现自己的企业宗旨,如何在网页中最大限度体现企业网站功能和用户最需要的内容,用户的操作是否简便,是否会在网页中迷路等等,其实也就是要求网页中的内容要主次分明,结构要清晰简洁。

四、网页的速度

当前,速度仍是影响网络阅读最主要的因素。随着网络的极速膨胀,人们抱怨最多的,还是网络的速度。通常线路的速度却不是您所能控制的,但您可以在网页设计中避免一些常见的误区,将您的主页的文件尺寸尽量缩到最小,以达到增速的效果。关于什么样的网页才是最好,从未有过定论。但现在的趋势是:越简单易读,越好。可以从以下几个方面来考虑。首先,注意图片容量大小。漂亮的图片会使你的主页增光添彩,但图片的容量大小却是影响浏览速度的最重要因素之一,鉴于现在的网络速度,尽管你的图片做的很精致,但少有人为了一张装饰用的图片等上半天,时间就是金钱,除非有必要,否则装饰用的图片、图标一般不应超过25K。用COOL3D、X3D等工具制作图片,在存储时,一定要选上交错一项,这样可以先显示出图片的轮廓,再逐步清晰,不用等图片下载完毕再一下显示出来!下载来或刚做出来的图片,一定要用ACDSee等工具查看一下大小,再决定是否用在自己的主页上。目前网客上网的一个最主要目的就是寻找信息,速度越快越好,!赏心悦目∀决不是您网页的主要设计目标。一些必须的照片或图画可制成单独的链接以分流主页的大小。记住∃过多的图形意味着访问者必须多次连接Server,严重影响网络速度。其次,每页的内容不要过多。必要的分类与分页不仅有助于阅读,也能有效减少每一页的读取时间,易受网客欢迎。一般的网客在一个网页只会停留极短的时间,若您的一个网页有几页长,您就该考虑分成几个链接,争取把最主要的内容放在首页。主页长度限在三个整屏以内,有的网站主页拉得很长,让读者握着鼠标翻半天。别跟读者为难,凡事从人家的角度多想想。一般来说,主页长度应限定在三个整屏以内,一个半屏为最佳,容不下的多分几页就是了。第三,尽量避免使用Java、JavaScript或一些闪烁特效。Java的调用一般比文字慢许多,而它对于以信息为主的网页来说用途极小。另外,许多网客为了加快网络速度都会将浏览器上的Java关闭,您的费心设计很可能是费力不讨好,所以尽量不要尝试使用Java。用到页面或字体特效的时候(如垂直滚动文字),尽量使用JavaScript,而不要使用JavaApplet。Java的速度很慢,通常要半天才可以显示出来,还要上传Class文件供Java程序调用(每种效果需要一个Class文件),很是麻烦,并且在Java做的特效没显示出来的时候,页面上是一大块灰色(或白色),严重影响页面的美观。JavaScript则是直接把程序写在页面上,大大提高了浏览速度,而且有些JavaScript特效是Java不能实现的,这样不再有一大块灰色,如果你不会脚本语言,那再去搜索引擎上找一下吧,现成的程序源代码很多,只需复制和粘贴就行了!决不要过多使用闪烁的图形或文字特效。通过使用标识可以吸引访问者对你的主页或网页特殊部分的注意,但这也让你的访问者头痛。如果你想让访问者再次光顾你的网站就少用此法,不要过多装饰。网页设计者们常常喜欢使用各种漂亮的小!摆设∀来装饰网页,但过多的装饰不仅影响网络速度,更容易引起读者华而不实的感觉。网客们越来越注重的是内容而不是华丽,所以除非您想展示您的审美观,否则不要为了华美而忽视速度。

五、不要以为你的网页在别人的浏览器上还是你设计的样子

这是一个经常发生的网页设计问题,设计者总是以为自己的网页在所有人的浏览器上都是一样的,是所见即所得(Whatyouseeiswhatyouget),这是非常错误的。首先,许许多多的网客并不使用您所喜爱的浏览器,即使是同样的浏览器,比如说Netscape,在不同的环境下也会常常不一样,其次,许多人使用不同的窗口大小,即使您注明!请用800x600的解析度欣赏∀也很难让许多网客遵循您的建议而改变设置。另外您设定的颜色字体等在别人的眼中可能都不一样。由此引起的一个后果是你认

#61#为完美的设计在别的系统可能会产生严重的变形和扭曲,让人无法阅读。也不要假设人们都在用您正在用的最新版本的浏览器,实际上许多人还在用IE或网景的4.0版。下面几个方面的建议仅供参考。一是尝试使用不同的环境下的浏览器检验您的网页。用尽可能多的环境下的浏览器检验您的网页,或者让朋友们在不同的机器上读读您的网页。最起码要保证PC下的IE和Netscape,以及Unix下的Netscape能满意显示您的网页。二是不要故意使用最新的网页功能。不要为了个人兴趣而去使用某些浏览器的最新的功能,这不仅可能让许多网客在读您的网页时遇到Bug,也为您将来的维护增添麻烦。目前您的网页最好能面向IE3.0和Netscape3.0,这样您的网页会和几乎所有的网客的浏览器兼容。您若是使用较新的HTML编辑器,您会很容易失去对网页设计的控制,这时最好只用它较基本的功能。若有可能最好学HTML语言,以便必要时用手工改写您的网页。三是不要将网页设计的太宽。多数人能容忍上下翻页的动作,但很难忍受读网时横向的左右扯动。网页的大小可以设计的保守一点以防止使用较小窗口的网客无法阅读您的网页。这一点在使用frame时更要注意。四是慎重使用框架(Frame)。高效合理的应用框架,可以使你的网页结构层次清楚,使浏览者很快地找到需要的内容,这对提高回访率是很重要的。使用Frame时切忌贪图大而全,每页最好不要用两个以上的框页,最好不要每个框页都有ScrollBar,任何框页都决不要出现横向的ScrollBar。设计不好的框页能严重影响loading速度。更好的做法是保留一个没有Frame的版本供网客选择。五是不要使用非!标准字体∀。一般在网页中出现的字体如果只有你的计算机中才有(如方正彩云繁体),当网客的计算机中没有这种字体,那这种你精心设计的字体就会被其他的字体所代替(网客计算机中的字体如宋体),这就失去了你设计的意义。那么怎么解决这个问题呢?本人建议如使用特殊字体,最好将字体做成图片来使用,这样到哪里都不会变样了。

六、赚钱的原则

现在流行寻找赞助商来为自己的免费网页增加一些收入,就是将赞助商的广告放在网页中,再根据网客通过广告进入赞助商的主页的次数(hits)向赞助商收钱。这种赚钱方式对网络的发展起到了极大的推动作用,但也变得越来越不容易,主要是因为网客现在一般都对网上的广告比较麻木,加上Internet上的网页呈爆炸性的增长,能在您的网页停留的网客越来越少。建立一个能广泛吸引网客的网页不仅要有能吸引人的内容,还要有能让网客认同的设计。但要想访问您的网页的网客也能常常点击您的广告,则不仅要有内容和设计,更要有对网客(您的顾客)的良好态度,让网客喜爱并关心您的网页。为此,最基本的一点就是您应该将服务网客作为您的网页的首要目标,而不是一切以赚钱为目的。在一页上不要放许多广告,过多的广告总会引起反感,而且也没有多少人会有耐性挨个进入您的广告。更要紧的是许多广告banner放在一起会极大的减慢调用您的网页的速度,容易引起反感。不要使用自动的强迫性pop-up窗口。许多网主爱在网页中加入一些Script,以使进入(或退出)该网页的浏览器自动产生另一窗口,这是一种极让人反感的做法,多数网客讨厌被迫执行这种命令。若是当网客主动进入赞助商的网页时,另外产生的窗口则能普遍被人接受。给您的赞助商写个吸引人的文字介绍。由于网络上的广告的泛滥,光用一个长条的图片(Banner)做广告常很难引起网客的注意,若能写段吸引人的文字介绍融入您的网页中或能收到好的效果。尽量选择与网页有关的赞助商,您当然希望对您的网页感兴趣的网客也对您的赞助商感兴趣。

七、完整、固定的原则

网站要尽量将计划内容全部建好再上传,尽量不要留下!建设中∀的未完成部分。现在的网页实在太多,如果您的网页给人留下未完成的印象,没有许多网客会记得过一阵子再来参观您的网页。要检测超链接的完好性,不要留下太多的坏链接。经常更新与维护您的网页并不容易做到,但这是留住网客所必须的。网址要固定,不要轻易改变Internet地址。若要改变地址,也一定要在旧地址上留下更新通知。另外,您的网页所在的Server若是经常Down机,则极易引起网客的流失,一定要尽量避免。综合起来就是∃设计网页的目的是传递信息,内容和速度才是吸引网客们常来光顾网页的要素。如果不是为了参加网页设计大奖赛,就决不要把网页设计当成炫耀聪明才智的机会。%责任编辑:高宏艳&

AnalysisonWeb-pageMaking

LiXianping

(JilinProvinceEconomicManagementCadreCollege,Changchun,Jilin,130012,China)

Abstract:Webpageisabasicfactorofweb.Itisnotenoughforustoputallthethingsonweb.Itisnecessarytomakethecustomerreceivemoreeffectiveinformationsoastogivethemagoodimpression.Inordertomakewebworkwell,weshouldavoidmakingmistakesandmakeclearandcompletepagestogivethecustomerawonderfulwebpage.

KeyWords:Web-page;Mainpage;Web-pagedesigning

#62#