網(wǎng)站規(guī)劃設(shè)計(jì)原則

網(wǎng)站規(guī)劃設(shè)計(jì)原則第1頁，課件共58頁，創(chuàng)作于2023年2月

網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)之前對(duì)市場進(jìn)行分析，確定網(wǎng)站的目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測試、維護(hù)等做出規(guī)劃。網(wǎng)站規(guī)劃初步第2頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步3.1.1網(wǎng)站規(guī)劃原則1．目標(biāo)明確，主題鮮明原則2．實(shí)際情況和用戶需求原則（1）以用戶為中心（2）從實(shí)際出發(fā)（3）主次分明循序漸進(jìn)3．結(jié)構(gòu)合理，內(nèi)容清晰原則（1）目錄合理（2）鏈接明確（3）內(nèi)容清晰第3頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步4．企業(yè)專業(yè)特性介紹的原則（1）對(duì)外介紹專業(yè)信息

（2）對(duì)內(nèi)提供信息服務(wù)5．網(wǎng)站版式設(shè)計(jì)原則6．實(shí)用性功能服務(wù)應(yīng)切合實(shí)際需要原則第4頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步網(wǎng)站規(guī)劃內(nèi)容1．建設(shè)網(wǎng)站前的市場分析建設(shè)網(wǎng)站前需要對(duì)以下幾方面的內(nèi)容進(jìn)行分析。（1）相關(guān)行業(yè)的市場是怎樣的,市場有什么樣的特點(diǎn)，是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。（2）市場主要競爭者分析，競爭對(duì)手上網(wǎng)情況及其網(wǎng)站規(guī)劃、功能作用。（3）公司自身?xiàng)l件分析、公司概況、市場優(yōu)勢，可以利用網(wǎng)站提升哪些競爭力，建設(shè)網(wǎng)站的能力（費(fèi)用、技術(shù)、人力等）。

第5頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步2．建設(shè)網(wǎng)站目的3．域名和網(wǎng)站名稱4．網(wǎng)站主要功能5．網(wǎng)站技術(shù)解決方案（1）采用自建服務(wù)器，還是租用虛擬主機(jī)。（2）選擇操作系統(tǒng)，用unix,Linux還是Window2000/NT。（3）采用系統(tǒng)性的解決方案（如IBM,HP）等公司提供的企業(yè)上網(wǎng)方案、電子商務(wù)解決方案？還是自己開發(fā)。（4）網(wǎng)站安全性措施，防黑、防病毒方案。（5）相關(guān)的程序開發(fā)。如網(wǎng)頁程序ASP、JSP、CGI、數(shù)據(jù)庫程序等。第6頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步7．網(wǎng)站測試和發(fā)布（1）網(wǎng)站服務(wù)器穩(wěn)定性、安全性；（2）各種插件、數(shù)據(jù)庫、圖像、鏈接等是否工作正常；（3）在不同接入速率情況下的網(wǎng)頁下載速度；（4）網(wǎng)頁對(duì)不同瀏覽器的兼容性；（5）網(wǎng)頁在不同顯示器和不同顯示模式下的表現(xiàn)等。8．網(wǎng)站推廣網(wǎng)站推廣活動(dòng)一般發(fā)生在網(wǎng)站正式發(fā)布之后，當(dāng)然也不排除一些網(wǎng)站在籌備期間就開始宣傳的可能。9．網(wǎng)站維護(hù)（1）服務(wù)器及相關(guān)軟硬件的維護(hù)。（2）網(wǎng)站內(nèi)容的更新、調(diào)整等。10．網(wǎng)站財(cái)務(wù)預(yù)算網(wǎng)站建設(shè)和推廣的財(cái)務(wù)預(yù)算也是重要內(nèi)容，網(wǎng)站建設(shè)和推廣在很大程度上受到財(cái)務(wù)預(yù)算的制約，所有的規(guī)劃都只能在財(cái)務(wù)許可的范圍之內(nèi)。財(cái)務(wù)預(yù)算應(yīng)按照網(wǎng)站的開發(fā)周期，包含網(wǎng)站所有的費(fèi)用明細(xì)清單。第7頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步2.1.3建設(shè)網(wǎng)站的資源規(guī)劃

1．人力配置（1）系統(tǒng)策劃師，也就是網(wǎng)站策劃人員，主要任務(wù)是對(duì)網(wǎng)絡(luò)市場和競爭對(duì)手進(jìn)行詳細(xì)的比較和分析，確定網(wǎng)站的目標(biāo)、策略及總體規(guī)劃，并要有網(wǎng)站建設(shè)目標(biāo)書、策劃書等材料。（2）項(xiàng)目經(jīng)理，主要任務(wù)是負(fù)責(zé)企業(yè)網(wǎng)站建設(shè)項(xiàng)目的規(guī)劃、項(xiàng)目進(jìn)程管理、人員分配和組織、資源規(guī)劃、進(jìn)度控制、質(zhì)量審核等。（3）網(wǎng)站規(guī)劃師，主要任務(wù)是負(fù)責(zé)網(wǎng)站總體設(shè)計(jì)、搭建系統(tǒng)構(gòu)架、安裝服務(wù)器系統(tǒng)及相關(guān)的軟件、按照策劃書要求形成文檔等。（4）程序設(shè)計(jì)師，主要任務(wù)是負(fù)責(zé)程序的編寫、調(diào)試、運(yùn)行、維護(hù)等工作、并根據(jù)企業(yè)的需要不斷地研究和開發(fā)新的軟件、系統(tǒng)操作手冊(cè)等。（5）美術(shù)編輯師，主要任務(wù)是按照網(wǎng)站總體設(shè)計(jì)書的要求做出漂亮、實(shí)用的網(wǎng)頁頁面。并要將頁面設(shè)計(jì)出具有企業(yè)特色的，色彩適合的網(wǎng)頁等。（6）錄入員，也就是信息編輯處理人員，主要任務(wù)是輸入、編輯和處理大量的用戶信息，商品交易信息等。第8頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步2．費(fèi)用預(yù)算一般電子商務(wù)的總體費(fèi)用包括以下幾個(gè)方面：（1）線路接入費(fèi)用（2）域名費(fèi)用（3）服務(wù)器硬件設(shè)備費(fèi)用（4）主機(jī)托管費(fèi)用（5）系統(tǒng)軟件費(fèi)用（6）開發(fā)費(fèi)用（7）網(wǎng)站的市場和經(jīng)營費(fèi)用第9頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步6．網(wǎng)站內(nèi)容規(guī)劃（1）一般企業(yè)網(wǎng)站應(yīng)包括：公司簡介、產(chǎn)品介紹、服務(wù)內(nèi)容、價(jià)格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。（2）電子商務(wù)類網(wǎng)站要提供會(huì)員注冊(cè)、詳細(xì)的商品服務(wù)信息、信息搜索查詢、定單確認(rèn)、付款、個(gè)人信息保密措施、相關(guān)幫助等。（3）如果網(wǎng)站欄目比較多，則考慮采用網(wǎng)站編程專人負(fù)責(zé)相關(guān)內(nèi)容。第10頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步網(wǎng)站建設(shè)工作流1．網(wǎng)站建設(shè)流程圖網(wǎng)站建設(shè)流程如下圖所示。

第11頁，課件共58頁，創(chuàng)作于2023年2月3.1網(wǎng)站規(guī)劃初步第12頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步2．網(wǎng)站建設(shè)步驟（1）調(diào)查研究分析①企業(yè)網(wǎng)絡(luò)的功能要求②企業(yè)網(wǎng)絡(luò)的性能要求③企業(yè)網(wǎng)絡(luò)運(yùn)行環(huán)境的要求④企業(yè)網(wǎng)絡(luò)將來可能提出的需求第13頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步（2）收集企業(yè)內(nèi)外部需求階段①弄清為什么要建立網(wǎng)站②整合公司資源，確定網(wǎng)站功能③根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達(dá)到的目和效果。④企業(yè)內(nèi)部網(wǎng)（Intranet)的建設(shè)情況和網(wǎng)站的可擴(kuò)展性。第14頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步（3）確定網(wǎng)站開發(fā)形式這一階段是根據(jù)企業(yè)內(nèi)部情況所得出的結(jié)果，是否有可能企業(yè)本身獨(dú)立開發(fā)，還是外包給網(wǎng)絡(luò)公司或者與外單位聯(lián)合開發(fā)。這一階段的主要任務(wù)是：①弄清內(nèi)部資源情況。②如果外包給網(wǎng)絡(luò)公司開發(fā)，需要選擇某個(gè)網(wǎng)絡(luò)公司。③根據(jù)合同法和本企業(yè)的要求簽訂合同或協(xié)議。第15頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步（4）撰寫網(wǎng)站策劃書①進(jìn)行可行性研究分析并得出結(jié)論②寫出網(wǎng)站建設(shè)需求說明書③將此意見報(bào)告給企業(yè)，讓企業(yè)進(jìn)行審核。④進(jìn)行網(wǎng)站策劃，并撰寫網(wǎng)站策劃書。（5）物理實(shí)施（6）網(wǎng)站總體設(shè)計(jì)（7）具體制作（8）系統(tǒng)全面調(diào)試（9）上網(wǎng)試運(yùn)行（10）網(wǎng)站維護(hù)培訓(xùn)第16頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步3．制定時(shí)間表設(shè)定好進(jìn)度以后，就可制定出一份詳細(xì)的時(shí)間表，然后，按部就班地進(jìn)行工作，一個(gè)網(wǎng)站就可以順利地建立起來了。一般情況下，時(shí)間表應(yīng)該包括以下幾個(gè)項(xiàng)目：（1）網(wǎng)站建設(shè)各項(xiàng)工作內(nèi)容及其時(shí)間安排。（2）月度和年度工作安排時(shí)間規(guī)劃。（3）網(wǎng)絡(luò)各工作人員工作內(nèi)容及其時(shí)間安排。（4）工作人員討論交流會(huì)時(shí)間安排。（5）培訓(xùn)人員學(xué)習(xí)時(shí)間安排。第17頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步網(wǎng)站開發(fā)方式選擇

（1）自主開發(fā)自主開發(fā)又稱為最終用戶開發(fā)，適合于較強(qiáng)的信息技術(shù)隊(duì)伍的企業(yè)，企業(yè)完全以自己的力量進(jìn)行開發(fā)。（2）委托開發(fā)委托開發(fā)適合于企業(yè)網(wǎng)站的開發(fā)隊(duì)伍力量相對(duì)較弱，但資金較為充足的單位。

（3）合作開發(fā)合作開發(fā)適合于企業(yè)有一定的信息技術(shù)人員，但可能對(duì)網(wǎng)站建設(shè)規(guī)律不太了解，或者是整體人優(yōu)化能力較弱，希望通過網(wǎng)站的建設(shè)完善和提高自己的技術(shù)隊(duì)伍，便于后期的系統(tǒng)維護(hù)工作的企業(yè)。

第18頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站規(guī)劃初步（4）購買網(wǎng)站與二次開發(fā)目前，網(wǎng)站建設(shè)的開發(fā)正在向?qū)I(yè)化方向發(fā)展，一些專門從事網(wǎng)站建設(shè)的公司已經(jīng)開發(fā)出一批使用方便、功能強(qiáng)大的現(xiàn)成網(wǎng)站。第19頁，課件共58頁，創(chuàng)作于2023年2月域名及域名注冊(cè)域名概念1．什么是域名（1）從技術(shù)上講，域名只是一個(gè)Internet中用于解決地址對(duì)應(yīng)問題的一種方法?？梢哉f只是一個(gè)技術(shù)名詞。但是，由于Internet已經(jīng)成為了全世界人的Internet，域名也自然地成為了一個(gè)社會(huì)科學(xué)名詞。（2）從社會(huì)科學(xué)的角度看，域名已成為了Internet文化的組成部分。（3）從商業(yè)角度看，域名已被譽(yù)為“企業(yè)的網(wǎng)上商標(biāo)”。

第20頁，課件共58頁，創(chuàng)作于2023年2月域名及域名注冊(cè)域名結(jié)構(gòu)域名由兩個(gè)或兩個(gè)以上的詞構(gòu)成,中間由點(diǎn)號(hào)分隔開，其結(jié)構(gòu)如下圖所示。

第21頁，課件共58頁，創(chuàng)作于2023年2月域名及域名注冊(cè)1．一級(jí)域名一級(jí)域名也稱為“國際頂級(jí)域名”它的最后一個(gè)后綴是一些諸如.com、.net、.gov、.edu的“國際通用域”，這些不同的后綴分別代表了不同的機(jī)構(gòu)性質(zhì)。

2．二級(jí)域名一級(jí)域名的下一級(jí)，就是我們所說的二級(jí)域名。域名注冊(cè)人在以.com結(jié)尾的一級(jí)域名中，提供一個(gè)二級(jí)域名。3．國內(nèi)域名國內(nèi)域名的后綴通常要包括“國際通用域”和“國家域”兩部分，而且要以“國家域”作為最后一個(gè)后綴。

第22頁，課件共58頁，創(chuàng)作于2023年2月域名及域名注冊(cè)我國域名體系結(jié)構(gòu)1．機(jī)構(gòu)性域名在許多國家的二級(jí)域名注冊(cè)中，也遵守機(jī)構(gòu)性域名和地理性域名注冊(cè)辦法。中國互聯(lián)網(wǎng)絡(luò)的二級(jí)域名也分為機(jī)構(gòu)性域名和地理性域名兩大類。

2．地理性域名我國的地理性域名使用4個(gè)直轄市和各省、自治區(qū)的名稱縮寫表示，共34個(gè)。第23頁，課件共58頁，創(chuàng)作于2023年2月域名及域名注冊(cè)3．企業(yè)選擇及注冊(cè)域名的策略（1）企業(yè)域名的選擇與企業(yè)相關(guān)信息一致（2）企業(yè)域名的選擇采用數(shù)字化域名（3）企業(yè)域名的選擇與企業(yè)的性質(zhì)一致（4）企業(yè)域名的注冊(cè)要注意域名搶注與域名沖突的問題第24頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃網(wǎng)站欄目規(guī)劃概述1．欄目規(guī)劃概念網(wǎng)站結(jié)構(gòu)大體包括兩種結(jié)構(gòu)，即：邏輯結(jié)構(gòu)和物理結(jié)構(gòu)。邏輯結(jié)構(gòu)描述的是網(wǎng)頁文檔間的鏈接關(guān)系，而物理結(jié)構(gòu)描述的是網(wǎng)頁文檔的實(shí)際存儲(chǔ)位置。如果說邏輯結(jié)構(gòu)是為用戶而設(shè)計(jì)的，那么，物理結(jié)構(gòu)就是為管理員而設(shè)計(jì)的。我們將邏輯結(jié)構(gòu)的設(shè)計(jì)稱為欄目規(guī)劃，將物理結(jié)構(gòu)的設(shè)計(jì)稱為目錄規(guī)劃。第25頁，課件共58頁，創(chuàng)作于2023年2月

網(wǎng)站欄目規(guī)劃

網(wǎng)站欄目的作用：1)、提綱挈領(lǐng)，點(diǎn)題明義2)、網(wǎng)站欄目的導(dǎo)航作用（1）全局導(dǎo)航（2）路徑導(dǎo)航（3）快捷導(dǎo)航（4）相關(guān)導(dǎo)航第26頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃2．網(wǎng)站欄目規(guī)劃原則（1）欄目的目錄設(shè)計(jì)力求簡潔、結(jié)構(gòu)層次清晰，有利于網(wǎng)站的管理和運(yùn)行的優(yōu)化。（2）重點(diǎn)突出，要仔細(xì)考慮內(nèi)容的輕重緩急，合理安排，突出重點(diǎn)。（3）方便訪問者，一般情況下一個(gè)訪問者能夠在3-5次點(diǎn)擊后就可以查詢到自己所關(guān)注的信息。（4）主要內(nèi)容欄目要分得細(xì)致。（5）“開門見山”地列出主要內(nèi)容。（6）首頁設(shè)置超級(jí)鏈接和搜索引擎。（7）設(shè)定雙向交流的欄目。（8）設(shè)置信息下載和咨詢服務(wù)欄目。第27頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃2.3.2邏輯組織模型1．線型邏輯組織模型線型邏輯組織模型如下圖所示。第28頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃2．層次型邏輯組織模型層次型邏輯組織模型如下圖所示。

第29頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃3．網(wǎng)絡(luò)型邏輯組織模型網(wǎng)絡(luò)型邏輯組織模型是指多個(gè)網(wǎng)頁之間都有相互鏈接的一種結(jié)構(gòu)，如下圖所示。

第30頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃4．混合型邏輯組織模型混合型邏輯組織模型指的是，將以上幾種模型混合在一起構(gòu)成了一個(gè)新的網(wǎng)站模型，這樣的模型可以吸取各單個(gè)模型的所有長處，避免其短處。

第31頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃2.3.3網(wǎng)站物理結(jié)構(gòu)規(guī)劃1．什么是網(wǎng)站目錄結(jié)構(gòu)主要指的是網(wǎng)站目錄及所包含文件所存儲(chǔ)的真實(shí)位置所表現(xiàn)出來的結(jié)構(gòu)。2．如何優(yōu)化網(wǎng)站目錄結(jié)構(gòu)（1）優(yōu)化網(wǎng)站的物理結(jié)構(gòu)目錄（2）網(wǎng)站的目錄層級(jí)數(shù)不要太多（3）使用鏈接功能（4）優(yōu)化網(wǎng)站的邏輯結(jié)構(gòu)目錄第32頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站欄目規(guī)劃3．網(wǎng)站目錄結(jié)構(gòu)規(guī)劃應(yīng)注意事項(xiàng)（1）合理安排文件的目錄（2）按欄目內(nèi)容建立子目錄（3）在每個(gè)一級(jí)目錄或二級(jí)目錄下都建立獨(dú)立的Images目錄第33頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)2.4.1網(wǎng)站總體設(shè)計(jì)原則1．先進(jìn)性、可靠性和安全性原則2．可擴(kuò)展性、標(biāo)準(zhǔn)性和開放性原則3．服務(wù)性、便捷性和交互性原則4．美觀性、實(shí)用性和宣傳性原則第34頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)網(wǎng)站的CI設(shè)計(jì)什么是CI設(shè)計(jì)？所謂CI，是借用的廣告術(shù)語。(CI是英文corporateidentity的縮寫)，意思是通過視覺來統(tǒng)一企業(yè)的形象，它是企業(yè)形象的形成，是提高企業(yè)形象的一種經(jīng)營手段，而所謂的企業(yè)形象，是指企業(yè)的關(guān)系者對(duì)企業(yè)的整體感覺、印象和認(rèn)識(shí)，優(yōu)秀的CI設(shè)計(jì)，使企業(yè)更加容易樹立市場形象、展示企業(yè)文化、搶占商業(yè)先機(jī)。1．網(wǎng)站的主題和名稱設(shè)計(jì)

（1）主題要小而精（2）題材最好是你自己擅長或者喜愛的內(nèi)容（3）題材不要太濫或者目標(biāo)太高第35頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（4）名稱要正派（5）名稱要易記（6）名稱要有特色第36頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)2．設(shè)計(jì)網(wǎng)站的標(biāo)志（Logo）（1）標(biāo)志可以是中文，英文字母，可以是符號(hào)，圖案等等。

（2）網(wǎng)站有代表性的人物，動(dòng)物，花草，可以用它們作為設(shè)計(jì)的藍(lán)本。（3）網(wǎng)站有專業(yè)性的，可以以本專業(yè)有代表性的物品作為標(biāo)志。

（4）最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志。

第37頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)3．設(shè)計(jì)網(wǎng)站的色彩網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。顏色搭配是體現(xiàn)風(fēng)格的關(guān)鍵。

（1）色彩的色環(huán)所謂色環(huán)就是將色彩按：紅→黃→綠→藍(lán)→紅依次過度漸變，就可以得到一個(gè)色彩環(huán)。色環(huán)的有暖色系、寒色系和中性系。

第38頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（2）色彩的心理感覺①紅色是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動(dòng)，憤怒，熱情，活力的感覺。②綠色是介于冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺。它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。③橙色也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果。④黃色是一種具有快樂，希望，智慧和輕快的個(gè)性，它的明度最高。⑤藍(lán)色是一種具有涼爽，清新，專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛就像天空的色彩一樣。⑥白色是一種具有潔白的顏色，明快，純真，清潔的感受。⑦黑色是一種具有深沉，神秘，寂靜，悲哀，壓抑的感受。⑧灰色是一種具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。第39頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（3）網(wǎng)頁的底色網(wǎng)頁的底色是整個(gè)網(wǎng)站風(fēng)格的重要指針（4）使用單色彩所謂單色彩是指先選定一種色彩，然后調(diào)整透明度或者飽和度，也就是說，將某一種單色彩變淡或變深后產(chǎn)生一種新的色彩，用于網(wǎng)頁。（5）使用兩種色彩所謂兩種色彩是指先選定一種色彩，然后再選擇該色彩的對(duì)比色。（6）使用一個(gè)色系所謂色系是指一個(gè)感覺的色彩，例如淡藍(lán)、淡黃、淡綠；或者土黃、土灰、土藍(lán)。（7）使用黑色一種彩色所謂黑色是指與其他顏色相配的一種色彩。第40頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（8）網(wǎng)頁最常用流行色藍(lán)色——藍(lán)天白云，沉靜整潔的顏色。綠色——綠白相間，雅致而有生氣。橙色——活潑熱烈，標(biāo)準(zhǔn)商業(yè)色調(diào)。暗紅——寧重、嚴(yán)肅、高貴，需要配黑和灰來壓制刺激的紅色。第41頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（9）顏色的忌諱忌臟——背景與文字內(nèi)容對(duì)比不強(qiáng)烈，灰暗的背景令人沮喪！忌純——艷麗的純色對(duì)人的刺激太強(qiáng)烈，缺乏內(nèi)涵。忌跳——再好看的顏色，也不能脫離整體。忌花——要有一種主色貫穿其中，主色并不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。忌粉——顏色淺固然顯的干凈，但如果對(duì)比過弱，整得蒼白無力了，就象病夫一樣無可救藥。一般而言，藍(lán)色忌純，綠色忌黃，紅色忌艷。第42頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)4．設(shè)計(jì)網(wǎng)站的字體所謂標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。

5．設(shè)計(jì)網(wǎng)站的標(biāo)語所謂網(wǎng)站的宣傳標(biāo)語指的是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。第43頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)網(wǎng)站的布局設(shè)計(jì)1．網(wǎng)站布局的基本概念設(shè)計(jì)網(wǎng)站的第一步就是設(shè)計(jì)首頁，它就是網(wǎng)站的主頁。我們將網(wǎng)頁看作一張報(bào)紙，一本雜志來進(jìn)行排版布局。所謂布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置上。（1）頁面尺寸（2）整體造型（3）頁頭（4）文本（5）圖片（6）多媒體第44頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)2．網(wǎng)站布局設(shè)計(jì)步驟（1）草案新建的頁面就像一張白紙，沒有任何表格，框架和約定俗成的東西，可以盡可能多地發(fā)揮想象力，將你想到的“景象”畫上去。（2）初步布局在草案的基礎(chǔ)上，將確定需要放置的功能模塊安排到頁面上。通常首頁設(shè)計(jì)的內(nèi)容主要包含網(wǎng)站標(biāo)志、主菜單、新聞、搜索、友情鏈接、廣告條、郵件列表、計(jì)數(shù)器、版權(quán)信息等。在初步布局時(shí)，必須遵循突出重點(diǎn)、平衡協(xié)調(diào)的原則，將網(wǎng)站標(biāo)志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然后在考慮次要模塊的排放。

（3）定稿在初步布局的基礎(chǔ)上，具體化、精細(xì)化的過程。第45頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)3．網(wǎng)站布局設(shè)計(jì)原則（1）重復(fù)性原則（2）對(duì)比性原則（3）正常平衡原則（4）異常平衡原則（5）比例適當(dāng)原則（6）避免滾動(dòng)原則（7）用圖表解說原則（8）用戶第一原則第46頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)2.4.4幾種典型的布局設(shè)計(jì)1．網(wǎng)頁布局類型（1）“國”字型結(jié)構(gòu)布局也稱“同”字型，指的是最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們?cè)诰W(wǎng)上見到的差不多是最多的一種結(jié)構(gòu)類型，如下圖所示。第47頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)第48頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（2）“T”型結(jié)構(gòu)布局指的是頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景教深，整體效果類似英文字母“T”。

第49頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（3）“三”型結(jié)構(gòu)布局指的是采用三條橫條為主題的網(wǎng)站，在國外站點(diǎn)經(jīng)?？梢钥吹剑瑖鴥?nèi)也有一些網(wǎng)站采用這種結(jié)構(gòu)的布局。典型“三”型結(jié)構(gòu)布局的網(wǎng)站主頁如下圖所示。

第50頁，課件共58頁，創(chuàng)作于2023年2月

網(wǎng)站總體設(shè)計(jì)（4）“口”型結(jié)構(gòu)布局指的是頁面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容。典型“口”型結(jié)構(gòu)布局如下圖所示。這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大，缺點(diǎn)是頁面擁擠，不夠靈活。

第51頁，課件共58頁，創(chuàng)作于2023年2月網(wǎng)站總體設(shè)計(jì)（6）“POP”型結(jié)構(gòu)布局指的是頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心，常用于時(shí)尚類站點(diǎn)。優(yōu)點(diǎn)是頁面漂亮吸引人，缺點(diǎn)就是速度