1、電子商務網站(wn zhn)規劃2第二節 電子商務網站結構規劃31第一節 電子商務網站的功能定位第三節 電子商務網站總體設計共二十八頁知識(zh shi)目標： 1.了解電子商務網站的功能定位； 2.掌握電子商務網站的結構及欄目規劃方法； 3.掌握電子商務網站總體設計原則(yunz)和內容。 電子商務網站規劃共二十八頁電子商務(din z shn w)網站規劃技能(jnng)目標 1.學會設計電子商務網站的結構；2.掌握電子商務網站的CI設計、布局設計及風格設計的技巧與方法。共二十八頁第一節 電子商務(din z shn w)網站的功能定位 充分展示企業(qy)的經營理念、產品或服務特色處理好

2、信息服務與在線銷售的關系網站應最大限度地滿足顧客需求處理好商務與技術的關系技術只有與商務，特別是企業的主營業務有機結合從而促進商務活動的開展時，才能創造價值并帶來效益，否則極有可能淪為可有可無的擺設，甚至成為妨礙企業發展的陷阱和吞噬資金的黑洞。在企業網站上提供豐富的相關產品信息、專業知識介紹和售前售后服務，通過開展網上營銷活動，促進網下銷售額的增長，這些是大多數成功網站的共同特點 企業網站應充分展示企業主營業務的特色和優勢，通過文字、圖案、顏色、聲音等媒介，讓用戶能在最短的時間內抓住企業所要傳遞給目標消費者的核心思想 因為企業的商務目標需要通過滿足消費者的需求才能實現，所以企業網站不僅要適合自

3、身特點，還應最大限度地滿足顧客需求。共二十八頁第二節 電子商務網站結構(jigu)規劃一、邏輯結構(jigu)模型（一）線型共二十八頁第二節 電子商務網站結構(jigu)規劃一、邏輯(lu j)結構模型（二）層次型共二十八頁第二節 電子商務網站結構(jigu)規劃一、邏輯(lu j)結構模型（三）網絡型共二十八頁第二節 電子商務(din z shn w)網站結構規劃一、邏輯(lu j)結構模型（四）混合型 混合型邏輯結構模型是指將以上幾種模型混合在一起構成一個新的網站模型，這樣的模型可以吸取各單個模型的所有長處，避免其短處。實際上，幾乎所有大的網站都采用混合型邏輯結構模型。 共二十八頁第二節

4、電子商務網站結構(jigu)規劃二、網站欄目(ln m)規劃主題欄目要分得細致直觀地列出主要內容首頁設置超鏈接和搜索引擎設置雙向交流的欄目設置信息下載和咨詢服務欄目將主題按一定方法分類并將它們作為網站的主要欄目網站的主要內容一定要放在首頁或者一二級欄目中在保持網站欄目結構的前提下，把最重要的內容鏈接到首頁讓瀏覽者有機會發表他們的意見，參與網站活動。設置資料下載欄目和回答問題的服務欄目。共二十八頁第二節 電子商務(din z shn w)網站結構規劃三、網站目錄結構(jigu)規劃合理安排文件的目錄避免出現文件管理混亂、上傳速度慢等問題按欄目內容建立子目錄首先按欄目建立子目錄。所有應用程序一般都

5、存放在特定目錄下，所有需要下載的內容也最好放在一個目錄下。在每一個一級目錄下都建立獨立的images目錄為一級二級欄目分別建立一個獨立的images目錄，根目錄下的images目錄只用來存放首頁和一些臨時性欄目的圖片。網站目錄規劃應注意的事項不要使用中文目錄、不要使用過長的目錄名、盡量使用意義明確的目錄名共二十八頁第二節 電子商務(din z shn w)網站結構規劃四、網站鏈接(lin ji)結構規劃星狀鏈接結構混合鏈接結構 樹狀鏈接結構共二十八頁第三節 電子商務(din z shn w)網站總體設計一、網站(wn zhn)的設計原則（一）先進性、可靠性和安全原則 先進性可靠性安全性共二十八

6、頁第三節 電子商務(din z shn w)網站總體設計一、網站的設計(shj)原則（二）可擴展性、標準性和開放性原則可擴展性標準型和開放性共二十八頁第三節 電子商務(din z shn w)網站總體設計一、網站(wn zhn)的設計原則（三）服務性、便捷性和交互性原則 服務性便捷性交互性共二十八頁第三節 電子商務(din z shn w)網站總體設計一、網站的設計(shj)原則（四）美觀性、實用性和宣傳性 美觀性實用性宣傳性共二十八頁第三節 電子商務(din z shn w)網站總體設計二、網站(wn zhn)的CI設計（一）設計網站的標志 （1）標志可以是中文、英文字母、符號、圖案等。 （

7、2）網站有代表性的人物、動物、花草，可以作為設計的藍本，加以卡通化和藝術化。 （3）網站有專業性的，可以以本專業的代表物品作為標志。 （4）最常用和最簡單的方式是用網站的英文名稱作為標志。 共二十八頁第三節 電子商務(din z shn w)網站總體設計二、網站(wn zhn)的CI設計（二）設計網站的色彩 色彩分為暖色調、冷色調和中性色調。 暖色調包括紅色、橙色和黃色等顏色。暖色調給人以溫暖、舒適、有活力的感覺。這些顏色不僅讓瀏覽者產生貼心的視覺效果，在頁面上也更顯突出。 冷色調包括藍色、綠色和青色等顏色。冷色調使配色方案顯得穩定和清爽。它們看起來還有遠離瀏覽者的效果，所以適于做頁面背景。

8、黑色、白色及由黑白調和的各種深淺不同的灰色系列稱為中性色調。這個色系的顏色通常很柔和,色彩不那么明亮耀眼。中性色調是介于紅、黃、藍三原色之間的顏色，不屬于冷色調，也不屬于暖色調。色彩的色調共二十八頁第三節 電子商務(din z shn w)網站總體設計二、網站(wn zhn)的CI設計（二）設計網站的色彩 （1） 紅色是一種讓人激奮的色彩，具有刺激效果，能使人產生沖動、憤怒、熱情、活力的感覺。 （2） 綠色給人和睦、寧靜、健康、安全的感覺。它和金黃色、白色搭配，可以產生優雅、舒適的效果。 （3） 橙色也是一種讓人激奮的色彩，具有輕快、歡欣、熱烈、溫馨、時尚的效果。 （4） 黃色給人快樂、希望、

9、智慧和輕快的感覺，它的明度最高。 （5） 藍色給人涼爽、清新、專業的感覺。它和白色混合，能體現柔順、淡雅、浪漫的氣氛。 （6） 白色給人明快、純真、清潔的感受。 （7） 黑色給人深沉、神秘、寂靜、悲哀、壓抑的感受。 （8） 灰色給人中庸、平凡、溫和、謙讓、中立和高雅的感覺。色彩的心理感覺共二十八頁第三節 電子商務(din z shn w)網站總體設計二、網站(wn zhn)的CI設計（二）設計網站的色彩運用相同色系的色彩技巧運用對比色技巧色彩搭配技巧共二十八頁 標準字體是指用于標志、標題、主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的“與眾不同”和特有風格，可以根據需要選擇(xun

10、z)一些特殊字體。 網站的宣傳標語，是指能高度概括網站精神、目標的一句話甚至一個詞，類似實際生活中的廣告金句。例如，人人網的“情系人人，人人鏈接”，優酷網的“世界都在看”，百度的“百度一下(yxi)，你就知道”等。設計網站的字體設計網站的宣傳標語二、網站的CI設計第三節 電子商務網站總體設計共二十八頁二、網站(wn zhn)的CI設計專用(zhunyng)字體企業的標準色企業標準要素品牌標準字 企業標志 企業名稱標準字 基本要素第三節 電子商務網站總體設計（五）企業CI設計的基本要素共二十八頁三、網站的布局(bj)設計多媒體文本(wnbn)圖片頁頭 頁面尺寸 整體造型 網站布局的基本概念第三節

11、 電子商務網站總體設計共二十八頁三、網站(wn zhn)的布局設計第三節 電子商務(din z shn w)網站總體設計（二）網站布局設計步驟可以盡可能地發揮想象力，將想到的“景象”畫上去。在草稿的基礎上，將確定需要放置的功能模塊安排到頁面上。在初步布局的基礎上，進行布局具體化、精細化。草稿初步布局定稿010203共二十八頁三、網站的布局(bj)設計第三節 電子商務(din z shn w)網站總體設計（三）網站布局設計原則正常平衡原則異常平衡原則對比原則圖表解說原則凝視原則布局設計原則共二十八頁四、網站(wn zhn)的風格設計第三節 電子商務(din z shn w)網站總體設計（一）網站

12、首頁的風格 首頁是電子商務網站的虛擬門面，在設計自己的門面時決不能敷衍了事、馬馬虎虎。網站的頁面就好比是“無紙的印刷品”，設計精良和專業的網站，如同制作精美的印刷品，會大大刺激消費者（訪問者）的購買欲望。這種類型一般是大、中型企業網站和門戶網站常用的方式，即在首頁中羅列出網站的主要內容分類、重點信息、網站導航、公司信息等，這種風格比較適合信息量大、內容豐富的網站。純粹的形象展示型信息羅列型共二十八頁四、網站的風格(fngg)設計第三節 電子商務(din z shn w)網站總體設計結構的一致性色彩的一致性導航的一致性背景的一致性特別元素的一致性風格保持一致共二十八頁共二十八頁內容摘要電子商務網站規劃。2.掌握電子商務網站的CI設計、布局設計及風格設計的技巧與方法。將主題按一定方法分類(fn li)并將它們作為網站的主要欄目。在保持網站欄目結構的前提下，把最重要的內容鏈接到首頁。設置資料下載欄目和回答問題的服務欄目。所有應用