電子商務系統(tǒng)網(wǎng)站建設PPT課件[通用]

1、電子商務系統(tǒng)網(wǎng)站建設案例 伊利網(wǎng)站 Contents電子商務網(wǎng)站的規(guī)劃網(wǎng)頁設計元素與布局網(wǎng)頁設計中的顏色運用 網(wǎng)頁設計基本原則12341 電子商務網(wǎng)站的規(guī)劃1.1 網(wǎng)站的分類按照風格分類：ICP/ISP，企業(yè)，政府，個人個人網(wǎng)站和企業(yè)網(wǎng)站：劉翔、海爾交易類網(wǎng)站和資訊網(wǎng)站：當當網(wǎng)、搜狐行業(yè)網(wǎng)站：金融/汽車/家電1.2 電子商務網(wǎng)站的分類信息發(fā)布型企業(yè)網(wǎng)站（蒙牛、伊利等） 網(wǎng)上銷售型企業(yè)網(wǎng)站（戴爾、凡客、京東等） 綜合性電子商務網(wǎng)站（海爾、李寧、中糧等） 1.3 電子商務網(wǎng)站的功能節(jié)省信息查詢時間，提高效率（Speed up User Tasks）提供多種溝通渠道（Multiple Communi

2、cation Channels ）提供合適的聯(lián)系方式（Providing Suitable Access to Contacts）為客戶提供個性化的網(wǎng)站和服務（Make the Site Personal）公司信息和廣告（Company Information and Advertising） 客戶反饋（Customer Feedback）使用多媒體（Using Multimedia）1.3 電子商務網(wǎng)站的功能節(jié)省信息查詢時間，提高效率（Speed up User Tasks）1.3 電子商務網(wǎng)站的功能提供多種溝通渠道（Multiple Communication Channels ）提供合適

3、的聯(lián)系方式（Providing Suitable Access to Contacts）1.3 電子商務網(wǎng)站的功能為客戶提供個性化的網(wǎng)站和服務（Make the Site Personal）1.3 電子商務網(wǎng)站的功能公司信息和廣告（Company Information and Advertising） 1.3 電子商務網(wǎng)站的功能客戶反饋（Customer Feedback）海爾社區(qū)1.3 電子商務網(wǎng)站的功能使用多媒體（Using Multimedia）1.4 網(wǎng)站規(guī)劃的定義網(wǎng)站規(guī)劃是指在網(wǎng)站建設前對市場進行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對網(wǎng)站建設中的技術、內(nèi)容、費用、測試、維護等做出

4、規(guī)劃。網(wǎng)站規(guī)劃對網(wǎng)站建設起到計劃和指導的作用，對網(wǎng)站的內(nèi)容和維護起到定位作用。網(wǎng)站規(guī)劃的內(nèi)容建設網(wǎng)站前的市場分析 建設網(wǎng)站目的及功能定位 網(wǎng)站技術解決方案 網(wǎng)站內(nèi)容規(guī)劃 網(wǎng)頁設計 網(wǎng)站維護 網(wǎng)站測試 網(wǎng)站發(fā)布與推廣網(wǎng)站欄目設置1、公司概況2、產(chǎn)品目錄3、榮譽證書和專家/用戶推薦4、公司動態(tài)和媒體報道5、產(chǎn)品搜索6、產(chǎn)品介紹7、網(wǎng)上訂購8、銷售網(wǎng)絡9、售后服務10、聯(lián)系信息11、輔助信息12、內(nèi)容之外的內(nèi)容網(wǎng)站欄目設置1、公司概況CEO介紹品牌戰(zhàn)略企業(yè)文化發(fā)展歷程2、產(chǎn)品目錄網(wǎng)站欄目設置3、榮譽證書和專家/用戶推薦4、公司動態(tài)和媒體報道市場動態(tài)企業(yè)信息公益活動等網(wǎng)站欄目設置5、產(chǎn)品搜索6、產(chǎn)品介

5、紹網(wǎng)站欄目設置7、網(wǎng)上訂購8、銷售網(wǎng)絡網(wǎng)站欄目設置9、售后服務10、聯(lián)系信息網(wǎng)站欄目設置11、輔助信息12、內(nèi)容之外的內(nèi)容2 網(wǎng)頁設計元素與布局 2.1網(wǎng)頁設計元素1、文字與圖片基本要素網(wǎng)易1999年10月11日網(wǎng)易2013年6月4日2、動畫Gif格式Flash格式Gif動畫3、音樂（個人、時尚類、兒童類等）4、視頻（媒體報道、展示、廣告等）5、搜索功能（位置很重要）6、論壇、博客、微博等網(wǎng)站CI形象設計1.設計網(wǎng)站的標志（logo）2.設計網(wǎng)站的標準色彩3.設計網(wǎng)站的標準字體4.設計網(wǎng)站的宣傳標語 網(wǎng)站的LOGOLOGO的位置字體宣傳標語2.2網(wǎng)站版面布局設計首頁的第一步是設計版面布局。就像

6、傳統(tǒng)的報刊雜志編輯一樣，我們將網(wǎng)頁看作一張報紙，一本雜志來進行排版布局。版面指的是瀏覽器看到的完整的一個頁面。布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。 常用版面布局形式“T”結構布局 “口”型布局對稱對比布局POP布局“T”結構布局 “口”型布局布局內(nèi)容1.頁面尺寸（根據(jù)顯示器的分辨率）：1024*768，1280*960等 2.頁頭：頁眉的作用是定義頁面的主題，常放置站點名字的圖片和公司標志以及旗幟廣告。 3.文本：文本在頁面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn) 4.頁腳：頁腳和頁頭相呼應。頁腳是放置制作者或者公司信息的地方。 5.圖片：合理安排與文本的關系6.多媒體（視頻

7、、動畫、互動效果等） 紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥 橙色代表光明、華麗、興奮、甜蜜、快樂 黃色代表明朗、愉快、高貴、希望 綠色代表新鮮、平靜、和平、柔和、安逸、青春 藍色代表深遠、永恒、沉靜、理智、誠實、寒冷 紫色代表優(yōu)雅、高貴、魅力、自傲 白色代表純潔、純真、樸素、神圣、明快 灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞 黑色代表崇高、堅實、嚴肅、剛健、粗莽3.網(wǎng)頁設計中的顏色運用4.網(wǎng)頁設計原則一、保持網(wǎng)頁的樸素:“KISS”法則 Keep It Simple Silly 二、簡單并不等于乏味 清晰的設計有效的技術一個好的站點 三、了解你的訪問者 四、五個“手指” 一般人的大腦把五個或更少的項目看作一組，但是當所面對的項目超過五個，它