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

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

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

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

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

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

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

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