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

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

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

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

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

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

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

照片和藝術(shù)復(fù)制品。圖像的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸，最佳的圖象應(yīng)集美觀與信息內(nèi)容與一身。圖象可以彌補(bǔ)文字的不足，但并不能夠完全取代文字。因此，制作頁面時，必須注意將圖象所包含的重要信息或鏈接到其他頁面的指示用文字重復(fù)表達(dá)一次。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第24頁!25/47本講小結(jié)網(wǎng)站設(shè)計要體現(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è)計的流程5.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計5.3網(wǎng)頁的可視化設(shè)計電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第26頁!27/455.1網(wǎng)站內(nèi)容設(shè)計的流程新、精、專的信息內(nèi)容信息內(nèi)容永遠(yuǎn)處于位；內(nèi)容設(shè)計要有組織；及時更新信息內(nèi)容。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第27頁!28/455.1網(wǎng)站內(nèi)容設(shè)計的流程美感十足、方便用戶訪問的頁面提供交互性；完善的檢索和幫助功能；方便用戶訪問和購買。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第28頁!29/455.1網(wǎng)站內(nèi)容設(shè)計的流程電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計流程收集關(guān)于該網(wǎng)站的一些關(guān)鍵信息；網(wǎng)站信息結(jié)構(gòu)的設(shè)計；網(wǎng)站運(yùn)行環(huán)境的選擇；進(jìn)行網(wǎng)頁可視化設(shè)計；網(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è)計網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計網(wǎng)站鏈接結(jié)構(gòu)的原則是：用最少的鏈接，使得瀏覽最有效率。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第30頁!31/455.2網(wǎng)站信息結(jié)構(gòu)的設(shè)計網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計網(wǎng)狀鏈接結(jié)構(gòu)（一對多）：類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個頁面相互之間都建立有鏈接。立體結(jié)構(gòu)像一張網(wǎng)。優(yōu)點：瀏覽方便，隨時可以到達(dá)自己喜歡的頁面；缺點：鏈接太多，容易“迷路”。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第31頁!32/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁可視化設(shè)計的內(nèi)容整體風(fēng)格設(shè)計設(shè)計原則版面布局設(shè)計色彩設(shè)計圖片和文字電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第32頁!33/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)站風(fēng)格是抽象的，是指站點的整體形象給瀏覽者的綜合感受。有風(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è)計網(wǎng)站整體風(fēng)格的設(shè)計使企業(yè)的標(biāo)志盡可能出現(xiàn)在每個頁面上，或者在頁眉，或者頁腳，或者背景；突出網(wǎng)站的標(biāo)準(zhǔn)色彩；突出網(wǎng)站的標(biāo)準(zhǔn)字體；設(shè)計一條朗朗上口宣傳標(biāo)語；使用統(tǒng)一的圖片處理效果；創(chuàng)造一個企業(yè)站點特有的符號或圖標(biāo)。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第34頁!35/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁設(shè)計原則3.網(wǎng)頁要易讀:這就意味著需要規(guī)劃文字與背景顏色的搭配方案。此外，網(wǎng)頁的字體、大小也是需要考慮的因素。4.合理設(shè)計視覺效果:視覺效果主要體現(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è)計網(wǎng)頁設(shè)計原則7.頁面長度要適中:一個長頁面的傳輸時間要比較短的頁面的傳輸時間長，太長的頁面?zhèn)鬏敃褂脩粼诘却惺ツ托摹Ｈ缬写罅康幕谖谋镜奈臋n，就應(yīng)當(dāng)以AdobeAcrobat格式的文件形式來放置。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第36頁!37/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁設(shè)計原則10.盡量使用超級鏈接:這樣制作的網(wǎng)頁的可移植性比較強(qiáng)，輸入量較小。另外要保證超鏈接的直觀有效，以便使用戶能夠很快地找到其想要的東西。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第37頁!38/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁版面布局的設(shè)計“T”結(jié)構(gòu)布局：所謂“T”結(jié)構(gòu)，就是指網(wǎng)頁上邊和左邊相結(jié)合，頁面頂部的橫條網(wǎng)站標(biāo)志和廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，這是網(wǎng)頁設(shè)計中用的最廣泛的一種布局方式。優(yōu)點：信息能被用戶最大限度的獲取，而且很方便；其次是頁面結(jié)構(gòu)清晰，主次分明、易于使用。缺點：規(guī)矩呆板，讓人“看之無味”。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第38頁!39/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁版面布局的設(shè)計“口”型布局：指頁面上下各有一個廣告條，左面是主菜單，右面是友情鏈接等，中間是主要內(nèi)容。優(yōu)點：頁面充實、內(nèi)容豐富、信息量大；缺點：頁面擁擠，不夠靈活。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第39頁!40/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁版面布局的設(shè)計“三”型布局。特點是頁面上橫向兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第40頁!41/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁版面布局的設(shè)計對稱對比布局。優(yōu)點：視覺沖擊力強(qiáng)；缺點：將兩部分有機(jī)地結(jié)合比較困難。電子商務(wù)-B-第05講共47頁，您現(xiàn)在瀏覽的是第41頁!42/455.3網(wǎng)頁的可視化設(shè)計網(wǎng)頁版面布局的設(shè)計POP布局。指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設(shè)計中心。優(yōu)點