如何優(yōu)化網(wǎng)站結構

第9卷第3期天津電大學(xué)報2005年9月JOURNAL OF TIANJIN RTV UNIVERSITY現代教育技術(shù)如何優(yōu)化網(wǎng)站結構韓義(天津廣播電視大學(xué),天津300191)摘要:網(wǎng)站結構對于網(wǎng)站的制作和運行至關(guān)重要。優(yōu)化的網(wǎng)站結構包括層次清晰的目錄結構,合理的文件存儲,高速的鏈接和導航,美觀(guān)的布局和有特色的網(wǎng)站內容。關(guān)鍵詞:網(wǎng)站結構;網(wǎng)站目錄結構;網(wǎng)站鏈接;網(wǎng)頁(yè)布局;網(wǎng)站內容中圖分類(lèi)號: TP311文獻標識碼: C文章編號:1008 - 3006(2005)03 - 0039 - 03Internet正在繼續飛速發(fā)展,它的普及正在改變并將繼Clobal文件夾(存儲全局文件)續改變人類(lèi)社會(huì )生活。許多政府、企業(yè)乃至個(gè)人在Inlemnet上建立了很多網(wǎng)站。網(wǎng)站制作技術(shù)已經(jīng)成為現代人使用計欄目文件夾.算機的基本技能。Web文件夾L - Image 文件夾縱觀(guān)成功的網(wǎng)站，共同的特點(diǎn)是具有優(yōu)化的網(wǎng)站結構。優(yōu)化的網(wǎng)站結構是由幾個(gè)要素構成的，這幾個(gè)要素分欄目2文件夾別是網(wǎng)站目錄結構,網(wǎng)站鏈接結構,頁(yè)面的布局結構和網(wǎng)站Imags 文件夾的內容結構。欄目3文件夾-、網(wǎng)站的目錄結構LIngs 文件夾網(wǎng)站的目錄結構指的是網(wǎng)站的物理結構和文件的存儲結構。物理結構越清晰,對于站點(diǎn)的維護、內容的更新、未.圖2來(lái)的擴充和移植越方便。設計網(wǎng)站目錄結構的關(guān)鍵是結構如果網(wǎng)站存儲結構設計不合理，可能使網(wǎng)站運行產(chǎn)生不要太復雜,層次不要太多。對于不同規模的網(wǎng)站,文件夾錯誤。例如有的網(wǎng)站.在自己的計算機上可以正常運行,而及文件的存儲結構應該是不同的。上傳到服務(wù)器或移動(dòng)到另-臺計算機上，就會(huì )發(fā)生不顯示對于一個(gè)小型網(wǎng)站，可以建立如圖1所示的存儲結圖片的錯誤。這主要是網(wǎng)站中圖片的存儲位置不正確或圖片鏈接路徑錯誤的原因。圖片的存儲位置不正確是指圖片主頁(yè)文件indea.thm文件沒(méi)有存儲在網(wǎng)站中,當網(wǎng)站移動(dòng)位置以后,瀏鑒器在打開(kāi)網(wǎng)頁(yè)時(shí)就會(huì )找不到圖片文件。解決這個(gè)問(wèn)題的辦法是在HTML文件夾(存儲所有的htmal文件)插人圖片時(shí)注意調整圖片的存儲位置，將圖片存放到網(wǎng)站Myweb文件夾Inages 文件夾(存儲所有的aif. jieqg 圖形文件)的相應images文件夾中。鏈接路徑錯誤是指插人到網(wǎng)頁(yè)中的圖片使用了絕對路徑,當網(wǎng)站移動(dòng)位置以后,導致瀏覽器. Metia文件夾(存儲圖形文件之外的多媒體文件，找不到圖片。例如有一個(gè)網(wǎng)頁(yè)index. htm,它的存儲位置為如聲音、動(dòng)面和視頻等)c: /myweb/index. htm。在這個(gè)網(wǎng)頁(yè)中有一個(gè)圖片pho-to. jpg,該圖片的絕對存儲路徑為c: /myweb/ images/pho-對于規模較大的網(wǎng)站，與全局有關(guān)的文件應該放在網(wǎng)to/jpgo其中myweb為站點(diǎn)的根目錄。當把該站點(diǎn)上傳到服站根目錄下的Global子目錄中。在網(wǎng)站的根目錄下,按網(wǎng)站務(wù)器或移動(dòng)到其它計算機中，如果站點(diǎn)沒(méi)有被存放在計算內容的欄目分別建立子目錄，每個(gè)子目錄中都要建立一個(gè)機C盤(pán)根目標中，當用瀏鑒器打開(kāi)該網(wǎng)頁(yè)時(shí)，瀏鑒器就無(wú)獨立的images目錄,用來(lái)存放本欄目的圖片。目錄的層次法按原來(lái)的路徑找到該圖片文件，因此會(huì )不顯示圖片。解不應太多,一般在三層以?xún)?。目錄名要盡量意義明確。切忌決鏈接路徑錯誤的方法是用相對路徑../images/photo/將所有文件都放在網(wǎng)站的根目錄下。如圖2所示。jpg中國煤化工動(dòng)到其它計算機的什TYHCNMHG收稿日期:2005 -07-08作者簡(jiǎn)介:韓義(1955- -),男,天津廣播電視大學(xué)教學(xué)中心副教授。392005年第3期天津電大學(xué)報么位置，圖片的相對保存位置都不會(huì )發(fā)生變化，瀏覽網(wǎng)頁(yè)示它們。為了避免這種延遲，可以將- -個(gè)大表格分成若干時(shí)就不會(huì )發(fā)生找不到圖片的錯誤。當需要把絕對路徑轉化獨立的表格。注意在頁(yè)面中不要放置無(wú)用的表格，雖然它為相對路徑時(shí)，圖片文件的絕對路徑中與主頁(yè)文件相同的們是空的,但會(huì )使速度變慢,因為瀏覽器也要對它們進(jìn)行解部分應該忽略，而只保留它們的不同之處。為了有助于避釋和顯示。越是復雜的表格,瀏覽器解釋的時(shí)間越長(cháng),因此免在制作網(wǎng)頁(yè)時(shí)出現上述的路徑錯誤，可以使用應該盡量少用嵌套表格。dreamweaver的站點(diǎn)管理功能來(lái)管理站點(diǎn)。即使用菜單命令4.用Dreamweaver或FrontPage 做的網(wǎng)頁(yè)有大量的垃site - new site新建站點(diǎn)并定義站點(diǎn)目錄之后，鏈接路徑自圾代碼，它會(huì )影響網(wǎng)頁(yè)的上傳和瀏覽速度。利用網(wǎng)頁(yè)壓縮動(dòng)采用相對路徑，并且當你在站點(diǎn)中移動(dòng)文件的時(shí)候，與軟件可以將網(wǎng)頁(yè)文件壓縮,去除一些冗余信息.且壓縮后不這些文件關(guān)聯(lián)的鏈接路徑都會(huì )自動(dòng)更改,因此，就不會(huì )發(fā)會(huì )產(chǎn)生語(yǔ)法錯誤，不會(huì )改變網(wǎng)頁(yè)的外觀(guān)和功能。壓縮后的生路徑錯誤的情況。網(wǎng)頁(yè)文件大小可達到原來(lái)的70% ~ 80%。二、網(wǎng)站的鏈接結構三、頁(yè)面布局結構網(wǎng)站的鏈接結構是網(wǎng)站的邏輯結構，是網(wǎng)站運行時(shí)瀏頁(yè)面的布局如同一個(gè)產(chǎn)品的外觀(guān)給人第-印象，決定覽者可以隨時(shí)感受到的結構。一個(gè)良好的網(wǎng)站應該具有明.了能否吸引讀者的視線(xiàn),增強閱讀的興趣。一個(gè)優(yōu)化的頁(yè)晰的邏輯關(guān)系，瀏覽者在瀏覽邏輯關(guān)系明晰的網(wǎng)站時(shí)會(huì )感面布局應該遵循以下的基本原則:主題鮮明.形象突出;便到輕松愉悅。設計好網(wǎng)站的鏈接是優(yōu)化網(wǎng)站結構的又一-個(gè)于閱讀、形式美觀(guān);編排有序、布局合理。頁(yè)面布局主要涉關(guān)鍵問(wèn)題。及以下幾個(gè)方面。網(wǎng)站的鏈接結構有樹(shù)狀結構、星狀結構、混合結構1.頁(yè)面的版面布局等。通常采用樹(shù)狀結構。網(wǎng)頁(yè)版面的布局要合理地運用網(wǎng)頁(yè)空間，讓網(wǎng)頁(yè)疏密導航欄是網(wǎng)站中使用的主要鏈接方式。導航欄通常是有致,井井有條,留下必要的空白,讓人感覺(jué)輕松。不要填指放置在各個(gè)網(wǎng)頁(yè)頂端的一組鏈接按鈕，也叫鏈接欄。導的密密實(shí)實(shí)，那樣會(huì )使人感到壓抑。頁(yè)面的視覺(jué)中心一般航欄為瀏覽者提供了一-組相關(guān)聯(lián)的超鏈接，通過(guò)導航欄瀏在屏幕中央或中間偏上的部位，因此應該將重要的文章和覽者可以了解網(wǎng)站中各個(gè)頁(yè)面之間的層次關(guān)系，并且可以圖片放在這個(gè)部位，其它部位放置稍次要的內容。較長(cháng)的在各個(gè)頁(yè)面之間自由跳轉，很方便地查找自己所需的信文章不要放在一起,要有-定的間隔,較短的文章也不要放息。制作網(wǎng)站的軟件工具都提供了創(chuàng )建導航欄的功能，在在一起。對待圖片也是如此，要相互錯開(kāi),這樣可使頁(yè)面錯導航視圖中畫(huà)出網(wǎng)站的導航圖就可以方便地為網(wǎng)站加入落有致,避免中心偏離。文字和圖片具有互補的視覺(jué)關(guān)系，導航欄。從網(wǎng)站的制作上考慮，使用導航視圖還可以方便.頁(yè)面中文字太多顯得沉悶，圖片太多信息量小。因此圖片網(wǎng)站的維護。當需要在網(wǎng)站中加入-一個(gè)網(wǎng)頁(yè)，并使這個(gè)網(wǎng)和文字要密切配合,互為襯托,既能活躍頁(yè)面,又使頁(yè)面有頁(yè)的鏈接進(jìn)人導航欄時(shí)，只需要把這個(gè)網(wǎng)頁(yè)插人到導航視豐富的內容。圖中，系統就會(huì )自動(dòng)給這個(gè)網(wǎng)頁(yè)添加指向其它網(wǎng)頁(yè)的鏈2. 頁(yè)面的風(fēng)格選定接。頁(yè)面的風(fēng)格如同人的氣質(zhì)，是靈魂的體現。它通過(guò)版在設計網(wǎng)站鏈接結構時(shí)，一定要注意瀏覽者打開(kāi)網(wǎng)頁(yè)面的設計,色彩的搭配,內容的選定,使瀏覽者對網(wǎng)頁(yè)產(chǎn)生的速度。所有成功網(wǎng)站,網(wǎng)頁(yè)的打開(kāi)速度都比較快。如果網(wǎng)整體的印象。風(fēng)格體現了網(wǎng)頁(yè)設計者綜合素質(zhì)和藝術(shù)修頁(yè)打開(kāi)速度太慢，用戶(hù)容易出現煩躁心理，繼而轉向其它養。不同的網(wǎng)頁(yè)內容應該有不同的風(fēng)格，如游戲網(wǎng)站應該網(wǎng)站。鏈接的設計應該注意技巧，-般文字鏈接速度較活潑新奇,文藝娛樂(lè )網(wǎng)站應該明快亮麗,文化網(wǎng)站應該古樸快。當鏈接目標既可以是文字又可以是圖片時(shí)，應選擇文大方。頁(yè)面的風(fēng)格可以借鑒模仿，可以吸取成功網(wǎng)站的亮字為鏈接目標。如果鏈接目標只有圖片時(shí)，要考慮圖片大.點(diǎn)和長(cháng)處，加入自己的領(lǐng)悟,融會(huì )自己的觀(guān)點(diǎn),形成新的組小?？梢詫⒁粋€(gè)圖片裁減成若千個(gè)小圖片。因為若干個(gè)小合與創(chuàng )新。.圖片比一個(gè)大圖片的下載速度要快許多。3.頁(yè)面的尺寸與分辨率制作網(wǎng)站時(shí)可以在技術(shù)上對超鏈接進(jìn)行管理，以保證網(wǎng)頁(yè)的頁(yè)面尺寸與顯示器的大小和分辨率有關(guān)，頁(yè)面在文件移動(dòng)和重新命名文檔時(shí)鏈接的可靠性?？梢允褂镁W(wǎng)尺寸越大,分辨率越高,頁(yè)面文件的信息量越大。頁(yè)面的長(cháng)頁(yè)工具軟件的自動(dòng)更新鏈接功能自動(dòng)更新指向或來(lái)自某度可以超過(guò)屏幕窗口的尺寸，瀏覽時(shí)靠瀏覽者拖動(dòng)垂直滾網(wǎng)頁(yè)的鏈接。動(dòng)條可以看到更多的內容。一般情況頁(yè)面的長(cháng)度不要超過(guò)我們無(wú)法改變Internet的速度，但你可以采用下面的兩屏,除非設計者認為網(wǎng)頁(yè)的內容很精彩。如果頁(yè)面長(cháng)度-些技術(shù)來(lái)提高站點(diǎn)的下載速度。超過(guò)兩屏時(shí),可以考慮使用書(shū)簽進(jìn)行鏈接定位。I.導航欄應該最先調人，以便瀏覽者快速前往所需網(wǎng)頁(yè)的設計還要考慮顯示器的分辨率。有人只按照自的網(wǎng)頁(yè)。己屏幕的分辨率來(lái)設計制作網(wǎng)頁(yè)，而不考慮瀏覽者可能使2.頁(yè)面長(cháng)度要短，使瀏覽者在頁(yè)面空間內可以迅速用不中國煤化工果混亂。目前上網(wǎng)瀏移動(dòng)。3.將布局的表格打散。一般情況網(wǎng)頁(yè)版面布局多使覽多瀏覽石江小網(wǎng)小加平r邯能夠售圳ψ局美觀(guān)的網(wǎng)頁(yè)。適用IYHCNMHG中分辨率。因此應該讓用表格。如果你把頁(yè)面中所有的元素都包含在一個(gè)大的表不同分辨率的網(wǎng)頁(yè)制作方法如下:格中，瀏覽器只有將整個(gè)表格內容都下載下來(lái)后才開(kāi)始顯(1)自然拉伸法伊月方數據韓義:如何優(yōu)化網(wǎng)站結構在主要靠表格和文字來(lái)表達信息的簡(jiǎn)單網(wǎng)頁(yè)中，可以能使網(wǎng)站主題突出。由于網(wǎng)頁(yè)的結構是層次結構,為了使使用自然拉伸法。自然拉伸法是指在使用表格布局時(shí)，把讀者瀏覽方便，應該將主要內容放在首頁(yè)或者一、二級欄表格的寬度屬性設置為“100% ”,表格就會(huì )根據屏幕分辨目中。如果主要內容不得不放在深層網(wǎng)頁(yè)中,應該在首頁(yè)率的不同自動(dòng)調整寬度，使表格總是充滿(mǎn)整個(gè)屏幕。自然或其它網(wǎng)頁(yè)中設置超鏈接。為了增強網(wǎng)站的交互功能，可拉伸法也有不足之處。如果網(wǎng)頁(yè)版面復雜，圖形元素之間以設置雙向交流的欄目，如論壇、留言、聊天等。要想讓網(wǎng)有精確的定位關(guān)系，拉伸或壓縮后網(wǎng)頁(yè)版面就會(huì )發(fā)生變站具有特色，網(wǎng)站的建設應該從內容上下工夫。興趣是制.形。另外分辨率變化后,文字行數也不好控制，要么太密，作網(wǎng)站的動(dòng)力,沒(méi)有熱情,很難設計出優(yōu)秀的網(wǎng)站。如果是要么太稀。破壞了網(wǎng)頁(yè)版面效果。個(gè)人網(wǎng)站，一定要突出自己的個(gè)性，選擇自己最擅長(cháng)或者(2)固定居中法最有興趣的內容。在網(wǎng)頁(yè)中插入一個(gè)最大的表格,把表格的寬度設置為如果想讓網(wǎng)頁(yè)有-些特色，可以適當地加- -些網(wǎng)頁(yè)制一個(gè)固定的像素值(一般為768像素),并且讓表格居中，作技巧,如聲音、動(dòng)態(tài)效果,Java等。這些技巧不要加太多,在這個(gè)表格中再套用其它的表格。這樣就把網(wǎng)頁(yè)的寬度固它會(huì )影響網(wǎng)頁(yè)的下載速度。定了,不會(huì )超過(guò)800 x 600的分辨率。當瀏覽者使用1024x在內容結構中，穿插一些圖片可以增加閱讀的趣味768分辨率瀏覽網(wǎng)頁(yè)時(shí),屏幕兩邊會(huì )留下空白,對頁(yè)面效果性，還有一目了然的效果。圖片不僅要好看，還要保證質(zhì)影響不大。量，如果圖片處理不好或無(wú)關(guān)的圖片太多，會(huì )給人多余的(3)用戶(hù)選擇法感覺(jué)。要盡量減小圖片的字節數,因為圖片的大小對網(wǎng)頁(yè)你可以設計兩個(gè)主頁(yè)，分別對應800x600和1024x的傳輸速度影響很大。在處理圖片時(shí)應注意下面三個(gè)問(wèn).768兩種分辨率。把這兩個(gè)網(wǎng)頁(yè)分別命名為index800 htm題。和index1024. htm。再制作-個(gè)索引頁(yè)index. htm,在索引頁(yè)1.圖片格式。能夠用在網(wǎng)頁(yè)中的圖片格式有很多種，中制作出對應的兩個(gè)主頁(yè)的鏈接。當運行索引頁(yè)時(shí)由用戶(hù)-般使用GIF和JPG格式。使用掃描儀和數字相機輸入計根據自己的分辨率選擇運行。算機的圖片一般是人物和風(fēng)景照片，圖片中的色彩比較4.頁(yè)面的色彩應用多,應該選擇使用JPG格式。如果圖片是使用Photoshop等色彩是人的視覺(jué)最敏感的東西。主頁(yè)的色彩處理的軟件制作的.圖片中的色彩比較少,可以選擇GIF格式。通好,可以錦上添花,達到事半功倍的效果。色彩應用的總原過(guò)使用Paint Shop Pro5. 0軟件中的“Color/Count Color則是:總體協(xié)調,局部對比。也就是主頁(yè)的整體色彩效果應Used"功能,可以知道圖片中的顏色數。使用"Decrease Color該是和諧的，只有局部的.小范圍的地方可以有一些強烈Deph"功能,可以臧少圖片所使用的顏色數。但要考慮圖片色彩的對比。由于圖片的瀏覽速度比較慢，因此不要用大的質(zhì)量變化。圖片色彩數目減少以后直接存為GIF格式。量的圖片，而改用色彩來(lái)美化網(wǎng)頁(yè)。色彩與人們的情緒有2.圖片尺寸。應盡可能裁減掉圖片周?chē)臒o(wú)用畫(huà)面，著(zhù)微妙的關(guān)系，利用不同的色調設計網(wǎng)頁(yè)會(huì )給瀏覽者不同以減小圖片的尺寸,也就是減少圖片文件的大小。的心理感受。3.圖片顯示技巧。當圖片文件實(shí)在無(wú)法減小，可以采四、網(wǎng)站的內容結構用隔行GIF和逐級JPG方式顯示圖片。隔行CIF是指將圖網(wǎng)站的內容是網(wǎng)站的實(shí)質(zhì),是網(wǎng)站的精華。內容不僅片文件是按照隔行的方式來(lái)顯示，如先顯示奇數行，再顯要新、要精、要專(zhuān),而且還要便于閱讀。吸引讀者的是網(wǎng)站示偶數行，使圖像逐漸變清楚。逐級JPCG是指可以讓圖片的標題。標題要符合內容的主題和風(fēng)格,要有概括性，簡(jiǎn)的顯示隨著(zhù)圖片文件的傳送,以模糊向清晰漸變。在Pho-短,有特色,容易記。配合內容的表示，可以有一些鮮明的toshop等圖形處理軟件中，在保存圖片文件時(shí)可以選擇這標志和圖形,這些標志和圖形的設計創(chuàng )意應來(lái)自標題和內兩種圖片顯示方式。容,應是內容的集中體現?？偠灾?，一個(gè)優(yōu)化的網(wǎng)站結構既要有技術(shù)上的科學(xué)網(wǎng)站的內容要按一定的方法分類(lèi),并為它們設立專(zhuān)門(mén)性、合理性和實(shí)用性,又要有文化上的可讀性、藝術(shù)性和趣的欄目,欄目不要太多,層次不要超過(guò)五層。特色欄目最好昧性，只有對網(wǎng)站結構進(jìn)行精心的設計,對網(wǎng)站的內容進(jìn)能直接從主頁(yè)到達。主題欄目在欄目中要占多數,這樣才行合理的挑選才能創(chuàng )建一個(gè)優(yōu)秀的網(wǎng)站。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