书城计算机网络如何建设网站
18948300000002

第2章

10.如何组织站点结构?

站点的结构设计是指站点层次和各个页面之间的关系。结构设计是网站设计中最基础的工作,合理地组织站点结构,能够加快对站点的设计,提高工作效率,节省工作时间。结构设计做得不好,将直接导致整个网站的效率低下,设计混乱。

(1)首页。首页是网站的根基,浏览者进入网站首先看到的就是首页,而且所有的页面都是通过首页展示在浏览者面前的。也有的网站在首页之前设计一个Flash页面或者启动页面,提示一些信息或者让浏览者选择语言,这种页面不是网站首页的上级页面,仅起引导作用。

(2)二级网页。这些网页能够从网站首页直接链接到,一般是网站整体内容的一个分支。

(3)其他网页。这些网页通过二级网页进行组织,有的也可以通过网站首页打开,但是在地位和层次上均不能称为二级网页。这些网页的组织要视具体情况而定,用户也可以通过分析再对这些网页进行更深入的结构划分。

另外,当创建一个大型网站时。如果将所有的网页都存储在一个目录下,当站点的规模越来越大时,管理起来就会变得很困难,因此,应合理地使用文件夹来管理文档。通常,在制作站点时首先要在本地硬盘上创建一个文件夹,然后在制作站点过程中将所有创建和编辑的文档都保存在该文件夹中。当准备发布创建的站点时,将这些文件复制到Web服务器上,这样就可以在Web站点上创建和编辑文件了。

11.如何确定站点风格?

站点风格设计包括站点的整体色彩、网页的结构、文本的字体和大小、背景的使用等,这些没有一定的公式或规则,需要设计者通过各种分析决定。

一般来说,适合于网页标准色的颜色有三大系:蓝色、黄/橙色、黑/灰/白色。不同的色彩搭配会产生不同的效果,并可能影响访问者的情绪。在站点整体色彩上,要结合站点目标来确定。例如,如果是政府网站,就要在大方、庄重、美观、严谨上多下工夫,切不可太花哨;如果是个人网站,则可以采用较鲜艳的颜色,设计要简单而有个性。

在网页结构上,整个站点要保持和谐统一;对于字体,默认的网页字体一般是宋体,为了体现网页的特有风格,也可以根据需要选择一些特殊字体,如飘逸的华文行楷、返朴归真的隶书和亲切随意的手写体等;在背景的使用上,应该以宁缺毋滥为原则,切不可喧宾夺主。

12.如何确定网站的栏目?

建立一个网站好比写一篇文章,首先要拟好提纲,文章才能主题明确,层次清晰。如果网站结构不清晰,目录庞杂,内容东一块西一块,结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难。网站的题材确定后,并且收集和组织了许多相关的资料内容,但如何组织内容才能吸引网友们来浏览网站呢?栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。一般的网站栏目安排要注意以下几方面:

(1)要紧扣主题。将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势,这样的网站显得专业,主题突出,容易给人留下深刻印象。

(2)设立最近更新或网站指南栏目。设立“最近更新”的栏目,是为了照顾常来的访客,让你的主页更显人性化。如果主页内容庞大,层次较多,而又没有站内的搜索引擎,设置“本站指南”栏目,可以帮助初访者快速找到他们想要的内容。

(3)设立可以双向交流的栏目。比如论坛、留言本、邮件列表等,可以让浏览者留下他们的信息。

(4)设立下载或常见问题回答栏目。网络的特点是信息共享。如在你主页上设置一个资料下载栏目,便于访问者下载所需资料。另外,如果站点经常收到网友关于某方面的问题来信,最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间。

13.如何确定网站的目录结构?

网站的目录是指你建立网站时创建的目录。目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议:

(1)不要将所有文件都存放在根目录下。所有文件都存放在根目录下会造成文件管理混乱,使你常常搞不清哪些文件需要编辑和更新,哪些无用的文件可以删除,哪些是相关联的文件,影响工作效率。另外,上传速度慢。服务器一般都会为根目录建立一个文件索引,当您将所有文件都放在根目录下,那么即使你只上传更新一个文件,服务器也需要将所有文件再检索一遍,建立新的索引文件。很明显,文件量越大,等待的时间也将越长。所以,尽可能减少根目录的文件存放数。

(2)按栏目内容建立子目录。子目录的建立,首先按主菜单栏目建立。例如,企业站点可以按公司简介、产品介绍、价格、在线订单、反馈联系等建立相应目录。其他的次要栏目,类似“What’s new”、“友情连接”等内容较多、需要经常更新的可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,例如,关于本站,关于站长、站点经历等可以合并放在一个统一目录下。所有程序一般都存放在特定目录,例如,CGI程序放在cgibin目录。所有需要下载的内容也最好放在一个目录下。

(3)在每个主栏目目录下都建立独立的images目录。为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只是用来放首页和一些次要栏目的图片。

(4)目录的层次不要太深。目录的层次建议不要超过3层,方便维护管理。

(5)不要使用中文目录。

(6)不要使用过长的目录。

14.如何确定网站的链接结构?

网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上,但可以跨越目录。建立网站的链接结构有两种基本方式:

(1)树状链接结构。类似DOS的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会“迷路”。缺点是浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。

(2)星状链接结构。类似网络服务器的链接,每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者“迷路”,搞不清自己在什么位置,看了多少内容。

这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用,达到比较理想的效果。比较好的方案是:首页和一级页面之间用星状链接结构,一级和以下各级页面之间用树状链接结构。

15.如何绘制设计图?

有经验的同页设计者,通常会在使用网页制作工具制作网页之前,设计好站点的样式和版面,这样在具体设计过程将会胸有成竹,大大节省工作时间。创建站点的设计图就像创建施工图一样,设计者可使用Photoshop、Freehand和Fireworks等软件来创建合成图样。当拥有了站点设计图后,就可以按照它来建立自己的网站了。

16.如何设计导航条?

在站点中导航条也是一个重要的组成部分。在设计站点时,应考虑到访问自己的站点的浏览者大多都是有经验的,也应考虑到如何使浏览者能轻松地从网站的一个页面跳转到另一个页面。

(1)显示当前位置。无论在任何网页上,都要在很明显的地方标出当前网页在站点中的位置,或显示当前网页说明的主题,以帮助浏览者了解他们到底在访问什么地方。如果页面嵌套过多,则可以通过创建“前进”和“后退”之类的链接来帮助用户进行浏览。

(2)搜索和索引。对于一些数据型的网站,应该给浏览者提供搜索的功能,或者给浏览者提供索引检索的权利,使他们能快速查找到自己需要的信息。

(3)信息反馈。网页在发布后,或多或少会存在一些问题,从浏览者那里及时获取他们对网站的意见和建议是非常重要的。

为了及时从用户处了解到相关信息,应该在网页上提供用户同网页创作者或网站管理员的联系途径。常用的方法是将网页创作者或网站管理员的联系方式公布在网页上,或者创建一个Email超链接,帮助用户快速将信息反馈到网站中。

17.如何收集资源?

网站的主体内容是文本、图像和多媒体等。它们构成了网站的灵魂,否则再好的结构设计都不能达到网站设计的初衷,也不能吸引浏览者。在对网站进行结构设计之后,需要对每个网页的内容进行一个大致的构思,例如,哪些网页需要使用模板,哪些网页需要使用特殊设计的图像,哪些网页需要使用较多的动态效果,如何设计菜单,采用什么样式的链接,网页采用什么颜色和风格等,这些都对资源收集具有指导性作用。

重要的文本。如企业简介文本,不能临时书写,要得体、简明,一般使用企业内部的宣传文字。

重要的图像。如企业的标志,网页的背景图像等,这些图像对于浏览者的视觉影响很大,不能草率处理。

库文件。对于一些常用和重要的网页对象,需要使用库文件来进行管理和使用,在设计网页之前,可以先编辑这些库文件备用。

Flash等多媒体元素。许多网站都越来越多地使用Flash等多媒体元素,这些多媒体元素在设计网页之前就需要收集妥当或者制作完成。

18.如何设计与制作网页?

组成网站的每一个网页又称为“主页”,主页的设计与制作主要包括标题的确定、内容的收集与整理、图片的处理、页面的排版设计、背景及其整套Web页的色调等很多方面,下面将分别进行介绍。

(1)指定网页标题。在主页中,标题起着很重要的作用,它在很大程度上决定了主页的品位。一个好的标题必须有概括性,既简短又有特色,并容易记忆,还要符合主页的主题和风格,决不要起一个名不副实的“好名字”,别人第一次上了当,下次就不会再光顾了。

(2)采集网页内容。确定标题后,就开始针对每一级网页采集内容,注意内容必须与标题相符。在采集内容的过程中,应注重特色。例如,对于个人网站来说,所谓特色就是应该突出自己的个性,把自己的兴趣、爱好尽情地展现出来;对于企业网站来说,所谓特色就是要突出企业品质及服务优势,以使网站更好地为企业经营服务。

(3)准备网页图片。制作网页不能只使用文字,必须适当地添加一些图片,以增强其可观赏性。一张好的图片不仅要美观,还要对网页主题起到画龙点睛的作用,使浏览者对网页内容一目了然。

另外,要注意在保证图片质量的情况下应尽量缩小图片的大小(即字节数),在目前网络传输速度不是很快的情况下,图片的大小在很大程度上影响了Web页的传输速度。一般颜色较少(即在256色以内)的图片最好把它处理成GIF图像格式,如果是一些色彩比较丰富的图片,最好把它处理成JPG和PNG图像格式,GIF、JPG和PNG各有各的压缩优势,用户应根据具体的图片来选择压缩比。

(4)确定网页框架。网页页面整体的框架设计也是不可忽略的,网页框架设计要合理,在充分利用屏幕空间的情况下,还要留出一部分空白,让网页疏密有致,井井有条。

(5)设置网页背景。网页的背景不一定非要使用白色,但要注意选用的背景色应该和整套页面的色调相协调,合理地应用色彩是非常关键的。例如,如果制作的个人主页属于感情类,那最好选用一些浅玫瑰色、紫色之类的比较淡雅的色彩,而不要用黑色、深蓝色等比较灰暗的色彩。

(6)创建其他页面元素。为了增强网页的效果.可适当地采用一些网页制作的技巧,如声音、动态网页、Flash、JavaApplet等,但要注意不要采用太多,否则会影响网页的下载速度,而且动态元素用得太多,会使浏览者感到眼花缭乱。