電子商務(wù)-B-第05講

1/45電子商務(wù)張文新副教授電話mail:zhangwx@電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第1頁!課程安排講授（36學(xué)時(shí)，共17講）第1講:緒論第10講:電子商務(wù)物流規(guī)劃技術(shù)第2講:電子商務(wù)的概念與結(jié)構(gòu)第11講:物流信息系統(tǒng)集成技術(shù)第3講:電子商務(wù)戰(zhàn)略第12講:物流配送優(yōu)化調(diào)度技術(shù)第4講:電子商務(wù)系統(tǒng)設(shè)計(jì)第13講:電子商務(wù)資金流第5講:電子商務(wù)網(wǎng)站設(shè)計(jì)第14講:電子支付技術(shù)第6講:電子商務(wù)交易流程第15講:電子支付平臺工具第7講:電子商務(wù)商品展示技術(shù)第16講:電子支付安全技術(shù)第8講:電子商務(wù)搜索引擎技術(shù)第17講:電子商務(wù)法律法規(guī)第9講:電子商務(wù)商品推薦技術(shù)考試：最后一次課

2/47電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第2頁!3/47引言信息技術(shù)支持解決什么問題解決問題的技術(shù)方案實(shí)施方案的關(guān)鍵第3講電子商務(wù)戰(zhàn)略第4講電子商務(wù)總體設(shè)計(jì)第5講電子商務(wù)網(wǎng)站設(shè)計(jì)第6講交易流程設(shè)計(jì)管理設(shè)計(jì)篇電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第3頁!4/45第5講電子商務(wù)網(wǎng)站設(shè)計(jì)電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第4頁!5/455.1網(wǎng)站內(nèi)容設(shè)計(jì)的流程網(wǎng)站內(nèi)容設(shè)計(jì)的原則企業(yè)要在因特網(wǎng)上開展電子商務(wù)，就應(yīng)該在網(wǎng)站的內(nèi)容設(shè)計(jì)方面遵循一些基本原則，一般來說，最起碼應(yīng)考慮到以下三個(gè)方面：信息內(nèi)容訪問速度頁面美感以下分別從這三個(gè)方面來說明：電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第5頁!6/455.1網(wǎng)站內(nèi)容設(shè)計(jì)的流程安全快速的訪問提高瀏覽者的訪問速度；要有安全良好運(yùn)轉(zhuǎn)的硬件和軟件環(huán)境；遵循“三次點(diǎn)擊”原則，即網(wǎng)站的任何信息都應(yīng)在最多三次點(diǎn)擊之內(nèi)得到。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第6頁!7/455.1網(wǎng)站內(nèi)容設(shè)計(jì)的流程網(wǎng)站內(nèi)容設(shè)計(jì)流程通常，電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)流程都必須經(jīng)過如下步驟：電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第7頁!8/455.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)電子商務(wù)網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)網(wǎng)站信息內(nèi)容及其功能模塊在規(guī)劃設(shè)計(jì)一個(gè)具體網(wǎng)站內(nèi)容模塊和功能時(shí)，主要應(yīng)考慮企業(yè)本身的目標(biāo)和所決定的網(wǎng)站功能導(dǎo)向，讓企業(yè)網(wǎng)站成為整體戰(zhàn)略的一個(gè)有組成部分，讓網(wǎng)站真正成為有效的品牌宣傳陣地、有效的營銷工具，或者有效的網(wǎng)上銷售場所。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第8頁!9/455.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計(jì)一般地，建立網(wǎng)站的鏈接結(jié)構(gòu)有如下兩種基本方式。樹狀鏈接結(jié)構(gòu)（一對一）：類似dos的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。立體結(jié)構(gòu)像一棵樹。優(yōu)點(diǎn)：條理清晰，不會“迷路”；缺點(diǎn)：瀏覽效率低，一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面，必須繞徑首頁。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第9頁!10/455.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計(jì)這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站中，總是將這兩種結(jié)構(gòu)混合起來使用。最好的辦法是：首頁和一級頁面之間用網(wǎng)狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。超過三級頁面，在頁面頂部設(shè)置導(dǎo)航條。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第10頁!11/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)站整體風(fēng)格的設(shè)計(jì)隨著電子商務(wù)的推廣，網(wǎng)站競爭越來越激烈，對鏈接結(jié)構(gòu)設(shè)計(jì)的要求已經(jīng)不僅僅局限與可以方便快速地瀏覽，更加注重個(gè)性化和相關(guān)性。整體風(fēng)格設(shè)計(jì)是網(wǎng)站設(shè)計(jì)中的重點(diǎn)和難點(diǎn)，是所有網(wǎng)頁開發(fā)者最希望掌握的，也是最難以學(xué)習(xí)的，因?yàn)闆]有一個(gè)固定的程式可以參照和模仿。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第11頁!12/455.3網(wǎng)頁的可視化設(shè)計(jì)通常情況下，網(wǎng)站的設(shè)計(jì)者要根據(jù)企業(yè)的具體情況，找出其最有特色、特點(diǎn)的東西——即是最能體現(xiàn)網(wǎng)站風(fēng)格的東西，并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，突出宣傳。具體做法沒有定式，這里僅提供以下一些參考。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第12頁!13/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁設(shè)計(jì)原則1.網(wǎng)頁命名要簡潔，這樣既會有助于以后方便地管理網(wǎng)頁，又會在向搜索引擎提交網(wǎng)頁時(shí)更容易被別人檢索到。2.確保頁面的導(dǎo)覽性好，一般來說，網(wǎng)站應(yīng)提供一個(gè)關(guān)于本站點(diǎn)的地圖，讓用戶知道在哪兒以及能去哪兒。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第13頁!14/45

5.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁設(shè)計(jì)原則5.為圖片添加文字說明:這樣一來，當(dāng)網(wǎng)速很慢不能把圖象下載下來時(shí)或者用戶在使用文本類型的瀏覽器時(shí)，照樣能閱讀網(wǎng)頁的內(nèi)容。6.不宜使用太多的動畫和靜態(tài)圖片:太多的動畫和靜態(tài)圖片會增大網(wǎng)頁容量，浪費(fèi)用戶的金錢和時(shí)間。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第14頁!15/45

5.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁設(shè)計(jì)原則8.整個(gè)頁面風(fēng)格要一致:這樣用戶就會在瀏覽網(wǎng)頁時(shí)覺得舒服、順暢，對網(wǎng)站留下深刻的印象。9.計(jì)數(shù)器能不用最好不用:計(jì)數(shù)器也是由程序設(shè)計(jì)成的，顯示計(jì)數(shù)器的過程其實(shí)就是一個(gè)程序的執(zhí)行過程，它需要占用用戶寶貴的上網(wǎng)時(shí)間，并且往往毫無意義。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第15頁!16/45

5.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁版面布局的設(shè)計(jì)版面指的是用戶在瀏覽器中看到的一個(gè)完整頁面（可以包含框架和層）。布局就是指以最適合用戶瀏覽的方式將圖片和文字排放在頁面的不同位置。網(wǎng)頁版面布局步驟創(chuàng)建初始方案：這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。初步設(shè)計(jì)網(wǎng)頁的布局：注意必須遵循突出重點(diǎn)、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志、主菜單等最重要的模塊放在最顯眼、最突出的位置，然后在考慮次要模塊的排放。定案。將初步布局精細(xì)化、具體化。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第16頁!17/455.3網(wǎng)頁的可視化設(shè)計(jì)電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第17頁!18/455.3網(wǎng)頁的可視化設(shè)計(jì)電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第18頁!19/455.3網(wǎng)頁的可視化設(shè)計(jì)電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第19頁!20/455.3網(wǎng)頁的可視化設(shè)計(jì)電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第20頁!21/455.3網(wǎng)頁的可視化設(shè)計(jì)電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第21頁!22/455.3網(wǎng)頁的可視化設(shè)計(jì)頁面版面布局原則與技巧以下是一些設(shè)計(jì)原則：正常平衡：多指左右、上下對照形式。異常平衡：即非對照形式，但也要平衡和韻律。對比：色彩、色調(diào)等技巧的對比，及內(nèi)容上的古今、新舊、貧富對比。凝視：指利用頁面中人物的視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁面的效果?？瞻祝和怀鲎吭胶蛢?yōu)越感，有效體現(xiàn)網(wǎng)頁格調(diào)。盡量用圖片解說。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第22頁!23/455.3網(wǎng)頁的可視化設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中較常的做法：主要內(nèi)容文字用非彩色（黑色），邊框、背景、圖片用彩色，這樣頁面整體不單調(diào)，用戶看主要內(nèi)容也不會眼花。網(wǎng)頁色彩搭配的原理色彩的鮮明性；色彩的獨(dú)特性；色彩的合適性；色彩的聯(lián)想性。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第23頁!24/45

5.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁中圖片和文字的設(shè)計(jì)善用圖片：現(xiàn)今web上展現(xiàn)的絕大多數(shù)圖片和圖象是GIF和JPEG文件格式。一般情況下，GIF格式:

漫畫、圖標(biāo)、動畫和平鋪式圖案背景。JPEG格式:

照片和藝術(shù)復(fù)制品。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸，最佳的圖象應(yīng)集美觀與信息內(nèi)容與一身。圖象可以彌補(bǔ)文字的不足，但并不能夠完全取代文字。因此，制作頁面時(shí)，必須注意將圖象所包含的重要信息或鏈接到其他頁面的指示用文字重復(fù)表達(dá)一次。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第24頁!25/47本講小結(jié)網(wǎng)站設(shè)計(jì)要體現(xiàn)出“專業(yè)水準(zhǔn)”，沒有固定的程式，但有必須遵守的基本方法：內(nèi)容結(jié)構(gòu)美感（風(fēng)格-布局-字體-色彩）電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第25頁!26/45內(nèi)容提要5.1網(wǎng)站內(nèi)容設(shè)計(jì)的流程5.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)5.3網(wǎng)頁的可視化設(shè)計(jì)電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第26頁!27/455.1網(wǎng)站內(nèi)容設(shè)計(jì)的流程新、精、專的信息內(nèi)容信息內(nèi)容永遠(yuǎn)處于位；內(nèi)容設(shè)計(jì)要有組織；及時(shí)更新信息內(nèi)容。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第27頁!28/455.1網(wǎng)站內(nèi)容設(shè)計(jì)的流程美感十足、方便用戶訪問的頁面提供交互性；完善的檢索和幫助功能；方便用戶訪問和購買。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第28頁!29/455.1網(wǎng)站內(nèi)容設(shè)計(jì)的流程電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)流程收集關(guān)于該網(wǎng)站的一些關(guān)鍵信息；網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)；網(wǎng)站運(yùn)行環(huán)境的選擇；進(jìn)行網(wǎng)頁可視化設(shè)計(jì)；網(wǎng)頁制作，利用一定的web數(shù)據(jù)庫技術(shù)進(jìn)行信息和數(shù)據(jù)的動態(tài)發(fā)布和提供；網(wǎng)站的維護(hù)和管理。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第29頁!30/455.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計(jì)網(wǎng)站鏈接結(jié)構(gòu)的原則是：用最少的鏈接，使得瀏覽最有效率。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第30頁!31/455.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計(jì)網(wǎng)狀鏈接結(jié)構(gòu)（一對多）：類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面相互之間都建立有鏈接。立體結(jié)構(gòu)像一張網(wǎng)。優(yōu)點(diǎn)：瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁面；缺點(diǎn)：鏈接太多，容易“迷路”。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第31頁!32/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁可視化設(shè)計(jì)的內(nèi)容整體風(fēng)格設(shè)計(jì)設(shè)計(jì)原則版面布局設(shè)計(jì)色彩設(shè)計(jì)圖片和文字電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第32頁!33/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)站風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上看到的只是堆砌在一起的信息，瀏覽者只能用理性的感受來描述；但有風(fēng)格的網(wǎng)站可以使人有更深一層的感性認(rèn)識。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第33頁!34/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)站整體風(fēng)格的設(shè)計(jì)使企業(yè)的標(biāo)志盡可能出現(xiàn)在每個(gè)頁面上，或者在頁眉，或者頁腳，或者背景；突出網(wǎng)站的標(biāo)準(zhǔn)色彩；突出網(wǎng)站的標(biāo)準(zhǔn)字體；設(shè)計(jì)一條朗朗上口宣傳標(biāo)語；使用統(tǒng)一的圖片處理效果；創(chuàng)造一個(gè)企業(yè)站點(diǎn)特有的符號或圖標(biāo)。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第34頁!35/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁設(shè)計(jì)原則3.網(wǎng)頁要易讀:這就意味著需要規(guī)劃文字與背景顏色的搭配方案。此外，網(wǎng)頁的字體、大小也是需要考慮的因素。4.合理設(shè)計(jì)視覺效果:視覺效果主要體現(xiàn)在網(wǎng)頁的結(jié)構(gòu)和排版上。要善用表格來布局網(wǎng)頁，突出顯示出網(wǎng)站內(nèi)容的層次性和空間性。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第35頁!36/45

5.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁設(shè)計(jì)原則7.頁面長度要適中:一個(gè)長頁面的傳輸時(shí)間要比較短的頁面的傳輸時(shí)間長，太長的頁面?zhèn)鬏敃褂脩粼诘却惺ツ托?。如有大量的基于文本的文檔，就應(yīng)當(dāng)以AdobeAcrobat格式的文件形式來放置。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第36頁!37/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁設(shè)計(jì)原則10.盡量使用超級鏈接:這樣制作的網(wǎng)頁的可移植性比較強(qiáng)，輸入量較小。另外要保證超鏈接的直觀有效，以便使用戶能夠很快地找到其想要的東西。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第37頁!38/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁版面布局的設(shè)計(jì)“T”結(jié)構(gòu)布局：所謂“T”結(jié)構(gòu)，就是指網(wǎng)頁上邊和左邊相結(jié)合，頁面頂部的橫條網(wǎng)站標(biāo)志和廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，這是網(wǎng)頁設(shè)計(jì)中用的最廣泛的一種布局方式。優(yōu)點(diǎn)：信息能被用戶最大限度的獲取，而且很方便；其次是頁面結(jié)構(gòu)清晰，主次分明、易于使用。缺點(diǎn)：規(guī)矩呆板，讓人“看之無味”。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第38頁!39/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁版面布局的設(shè)計(jì)“口”型布局：指頁面上下各有一個(gè)廣告條，左面是主菜單，右面是友情鏈接等，中間是主要內(nèi)容。優(yōu)點(diǎn)：頁面充實(shí)、內(nèi)容豐富、信息量大；缺點(diǎn)：頁面擁擠，不夠靈活。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第39頁!40/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁版面布局的設(shè)計(jì)“三”型布局。特點(diǎn)是頁面上橫向兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第40頁!41/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁版面布局的設(shè)計(jì)對稱對比布局。優(yōu)點(diǎn)：視覺沖擊力強(qiáng)；缺點(diǎn)：將兩部分有機(jī)地結(jié)合比較困難。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第41頁!42/455.3網(wǎng)頁的可視化設(shè)計(jì)網(wǎng)頁版面布局的設(shè)計(jì)POP布局。指頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心。優(yōu)點(diǎn)