web-第2章網(wǎng)站規(guī)劃基礎(chǔ)

1、第二章第二章 網(wǎng)站規(guī)劃設(shè)計(jì)基礎(chǔ)網(wǎng)站規(guī)劃設(shè)計(jì)基礎(chǔ)網(wǎng)站規(guī)劃目的網(wǎng)站規(guī)劃目的網(wǎng)站規(guī)劃網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對(duì)市場(chǎng)進(jìn)行分析、確定網(wǎng)站的是指在網(wǎng)站建設(shè)前對(duì)市場(chǎng)進(jìn)行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測(cè)試、維護(hù)等做出規(guī)劃。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起到計(jì)用、測(cè)試、維護(hù)等做出規(guī)劃。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起到計(jì)劃和指導(dǎo)的作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。劃和指導(dǎo)的作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。 1. 網(wǎng)站設(shè)計(jì)流程網(wǎng)站設(shè)計(jì)流程2. Web站點(diǎn)的分類及運(yùn)行目的站點(diǎn)的分類及運(yùn)行目的3. 定位網(wǎng)站的主題和名稱定位網(wǎng)站的主題和名稱4.

2、 確定網(wǎng)站確定網(wǎng)站CI形象形象5. 確定網(wǎng)站的欄目和版塊確定網(wǎng)站的欄目和版塊6. 確定網(wǎng)站的整體風(fēng)格確定網(wǎng)站的整體風(fēng)格7. 確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)8. 網(wǎng)站內(nèi)容的確定網(wǎng)站內(nèi)容的確定9. 網(wǎng)頁(yè)的設(shè)計(jì)網(wǎng)頁(yè)的設(shè)計(jì)10. 申請(qǐng)域名注冊(cè)申請(qǐng)域名注冊(cè)11. 申請(qǐng)網(wǎng)站空間申請(qǐng)網(wǎng)站空間一、網(wǎng)站設(shè)計(jì)流程一、網(wǎng)站設(shè)計(jì)流程 1. 編寫(xiě)網(wǎng)站設(shè)計(jì)的計(jì)劃書(shū)；編寫(xiě)網(wǎng)站設(shè)計(jì)的計(jì)劃書(shū)；2. 確定網(wǎng)站設(shè)計(jì)總體思想；確定網(wǎng)站設(shè)計(jì)總體思想；3. 確定網(wǎng)站提供的內(nèi)容；確定網(wǎng)站提供的內(nèi)容； 4. 網(wǎng)站交互設(shè)計(jì)，如信息反饋、意見(jiàn)調(diào)查等；網(wǎng)站交互設(shè)計(jì)，如信息反饋、意見(jiàn)調(diào)查等；5. 對(duì)網(wǎng)站的內(nèi)容進(jìn)行分類；對(duì)網(wǎng)

3、站的內(nèi)容進(jìn)行分類；6. 設(shè)計(jì)網(wǎng)頁(yè)必有的內(nèi)容，如公司標(biāo)志、聯(lián)系方法和導(dǎo)航條等設(shè)計(jì)網(wǎng)頁(yè)必有的內(nèi)容，如公司標(biāo)志、聯(lián)系方法和導(dǎo)航條等7. 討論并確定方案；討論并確定方案；8. 制作網(wǎng)頁(yè)的模板；制作網(wǎng)頁(yè)的模板；9. 制作網(wǎng)頁(yè)并在不同平臺(tái)的瀏覽器上測(cè)試網(wǎng)頁(yè)；制作網(wǎng)頁(yè)并在不同平臺(tái)的瀏覽器上測(cè)試網(wǎng)頁(yè)；10. 檢查網(wǎng)頁(yè)的鏈接；檢查網(wǎng)頁(yè)的鏈接；11. 讓部分顧客或員工試用網(wǎng)站，并提出反饋意見(jiàn)；讓部分顧客或員工試用網(wǎng)站，并提出反饋意見(jiàn)；12. 根據(jù)需要修改不合適的地方；根據(jù)需要修改不合適的地方；13. 正式發(fā)布網(wǎng)站。正式發(fā)布網(wǎng)站。 二、網(wǎng)站的分類及運(yùn)行目的二、網(wǎng)站的分類及運(yùn)行目的1. 門戶網(wǎng)站門戶網(wǎng)站是指通向某類綜

4、合性互聯(lián)網(wǎng)信息資源并提供有關(guān)信息服務(wù)的是指通向某類綜合性互聯(lián)網(wǎng)信息資源并提供有關(guān)信息服務(wù)的應(yīng)用系統(tǒng)。應(yīng)用系統(tǒng)。比較知名的中文門戶網(wǎng)站有三類：比較知名的中文門戶網(wǎng)站有三類：像新浪、搜狐、網(wǎng)易這樣完全由國(guó)內(nèi)網(wǎng)絡(luò)公司經(jīng)營(yíng)的網(wǎng)站。像新浪、搜狐、網(wǎng)易這樣完全由國(guó)內(nèi)網(wǎng)絡(luò)公司經(jīng)營(yíng)的網(wǎng)站。境外投資的網(wǎng)站，如中文雅虎、美國(guó)在線等。境外投資的網(wǎng)站，如中文雅虎、美國(guó)在線等。國(guó)內(nèi)傳統(tǒng)媒體辦得網(wǎng)站，以人民網(wǎng)、新華網(wǎng)為代表。國(guó)內(nèi)傳統(tǒng)媒體辦得網(wǎng)站，以人民網(wǎng)、新華網(wǎng)為代表。2. 政府網(wǎng)站政府網(wǎng)站由各級(jí)政府的各個(gè)部門主辦，就政府各個(gè)職能部門或某一方由各級(jí)政府的各個(gè)部門主辦，就政府各個(gè)職能部門或某一方面的情況或信息向公眾介紹、宣

5、傳、作出說(shuō)明?，F(xiàn)在的政府面的情況或信息向公眾介紹、宣傳、作出說(shuō)明?，F(xiàn)在的政府網(wǎng)站還向電子政務(wù)方向發(fā)展，許多以前通過(guò)窗口排隊(duì)的行政網(wǎng)站還向電子政務(wù)方向發(fā)展，許多以前通過(guò)窗口排隊(duì)的行政辦事手續(xù)已逐漸提升成可通過(guò)網(wǎng)絡(luò)提交的方式來(lái)解決，網(wǎng)上辦事手續(xù)已逐漸提升成可通過(guò)網(wǎng)絡(luò)提交的方式來(lái)解決，網(wǎng)上的政府信息具有專業(yè)性、實(shí)時(shí)性、權(quán)威性等特點(diǎn)。的政府信息具有專業(yè)性、實(shí)時(shí)性、權(quán)威性等特點(diǎn)。3. 學(xué)校和科研機(jī)構(gòu)網(wǎng)站學(xué)校和科研機(jī)構(gòu)網(wǎng)站提供一定的技術(shù)咨詢服務(wù)和學(xué)術(shù)資源共享。這種網(wǎng)站不以營(yíng)提供一定的技術(shù)咨詢服務(wù)和學(xué)術(shù)資源共享。這種網(wǎng)站不以營(yíng)利為目的，往往是其內(nèi)部局域網(wǎng)的外延，提供圖書(shū)館信息、利為目的，往往是其內(nèi)部局域網(wǎng)的

6、外延，提供圖書(shū)館信息、最新學(xué)術(shù)動(dòng)態(tài)、科研技術(shù)探討等以便資源共享，如中國(guó)教育最新學(xué)術(shù)動(dòng)態(tài)、科研技術(shù)探討等以便資源共享，如中國(guó)教育和科研計(jì)算機(jī)網(wǎng)（和科研計(jì)算機(jī)網(wǎng)（http:/），通過(guò)它可以訪問(wèn)我），通過(guò)它可以訪問(wèn)我國(guó)各個(gè)高校的主頁(yè)和圖書(shū)館。國(guó)各個(gè)高校的主頁(yè)和圖書(shū)館。4. 電子商務(wù)類網(wǎng)站電子商務(wù)類網(wǎng)站此類網(wǎng)站分為此類網(wǎng)站分為B2B（商家對(duì)商家）、（商家對(duì)商家）、B2C（商家對(duì)個(gè)人客戶）（商家對(duì)個(gè)人客戶）和和C2C（個(gè)人對(duì)個(gè)人）三種，按照交易過(guò)程可分為商品檢索、（個(gè)人對(duì)個(gè)人）三種，按照交易過(guò)程可分為商品檢索、商品采購(gòu)、訂單支付三個(gè)階段。商品采購(gòu)、訂單支付三個(gè)階段。此類網(wǎng)站應(yīng)該具有如下功能：此類網(wǎng)站應(yīng)該

7、具有如下功能：商品發(fā)布功能；商品發(fā)布功能；商品選購(gòu)功能；商品選購(gòu)功能；具有個(gè)性化的采購(gòu)訂單模板，顧客可以進(jìn)行購(gòu)物組合比較；具有個(gè)性化的采購(gòu)訂單模板，顧客可以進(jìn)行購(gòu)物組合比較；“購(gòu)物車購(gòu)物車”內(nèi)置的價(jià)格計(jì)算模型可以根據(jù)商家的價(jià)格體系靈內(nèi)置的價(jià)格計(jì)算模型可以根據(jù)商家的價(jià)格體系靈活定制；活定制；在線交易功能；在線交易功能；商品交接、資金結(jié)算功能。商品交接、資金結(jié)算功能。5. 企業(yè)網(wǎng)站企業(yè)網(wǎng)站對(duì)于企業(yè)來(lái)說(shuō)企業(yè)網(wǎng)站可以在全世界范圍內(nèi)宣傳展示自己的對(duì)于企業(yè)來(lái)說(shuō)企業(yè)網(wǎng)站可以在全世界范圍內(nèi)宣傳展示自己的公司，發(fā)布本公司時(shí)效性強(qiáng)的商業(yè)信息；對(duì)企業(yè)增加業(yè)務(wù)量、公司，發(fā)布本公司時(shí)效性強(qiáng)的商業(yè)信息；對(duì)企業(yè)增加業(yè)務(wù)量、

8、開(kāi)拓市場(chǎng)均有幫助。開(kāi)拓市場(chǎng)均有幫助。比如比如IBM、微軟，英特爾等，這些公司網(wǎng)站不但給公司和企、微軟，英特爾等，這些公司網(wǎng)站不但給公司和企業(yè)而且給廣大客戶帶來(lái)了便利，在這些公司的站點(diǎn)可以查詢業(yè)而且給廣大客戶帶來(lái)了便利，在這些公司的站點(diǎn)可以查詢到該公司最近一段時(shí)間的產(chǎn)品發(fā)布情況、技術(shù)文檔和相關(guān)的到該公司最近一段時(shí)間的產(chǎn)品發(fā)布情況、技術(shù)文檔和相關(guān)的軟件包等。經(jīng)銷商還可以通過(guò)這些站點(diǎn)獲悉訂貨情況、價(jià)格軟件包等。經(jīng)銷商還可以通過(guò)這些站點(diǎn)獲悉訂貨情況、價(jià)格信息等。信息等。6. 論壇型網(wǎng)站論壇型網(wǎng)站通常稱為通常稱為BBS系統(tǒng)，是網(wǎng)站的用戶之間以及網(wǎng)站的經(jīng)營(yíng)者和系統(tǒng)，是網(wǎng)站的用戶之間以及網(wǎng)站的經(jīng)營(yíng)者和用戶之

9、間進(jìn)行交流的系統(tǒng)。論壇型網(wǎng)站一般都按不同的主題用戶之間進(jìn)行交流的系統(tǒng)。論壇型網(wǎng)站一般都按不同的主題分為許多版塊，版面的設(shè)立依據(jù)是大多數(shù)用戶的要求和喜好，分為許多版塊，版面的設(shè)立依據(jù)是大多數(shù)用戶的要求和喜好，用戶可以閱讀別人關(guān)于某個(gè)主題的看法，也可以將自己的想用戶可以閱讀別人關(guān)于某個(gè)主題的看法，也可以將自己的想法毫無(wú)保留的發(fā)布到論壇上。法毫無(wú)保留的發(fā)布到論壇上。7. 展示宣傳型網(wǎng)站展示宣傳型網(wǎng)站以內(nèi)容展示為重點(diǎn)，用內(nèi)容吸引人，如文學(xué)網(wǎng)站、下載網(wǎng)站、以內(nèi)容展示為重點(diǎn)，用內(nèi)容吸引人，如文學(xué)網(wǎng)站、下載網(wǎng)站、行業(yè)信息網(wǎng)站、個(gè)人網(wǎng)站等。一般通過(guò)提供免費(fèi)服務(wù)和免費(fèi)行業(yè)信息網(wǎng)站、個(gè)人網(wǎng)站等。一般通過(guò)提供免費(fèi)服

10、務(wù)和免費(fèi)資源來(lái)吸引用戶增加訪問(wèn)量，用戶可以通過(guò)這類網(wǎng)站在網(wǎng)上資源來(lái)吸引用戶增加訪問(wèn)量，用戶可以通過(guò)這類網(wǎng)站在網(wǎng)上獲取許多免費(fèi)的資料，如電子報(bào)刊、獲取許多免費(fèi)的資料，如電子報(bào)刊、Mp3音樂(lè)、免費(fèi)軟件等。音樂(lè)、免費(fèi)軟件等。三、定位網(wǎng)站的主題和名稱三、定位網(wǎng)站的主題和名稱1. 網(wǎng)站主題的確定網(wǎng)站主題的確定建設(shè)一個(gè)網(wǎng)站首先要確定網(wǎng)站所屬類別下的主題。主題是建設(shè)一個(gè)網(wǎng)站首先要確定網(wǎng)站所屬類別下的主題。主題是Web站點(diǎn)的靈魂，一個(gè)好的站點(diǎn)的靈魂，一個(gè)好的Web站點(diǎn)首先需要好主題。站點(diǎn)首先需要好主題。在選擇網(wǎng)站主題的時(shí)候要注意以下在選擇網(wǎng)站主題的時(shí)候要注意以下3點(diǎn)：點(diǎn)：主題小而內(nèi)容精，創(chuàng)新的內(nèi)容很重要；主題

11、小而內(nèi)容精，創(chuàng)新的內(nèi)容很重要；題材最好是自己擅長(zhǎng)的內(nèi)容；題材最好是自己擅長(zhǎng)的內(nèi)容；題材不要太濫，目標(biāo)不要過(guò)高。題材不要太濫，目標(biāo)不要過(guò)高。2. 網(wǎng)站名稱的確定網(wǎng)站名稱的確定在選擇網(wǎng)站名稱的時(shí)候要注意以下在選擇網(wǎng)站名稱的時(shí)候要注意以下3點(diǎn)：點(diǎn)：名稱要端正；名稱要端正；名稱要易記；名稱要易記；名稱要有特色。名稱要有特色。一旦確定站點(diǎn)主題一旦確定站點(diǎn)主題,就應(yīng)該圍繞主題給就應(yīng)該圍繞主題給Web站點(diǎn)起一個(gè)名字站點(diǎn)起一個(gè)名字即即Web站點(diǎn)名稱。網(wǎng)站名稱對(duì)站點(diǎn)名稱。網(wǎng)站名稱對(duì)Web站點(diǎn)的形象和宣傳推廣站點(diǎn)的形象和宣傳推廣有很大影響。有很大影響。四、確定網(wǎng)站四、確定網(wǎng)站CI形象形象所謂所謂CI（Corpor

12、ate Identity，企業(yè)形象），企業(yè)形象），是指通過(guò)強(qiáng)化視，是指通過(guò)強(qiáng)化視覺(jué)效果的手段來(lái)加深用戶對(duì)企業(yè)形象的印象。覺(jué)效果的手段來(lái)加深用戶對(duì)企業(yè)形象的印象。1. 設(shè)計(jì)網(wǎng)站的標(biāo)志（設(shè)計(jì)網(wǎng)站的標(biāo)志（Logo）站點(diǎn)標(biāo)志作用類似于商標(biāo)，它是網(wǎng)站特色和內(nèi)涵的集中站點(diǎn)標(biāo)志作用類似于商標(biāo)，它是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn)。體現(xiàn)。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的名稱作為標(biāo)志，最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的名稱作為標(biāo)志，采用不同的字體、字母的變形或組合可以很容易制作好采用不同的字體、字母的變形或組合可以很容易制作好自己的標(biāo)志。自己的標(biāo)志。2. 設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩“標(biāo)準(zhǔn)色彩標(biāo)準(zhǔn)色彩”是指能

13、體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。例是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。例如，如，IBM的深藍(lán)色，的深藍(lán)色，KFC的紅色條紋，都使瀏覽者覺(jué)得很的紅色條紋，都使瀏覽者覺(jué)得很貼切，很和諧。貼切，很和諧。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不宜超過(guò)一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不宜超過(guò)3種，標(biāo)準(zhǔn)色彩要種，標(biāo)準(zhǔn)色彩要用于網(wǎng)站的用于網(wǎng)站的Logo、標(biāo)題、主菜單和主色塊，給人整體統(tǒng)一、標(biāo)題、主菜單和主色塊，給人整體統(tǒng)一的感覺(jué)。的感覺(jué)。在配色的時(shí)候要把握以下原則：在配色的時(shí)候要把握以下原則：網(wǎng)站要有一個(gè)主色調(diào)；網(wǎng)站要有一個(gè)主色調(diào)；要深淺搭配；要深淺搭配；保持整個(gè)網(wǎng)站顏色的統(tǒng)一性。保持整個(gè)網(wǎng)站顏色的統(tǒng)一性。3. 設(shè)計(jì)網(wǎng)站的

14、標(biāo)準(zhǔn)字體設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體標(biāo)準(zhǔn)字體是指用于標(biāo)準(zhǔn)字體是指用于Logo、標(biāo)題和主菜單的特有字體。一般、標(biāo)題和主菜單的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的特有風(fēng)格，設(shè)計(jì)者可以根據(jù)需要選擇一些為了體現(xiàn)站點(diǎn)的特有風(fēng)格，設(shè)計(jì)者可以根據(jù)需要選擇一些特別字體。特別字體。五、確定網(wǎng)站的欄目和板塊五、確定網(wǎng)站的欄目和板塊 1. 設(shè)計(jì)網(wǎng)站的欄目設(shè)計(jì)網(wǎng)站的欄目網(wǎng)站欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的網(wǎng)站欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。主體明確顯示出來(lái)。在選擇網(wǎng)站欄目的時(shí)候要注意以下在選擇網(wǎng)站欄目的時(shí)候要注意以下4點(diǎn)：點(diǎn)：緊扣網(wǎng)站主題；緊

15、扣網(wǎng)站主題；設(shè)計(jì)一個(gè)最近更新或網(wǎng)站指南欄目；設(shè)計(jì)一個(gè)最近更新或網(wǎng)站指南欄目；設(shè)計(jì)一個(gè)可以互動(dòng)交流的欄目；設(shè)計(jì)一個(gè)可以互動(dòng)交流的欄目；設(shè)計(jì)一個(gè)下載或常見(jiàn)問(wèn)題回答欄目。設(shè)計(jì)一個(gè)下載或常見(jiàn)問(wèn)題回答欄目。2. 設(shè)計(jì)網(wǎng)站的版塊設(shè)計(jì)網(wǎng)站的版塊版塊比欄目的概念要大一些，版塊比欄目的概念要大一些，每個(gè)版塊都可以有自己的欄目每個(gè)版塊都可以有自己的欄目。一般的個(gè)人站點(diǎn)內(nèi)容較少，只要有主欄目就夠了，不需要設(shè)一般的個(gè)人站點(diǎn)內(nèi)容較少，只要有主欄目就夠了，不需要設(shè)置版塊。置版塊。設(shè)置版塊時(shí)，應(yīng)該注意以下幾點(diǎn)：設(shè)置版塊時(shí)，應(yīng)該注意以下幾點(diǎn)：各版塊要有相對(duì)獨(dú)立性；各版塊要有相對(duì)獨(dú)立性；各版塊要相互關(guān)聯(lián)；各版塊要相互關(guān)聯(lián)；版塊

16、的內(nèi)容要圍繞站點(diǎn)主題。版塊的內(nèi)容要圍繞站點(diǎn)主題。六、確定網(wǎng)站的整體風(fēng)格六、確定網(wǎng)站的整體風(fēng)格風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。例如，瀏覽者可能覺(jué)得網(wǎng)易是平易近人的，迪士尼是生動(dòng)活例如，瀏覽者可能覺(jué)得網(wǎng)易是平易近人的，迪士尼是生動(dòng)活潑的，潑的，IBM是專業(yè)嚴(yán)肅的。是專業(yè)嚴(yán)肅的。在設(shè)計(jì)網(wǎng)站風(fēng)格時(shí)應(yīng)注意以下在設(shè)計(jì)網(wǎng)站風(fēng)格時(shí)應(yīng)注意以下4點(diǎn)：點(diǎn)：風(fēng)格是建立在有價(jià)值的內(nèi)容之上的；風(fēng)格是建立在有價(jià)值的內(nèi)容之上的；將網(wǎng)站將網(wǎng)站logo盡可能地放在每個(gè)頁(yè)面最突出的位置；盡可能地放在每個(gè)頁(yè)面最突出的位置；使用統(tǒng)一的圖片處理效果；使用統(tǒng)一的圖片處

17、理效果；設(shè)計(jì)宣傳標(biāo)語(yǔ)。設(shè)計(jì)宣傳標(biāo)語(yǔ)。七、確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)七、確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)不要將網(wǎng)站內(nèi)容全部放在一個(gè)目錄中，按菜單欄目?jī)?nèi)容不要將網(wǎng)站內(nèi)容全部放在一個(gè)目錄中，按菜單欄目?jī)?nèi)容建立子目錄。建立子目錄。目錄的層次不要太深，盡量用英文命名目錄和文件名。目錄的層次不要太深，盡量用英文命名目錄和文件名。目錄一般不超過(guò)目錄一般不超過(guò)3層。目錄路徑過(guò)深，跳轉(zhuǎn)的層。目錄路徑過(guò)深，跳轉(zhuǎn)的URL地址就地址就會(huì)變長(zhǎng)，會(huì)增加頁(yè)面鏈接的復(fù)雜性。會(huì)變長(zhǎng)，會(huì)增加頁(yè)面鏈接的復(fù)雜性。1. 網(wǎng)站的目錄結(jié)構(gòu)網(wǎng)站的目錄結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)，網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)

18、，它建立在目錄結(jié)構(gòu)基礎(chǔ)之上它建立在目錄結(jié)構(gòu)基礎(chǔ)之上,而且可以跨越目錄。而且可以跨越目錄。2. 網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)Web站點(diǎn)的鏈接結(jié)構(gòu)有三種基本方式：站點(diǎn)的鏈接結(jié)構(gòu)有三種基本方式： 1）樹(shù)狀鏈接結(jié)構(gòu)。）樹(shù)狀鏈接結(jié)構(gòu)。 首鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。首鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。 用戶可以一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。用戶可以一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。2）星狀鏈接結(jié)構(gòu)。）星狀鏈接結(jié)構(gòu)。 結(jié)構(gòu)中的每個(gè)頁(yè)面相互之間都直接建立了鏈接。結(jié)構(gòu)中的每個(gè)頁(yè)面相互之間都直接建立了鏈接。3）混合結(jié)構(gòu)。）混合結(jié)構(gòu)。 首頁(yè)和一級(jí)頁(yè)面之間用星形鏈接結(jié)構(gòu)，一級(jí)和二級(jí)、二首頁(yè)和一級(jí)頁(yè)面之間用

19、星形鏈接結(jié)構(gòu)，一級(jí)和二級(jí)、二 級(jí)和三級(jí)頁(yè)面之間均采用樹(shù)形結(jié)構(gòu)。級(jí)和三級(jí)頁(yè)面之間均采用樹(shù)形結(jié)構(gòu)。八、網(wǎng)站內(nèi)容的確定八、網(wǎng)站內(nèi)容的確定站點(diǎn)結(jié)構(gòu)圖；站點(diǎn)結(jié)構(gòu)圖；導(dǎo)航欄；導(dǎo)航欄；精美的圖片；精美的圖片；引人入勝的內(nèi)容；引人入勝的內(nèi)容；反饋表；反饋表；聯(lián)系方式頁(yè)面；聯(lián)系方式頁(yè)面；搜索工具；搜索工具；常見(jiàn)問(wèn)題解答。常見(jiàn)問(wèn)題解答。確定網(wǎng)站的題材，并且收集和組織了許多相關(guān)的材料內(nèi)容后，確定網(wǎng)站的題材，并且收集和組織了許多相關(guān)的材料內(nèi)容后，按照以下方面組織內(nèi)容來(lái)吸引瀏覽者。按照以下方面組織內(nèi)容來(lái)吸引瀏覽者。 文本文本1. 網(wǎng)頁(yè)的基本元素網(wǎng)頁(yè)的基本元素 圖片和動(dòng)畫(huà)圖片和動(dòng)畫(huà) 聲音和視頻聲音和視頻 超鏈接超鏈接 導(dǎo)

20、航欄導(dǎo)航欄 表格表格 表單表單 其他常見(jiàn)元素其他常見(jiàn)元素九、網(wǎng)頁(yè)的設(shè)計(jì)九、網(wǎng)頁(yè)的設(shè)計(jì)符合人們的閱讀習(xí)慣。符合人們的閱讀習(xí)慣。網(wǎng)站導(dǎo)航要清晰。網(wǎng)站導(dǎo)航要清晰。網(wǎng)頁(yè)風(fēng)格要統(tǒng)一。網(wǎng)頁(yè)風(fēng)格要統(tǒng)一。動(dòng)靜要搭配好。動(dòng)靜要搭配好。突出新內(nèi)容。突出新內(nèi)容。2. 網(wǎng)站設(shè)計(jì)的原則網(wǎng)站設(shè)計(jì)的原則網(wǎng)站網(wǎng)站LOGO導(dǎo)航欄導(dǎo)航欄 廣告廣告 頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁(yè)的局限性就在頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁(yè)的局限性就在于設(shè)計(jì)者無(wú)法突破顯示器的范圍，而且瀏覽器本身的界面也于設(shè)計(jì)者無(wú)法突破顯示器的范圍，而且瀏覽器本身的界面也要占去不少空間，留下來(lái)用來(lái)設(shè)計(jì)頁(yè)面的范圍變得更小。要占去不少空間，留下來(lái)用來(lái)設(shè)

21、計(jì)頁(yè)面的范圍變得更小。分辨率越高，頁(yè)面的尺寸就越大。分辨率越高，頁(yè)面的尺寸就越大。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，向下拖動(dòng)是唯一給網(wǎng)頁(yè)增加更多內(nèi)容的在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，向下拖動(dòng)是唯一給網(wǎng)頁(yè)增加更多內(nèi)容的方法。但最好不要讓瀏覽者拖動(dòng)頁(yè)面超過(guò)三個(gè)屏幕。方法。但最好不要讓瀏覽者拖動(dòng)頁(yè)面超過(guò)三個(gè)屏幕。（1）頁(yè)面尺寸的概念）頁(yè)面尺寸的概念3. 網(wǎng)頁(yè)布局網(wǎng)頁(yè)布局平衡原則：平衡原則：注意屏幕上下左右平衡，不要使數(shù)據(jù)過(guò)分擁擠，注意屏幕上下左右平衡，不要使數(shù)據(jù)過(guò)分擁擠，易產(chǎn)生視覺(jué)疲勞和接收錯(cuò)誤。易產(chǎn)生視覺(jué)疲勞和接收錯(cuò)誤。預(yù)期原則：預(yù)期原則：屏幕上的所有對(duì)象，如窗口、按鈕、菜單等處屏幕上的所有對(duì)象，如窗口、按鈕、菜單等處理應(yīng)一致

22、化，使對(duì)象的動(dòng)作可預(yù)期。理應(yīng)一致化，使對(duì)象的動(dòng)作可預(yù)期。經(jīng)濟(jì)原則：經(jīng)濟(jì)原則：在提供足夠的信息量的同時(shí)還要注意簡(jiǎn)明、清在提供足夠的信息量的同時(shí)還要注意簡(jiǎn)明、清晰。晰。順序原則：順序原則：對(duì)象顯示的順序應(yīng)依需要排列。通常應(yīng)最先出對(duì)象顯示的順序應(yīng)依需要排列。通常應(yīng)最先出現(xiàn)對(duì)話，然后通過(guò)對(duì)話將系統(tǒng)分段實(shí)現(xiàn)?，F(xiàn)對(duì)話，然后通過(guò)對(duì)話將系統(tǒng)分段實(shí)現(xiàn)。規(guī)則化原則：規(guī)則化原則：畫(huà)面應(yīng)對(duì)稱，顯示命令、對(duì)話及提示行在設(shè)畫(huà)面應(yīng)對(duì)稱，顯示命令、對(duì)話及提示行在設(shè)計(jì)中盡量統(tǒng)一規(guī)范。計(jì)中盡量統(tǒng)一規(guī)范。（2）頁(yè)面排版布局的原則）頁(yè)面排版布局的原則 CSS布局布局 表格布局表格布局 框架布局框架布局（3）網(wǎng)頁(yè)布局的常用技術(shù)）網(wǎng)頁(yè)布

23、局的常用技術(shù)對(duì)于網(wǎng)站的色彩處理原則應(yīng)該是對(duì)于網(wǎng)站的色彩處理原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比總體協(xié)調(diào)，局部對(duì)比”。4. 配色原則配色原則三原色：紅、綠、藍(lán)三原色：紅、綠、藍(lán)（1）色彩的形成）色彩的形成色調(diào)：表現(xiàn)色彩的種類；色調(diào)：表現(xiàn)色彩的種類；亮度：表現(xiàn)色彩的明亮程度；亮度：表現(xiàn)色彩的明亮程度；飽和度：表現(xiàn)色彩的鮮艷程度。飽和度：表現(xiàn)色彩的鮮艷程度。（2）色彩的特征）色彩的特征按照色彩對(duì)人們心理的影響可以進(jìn)行以下分類。按照色彩對(duì)人們心理的影響可以進(jìn)行以下分類。暖色系：紅、橙、橙黃、黃等色彩讓人感覺(jué)溫馨、熱情；暖色系：紅、橙、橙黃、黃等色彩讓人感覺(jué)溫馨、熱情；中性系：黃綠、綠等色彩讓人覺(jué)得舒適、和諧；中性系：黃綠、綠等色彩讓人覺(jué)得舒適、和諧；冷色系：青綠、藍(lán)綠、藍(lán)等色彩讓人覺(jué)得寧?kù)o、高雅。冷色系：青綠、藍(lán)綠、藍(lán)等色彩讓人覺(jué)得寧?kù)o、高雅。（3）色彩的分類）色彩的分類網(wǎng)站格調(diào)的確定，往往取決于色彩的選擇與搭配是否適當(dāng)。網(wǎng)站格調(diào)的確定，往往取決于色彩的選擇與搭配是否適當(dāng)。色彩的鮮明性色彩的鮮明性色彩的獨(dú)特性色彩的獨(dú)特性色彩的適合性色彩的適合性色彩的聯(lián)想性色彩的聯(lián)想性（4）色彩的選擇和搭配）色彩的選擇和搭配域名注冊(cè)實(shí)際上就是申請(qǐng)網(wǎng)站的一個(gè)名稱，以方便人們來(lái)訪域名注冊(cè)實(shí)際上