工作任務(wù)超越時(shí)空網(wǎng)上書城網(wǎng)站的設(shè)計(jì)課件

1、工作任務(wù)4 “超越時(shí)空網(wǎng)上書城”網(wǎng)站的設(shè)計(jì)【任務(wù)描述】 本項(xiàng)任務(wù)的目的是完成“超越時(shí)空網(wǎng)上書城”網(wǎng)站的整體設(shè)計(jì)。 子任務(wù)1：網(wǎng)站內(nèi)容設(shè)計(jì)的原則【子任務(wù)描述】 本項(xiàng)任務(wù)的目的是確定“超越時(shí)空網(wǎng)上書城”網(wǎng)站建設(shè)所遵循的基本原則。通過本項(xiàng)任務(wù)使學(xué)生了解電子商務(wù)網(wǎng)站建設(shè)所采用的基本原則，并可以在實(shí)際工作中自覺運(yùn)用這種原則，進(jìn)行電子商務(wù)網(wǎng)站的整體設(shè)計(jì)?！竟ぷ鬟^程】 網(wǎng)站的設(shè)計(jì)原則是我們在整個(gè)網(wǎng)站的設(shè)計(jì)開發(fā)過程中必須始終遵循的準(zhǔn)則，本網(wǎng)站在內(nèi)容設(shè)計(jì)上主要遵循以下幾個(gè)原則： 一致性原則 易用性原則 高效性原則 宣傳完整性原則 可擴(kuò)展性原則 安全、穩(wěn)定性原則 可移植性、可延續(xù)性原則 訪問統(tǒng)計(jì)性強(qiáng)的原則 【相關(guān)

2、知識(shí)】 電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)的基本原則：（1）信息內(nèi)容要新穎、準(zhǔn)確、精練、專業(yè)、有特色（2）快速安全的訪問（3）提供交互性，方便用戶的訪問和購買子任務(wù)2：確定企業(yè)Web站點(diǎn)的內(nèi)容和功能【子任務(wù)描述】 本項(xiàng)任務(wù)的目的是確定“超越時(shí)空網(wǎng)上書城”網(wǎng)站的靜態(tài)內(nèi)容和動(dòng)態(tài)內(nèi)容。通過本項(xiàng)任務(wù)的學(xué)習(xí)使學(xué)生了解電子商務(wù)網(wǎng)站建設(shè)中靜態(tài)內(nèi)容與動(dòng)態(tài)內(nèi)容的設(shè)計(jì)方法，具備為企業(yè)構(gòu)建電子商務(wù)網(wǎng)站內(nèi)容的能力?！竟ぷ鬟^程】 “超越時(shí)空網(wǎng)上書城”網(wǎng)站的內(nèi)容可分為靜態(tài)內(nèi)容和動(dòng)態(tài)內(nèi)容兩類： “超越時(shí)空網(wǎng)上書城”網(wǎng)站靜態(tài)內(nèi)容包括：集團(tuán)介紹、付款方式、配送方式、售后服務(wù)等。 “超越時(shí)空網(wǎng)上書城”網(wǎng)站動(dòng)態(tài)內(nèi)容包括：圖書搜索、購物車、新聞動(dòng)

3、態(tài)、新品上架、特價(jià)圖書、我的賬戶等。 【相關(guān)知識(shí)】 1網(wǎng)站的靜態(tài)內(nèi)容、動(dòng)態(tài)內(nèi)容 所謂網(wǎng)站的靜態(tài)內(nèi)容是指一些相對(duì)不變、更改頻率不高的信息。 動(dòng)態(tài)內(nèi)容則是需要頻繁更新的數(shù)據(jù)，動(dòng)態(tài)頁面由數(shù)據(jù)庫和相應(yīng)的應(yīng)用程序構(gòu)成。 2企業(yè)Web站點(diǎn)應(yīng)該包括的內(nèi)容 企業(yè)的背景介紹。 詳細(xì)的產(chǎn)品資料或服務(wù)介紹。 技術(shù)支持信息。 企業(yè)營銷網(wǎng)絡(luò)。 財(cái)務(wù)報(bào)告。 收集客戶的反饋。 輔助信息。 增值服務(wù)。 子任務(wù)3：網(wǎng)站內(nèi)容的結(jié)構(gòu)設(shè)計(jì) 【子任務(wù)描述】 本項(xiàng)任務(wù)的目的是確立“超越時(shí)空網(wǎng)上書城”網(wǎng)站的目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)及導(dǎo)航結(jié)構(gòu)。通過本項(xiàng)任務(wù)使學(xué)生了解電子商務(wù)網(wǎng)站建設(shè)中目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)及導(dǎo)航結(jié)構(gòu)的設(shè)計(jì)方法，具備電子商務(wù)網(wǎng)站建設(shè)相關(guān)

4、能力。 【工作過程】 1確立網(wǎng)站目錄結(jié)構(gòu) 2確立網(wǎng)站鏈接結(jié)構(gòu) 3確立網(wǎng)站導(dǎo)航結(jié)構(gòu)【相關(guān)知識(shí)】 1電子商務(wù)網(wǎng)站目錄結(jié)構(gòu)的設(shè)計(jì)應(yīng)考慮的因素 （1）不要將所有文件都存在根目錄下 （2）按欄目內(nèi)容建立子目錄 （3）在每個(gè)主目錄下都建立獨(dú)立的Images目錄 （4）目錄的層次不要太深 （5）其他注意事項(xiàng)2網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式（1）樹狀鏈接結(jié)構(gòu)（一對(duì)一）（2）星狀鏈接結(jié)構(gòu)（一對(duì)多）3網(wǎng)站中常用的導(dǎo)航有以下幾種（1）導(dǎo)航欄（2）下拉菜單式導(dǎo)航（3）用分類列表導(dǎo)航（4）用圖像或小動(dòng)畫來導(dǎo)航子任務(wù)4：網(wǎng)站的整體風(fēng)格和創(chuàng)意【子任務(wù)描述】 明確“超越時(shí)空網(wǎng)上書城”網(wǎng)站的整體風(fēng)格和創(chuàng)意?！竟ぷ鬟^程】 1網(wǎng)站的

5、標(biāo)志（Logo） 2網(wǎng)站的標(biāo)準(zhǔn)色 3網(wǎng)站的標(biāo)準(zhǔn)字體【相關(guān)知識(shí)】 1網(wǎng)站整體風(fēng)格設(shè)計(jì) （1）網(wǎng)站的主題風(fēng)格 （2）網(wǎng)站的裝飾風(fēng)格 2網(wǎng)站創(chuàng)意的產(chǎn)生子任務(wù)5：網(wǎng)站的頁面設(shè)計(jì)【子任務(wù)描述】 本項(xiàng)任務(wù)的目的是對(duì)“超越時(shí)空網(wǎng)上書城”網(wǎng)站進(jìn)行頁面設(shè)計(jì)，其中包括：頁面版面布局、色彩、網(wǎng)頁圖片、文字等的設(shè)計(jì)。通過本項(xiàng)任務(wù)也使學(xué)生了解并掌握電子商務(wù)網(wǎng)站建設(shè)頁面設(shè)計(jì)的方法，具備為企業(yè)電子商務(wù)網(wǎng)站進(jìn)行頁面設(shè)計(jì)的能力?！竟ぷ鬟^程】 1頁面版面布局 2頁面色彩 3網(wǎng)頁圖片設(shè)計(jì) 4文字的設(shè)計(jì)【相關(guān)知識(shí)】 1頁面設(shè)計(jì)原則 （1）網(wǎng)頁命名要簡潔有規(guī)律 （2）確保頁面的導(dǎo)覽性好 （3）主頁設(shè)計(jì)要一目了然 （4）網(wǎng)頁要易讀 （5

6、）合理設(shè)計(jì)視覺效果 （6）正常、快速的頁面下載 2頁面的視覺體現(xiàn) （1）網(wǎng)頁的視覺構(gòu)成 視覺流程。 對(duì)點(diǎn)、線、面的認(rèn)識(shí)。 （2）網(wǎng)頁的視覺傳達(dá)設(shè)計(jì) 3網(wǎng)頁版面布局的設(shè)計(jì)（1）頁面版式設(shè)計(jì)的基本步驟（2）常見的版面布局形式 “T”結(jié)構(gòu)布局 “口”型布局 “三”型布局 對(duì)稱對(duì)比布局 POP布局 （3）在版面布局過程中遵循的基本原則與技巧 下面是在進(jìn)行網(wǎng)頁版面布局設(shè)計(jì)時(shí)要遵循的一些原則： 正常平衡。 異常平衡。 對(duì)比。 空白。 盡量用圖片解說。 4網(wǎng)頁色彩的設(shè)計(jì) （1）色彩的相關(guān)知識(shí) （2）非彩色與彩色的應(yīng)用 （3）網(wǎng)頁色彩搭配的原則 （4）色彩搭配要注意的問題 5網(wǎng)頁圖片和文字的設(shè)計(jì) （1）網(wǎng)頁中的圖片 （2）文字的設(shè)計(jì) 6網(wǎng)站首頁的設(shè)計(jì) （1）首頁的類型 （2）首頁的功能模塊 （3）設(shè)計(jì)首頁的版面7其他頁面的設(shè)計(jì)規(guī)劃（1）規(guī)劃其他頁面的原則（2）產(chǎn)品頁面的制作（3）新聞頁面的設(shè)計(jì)產(chǎn)品頁面的制作【任務(wù)回顧】 本任務(wù)詳細(xì)介紹了電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)的主要內(nèi)容與制作方法。電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)包括網(wǎng)站內(nèi)容設(shè)計(jì)的原則、主要內(nèi)容和功能以及內(nèi)容設(shè)計(jì)的流程；電子商務(wù)網(wǎng)站內(nèi)容的結(jié)構(gòu)設(shè)計(jì)包括目