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