第2章電子商務(wù)網(wǎng)站規(guī)劃設(shè)計(jì)

北京高校出版社電子商務(wù)網(wǎng)站建設(shè)第2章電子商務(wù)網(wǎng)站規(guī)劃設(shè)計(jì)本章學(xué)問(wèn)結(jié)構(gòu)框圖學(xué)習(xí)激勵(lì)案例導(dǎo)航電子商務(wù)網(wǎng)絡(luò)規(guī)劃基礎(chǔ)基本概念網(wǎng)站建設(shè)基礎(chǔ)導(dǎo)航及書(shū)目設(shè)計(jì)計(jì)網(wǎng)站3種內(nèi)容遵循5個(gè)原則3個(gè)留意事項(xiàng)欄目規(guī)劃準(zhǔn)則欄目設(shè)計(jì)策略常用欄目功導(dǎo)航作用設(shè)計(jì)、原則、分類、表現(xiàn)形式導(dǎo)航常用內(nèi)容書(shū)目建立7個(gè)原則5個(gè)步驟版式及風(fēng)格設(shè)計(jì)模式版面布局基礎(chǔ)兩類常用版式布局4大原則色調(diào)搭配方法文字運(yùn)用技巧網(wǎng)站規(guī)劃的必要性網(wǎng)站規(guī)劃6項(xiàng)任務(wù)網(wǎng)站建設(shè)3個(gè)流程網(wǎng)站規(guī)劃5種方法馬云與他的阿里巴巴本章學(xué)問(wèn)要點(diǎn)學(xué)習(xí)方法本章學(xué)問(wèn)要點(diǎn)1．電子商務(wù)網(wǎng)站規(guī)劃的基本理論；2．網(wǎng)站內(nèi)容及欄目設(shè)計(jì)方法；3．導(dǎo)航及書(shū)目設(shè)計(jì)方法；4．版式及風(fēng)格設(shè)計(jì)。本章學(xué)習(xí)方法熟讀唐詩(shī)三百詩(shī)，不會(huì)作詩(shī)也會(huì)吟。大量視察各類網(wǎng)站；從中悟出規(guī)律是本章學(xué)習(xí)的最佳方法，也是入門(mén)的唯一捷徑。學(xué)習(xí)激勵(lì)與案例導(dǎo)航亞馬遜Ebay(易趣)阿里巴巴馬云全球最大的電子商務(wù)網(wǎng)站誰(shuí)是下一個(gè)世界首富？比爾蓋茨說(shuō)：亞洲的馬云。2.1電子商務(wù)網(wǎng)站規(guī)劃的基本理論一、電子商務(wù)網(wǎng)站制作流程概述電子商務(wù)網(wǎng)站規(guī)劃的意義

指導(dǎo)每一個(gè)操作步驟網(wǎng)站成功的有力保障有效利用時(shí)間、提高制作效率便于團(tuán)隊(duì)合作，協(xié)同完成保障網(wǎng)站的科學(xué)性、嚴(yán)謹(jǐn)性2.1.2網(wǎng)站規(guī)劃的任務(wù)1．明晰網(wǎng)站建設(shè)的流程具體要解決以下三個(gè)任務(wù)?

（1）網(wǎng)站制作有哪些流程（2）每一個(gè)流程由誰(shuí)來(lái)完成。（3）每一項(xiàng)內(nèi)容何時(shí)完成。2．確定網(wǎng)站的目的、功能為什么要建立網(wǎng)站，為了宣揚(yáng)產(chǎn)品，還是要進(jìn)行網(wǎng)上交易？做本企業(yè)網(wǎng)站，還是建立行業(yè)性網(wǎng)站？為了企業(yè)日常任務(wù)須要，還是市場(chǎng)開(kāi)拓的延長(zhǎng)？依據(jù)公司的須要和網(wǎng)站建設(shè)支配，確定網(wǎng)站的整體功能。目的確定，功能明晰，為后繼工作駕馭好方向，此后的工作才能順暢進(jìn)行。3．確定網(wǎng)站的技術(shù)解決方案網(wǎng)站技術(shù)解決方案（1）服務(wù)器的選用

（2）服務(wù)器平臺(tái)選型

（3）開(kāi)發(fā)技術(shù)選型

（4）數(shù)據(jù)庫(kù)選型

4．對(duì)網(wǎng)站內(nèi)容進(jìn)行總體規(guī)劃規(guī)劃時(shí)要解決網(wǎng)站有哪些欄目的問(wèn)題規(guī)劃時(shí)要解決每個(gè)欄目都有什么內(nèi)容的問(wèn)題+內(nèi)容規(guī)劃

5．確定網(wǎng)頁(yè)設(shè)計(jì)方案

網(wǎng)站規(guī)劃時(shí)，還要確定網(wǎng)頁(yè)的設(shè)計(jì)方案，明確每一個(gè)頁(yè)面的設(shè)計(jì)方案。包括版式設(shè)計(jì)，書(shū)目設(shè)計(jì)，導(dǎo)航設(shè)計(jì)及風(fēng)格設(shè)計(jì)等。實(shí)際實(shí)施制作的技術(shù)人員取得該方案后，可以快速依據(jù)指定的要求進(jìn)行制作。6．制定網(wǎng)站后期的運(yùn)營(yíng)、維護(hù)、管理、平安方案對(duì)網(wǎng)站制作完成后的運(yùn)營(yíng)方案、維護(hù)支配、管理體系、平安防范等都要進(jìn)行統(tǒng)一規(guī)劃，這是網(wǎng)站規(guī)劃的一項(xiàng)重要任務(wù)，也是網(wǎng)站規(guī)劃中不行缺少的一個(gè)有機(jī)組成部分。2.1.3網(wǎng)站建設(shè)的流程1、規(guī)劃設(shè)計(jì)

2、實(shí)施制作

3、發(fā)布維護(hù)

1、規(guī)劃設(shè)計(jì)

確定主題規(guī)劃分析收集資料撰寫(xiě)網(wǎng)站規(guī)劃書(shū)整體規(guī)劃、系統(tǒng)分析文字、圖片、影音素材考慮周全、切實(shí)可行市場(chǎng)分析建設(shè)網(wǎng)站目的網(wǎng)站功能定位技術(shù)解決方案網(wǎng)站內(nèi)容規(guī)劃網(wǎng)頁(yè)設(shè)計(jì)方案網(wǎng)站維護(hù)支配……2.1.3網(wǎng)站建設(shè)的流程1、規(guī)劃設(shè)計(jì)

2、實(shí)施制作

版面設(shè)計(jì)編輯排版后臺(tái)功能實(shí)現(xiàn)代碼整合PhotoshopDreamWeaver前臺(tái)美工2.1.3網(wǎng)站建設(shè)的流程1、規(guī)劃設(shè)計(jì)

2、實(shí)施制作

網(wǎng)站測(cè)試上傳發(fā)布日常維護(hù)網(wǎng)站空間內(nèi)容維護(hù)、版面維護(hù)

功能測(cè)試3、發(fā)布維護(hù)

鏈接測(cè)試流量壓力測(cè)試響應(yīng)時(shí)間測(cè)試2.1.3網(wǎng)站建設(shè)的流程2.1.4電子商務(wù)網(wǎng)站規(guī)劃的常用方法1．調(diào)查法調(diào)查法包括市場(chǎng)調(diào)查用戶調(diào)查

受眾群體調(diào)查

所謂網(wǎng)站規(guī)劃的調(diào)查法，就是通過(guò)市場(chǎng)調(diào)查、用戶調(diào)查、受眾群體調(diào)查，進(jìn)行網(wǎng)站規(guī)劃的一種方法。2．參照法參照法就是指網(wǎng)站規(guī)劃時(shí)大量參照同類網(wǎng)站、學(xué)習(xí)同類網(wǎng)站，形成自己的規(guī)劃方案的一種規(guī)劃方法。（1）上網(wǎng)瀏覽大量同類網(wǎng)站，重點(diǎn)查看各網(wǎng)站的功能；（2）總結(jié)各網(wǎng)站的功能特點(diǎn)，將各網(wǎng)站的功能列在紙上；（3）將各網(wǎng)站的功能與自己原有設(shè)想對(duì)比；（4）結(jié)合自己實(shí)際需要，對(duì)各網(wǎng)站的功能進(jìn)行取精去粗，完成網(wǎng)站功能規(guī)劃。3．手繪法手繪法是將網(wǎng)站的規(guī)劃用手繪的方式進(jìn)行表現(xiàn)的一種方法。步驟1：打開(kāi)并分析你所在高校校內(nèi)網(wǎng)站步驟2：梳理你曾經(jīng)就讀的中學(xué)基本狀況；步驟3：畫(huà)出網(wǎng)站整體輪廓；【操作實(shí)例2-2】規(guī)劃步驟

步驟4：分別對(duì)頭部、尾部進(jìn)行規(guī)劃繪制；步驟5：對(duì)體部進(jìn)行規(guī)劃繪制。4．軟件規(guī)劃法軟件規(guī)劃法是指用Word、Photoshop、Firework等軟件進(jìn)行頁(yè)面規(guī)劃的方法?！静僮鲗?shí)例2-3】用軟件規(guī)劃法規(guī)劃一個(gè)以個(gè)人求職為主題的網(wǎng)站首頁(yè)為體會(huì)。步驟2：?jiǎn)?dòng)Word軟件；步驟1：通過(guò)上網(wǎng)查找，結(jié)合自身狀況確定個(gè)人主頁(yè)的布局步驟3：進(jìn)行頭部規(guī)劃。上網(wǎng)查找與自己創(chuàng)意相符合的網(wǎng)站頭部，參照制作或復(fù)制到Word中；步驟4：進(jìn)行體部規(guī)劃。對(duì)體部的每一部分內(nèi)容進(jìn)行設(shè)計(jì)，可以不斷地上網(wǎng)查找相關(guān)資料；步驟5：對(duì)尾部進(jìn)行規(guī)劃。5．移花接木法移花接木法就是對(duì)網(wǎng)站的每個(gè)細(xì)微環(huán)節(jié)部分都在網(wǎng)上找到與自己設(shè)想比較一樣的樣例，然后將網(wǎng)上樣例通過(guò)截圖軟件保存下來(lái)，并粘貼到自己的規(guī)劃圖上。1、在百渡中檢索相關(guān)網(wǎng)站，如“網(wǎng)上書(shū)店”。操作步驟為某書(shū)店設(shè)計(jì)一個(gè)電子商務(wù)網(wǎng)站題目2、查看網(wǎng)站的頭部，找到合適的用抓圖工具截下，放到

Word中。3、查看網(wǎng)站體部的每一個(gè)模塊及尾部，用抓圖工具截下，放到Word中。2.2電子商務(wù)網(wǎng)站頁(yè)面內(nèi)容及欄目設(shè)計(jì)2.2.1電子商務(wù)網(wǎng)站頁(yè)面應(yīng)當(dāng)包括的內(nèi)容4、最終用WORD組合成一個(gè)完整的頁(yè)面，形成了整體網(wǎng)站的構(gòu)思。齊齊哈爾旅游網(wǎng)網(wǎng)站體部網(wǎng)站頭部網(wǎng)站尾部頭部?jī)?nèi)容體部?jī)?nèi)容尾部?jī)?nèi)容網(wǎng)站標(biāo)識(shí)標(biāo)題廣告條分類導(dǎo)航與檢索LogoTitleBannerMenuSearchBanner規(guī)格全幅半幅垂直寬型小型486x60234x60120x240728x9088x31頭部?jī)?nèi)容體部?jī)?nèi)容尾部?jī)?nèi)容網(wǎng)站標(biāo)識(shí)標(biāo)題廣告條分類導(dǎo)航與檢索LogoTitleBannerMenuSearch用戶注冊(cè)與登陸各類欄目相關(guān)站點(diǎn)鏈接LoginLinks版權(quán)聲明管理入口聯(lián)系方式CopyRight2.2.2電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)遵循的原則相關(guān)性真實(shí)性動(dòng)態(tài)性精確性圖像替代以主題為主線綻開(kāi)內(nèi)容設(shè)計(jì)對(duì)內(nèi)容要嚴(yán)格把關(guān)

隨時(shí)進(jìn)行修改和更新

尤其是報(bào)價(jià)、庫(kù)存

適中地運(yùn)用圖像代替文本2.2.3網(wǎng)站內(nèi)容收集的留意事項(xiàng)留意事項(xiàng)文責(zé)自負(fù)

材料電子版

發(fā)送途徑選擇問(wèn)題

2.2.4欄目規(guī)劃概述1．什么是網(wǎng)站的欄目?網(wǎng)站的欄目是指網(wǎng)站內(nèi)容的提綱，是網(wǎng)站內(nèi)容的大綱索引。其功能是將網(wǎng)站的全部?jī)?nèi)容都分門(mén)別類，利用欄目將網(wǎng)站的主體明確顯示出來(lái)。假如將網(wǎng)站比做一本書(shū)，那么書(shū)中的每章就是一個(gè)欄目。一緊扣主題的原則

二精簡(jiǎn)的原則

三四提綱挈領(lǐng)的原則

凸顯特色

2．網(wǎng)站欄目規(guī)劃的原則2.2.5欄目規(guī)劃策略分類法參照法+1．欄目規(guī)劃的常用方法所謂分類法，就是將欲在網(wǎng)站展示的全部資料進(jìn)行分門(mén)別類，每一個(gè)類別形成一個(gè)欄目。所謂參照法，就是參照同類網(wǎng)站所設(shè)置的欄目，結(jié)合實(shí)際須要進(jìn)行欄目設(shè)置的方法2．欄目規(guī)劃的技巧設(shè)置自己的欄目，具體方法是：（1）全部同類網(wǎng)站都有的欄目，你確定要有；（2）70%以上同類網(wǎng)站都有的欄目你不妨也加上；（3）假如有些欄目只有50%網(wǎng)站具有，這類欄目，你要詢問(wèn)客戶的看法后，再確定是否接受此欄目；（4）有些欄目只有50%以下網(wǎng)站擁有，這時(shí)要留意了，這類欄目一是用處不大的欄目，二是特色欄目，你要依據(jù)狀況一再斟酌，而后確定。3．欄目的表現(xiàn)形式純文字表現(xiàn)法

圖形化的表現(xiàn)法

純文字表現(xiàn)法

圖形化的表現(xiàn)法

3．欄目的表現(xiàn)形式純文字表現(xiàn)法

圖形化的表現(xiàn)法

3．欄目的表現(xiàn)形式2.2.6電子商務(wù)網(wǎng)站常用欄目1．網(wǎng)上商城常用欄目2．工業(yè)企業(yè)常用欄目3．其他常用欄目1．網(wǎng)上商城常用欄目2．工業(yè)企業(yè)常用欄目3．其他常用欄目2.2.6電子商務(wù)網(wǎng)站常用欄目281．網(wǎng)上商城常用欄目2．工業(yè)企業(yè)常用欄目3．其他常用欄目2.2.6電子商務(wù)網(wǎng)站常用欄目1．網(wǎng)上商城常用欄目2．工業(yè)企業(yè)常用欄目3．其他常用欄目2.2.6電子商務(wù)網(wǎng)站常用欄目2.2.7阿里巴巴網(wǎng)站內(nèi)容分析案例分析LOGO(含標(biāo)題）宣揚(yáng)標(biāo)語(yǔ)產(chǎn)品檢索分類導(dǎo)航1、頭部?jī)?nèi)容案例分析2、體部?jī)?nèi)容（1）資訊欄目2.2.7阿里巴巴網(wǎng)站內(nèi)容分析2.2.7阿里巴巴網(wǎng)站內(nèi)容分析案例分析（2）社區(qū)欄目（1）資訊欄目2、體部?jī)?nèi)容2.2.7阿里巴巴網(wǎng)站內(nèi)容分析案例分析（2）社區(qū)欄目（1）資訊欄目2、體部?jī)?nèi)容（3）交易欄目案例分析3、尾部?jī)?nèi)容2.2.7阿里巴巴網(wǎng)站內(nèi)容分析2.3電子商務(wù)網(wǎng)站導(dǎo)航及書(shū)目設(shè)計(jì)1．導(dǎo)航的作用

2．導(dǎo)航設(shè)計(jì)原則每個(gè)網(wǎng)頁(yè)中應(yīng)有一個(gè)指向主頁(yè)的鏈接美觀大方，而且要高效易用。既干脆又簡(jiǎn)潔向?qū)?.3.2導(dǎo)航分類全局導(dǎo)航局部導(dǎo)航主要欄目一級(jí)書(shū)目出現(xiàn)在網(wǎng)站的每頁(yè)上次要欄目二級(jí)以上書(shū)目快捷導(dǎo)航

相關(guān)導(dǎo)航2.3.3電子商務(wù)網(wǎng)站導(dǎo)航欄設(shè)計(jì)方法純文字表現(xiàn)法圖片表現(xiàn)法優(yōu)點(diǎn)：顯示速度快缺點(diǎn)：視覺(jué)效果差優(yōu)點(diǎn)：視覺(jué)效果好缺點(diǎn)：顯示速度慢1、電子商務(wù)網(wǎng)站導(dǎo)航欄的表現(xiàn)形式首頁(yè)簡(jiǎn)介類如：?jiǎn)挝桓艣r、企業(yè)簡(jiǎn)介、走進(jìn)企業(yè)如：產(chǎn)品介紹如：論壇、留言板2、電子商務(wù)網(wǎng)站導(dǎo)航欄的常見(jiàn)內(nèi)容展示類社區(qū)類2.3.3電子商務(wù)網(wǎng)站導(dǎo)航欄設(shè)計(jì)方法（1）確定導(dǎo)航內(nèi)容。

（2）確定導(dǎo)航表現(xiàn)形式

（3）確定導(dǎo)航實(shí)現(xiàn)方法

3.電子商務(wù)網(wǎng)站導(dǎo)航欄的設(shè)計(jì)步驟步驟2.3.4、電子商務(wù)網(wǎng)站書(shū)目設(shè)計(jì)概述網(wǎng)站書(shū)目是指建立網(wǎng)站時(shí)創(chuàng)建的書(shū)目，用于存放網(wǎng)站中所有的圖片、網(wǎng)頁(yè)、數(shù)據(jù)庫(kù)等文件。站點(diǎn)本身的維護(hù)、將來(lái)的擴(kuò)充和移植有著重要的影響。原則：（1）分類存放、分別建立書(shū)目分門(mén)別類，有序存放（2）書(shū)目的層次不要太深不超過(guò)3層（3）根書(shū)目下不要存放全部文件主頁(yè)文件、流量統(tǒng)計(jì)的文本文件（4）依據(jù)欄目?jī)?nèi)容建立子書(shū)目（5）在每個(gè)主欄目子書(shū)目下都建立獨(dú)立的images書(shū)目（6）不要運(yùn)用中文書(shū)目（7）不要運(yùn)用過(guò)長(zhǎng)的書(shū)目影響檢索速度2.3.5網(wǎng)站書(shū)目建設(shè)的步驟及方法1.建立一個(gè)用于存放網(wǎng)站的總書(shū)目2.進(jìn)入此網(wǎng)站書(shū)目，綻開(kāi)網(wǎng)站書(shū)目的建設(shè)工作3.在網(wǎng)站的根書(shū)目下建立一個(gè)Images子書(shū)目存放首頁(yè)圖像文件4.在網(wǎng)站的根書(shū)目下建立一個(gè)style子書(shū)目存放樣式表文件5.在網(wǎng)站的根書(shū)目為每一個(gè)欄目建立對(duì)應(yīng)子書(shū)目，每個(gè)子書(shū)目下建立Images子書(shū)目存放子頁(yè)面圖像文件如：MyWeb2.3.6案例：敦煌網(wǎng)的書(shū)目結(jié)構(gòu)動(dòng)手制作1．敦煌網(wǎng)的LOGO及導(dǎo)航欄

動(dòng)手制作2．敦煌網(wǎng)的書(shū)目結(jié)構(gòu)設(shè)計(jì)首頁(yè)圖像文件書(shū)目樣式文件書(shū)目我的Dhgate欄目我的Dhgate的圖像文件夾

功能與服務(wù)欄目

功能與服務(wù)的圖像文件夾

熱門(mén)求購(gòu)欄目

外貿(mào)通欄目

熱門(mén)求購(gòu)的圖象文件夾

外貿(mào)通的圖像文件夾

2.3.6案例：敦煌網(wǎng)的書(shū)目結(jié)構(gòu)2.4電子商務(wù)網(wǎng)站版式及風(fēng)格設(shè)計(jì)2.4.1版面布局的基礎(chǔ)左上角、頁(yè)面頂部分辨率確定內(nèi)容與放置位置

1280X10241024X768800X600高度寬度隨意上部下部左側(cè)右側(cè)輕快、主動(dòng)壓抑、穩(wěn)定靈活、自由局促、莊重2.4.2網(wǎng)頁(yè)的常用版式左右結(jié)構(gòu)布局左中右結(jié)構(gòu)布局上下結(jié)構(gòu)布局1、結(jié)構(gòu)化布局2、藝術(shù)化布局20%—30%70%—80%菜單用戶登錄流量統(tǒng)計(jì)聯(lián)系方式主體內(nèi)容左右結(jié)構(gòu)布局左中右結(jié)構(gòu)布局上下結(jié)構(gòu)布局1、結(jié)構(gòu)化布局2、藝術(shù)化布局菜單用戶登錄流量統(tǒng)計(jì)聯(lián)系方式主體內(nèi)容鏈接等2.4.2網(wǎng)頁(yè)的常用版式左右結(jié)構(gòu)布局左中右結(jié)構(gòu)布局上下結(jié)構(gòu)布局1、結(jié)構(gòu)化布局2、藝術(shù)化布局主體標(biāo)題2.4.2網(wǎng)頁(yè)的常用版式2.4.2網(wǎng)頁(yè)的常用版式左右結(jié)構(gòu)布局左中右結(jié)構(gòu)布局上下結(jié)構(gòu)布局最廣泛比較呆板、不夠敏捷二級(jí)頁(yè)面、文章頁(yè)面1、結(jié)構(gòu)化布局2、藝術(shù)化布局2.4.3版面布局的原則1、依據(jù)網(wǎng)站的客戶群選擇合適的布局2、整體布局要遵循簡(jiǎn)潔大方的原則

3、要留意視覺(jué)效果與內(nèi)容翔實(shí)相結(jié)合的原則4、主次分明條理清晰的原則2.4.4電子商務(wù)網(wǎng)站風(fēng)格設(shè)計(jì)概述1、什么是電子商務(wù)網(wǎng)站的風(fēng)格2、如何樹(shù)立電子商務(wù)網(wǎng)站的風(fēng)格電子商務(wù)網(wǎng)站的風(fēng)格是指站點(diǎn)的整體形象給閱讀者的綜合感受，是這個(gè)站點(diǎn)的別出心裁之處。網(wǎng)站標(biāo)記、色調(diào)、字體、標(biāo)語(yǔ)、版面布局、閱讀方式、交互性、文字……(1)色調(diào)(2)簡(jiǎn)繁(3)字體的運(yùn)用(4)站內(nèi)風(fēng)格的統(tǒng)一符合網(wǎng)站的內(nèi)容、有獨(dú)特的創(chuàng)意把握好簡(jiǎn)潔與花哨尺度標(biāo)準(zhǔn)統(tǒng)一，正文的字體為宋體12像素（五號(hào)字）2.4.5電子商務(wù)網(wǎng)站色調(diào)搭配1、色調(diào)搭配概述2、主色調(diào)的選擇粉色藍(lán)色紅色綠色黑色企業(yè)、事業(yè)單位的網(wǎng)站政府網(wǎng)站、在重大節(jié)日期間改版為紅色食品、農(nóng)業(yè)類網(wǎng)站、購(gòu)物類、兒童類網(wǎng)站科幻、游戲類網(wǎng)站女性、兒童類網(wǎng)站主色調(diào):網(wǎng)站運(yùn)用最多的顏色稱為主色調(diào)輔色調(diào):與主色調(diào)配套的其它顏色1、字體的運(yùn)用2、字號(hào)的設(shè)置正文字體非標(biāo)準(zhǔn)字體的運(yùn)用標(biāo)題字體的運(yùn)用欄目字體宋體不得運(yùn)用行楷等過(guò)于活潑的字體黑體，用圖形的方式，搭配一些小圖標(biāo)正文字號(hào)大標(biāo)題欄目標(biāo)題12像素、10磅、五號(hào)字不超過(guò)36像素16—18像素、三號(hào)、四號(hào)、小四號(hào)2.4.5電子商務(wù)網(wǎng)站色調(diào)搭配3、行間距的設(shè)置1.2倍—1.5倍行距宋體12像素正文文字，行間距為18像素總結(jié)字體字號(hào)字色行距正文：宋體題目：方方正正的，如黑體正文一律用黑色標(biāo)準(zhǔn)文字的為1.5倍，如12PX字，用18PX行距正文12px,欄目標(biāo)題16-18PX，大標(biāo)題<=362.4.5電子商務(wù)網(wǎng)站色調(diào)搭配本章小結(jié)1．本章學(xué)問(wèn)概述網(wǎng)站制作共有規(guī)劃設(shè)計(jì)、實(shí)施制作、發(fā)布維護(hù)三大流程，每一個(gè)流程又包括若干細(xì)微環(huán)節(jié)，流程之間有著嚴(yán)格的依次。依據(jù)人們相識(shí)的規(guī)律將網(wǎng)站分為頭部、體部、尾部三大板塊。電子商務(wù)網(wǎng)站有網(wǎng)上電子商務(wù)系統(tǒng)、用戶認(rèn)證管理系統(tǒng)、報(bào)價(jià)系統(tǒng)、商品檢索引擎、自助服務(wù)系統(tǒng)、論壇系統(tǒng)、網(wǎng)上調(diào)查系統(tǒng)七大功能模塊。電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)應(yīng)遵循相關(guān)性、真實(shí)性、動(dòng)態(tài)性、精確性、圖像替代五大原則，網(wǎng)頁(yè)的常用版式有結(jié)構(gòu)化的布局、藝術(shù)化的布局兩種。網(wǎng)站的導(dǎo)航對(duì)于網(wǎng)站則起到提綱挈領(lǐng)的作用，電子商務(wù)網(wǎng)站導(dǎo)航欄的表現(xiàn)有純文字表現(xiàn)法、圖片表現(xiàn)法兩種形式，電子商務(wù)網(wǎng)站導(dǎo)航欄的常見(jiàn)內(nèi)容有首頁(yè)、簡(jiǎn)介類、展示類、社區(qū)類四種。網(wǎng)站書(shū)目建設(shè)的總原則是以最少的層次供應(yīng)最清晰簡(jiǎn)便的訪問(wèn)結(jié)構(gòu)。電子商務(wù)網(wǎng)站的風(fēng)格是指站點(diǎn)的整體形象給閱讀者的綜合感受，樹(shù)立電子商務(wù)網(wǎng)站的風(fēng)格可以從色調(diào)、簡(jiǎn)繁、字體的運(yùn)用、站內(nèi)風(fēng)格的統(tǒng)一入手。每個(gè)網(wǎng)站運(yùn)用的顏色原則上不得超過(guò)三種，并且有一個(gè)占比例較大的顏色，我們稱之為網(wǎng)站的主色調(diào)，而其他顏色則稱為網(wǎng)站的輔色調(diào)。每種顏色適合不同類別的網(wǎng)站，網(wǎng)頁(yè)正文無(wú)特殊狀況一般運(yùn)用宋體，大小為12像素。2．本章名詞網(wǎng)站制作流程、網(wǎng)站規(guī)劃、網(wǎng)站的主題、版面設(shè)計(jì)、網(wǎng)站發(fā)布、網(wǎng)站規(guī)劃的調(diào)法、網(wǎng)站規(guī)劃的參照法、網(wǎng)站規(guī)劃的手繪法、網(wǎng)站規(guī)劃的軟件規(guī)劃法、網(wǎng)站規(guī)劃的移花接木法、網(wǎng)站的欄目、像素、電子商務(wù)網(wǎng)站的風(fēng)格。3．本章的數(shù)字網(wǎng)站規(guī)劃5個(gè)意義、網(wǎng)站規(guī)劃的6項(xiàng)任務(wù)、網(wǎng)站建設(shè)的3個(gè)流程、網(wǎng)站規(guī)劃的5種方法、網(wǎng)站3種常見(jiàn)內(nèi)容、網(wǎng)站內(nèi)容設(shè)計(jì)遵循的5個(gè)原則、網(wǎng)站內(nèi)容設(shè)計(jì)3個(gè)留意事項(xiàng)、網(wǎng)站規(guī)劃4項(xiàng)、3種規(guī)劃策略、導(dǎo)航設(shè)計(jì)的3原則、導(dǎo)航的4個(gè)類別、導(dǎo)航的2種表現(xiàn)形式、導(dǎo)航常用4類內(nèi)容、書(shū)目建立7個(gè)原則、書(shū)目建立的5個(gè)步驟、2類常用版式、布局4大原則。每課一考一、填空（40空，每空1分，共40分）1．網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對(duì)市場(chǎng)進(jìn)行分析、確定網(wǎng)站的目的和功能，并依據(jù)須要對(duì)網(wǎng)站建設(shè)中的（）、（）、（）、（）和（）等做出規(guī)劃。2．依據(jù)人們相識(shí)的規(guī)律將網(wǎng)站分為（）（）、（）三大板塊。3．電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)應(yīng)遵循的原則有（）、（）、（）、（）和（）。4．電子商務(wù)網(wǎng)站應(yīng)包括的功能模塊有（）、（）、（）、（）、（）、（）和（）。5．網(wǎng)頁(yè)的寬度一般有（）和（）兩種。6．網(wǎng)站的最佳視域是（）。7．網(wǎng)頁(yè)的結(jié)構(gòu)化布局包括（）、（）、（）。8．網(wǎng)頁(yè)版面布局的原則包括（）、（）、（）和（）。9．網(wǎng)站的（）對(duì)于網(wǎng)站則起到提綱挈領(lǐng)的作用。10．電子商務(wù)網(wǎng)站導(dǎo)航欄的表現(xiàn)形式有（）和（）兩種。11．電子商務(wù)網(wǎng)站的風(fēng)格是指站點(diǎn)的（）。12．樹(shù)立電子商務(wù)網(wǎng)站的風(fēng)格要從（）、（）、（）、（）和（）入手。13．每個(gè)網(wǎng)站都有一個(gè)占比例較大的顏色，我們稱之為網(wǎng)站的（）。二、選擇題（20小題，每小題1分，共20分）1．以下哪些不是電子商務(wù)網(wǎng)站的制作的三大流程（）。A.規(guī)劃設(shè)計(jì) B.實(shí)施制作 C.網(wǎng)站推廣 D.發(fā)布維護(hù)2．以下哪些不是網(wǎng)站規(guī)劃書(shū)包含的內(nèi)容（）。A.網(wǎng)頁(yè)設(shè)計(jì)方案B.網(wǎng)站C.網(wǎng)站技術(shù)解決方案D.建設(shè)網(wǎng)站目的3．所謂版面設(shè)計(jì)就是指用圖像處理軟件進(jìn)行網(wǎng)頁(yè)頁(yè)面的設(shè)計(jì)制作過(guò)程，一般運(yùn)用的軟件是（）。A.WORD B.Photoshop C.FTPD.EXCEL4．以下哪個(gè)不是電子商務(wù)網(wǎng)站的實(shí)施制作階段（）。A.版面設(shè)計(jì)B.編輯排版 C.撰寫(xiě)網(wǎng)站規(guī)劃書(shū) D.代碼整合5．網(wǎng)站測(cè)試內(nèi)容主要包括（）。A.風(fēng)格測(cè)試 B.功能測(cè)試 C.鏈接測(cè)試D.流量壓力測(cè)試6．LOGO是指（）。A.網(wǎng)站標(biāo)識(shí) B.導(dǎo)航欄 C.廣告條 D.以上都不對(duì)7．Banner是指（）。A.網(wǎng)站標(biāo)識(shí) B.導(dǎo)航欄 C.廣告條 D.欄目8．以下不是網(wǎng)站尾部?jī)?nèi)容的是（）。A.版權(quán)聲明 B.管理入口 C.聯(lián)系方式D.導(dǎo)航欄9．以下哪些不是電子商務(wù)網(wǎng)站導(dǎo)航欄的常見(jiàn)內(nèi)容（）。A.首頁(yè) B.簡(jiǎn)介類 C.展示類 D.管理入口10．以下哪個(gè)文件允許在根書(shū)目下放置（）。A.index.htm B.logo.jpg C.Logo.asp D.title.jpg11．網(wǎng)站書(shū)目的層次一般不得超過(guò)（）層。A.1 B.3 C.5 D.1012．每個(gè)欄目對(duì)應(yīng)一個(gè)（）。A.圖片 B.程序 C.書(shū)目 D.網(wǎng)站13．以下允許為主頁(yè)的擴(kuò)展名的是（）。A.DBF B.ASP C.DOCD.JPG14．Style子書(shū)目用于存放（）。A.圖像 B.樣式表文件 C.數(shù)據(jù)庫(kù) D.網(wǎng)頁(yè)文件15．網(wǎng)站標(biāo)識(shí)對(duì)應(yīng)的英文拼法是（）。A.SiteMap B.Addr C.Brand D.Logo16．網(wǎng)站的“整體形象”不包括（）。A.站點(diǎn)的CI B.版面布局 C.閱讀方式D.接受的編程語(yǔ)言17．網(wǎng)站正文的字體以（）體為主。A.宋體 B.黑體 C.楷體 D.仿宋體18．適用于企業(yè)、事業(yè)單位的網(wǎng)站的顏色是（）。A.紅色 B.綠色 C.藍(lán)色D.粉色19．紅色適用于（）單位的網(wǎng)站。A.農(nóng)業(yè) B.政府 C.學(xué)校D.企業(yè)20．網(wǎng)站文字的行距設(shè)置一般接受的方法是在（）中定義。A.表