第二單元：項目一教育類網(wǎng)站的設計與制作

1、第二單元：項目一教育類網(wǎng)站的設計與制作前期準備（網(wǎng)站策劃過程） 一、客戶需求分析 二、網(wǎng)站風格定位 1、色彩 2、排版 3、特效 三、網(wǎng)站建設方案1、頁面風格創(chuàng)意設計（色彩、排版、特效） 四、網(wǎng)站設計方案報價明細2、網(wǎng)站欄目劃分3、網(wǎng)站欄目內(nèi)容介紹4、網(wǎng)站建設拓撲圖第二單元色彩色彩色彩色彩色彩的使用在網(wǎng)頁制作中起著非常關鍵的作用，網(wǎng)頁的色彩是樹立網(wǎng)站色彩的使用在網(wǎng)頁制作中起著非常關鍵的作用，網(wǎng)頁的色彩是樹立網(wǎng)站形象的關鍵之一，有很多網(wǎng)站以其成功的色彩搭配令人過目不忘。色形象的關鍵之一，有很多網(wǎng)站以其成功的色彩搭配令人過目不忘。色彩總的應用原則應該是彩總的應用原則應該是“總體協(xié)調(diào)，局部對比總體協(xié)

2、調(diào)，局部對比”，即主頁的整體色彩效，即主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。比。網(wǎng)頁制作用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機構表明：彩色的記網(wǎng)頁制作用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機構表明：彩色的記憶效果是黑白的憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁面比完全黑白倍。也就是說，在一般情況下，彩色頁面比完全黑白頁面更加吸引人。我們通常的做法是：主要內(nèi)容文字用非彩色（黑色），頁面更加吸引人。我們通常的做法是：主要內(nèi)容文字用非彩色（黑色），邊框、背景、圖片用彩色，這樣頁面整體

3、不單調(diào)，看主要內(nèi)容也不會眼邊框、背景、圖片用彩色，這樣頁面整體不單調(diào)，看主要內(nèi)容也不會眼花花色彩色彩色彩有冷暖色之分，冷色（如藍色）給人的感覺是安靜、冰冷；而暖色色彩有冷暖色之分，冷色（如藍色）給人的感覺是安靜、冰冷；而暖色（如紅色）給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網(wǎng)站產(chǎn)生（如紅色）給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網(wǎng)站產(chǎn)生意想不到的效果。意想不到的效果。 暖色：如圖（暖色：如圖（a）中的黃色、橙色、紅色、紫色等都屬于暖色彩列。暖）中的黃色、橙色、紅色、紫色等都屬于暖色彩列。暖色跟黑色調(diào)和可以達到很好的效果。暖色一般應用于色跟黑色調(diào)和可以達到很好的效果。暖色一般應用于

4、購物類網(wǎng)站、電子商購物類網(wǎng)站、電子商務網(wǎng)站、兒童類網(wǎng)站等，用以體現(xiàn)商品的琳瑯滿目，兒童類網(wǎng)站的活潑、務網(wǎng)站、兒童類網(wǎng)站等，用以體現(xiàn)商品的琳瑯滿目，兒童類網(wǎng)站的活潑、溫馨等效果。溫馨等效果。 冷色：如圖（冷色：如圖（b）中的綠色、藍色、藍紫色等都屬于冷色彩列。冷色一）中的綠色、藍色、藍紫色等都屬于冷色彩列。冷色一般跟白色調(diào)和可以達到一種很好的效果。冷色一般應用于一些般跟白色調(diào)和可以達到一種很好的效果。冷色一般應用于一些高科技、游高科技、游戲類網(wǎng)站，主要表達嚴肅、穩(wěn)重等效果。戲類網(wǎng)站，主要表達嚴肅、穩(wěn)重等效果。色彩色彩 相近色：色環(huán)中相鄰的三種顏色。如圖（相近色：色環(huán)中相鄰的三種顏色。如圖（c）中

5、的黃）中的黃綠色、黃色和橘黃色。相近色的搭配給人的視覺效果很綠色、黃色和橘黃色。相近色的搭配給人的視覺效果很舒適，很自然，所以相近色在網(wǎng)站設計中極為常用。舒適，很自然，所以相近色在網(wǎng)站設計中極為常用。 互補色：色環(huán)中相對的兩種色彩。如圖（互補色：色環(huán)中相對的兩種色彩。如圖（d）中的亮）中的亮綠色和紫色，另外如紅色和綠色，藍色和橙色等?；パa綠色和紫色，另外如紅色和綠色，藍色和橙色等?；パa色調(diào)整一下補色的亮度，有時候是一種很好的搭配。補色調(diào)整一下補色的亮度，有時候是一種很好的搭配。補色在網(wǎng)站設計中用得也極為普遍。色在網(wǎng)站設計中用得也極為普遍。色彩色彩網(wǎng)頁色彩的搭配網(wǎng)頁色彩的搭配網(wǎng)頁設計中，色彩永遠

6、是最重要的一部分。當人們距離顯網(wǎng)頁設計中，色彩永遠是最重要的一部分。當人們距離顯示屏較遠的時候，看到的不是優(yōu)美的版式或者是美麗的圖示屏較遠的時候，看到的不是優(yōu)美的版式或者是美麗的圖片，而是網(wǎng)頁的色彩。片，而是網(wǎng)頁的色彩。 使用單色使用單色：先選定一種色彩，然后調(diào)整透明度或者飽和度，先選定一種色彩，然后調(diào)整透明度或者飽和度，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。 使用相近色：使用相近色：就是在色帶上相鄰近的顏色，例如綠色和藍色，就是在色帶上相鄰近的顏色，例如綠色和藍色，紅色和黃色就互為鄰近色。采用鄰近色設計網(wǎng)頁可以

7、使網(wǎng)頁避免色紅色和黃色就互為鄰近色。采用鄰近色設計網(wǎng)頁可以使網(wǎng)頁避免色彩雜亂，易于達到頁面的和諧統(tǒng)一。彩雜亂，易于達到頁面的和諧統(tǒng)一。 使用互補色：使用互補色：對比色可以突出重點，產(chǎn)生強烈的視覺效果，通對比色可以突出重點，產(chǎn)生強烈的視覺效果，通過合理使用對比色能夠使網(wǎng)站特色鮮明、重點突出。在設計時一般以過合理使用對比色能夠使網(wǎng)站特色鮮明、重點突出。在設計時一般以一種顏色為主色調(diào)，對比色作為點綴，可以起到畫龍點睛的作用。一種顏色為主色調(diào)，對比色作為點綴，可以起到畫龍點睛的作用。 背景色的使用：背景色的使用：背景色一般采用素淡清雅的色彩，避免采用花紋背景色一般采用素淡清雅的色彩，避免采用花紋復雜的

8、圖片和純度很高的色彩作為背景色，同時背景色要與文字的色彩復雜的圖片和純度很高的色彩作為背景色，同時背景色要與文字的色彩對比強烈一些。對比強烈一些。色彩色彩 色彩的數(shù)量：色彩的數(shù)量：網(wǎng)站用色并不是越多越好，對于初學者來說，網(wǎng)頁網(wǎng)站用色并不是越多越好，對于初學者來說，網(wǎng)頁用色最好控制在三種色彩以內(nèi)，通過調(diào)整色彩的各種屬性用色最好控制在三種色彩以內(nèi)，通過調(diào)整色彩的各種屬性(三個屬性）來三個屬性）來產(chǎn)生變化。產(chǎn)生變化。確定網(wǎng)站的色調(diào)確定網(wǎng)站的色調(diào)色彩色彩 主色調(diào)：主色調(diào)：頁面色彩的主要色調(diào)、總趨勢，其他配色不能超過頁面色彩的主要色調(diào)、總趨勢，其他配色不能超過該主要色調(diào)的視覺面積（背景白色不一定根據(jù)視覺

9、面積決定，該主要色調(diào)的視覺面積（背景白色不一定根據(jù)視覺面積決定，可以根據(jù)頁面的感覺需要）?？梢愿鶕?jù)頁面的感覺需要）。 輔色調(diào)：輔色調(diào)：僅次于主色調(diào)的視覺面積的輔助色，是烘托主色調(diào)、僅次于主色調(diào)的視覺面積的輔助色，是烘托主色調(diào)、支持主色調(diào)、起到融合主色調(diào)效果的輔助色調(diào)。支持主色調(diào)、起到融合主色調(diào)效果的輔助色調(diào)。 點睛色：點睛色：在小范圍內(nèi)點上強烈的顏色來突出主題效果，使頁在小范圍內(nèi)點上強烈的顏色來突出主題效果，使頁面更加鮮明生動。面更加鮮明生動。 背景色：背景色：襯托環(huán)抱整體的色調(diào)，協(xié)調(diào)、支配整體的作用。襯托環(huán)抱整體的色調(diào)，協(xié)調(diào)、支配整體的作用。色彩色彩返回返回色彩色彩案例欣賞案例欣賞排版排版(

10、網(wǎng)頁版式規(guī)劃）網(wǎng)頁版式規(guī)劃）網(wǎng)頁設計中版式規(guī)劃是最重要也是最關鍵的一個步驟網(wǎng)頁設計中版式規(guī)劃是最重要也是最關鍵的一個步驟，網(wǎng)站的版式規(guī)劃要根據(jù)不同的行業(yè)、不同的主題規(guī)，網(wǎng)站的版式規(guī)劃要根據(jù)不同的行業(yè)、不同的主題規(guī)劃最適合的網(wǎng)頁版式。同時還要考慮到以后用劃最適合的網(wǎng)頁版式。同時還要考慮到以后用dreamweaver布局時的方便性。布局時的方便性。排版排版常用到的版面布局形式有：常用到的版面布局形式有： (1)(1)骨骼型（分欄式結構）骨骼型（分欄式結構）（2 2）“國國”字型布局結構：字型布局結構：頁面的頂部和底部各有一個橫向的分頁面的頂部和底部各有一個橫向的分欄，中間是豎向分欄，其欄目數(shù)為三個

11、以上，通過上下分欄和兩側的豎欄，中間是豎向分欄，其欄目數(shù)為三個以上，通過上下分欄和兩側的豎分欄形成一個封閉的矩形框，也可以通過一個矩形的邊框來形成。這種分欄形成一個封閉的矩形框，也可以通過一個矩形的邊框來形成。這種結構有一種聚合的力量，使中間的內(nèi)容更加突出。結構有一種聚合的力量，使中間的內(nèi)容更加突出。排版排版n橫欄式劃分橫欄式劃分排版排版n豎欄式劃分豎欄式劃分排版排版n國國字字形形結結構構排版排版（3 3） “ “同同”字型布局結構：字型布局結構：與國字型結構類似，不同的只是與國字型結構類似，不同的只是頁面的底部沒有橫分欄，同樣也可采用邊框來形成。這種結構由于沒頁面的底部沒有橫分欄，同樣也可采

12、用邊框來形成。這種結構由于沒有完全封閉，版面的開放性比國字型結構要好一些。整個版面除上部有完全封閉，版面的開放性比國字型結構要好一些。整個版面除上部的橫分欄外，以豎向分欄為主體，兼有平安、穩(wěn)定和嚴肅、蓬勃向上的橫分欄外，以豎向分欄為主體，兼有平安、穩(wěn)定和嚴肅、蓬勃向上的感覺。的感覺。（4 4）自由式結構：）自由式結構：看上去沒有明顯的矩形分割痕跡，給予設計看上去沒有明顯的矩形分割痕跡，給予設計者一個自由、開放的設計空間，設計者的創(chuàng)意能夠得到充分的發(fā)揮和者一個自由、開放的設計空間，設計者的創(chuàng)意能夠得到充分的發(fā)揮和表現(xiàn)，能夠設計出更高藝術水平的頁面。大多用于網(wǎng)站的導入頁，或表現(xiàn)，能夠設計出更高藝術

13、水平的頁面。大多用于網(wǎng)站的導入頁，或者首頁。者首頁。但自由版式的頁面布局要復雜一些，需要利用表格中大小不等的矩形但自由版式的頁面布局要復雜一些，需要利用表格中大小不等的矩形單元格來進行無縫拼貼，才能形成一個完整的自由圖形。單元格來進行無縫拼貼，才能形成一個完整的自由圖形。排版排版n同同字字形形結結構構排版排版n自由版式自由版式排版排版排版排版排版排版版塊（頻道）劃分版塊（頻道）劃分把網(wǎng)站的內(nèi)容按照一定的邏輯關系分類，形成網(wǎng)站的把網(wǎng)站的內(nèi)容按照一定的邏輯關系分類，形成網(wǎng)站的內(nèi)容版塊?？砂凑諆?nèi)容的屬性、內(nèi)容的媒體形式、等內(nèi)容版塊。可按照內(nèi)容的屬性、內(nèi)容的媒體形式、等進行分類，分類的依據(jù)和邏輯關系要

14、讓瀏覽者一目了進行分類，分類的依據(jù)和邏輯關系要讓瀏覽者一目了然，這樣瀏覽者根據(jù)版塊結構就知道網(wǎng)站整體內(nèi)容結然，這樣瀏覽者根據(jù)版塊結構就知道網(wǎng)站整體內(nèi)容結構，明白了是否有他需要的信息以及應該在哪個版塊構，明白了是否有他需要的信息以及應該在哪個版塊去瀏覽他需要的信息。去瀏覽他需要的信息。網(wǎng)站欄目劃分版塊劃分應該注意的問題：版塊劃分應該注意的問題： （1）版塊的數(shù)目不宜太多）版塊的數(shù)目不宜太多 網(wǎng)站的版塊并非越多、分得越細就越好，只要分類明確，應該盡可能網(wǎng)站的版塊并非越多、分得越細就越好，只要分類明確，應該盡可能少一些。一方面分得過細顯得結構不緊湊，另一方面通常版塊信息要少一些。一方面分得過細顯得結

15、構不緊湊，另一方面通常版塊信息要帶到它的下級的各個欄目中，要占掉非常寶貴的屏幕空間。帶到它的下級的各個欄目中，要占掉非常寶貴的屏幕空間。 （2）給版塊起一個好的名稱）給版塊起一個好的名稱 版塊的名稱是該版塊內(nèi)容的綜合體現(xiàn)，一要看它是否能體現(xiàn)出版塊內(nèi)版塊的名稱是該版塊內(nèi)容的綜合體現(xiàn)，一要看它是否能體現(xiàn)出版塊內(nèi)容；二是準確沒有歧義；三是字數(shù)要少，要簡練，并且各版塊名稱的容；二是準確沒有歧義；三是字數(shù)要少，要簡練，并且各版塊名稱的字數(shù)最好一致；四要通俗易懂。字數(shù)最好一致；四要通俗易懂。 （3）版塊要獨立）版塊要獨立 版塊間沒有包容關系；版塊間沒有交叉關系版塊間沒有包容關系；版塊間沒有交叉關系（例如：

16、娛樂和觀看電影（例如：娛樂和觀看電影包容關系包容關系 美女和影星美女和影星交叉關系）交叉關系）網(wǎng)站欄目劃分欄目確定欄目確定網(wǎng)站內(nèi)容在版塊之下再分欄目，如果內(nèi)容很多，還可以在一級欄目之網(wǎng)站內(nèi)容在版塊之下再分欄目，如果內(nèi)容很多，還可以在一級欄目之下再分二級欄目，就像書的章下面分節(jié)，節(jié)下面再分點一樣。欄目的下再分二級欄目，就像書的章下面分節(jié)，節(jié)下面再分點一樣。欄目的級數(shù)不宜太多，一般不超過三級。欄目級數(shù)越多，網(wǎng)站的結構就越深級數(shù)不宜太多，一般不超過三級。欄目級數(shù)越多，網(wǎng)站的結構就越深，瀏覽者要通過多次點擊才能看到，這是瀏覽者不愿意的。，瀏覽者要通過多次點擊才能看到，這是瀏覽者不愿意的。欄目是版欄目是

17、版塊內(nèi)容和功能的具體體現(xiàn)，除信息內(nèi)容欄目外，還有一些功能欄目，塊內(nèi)容和功能的具體體現(xiàn)，除信息內(nèi)容欄目外，還有一些功能欄目，如如“在線留言、下載專區(qū)等在線留言、下載專區(qū)等“一般的個人站點內(nèi)容少，只有主欄目一般的個人站點內(nèi)容少，只有主欄目(主菜單主菜單)就夠了，不需要設置版就夠了，不需要設置版塊。如果你覺得的確有必要設置版塊的，應該注意塊。如果你覺得的確有必要設置版塊的，應該注意1.各版塊要有相對各版塊要有相對獨立性。獨立性。2.各版塊要有相互關聯(lián)。各版塊要有相互關聯(lián)。3.版塊的內(nèi)容要圍繞站點主題。關版塊的內(nèi)容要圍繞站點主題。關于版塊方面，主要是門戶站點等較大網(wǎng)站需要考慮的問題于版塊方面，主要是門

18、戶站點等較大網(wǎng)站需要考慮的問題網(wǎng)站欄目劃分一般的網(wǎng)站欄目安排要注意以下幾方面一般的網(wǎng)站欄目安排要注意以下幾方面: :(1).(1).一定記住要緊扣你的主題一定記住要緊扣你的主題! !一般的做法是:將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。例如制作一個發(fā)布動畫的網(wǎng)站，可以將欄目分為動物動畫，標志動畫，三維動畫，卡通動畫等，在首頁上標明最近更新的動畫。記住:主題欄目個數(shù)在總欄目中要占絕對優(yōu)勢，這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。 (2).(2).設一個最近更新或網(wǎng)站指南欄目設一個最近更新或網(wǎng)站指南欄目如果你的首頁沒有安排版面放置最近更新內(nèi)容信息，就有必要設立一個“最近更新

19、”的欄目。這樣做是為了照顧常來的訪客，讓你的主頁更有人性化。如果你的主頁內(nèi)容龐大(超過15MB)，層次較多，而又沒有站內(nèi)的搜索引擎，建議您設置“本站指南”欄目。可以幫助初訪者快速找到他們想要的內(nèi)容。網(wǎng)站欄目劃分(3).(3).設定一個可以雙向交流的欄目設定一個可以雙向交流的欄目不需要很多，但一定要有。比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。有調(diào)查表明，提供雙向交流的站點比簡單的留一個Email me的站點更具有親和力。(4).(4).設一個下載或常見問題回答欄目設一個下載或常見問題回答欄目網(wǎng)絡的特點是信息共享。如果你看到一個站點有大量的優(yōu)秀的有價值的資料，你肯定希望能一次性下

20、載，而不是一頁一頁瀏覽存盤?！皩⑿谋刃摹痹谀阕约旱闹黜撋显O置一個資料下載欄目，會得到大家的喜歡。有些站點為了廣告顯示量，一篇文章還要分幾頁顯示，我覺得遲早會因訪問量下降而淘汰(個人意見:)。另外，如果您的站點經(jīng)常收到網(wǎng)友關于某方面的問題來信，你最好設立一個常見問題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時間用以學習。網(wǎng)站欄目劃分至于其他的輔助內(nèi)容，如關于本站，版權信息等可以不放在主欄目里，以免沖淡主題?？偨Y以上幾點，我們得出劃分欄目需要注意的是:n盡可能刪除與主題無關的欄目盡可能刪除與主題無關的欄目n盡可能將網(wǎng)站最有價值的內(nèi)容列在欄目上盡可能將網(wǎng)站最有價值的內(nèi)容列在欄目上n盡可能方便訪問者

21、的瀏覽和查詢盡可能方便訪問者的瀏覽和查詢網(wǎng)站欄目劃分網(wǎng)站欄目劃分n搜狐網(wǎng)站的頻道與位置n頁面底欄信息內(nèi)容網(wǎng)站欄目劃分n網(wǎng)頁中不同的信息欄目網(wǎng)站欄目劃分網(wǎng)站欄目劃分n第一級欄目網(wǎng)站欄目劃分n第二級欄目網(wǎng)站欄目劃分第三級欄目欄目的級數(shù)不宜太多，一般不要超過3級。網(wǎng)站欄目劃分點擊第二個版塊點擊第二個版塊“吃喝吃喝”網(wǎng)站欄目劃分網(wǎng)站欄目劃分網(wǎng)站欄目劃分網(wǎng)站欄目劃分網(wǎng)站欄目劃分網(wǎng)站欄目劃分n首頁首頁網(wǎng)站欄目劃分n企業(yè)情報版塊企業(yè)情報版塊網(wǎng)站欄目劃分n企業(yè)情報版塊企業(yè)情報版塊關于麥當勞關于麥當勞n返回n一般來說，確定網(wǎng)站的鏈接結構有兩種基本方式：一般來說，確定網(wǎng)站的鏈接結構有兩種基本方式：1) 1) 樹狀

22、鏈接結構（一對一）。樹狀鏈接結構（一對一）。類似類似DOSDOS的目錄結構，的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。立體結構看起來就象蒲公英。這樣的鏈接結構瀏覽時，立體結構看起來就象蒲公英。這樣的鏈接結構瀏覽時，一級級進入，一級級退出。優(yōu)點是條理清晰，訪問者明一級級進入，一級級退出。優(yōu)點是條理清晰，訪問者明確知道自己在什么位置，不會確知道自己在什么位置，不會“迷迷”路。缺點是瀏覽效路。缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經(jīng)首頁。如必須繞經(jīng)首頁。如:

23、: 校園動態(tài)校園動態(tài)- -教師活動教師活動- -教師節(jié)教師節(jié)首頁首頁 教學園地教學園地- -教師成果教師成果- -學生作品學生作品鏈接鏈接案列案列鏈接鏈接鏈接鏈接2) 星狀鏈接結構（一對多）星狀鏈接結構（一對多）。類似網(wǎng)絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這種鏈接結構的優(yōu)點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置、看了多少內(nèi)容。如: 校園動態(tài)校園動態(tài)-教師活動教師活動-學生活動學生活動 首頁首頁 教學園地教學園地-教師成果教師成果-學生作品學生作品 這兩種基本結構都只是理想方式，在實際的網(wǎng)站設計中，一般要將這兩種結構混合起來使用。

24、鏈接鏈接 要使網(wǎng)站的鏈接結構清晰明了，一般做法是：首頁和一級頁面之間用星狀鏈接結要使網(wǎng)站的鏈接結構清晰明了，一般做法是：首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。如：一個新聞站點的頁面結構如下：構，一級和二級頁面之間用樹狀鏈接結構。如：一個新聞站點的頁面結構如下： 一級頁面一級頁面 二級頁面二級頁面 財經(jīng)新聞頁財經(jīng)新聞頁 - 財經(jīng)新聞財經(jīng)新聞1，財經(jīng)新聞，財經(jīng)新聞2. / | 首頁首頁 - 娛樂新聞頁娛樂新聞頁 - 娛樂新聞娛樂新聞1，娛樂新聞，娛樂新聞2. | IT新聞頁新聞頁 - IT新聞新聞1，IT新聞新聞2. 其中，首頁、財經(jīng)新聞頁、娛樂新聞頁、其中，首頁、財

25、經(jīng)新聞頁、娛樂新聞頁、IT新聞頁之間是星狀鏈接，可以互相點新聞頁之間是星狀鏈接，可以互相點擊，直接到達。而財經(jīng)新聞頁和它的子頁面之間是樹狀連接，瀏覽財經(jīng)新聞?chuàng)?，直接到達。而財經(jīng)新聞頁和它的子頁面之間是樹狀連接，瀏覽財經(jīng)新聞1后后，我們必須回到財經(jīng)新聞頁，才能瀏覽，我們必須回到財經(jīng)新聞頁，才能瀏覽IT新聞新聞2.所以所以,如果為了免去返回一級頁面如果為了免去返回一級頁面的麻煩，可將二級頁面直接用新開窗口的麻煩，可將二級頁面直接用新開窗口(POP up windows)打開，瀏覽結束后關閉打開，瀏覽結束后關閉即可。即可。鏈接鏈接n如果站點內(nèi)容龐大、分類明細，需要超過三級頁面，那么一定要在頁面里顯示

26、導航條，幫助瀏覽如果站點內(nèi)容龐大、分類明細，需要超過三級頁面，那么一定要在頁面里顯示導航條，幫助瀏覽者明確自己所處的位置。者明確自己所處的位置。n返回鏈接鏈接 網(wǎng)頁網(wǎng)頁: :又稱又稱WebWeb頁面頁面，是網(wǎng)絡文件的組成部分，是可以被，是網(wǎng)絡文件的組成部分，是可以被瀏覽器訪問的單個瀏覽器訪問的單個HTMLHTML超文本文件超文本文件. . 它由文字、表格、圖片、聲音、視頻以及各種功能按它由文字、表格、圖片、聲音、視頻以及各種功能按鈕等組成，這些文字、圖片、按鈕往往又是指向別的主頁的鈕等組成，這些文字、圖片、按鈕往往又是指向別的主頁的連接點。在連接點。在InternetInternet網(wǎng)上，這些

27、連接點又叫超級鏈接。網(wǎng)上，這些連接點又叫超級鏈接。 網(wǎng)站網(wǎng)站: :在設計時，將某個主題明確后，再按所需的單元、在設計時，將某個主題明確后，再按所需的單元、內(nèi)容經(jīng)過安排，化為各個不同的網(wǎng)頁，在同一個結構及訴求內(nèi)容經(jīng)過安排，化為各個不同的網(wǎng)頁，在同一個結構及訴求下出現(xiàn)的集合體，就是網(wǎng)站（下出現(xiàn)的集合體，就是網(wǎng)站（Web SiteWeb Site）。）。 有主題性的網(wǎng)站是要經(jīng)過規(guī)劃和構架過的網(wǎng)站。在互聯(lián)有主題性的網(wǎng)站是要經(jīng)過規(guī)劃和構架過的網(wǎng)站。在互聯(lián)網(wǎng)上，網(wǎng)上，WebWeb站點由一組相互關聯(lián)的頁面組成，如果把整個站點由一組相互關聯(lián)的頁面組成，如果把整個WWWWWW信息世界看作一個村子，那么一個信息世界看作一個村子，那么一個WebWeb站點可以理解成一個站點可以理解成一個家庭。所有由首頁鏈接出去的網(wǎng)頁集合起來就是網(wǎng)站家庭。所有由首頁鏈接出去的網(wǎng)頁集合起來就是網(wǎng)站. . 進入頁（引導頁）進入頁（引導頁）: : 進入頁是訪問者登錄網(wǎng)站時看到的第一個頁面，其主要進入頁是訪問者登錄網(wǎng)站時看到的第一個頁面，其主要作用是表明瀏覽網(wǎng)站所需要的瀏覽環(huán)境或者網(wǎng)站不同時期、作用是表明瀏覽網(wǎng)站所需要的瀏覽環(huán)