如何优化网站结构

第9卷第3期天津电大学报2005年9月JOURNAL OF TIANJIN RTV UNIVERSITY现代教育技术如何优化网站结构韩义(天津广播电视大学,天津300191)摘要:网站结构对于网站的制作和运行至关重要。优化的网站结构包括层次清晰的目录结构,合理的文件存储,高速的链接和导航,美观的布局和有特色的网站内容。关键词:网站结构;网站目录结构;网站链接;网页布局;网站内容中图分类号: TP311文献标识码: C文章编号:1008 - 3006(2005)03 - 0039 - 03Internet正在继续飞速发展,它的普及正在改变并将继Clobal文件夹(存储全局文件)续改变人类社会生活。许多政府、企业乃至个人在Inlemnet上建立了很多网站。网站制作技术已经成为现代人使用计栏目文件夹.算机的基本技能。Web文件夹L - Image 文件夹纵观成功的网站，共同的特点是具有优化的网站结构。优化的网站结构是由几个要素构成的，这几个要素分栏目2文件夹别是网站目录结构,网站链接结构,页面的布局结构和网站Imags 文件夹的内容结构。栏目3文件夹-、网站的目录结构LIngs 文件夹网站的目录结构指的是网站的物理结构和文件的存储结构。物理结构越清晰,对于站点的维护、内容的更新、未.图2来的扩充和移植越方便。设计网站目录结构的关键是结构如果网站存储结构设计不合理，可能使网站运行产生不要太复杂,层次不要太多。对于不同规模的网站,文件夹错误。例如有的网站.在自己的计算机上可以正常运行,而及文件的存储结构应该是不同的。上传到服务器或移动到另-台计算机上，就会发生不显示对于一个小型网站，可以建立如图1所示的存储结图片的错误。这主要是网站中图片的存储位置不正确或图片链接路径错误的原因。图片的存储位置不正确是指图片主页文件indea.thm文件没有存储在网站中,当网站移动位置以后,浏鉴器在打开网页时就会找不到图片文件。解决这个问题的办法是在HTML文件夹(存储所有的htmal文件)插人图片时注意调整图片的存储位置，将图片存放到网站Myweb文件夹Inages 文件夹(存储所有的aif. jieqg 图形文件)的相应images文件夹中。链接路径错误是指插人到网页中的图片使用了绝对路径,当网站移动位置以后,导致浏览器. Metia文件夹(存储图形文件之外的多媒体文件，找不到图片。例如有一个网页index. htm,它的存储位置为如声音、动面和视频等)c: /myweb/index. htm。在这个网页中有一个图片pho-to. jpg,该图片的绝对存储路径为c: /myweb/ images/pho-对于规模较大的网站，与全局有关的文件应该放在网to/jpgo其中myweb为站点的根目录。当把该站点上传到服站根目录下的Global子目录中。在网站的根目录下,按网站务器或移动到其它计算机中，如果站点没有被存放在计算内容的栏目分别建立子目录，每个子目录中都要建立一个机C盘根目标中，当用浏鉴器打开该网页时，浏鉴器就无独立的images目录,用来存放本栏目的图片。目录的层次法按原来的路径找到该图片文件，因此会不显示图片。解不应太多,一般在三层以内。目录名要尽量意义明确。切忌决链接路径错误的方法是用相对路径../images/photo/将所有文件都放在网站的根目录下。如图2所示。jpg中国煤化工动到其它计算机的什TYHCNMHG收稿日期:2005 -07-08作者简介:韩义(1955- -),男,天津广播电视大学教学中心副教授。392005年第3期天津电大学报么位置，图片的相对保存位置都不会发生变化，浏览网页示它们。为了避免这种延迟，可以将- -个大表格分成若干时就不会发生找不到图片的错误。当需要把绝对路径转化独立的表格。注意在页面中不要放置无用的表格，虽然它为相对路径时，图片文件的绝对路径中与主页文件相同的们是空的,但会使速度变慢,因为浏览器也要对它们进行解部分应该忽略，而只保留它们的不同之处。为了有助于避释和显示。越是复杂的表格,浏览器解释的时间越长,因此免在制作网页时出现上述的路径错误，可以使用应该尽量少用嵌套表格。dreamweaver的站点管理功能来管理站点。即使用菜单命令4.用Dreamweaver或FrontPage 做的网页有大量的垃site - new site新建站点并定义站点目录之后，链接路径自圾代码，它会影响网页的上传和浏览速度。利用网页压缩动采用相对路径，并且当你在站点中移动文件的时候，与软件可以将网页文件压缩,去除一些冗余信息.且压缩后不这些文件关联的链接路径都会自动更改,因此，就不会发会产生语法错误，不会改变网页的外观和功能。压缩后的生路径错误的情况。网页文件大小可达到原来的70% ~ 80%。二、网站的链接结构三、页面布局结构网站的链接结构是网站的逻辑结构，是网站运行时浏页面的布局如同一个产品的外观给人第-印象，决定览者可以随时感受到的结构。一个良好的网站应该具有明.了能否吸引读者的视线,增强阅读的兴趣。一个优化的页晰的逻辑关系，浏览者在浏览逻辑关系明晰的网站时会感面布局应该遵循以下的基本原则:主题鲜明.形象突出;便到轻松愉悦。设计好网站的链接是优化网站结构的又一-个于阅读、形式美观;编排有序、布局合理。页面布局主要涉关键问题。及以下几个方面。网站的链接结构有树状结构、星状结构、混合结构1.页面的版面布局等。通常采用树状结构。网页版面的布局要合理地运用网页空间，让网页疏密导航栏是网站中使用的主要链接方式。导航栏通常是有致,井井有条,留下必要的空白,让人感觉轻松。不要填指放置在各个网页顶端的一组链接按钮，也叫链接栏。导的密密实实，那样会使人感到压抑。页面的视觉中心一般航栏为浏览者提供了一-组相关联的超链接，通过导航栏浏在屏幕中央或中间偏上的部位，因此应该将重要的文章和览者可以了解网站中各个页面之间的层次关系，并且可以图片放在这个部位，其它部位放置稍次要的内容。较长的在各个页面之间自由跳转，很方便地查找自己所需的信文章不要放在一起,要有-定的间隔,较短的文章也不要放息。制作网站的软件工具都提供了创建导航栏的功能，在在一起。对待图片也是如此，要相互错开,这样可使页面错导航视图中画出网站的导航图就可以方便地为网站加入落有致,避免中心偏离。文字和图片具有互补的视觉关系，导航栏。从网站的制作上考虑，使用导航视图还可以方便.页面中文字太多显得沉闷，图片太多信息量小。因此图片网站的维护。当需要在网站中加入-一个网页，并使这个网和文字要密切配合,互为衬托,既能活跃页面,又使页面有页的链接进人导航栏时，只需要把这个网页插人到导航视丰富的内容。图中，系统就会自动给这个网页添加指向其它网页的链2. 页面的风格选定接。页面的风格如同人的气质，是灵魂的体现。它通过版在设计网站链接结构时，一定要注意浏览者打开网页面的设计,色彩的搭配,内容的选定,使浏览者对网页产生的速度。所有成功网站,网页的打开速度都比较快。如果网整体的印象。风格体现了网页设计者综合素质和艺术修页打开速度太慢，用户容易出现烦躁心理，继而转向其它养。不同的网页内容应该有不同的风格，如游戏网站应该网站。链接的设计应该注意技巧，-般文字链接速度较活泼新奇,文艺娱乐网站应该明快亮丽,文化网站应该古朴快。当链接目标既可以是文字又可以是图片时，应选择文大方。页面的风格可以借鉴模仿，可以吸取成功网站的亮字为链接目标。如果链接目标只有图片时，要考虑图片大.点和长处，加入自己的领悟,融会自己的观点,形成新的组小。可以将一个图片裁减成若千个小图片。因为若干个小合与创新。.图片比一个大图片的下载速度要快许多。3.页面的尺寸与分辨率制作网站时可以在技术上对超链接进行管理，以保证网页的页面尺寸与显示器的大小和分辨率有关，页面在文件移动和重新命名文档时链接的可靠性。可以使用网尺寸越大,分辨率越高,页面文件的信息量越大。页面的长页工具软件的自动更新链接功能自动更新指向或来自某度可以超过屏幕窗口的尺寸，浏览时靠浏览者拖动垂直滚网页的链接。动条可以看到更多的内容。一般情况页面的长度不要超过我们无法改变Internet的速度，但你可以采用下面的两屏,除非设计者认为网页的内容很精彩。如果页面长度-些技术来提高站点的下载速度。超过两屏时,可以考虑使用书签进行链接定位。I.导航栏应该最先调人，以便浏览者快速前往所需网页的设计还要考虑显示器的分辨率。有人只按照自的网页。己屏幕的分辨率来设计制作网页，而不考虑浏览者可能使2.页面长度要短，使浏览者在页面空间内可以迅速用不中国煤化工果混乱。目前上网浏移动。3.将布局的表格打散。一般情况网页版面布局多使览多浏览石江小网小加平r邯能够售圳ψ局美观的网页。适用IYHCNMHG中分辨率。因此应该让用表格。如果你把页面中所有的元素都包含在一个大的表不同分辨率的网页制作方法如下:格中，浏览器只有将整个表格内容都下载下来后才开始显(1)自然拉伸法伊月方数据韩义:如何优化网站结构在主要靠表格和文字来表达信息的简单网页中，可以能使网站主题突出。由于网页的结构是层次结构,为了使使用自然拉伸法。自然拉伸法是指在使用表格布局时，把读者浏览方便，应该将主要内容放在首页或者一、二级栏表格的宽度属性设置为“100% ”,表格就会根据屏幕分辨目中。如果主要内容不得不放在深层网页中,应该在首页率的不同自动调整宽度，使表格总是充满整个屏幕。自然或其它网页中设置超链接。为了增强网站的交互功能，可拉伸法也有不足之处。如果网页版面复杂，图形元素之间以设置双向交流的栏目，如论坛、留言、聊天等。要想让网有精确的定位关系，拉伸或压缩后网页版面就会发生变站具有特色，网站的建设应该从内容上下工夫。兴趣是制.形。另外分辨率变化后,文字行数也不好控制，要么太密，作网站的动力,没有热情,很难设计出优秀的网站。如果是要么太稀。破坏了网页版面效果。个人网站，一定要突出自己的个性，选择自己最擅长或者(2)固定居中法最有兴趣的内容。在网页中插入一个最大的表格,把表格的宽度设置为如果想让网页有-些特色，可以适当地加- -些网页制一个固定的像素值(一般为768像素),并且让表格居中，作技巧,如声音、动态效果,Java等。这些技巧不要加太多,在这个表格中再套用其它的表格。这样就把网页的宽度固它会影响网页的下载速度。定了,不会超过800 x 600的分辨率。当浏览者使用1024x在内容结构中，穿插一些图片可以增加阅读的趣味768分辨率浏览网页时,屏幕两边会留下空白,对页面效果性，还有一目了然的效果。图片不仅要好看，还要保证质影响不大。量，如果图片处理不好或无关的图片太多，会给人多余的(3)用户选择法感觉。要尽量减小图片的字节数,因为图片的大小对网页你可以设计两个主页，分别对应800x600和1024x的传输速度影响很大。在处理图片时应注意下面三个问.768两种分辨率。把这两个网页分别命名为index800 htm题。和index1024. htm。再制作-个索引页index. htm,在索引页1.图片格式。能够用在网页中的图片格式有很多种，中制作出对应的两个主页的链接。当运行索引页时由用户-般使用GIF和JPG格式。使用扫描仪和数字相机输入计根据自己的分辨率选择运行。算机的图片一般是人物和风景照片，图片中的色彩比较4.页面的色彩应用多,应该选择使用JPG格式。如果图片是使用Photoshop等色彩是人的视觉最敏感的东西。主页的色彩处理的软件制作的.图片中的色彩比较少,可以选择GIF格式。通好,可以锦上添花,达到事半功倍的效果。色彩应用的总原过使用Paint Shop Pro5. 0软件中的“Color/Count Color则是:总体协调,局部对比。也就是主页的整体色彩效果应Used"功能,可以知道图片中的颜色数。使用"Decrease Color该是和谐的，只有局部的.小范围的地方可以有一些强烈Deph"功能,可以臧少图片所使用的颜色数。但要考虑图片色彩的对比。由于图片的浏览速度比较慢，因此不要用大的质量变化。图片色彩数目减少以后直接存为GIF格式。量的图片，而改用色彩来美化网页。色彩与人们的情绪有2.图片尺寸。应尽可能裁减掉图片周围的无用画面，着微妙的关系，利用不同的色调设计网页会给浏览者不同以减小图片的尺寸,也就是减少图片文件的大小。的心理感受。3.图片显示技巧。当图片文件实在无法减小，可以采四、网站的内容结构用隔行GIF和逐级JPG方式显示图片。隔行CIF是指将图网站的内容是网站的实质,是网站的精华。内容不仅片文件是按照隔行的方式来显示，如先显示奇数行，再显要新、要精、要专,而且还要便于阅读。吸引读者的是网站示偶数行，使图像逐渐变清楚。逐级JPCG是指可以让图片的标题。标题要符合内容的主题和风格,要有概括性，简的显示随着图片文件的传送,以模糊向清晰渐变。在Pho-短,有特色,容易记。配合内容的表示，可以有一些鲜明的toshop等图形处理软件中，在保存图片文件时可以选择这标志和图形,这些标志和图形的设计创意应来自标题和内两种图片显示方式。容,应是内容的集中体现。总而言之，一个优化的网站结构既要有技术上的科学网站的内容要按一定的方法分类,并为它们设立专门性、合理性和实用性,又要有文化上的可读性、艺术性和趣的栏目,栏目不要太多,层次不要超过五层。特色栏目最好昧性，只有对网站结构进行精心的设计,对网站的内容进能直接从主页到达。主题栏目在栏目中要占多数,这样才行合理的挑选才能创建一个优秀的网站。Discussion on Optimization of Structure of WebsiteHAN Yi(Tianjin Radio & TV University, Tianjin 300191)Abstract: The structure of website is very important for its ma中国煤化工。s calue link,arrangement and content. The catalogue and arrangement shoMHCNMHGhelinkshouldbereasonable and legible, and the content should be up-to-date, accurate and specialized.Key words: the structure of website; catalogue; link; arrangement(责任编辑林朋)41