二Ⅱ電子商務網(wǎng)站的制作PPT課件

1 第二章電子商務網(wǎng)站的制作 電子商務網(wǎng)站建設與維護 2 電子商務網(wǎng)站的制作 教學目標 知識目標 電子商務網(wǎng)站制作的過程及具體步驟 能力目標 電子商務網(wǎng)站的規(guī)劃 構(gòu)建 設計和制作 教學重點與難點 電子商務網(wǎng)站的規(guī)劃 構(gòu)建 設計和制作 教學媒體及教學方法 制作PPT 演示法 講授法 項目教學法 小組討論法 3 建立一個真正的電子商務網(wǎng)站 如何建立一個真正的電子商務網(wǎng)站 如何使網(wǎng)站結(jié)構(gòu)清晰合理 內(nèi)容準確詳實 頁面生動鮮明 如何保證自己的網(wǎng)站能夠在茫茫的網(wǎng)絡世界脫穎而出 完整的建設策劃方案是我們開始建設網(wǎng)站之前必須要考慮的問題 4 一 規(guī)劃構(gòu)建網(wǎng)站 1 建立電子商務網(wǎng)站的過程和具體步驟設計 建立一個電子商務網(wǎng)站的過程和具體操作步驟大致如圖2 2 1所示 在設計制作電子商務網(wǎng)站前 必須要進行市場調(diào)研 在市場調(diào)研的基礎上 確定電子商務網(wǎng)站的服務領(lǐng)域 服務對象及相應的服務內(nèi)容 對網(wǎng)站合理 恰當?shù)亩ㄎ?是網(wǎng)站成功的第一步 5 2 電子商務網(wǎng)站的設計 1 網(wǎng)站CI設計所謂CI CorporateIdentity 是借用的廣告術(shù)語 意思是通過視覺來統(tǒng)一企業(yè)的形象 現(xiàn)實生活中的CI策劃杰出的例子如可口可樂公司 全球統(tǒng)一的標志 色彩和產(chǎn)品包裝 給我們的印象極為深刻 一個杰出的網(wǎng)站和實體公司一樣 也需要整體的形象包裝和設計 準確的 有創(chuàng)意的CI設計 對網(wǎng)站的宣傳推廣有事半功倍的效果 對于網(wǎng)站的CI策劃應從以下幾個方面考慮 設計網(wǎng)站的標志一個網(wǎng)站的標志如同商標一樣 是站點特色和內(nèi)涵的集中體現(xiàn) 要盡量做到見到它就能讓人聯(lián)想起你的站點 標志可以是中文 英文字母 可以是符號 圖案 還可以是動物或者人物等等 比如 新浪用字母sina 眼睛作為標志 搜狐用sohu 狐貍作為標志等 下圖分別為新浪網(wǎng)和百度網(wǎng)的標志 6 設計網(wǎng)站的標準色彩 標準色彩 是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩 如IBM的深藍色 肯德基的紅色條型 Windows視窗標志上的紅藍黃綠色塊 一般來說 一個網(wǎng)站的標準色彩不超過3種 太多則讓人眼花繚亂 標準色彩要用于網(wǎng)站的標志 標題 主菜單和主色塊 給人以整體統(tǒng)一的感覺 適合于網(wǎng)頁標準色的顏色有 藍色 黃 橙色 黑 灰 白色三大系列色 下面分別為IBM公司網(wǎng)站和可口可樂公司網(wǎng)站截圖 7 設計網(wǎng)站的標準字體和標準色彩一樣 標準字體是指用于標志 標題 主菜單的特有字體 一般網(wǎng)頁默認的字體是宋體 為了體現(xiàn)站點的 與眾不同 和特有風格 可以根據(jù)需要選擇一些特別字體 例如 為了體現(xiàn)專業(yè)可以使用粗仿宋體 體現(xiàn)設計精美可以用廣告體 體現(xiàn)親切隨意可以用手寫體等等 設計網(wǎng)站的宣傳標語也可以說是網(wǎng)站的精神 網(wǎng)站的目標 用一句話甚至一個詞來高度概括 例如 雀巢的 味道好極了 麥斯威爾的 好東西和好朋友一起分享 Intel的 給你一個奔騰的心 8 2 網(wǎng)站的欄目安排欄目實質(zhì)就是一個網(wǎng)站的大綱索引 通過它應該能明確地顯示網(wǎng)站的主體 在安排網(wǎng)站欄目時 一般要注意以下幾點 突出 緊扣主題可以將網(wǎng)站的主題按一定的方法分類 將它們作為網(wǎng)站的主欄目 網(wǎng)站導航或指南欄目導航索引欄目 用以指導初到網(wǎng)站訪問的用戶 使他們快速找到想要的內(nèi)容 最近更新欄目及特殊服務欄目為了讓網(wǎng)站更具人性化并照顧常常光臨的訪客 就有必要設立一個 最近更新 欄目 實時調(diào)查或可以雙向交流的欄目安排一些可以進行雙向交流的欄目 如論壇 留言本等 下載欄目信息資源共享是網(wǎng)絡的一大特點 在網(wǎng)站的主頁上設置一個資源下載欄目 以方便瀏覽者 9 3 網(wǎng)站的版面設計網(wǎng)站的版面設計往往根據(jù)網(wǎng)站的特性 內(nèi)容和網(wǎng)站建設者的個人愛好的不同而形態(tài)各異 布置千變?nèi)f化 一個網(wǎng)站的版面一般來說 大都遵循下面的布局原則 盡量精簡 簡樸 簡單就是美 網(wǎng)站的設計應以醒目為上 網(wǎng)頁上的圖片應力求儉樸 采用GIF等占用字節(jié)數(shù)小的格式 善用表格通過表格內(nèi)單元格有規(guī)則的排列 將圖像 文本 表單等內(nèi)容安置在固定的地點 然后通過單元格的合并 拆分 著色 間距調(diào)整 將體現(xiàn)錯落有致的網(wǎng)頁渲染效果 善用圖片制作主頁時 必須注意將圖像所表示的重要信息或連接其他頁面的指示用文字重復表達 次 確定網(wǎng)站的主色調(diào)網(wǎng)站的主色調(diào)就是指網(wǎng)頁的色彩 一般不要超過3種 下列色彩組合較易使版面醒目 黑白 藍白 黑灰白 藍黑 紫黃 10 4 網(wǎng)站的目錄結(jié)構(gòu)網(wǎng)站的目錄是指創(chuàng)建網(wǎng)站時所建立的目錄 目錄結(jié)構(gòu)創(chuàng)建的好壞 對于站點本身的上傳維護 網(wǎng)站內(nèi)容的擴充和移植有著重要的影響 在創(chuàng)建網(wǎng)站前應該認真考慮網(wǎng)站的目錄結(jié)構(gòu) 盡量減少存放于根目錄下的文件數(shù)將所有文件都放在根目錄下的結(jié)果將給網(wǎng)站維護帶來下述兩個問題 首先 將使文件管理非常混亂 其次 將影響到網(wǎng)站上傳速度 盡量按欄目內(nèi)容建立子目錄為管理方便 應盡量按欄目內(nèi)容建立子目錄 每個主目錄下建立獨立的images目錄最好為每個主欄目建立一個獨立的images目錄 目錄的層次不要太多目錄的層次建議不要超過3層 這樣便于維護管理 目錄取名應注意的事項首先 不要使用中文目錄 其次 不要使用過長的目錄 另外 盡量使用含意明確的目錄名 11 5 網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu) 它建立在目錄結(jié)構(gòu)基礎之上 但可以跨越目錄 盡量用最少的鏈接 使得瀏覽最有效率 主頁和一級頁面之間用網(wǎng)狀鏈接結(jié)構(gòu) 一級和二級頁面之間用樹狀鏈接結(jié)構(gòu) 6 網(wǎng)站的網(wǎng)頁設計 內(nèi)容的準備 組織在開始頁面設計前 應先把將要展示的內(nèi)容進行分類并組織好 可以通過畫出網(wǎng)頁的流程圖來標示 主頁的設計主頁也稱為首頁 是整個網(wǎng)站的起始點和匯總點 是用戶開始瀏覽網(wǎng)站的門戶 主頁中應當包含 該商務網(wǎng)站及公司的概況介紹 網(wǎng)站的主要內(nèi)容 清晰 醒目的標