電子商務(wù)網(wǎng)站的內(nèi)容設(shè)與開(kāi)發(fā)課件

1、第5章電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)與開(kāi)發(fā)5.1 網(wǎng)站內(nèi)容設(shè)計(jì)的流程5.2 網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)5.3 網(wǎng)頁(yè)的可視化設(shè)計(jì)5.4 首頁(yè)設(shè)計(jì)5.5 其他網(wǎng)頁(yè)的設(shè)計(jì)5.6 網(wǎng)頁(yè)制作1第1頁(yè)，共69頁(yè)。5.1 電子商務(wù)網(wǎng)站內(nèi)容設(shè)計(jì)的流程5.11 網(wǎng)站內(nèi)容設(shè)計(jì)的原則 企業(yè)要在因特網(wǎng)上開(kāi)展電子商務(wù)，就應(yīng)該在網(wǎng)站的內(nèi)容設(shè)計(jì)方面遵循一些基本原則，一般來(lái)說(shuō)，最起碼應(yīng)考慮到以下三個(gè)方面： 信息內(nèi)容、訪問(wèn)速度和頁(yè)面美感。以下分別從這三個(gè)方面來(lái)說(shuō)明：2第2頁(yè)，共69頁(yè)。1. 新、精、專的信息內(nèi)容信息內(nèi)容永遠(yuǎn)處于第一位；內(nèi)容設(shè)計(jì)要有組織；及時(shí)更新信息內(nèi)容。2. 安全快速的訪問(wèn)提高瀏覽者的訪問(wèn)速度；要有安全良好運(yùn)轉(zhuǎn)的硬件和軟件環(huán)境

2、；遵循“三次點(diǎn)擊”原則，即網(wǎng)站的任何信息都應(yīng)在最多三次點(diǎn)擊之內(nèi)得到。3第3頁(yè)，共69頁(yè)。3. 美感十足、方便用戶訪問(wèn)的頁(yè)面提供交互性；完善的檢索和幫助功能；方便用戶訪問(wèn)和購(gòu)買。5.1.2 網(wǎng)站內(nèi)容設(shè)計(jì)流程 通常，電子商務(wù)網(wǎng)站的內(nèi)容設(shè)計(jì)流程都必須經(jīng)過(guò)如下步驟：4第4頁(yè)，共69頁(yè)。收集關(guān)于該網(wǎng)站的一些關(guān)鍵信息；網(wǎng)站信息結(jié)構(gòu)的設(shè)計(jì)；網(wǎng)站運(yùn)行環(huán)境的選擇，其具體選擇標(biāo)準(zhǔn)和原則可參見(jiàn)第三章內(nèi)容；進(jìn)行網(wǎng)頁(yè)可視化設(shè)計(jì)；網(wǎng)頁(yè)制作， 通常情況下，在網(wǎng)頁(yè)制作過(guò)程中，需利用一定的web數(shù)據(jù)庫(kù)技術(shù)進(jìn)行信息和數(shù)據(jù)的動(dòng)態(tài)發(fā)布和提供；網(wǎng)站的維護(hù)和管理。見(jiàn)課本p110圖5.15第5頁(yè)，共69頁(yè)。5.2 電子商務(wù)網(wǎng)站信息結(jié)構(gòu)的設(shè)

3、計(jì)一般來(lái)說(shuō)，電子商務(wù)網(wǎng)站建設(shè)與企業(yè)的經(jīng)營(yíng)戰(zhàn)略、產(chǎn)品特性、財(cái)務(wù)預(yù)算以及當(dāng)時(shí)的建站目的等因素有著直接關(guān)系。5.21 網(wǎng)站信息內(nèi)容及其功能模塊 盡管每個(gè)電子商務(wù)網(wǎng)站規(guī)模不同，表現(xiàn)形式各有特色，但從經(jīng)營(yíng)的實(shí)質(zhì)上來(lái)說(shuō)，不外乎信息發(fā)布型和產(chǎn)品銷售型這兩種 基本形式，一個(gè)綜合性的網(wǎng)站可能同時(shí)包含了這兩種基本形式。 6第6頁(yè)，共69頁(yè)。 信息發(fā)布型的網(wǎng)站仍然是電子商務(wù)網(wǎng)站的主流形式。 信息發(fā)布型網(wǎng)站中信息結(jié)構(gòu)的設(shè)計(jì)主要是從以下幾個(gè)方面來(lái)進(jìn)行的：見(jiàn)書(shū)p112圖5.2公司概況；員工信息；產(chǎn)品目錄；產(chǎn)品價(jià)格表；產(chǎn)品搜索；公司動(dòng)態(tài)；網(wǎng)上訂購(gòu)；銷售網(wǎng)絡(luò)；售后服務(wù)；技術(shù)支持信息；7第7頁(yè)，共69頁(yè)。 聯(lián)系信息； 財(cái)務(wù)報(bào)告

4、； 輔助信息， 用來(lái)彌補(bǔ)產(chǎn)品品種比較少，網(wǎng)頁(yè)內(nèi)容單調(diào)等不足； 其他內(nèi)容信息；比如反饋表、公司人才招聘信息、到其他相關(guān)站點(diǎn)的鏈接； 增值服務(wù)； 開(kāi)辟網(wǎng)絡(luò)環(huán)境下的新服務(wù)項(xiàng)目，以增加其服務(wù)功能，吸引網(wǎng)民再次光臨。8第8頁(yè)，共69頁(yè)。 在規(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)站真正成為有效的品牌宣傳陣地、有效的營(yíng)銷工具，或者有效的網(wǎng)上銷售場(chǎng)所。5.2.2 網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計(jì) 網(wǎng)站鏈接結(jié)構(gòu)的原則是：用最少的鏈接，使得瀏覽最有效率。9第9頁(yè)，共69頁(yè)。一般地，建立網(wǎng)站的鏈接結(jié)構(gòu)有如下兩種基本方式。樹(shù)狀鏈接結(jié)構(gòu)（一對(duì)

5、一） 類似dos的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。立體結(jié)構(gòu)像一棵樹(shù)。優(yōu)點(diǎn)：條理清晰，不會(huì)“迷路”；缺點(diǎn)：瀏覽效率低，一個(gè)欄目下的 子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞徑首頁(yè)。10第10頁(yè)，共69頁(yè)。2. 網(wǎng)狀鏈接結(jié)構(gòu)（一對(duì)多） 類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。立體結(jié)構(gòu)像一張網(wǎng)。優(yōu)點(diǎn)：瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面；缺點(diǎn)：鏈接太多，容易“迷路”。11第11頁(yè)，共69頁(yè)。 這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用。最好的辦法是： 首頁(yè)和一級(jí)頁(yè)面之間用網(wǎng)狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。超過(guò)三級(jí)頁(yè)面，在

6、頁(yè)面頂部設(shè)置導(dǎo)航條。例子，請(qǐng)見(jiàn)書(shū)p114倒數(shù)第三段12第12頁(yè)，共69頁(yè)。 隨著電子商務(wù)的推廣，網(wǎng)站競(jìng)爭(zhēng)越來(lái)越激烈，對(duì)鏈接結(jié)構(gòu)設(shè)計(jì)的要求已經(jīng)不僅僅局限與可以方便快速地瀏覽，更加注重個(gè)性化和相關(guān)性。5.2.3 網(wǎng)站整體風(fēng)格的設(shè)計(jì) 整體風(fēng)格設(shè)計(jì)是網(wǎng)站設(shè)計(jì)中的重點(diǎn)和難點(diǎn)，是所有網(wǎng)頁(yè)開(kāi)發(fā)者最希望掌握的，也是最難以學(xué)習(xí)的，因?yàn)闆](méi)有一個(gè)固定的程式可以參照和模仿。13第13頁(yè)，共69頁(yè)。 網(wǎng)站風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于： 在普通網(wǎng)站上看到的只是堆砌在一起的信息，瀏覽者只能用理性的感受來(lái)描述；但有風(fēng)格的網(wǎng)站可以使人有更深一層的感性認(rèn)識(shí)。14第14頁(yè)，共

7、69頁(yè)。 通常情況下，網(wǎng)站的設(shè)計(jì)者要根據(jù)企業(yè)的具體情況，找出其最有特色、特點(diǎn)的東西即是最能體現(xiàn)網(wǎng)站風(fēng)格的東西，并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，突出宣傳。具體做法沒(méi)有定式，這里僅提供以下一些參考。使企業(yè)的標(biāo)志盡可能出現(xiàn)在每個(gè)頁(yè)面上，或者在頁(yè)眉，或者頁(yè)腳，或者背景；突出網(wǎng)站的標(biāo)準(zhǔn)色彩；15第15頁(yè)，共69頁(yè)。突出網(wǎng)站的標(biāo)準(zhǔn)字體；設(shè)計(jì)一條朗朗上口宣傳標(biāo)語(yǔ)；使用統(tǒng)一的圖片處理效果；創(chuàng)造一個(gè)企業(yè)站點(diǎn)特有的符號(hào)或圖標(biāo)。16第16頁(yè)，共69頁(yè)。5.3 網(wǎng)頁(yè)的可視化設(shè)計(jì)5.3.1 網(wǎng)頁(yè)設(shè)計(jì)原則網(wǎng)頁(yè)命名要簡(jiǎn)潔 這樣既會(huì)有助于以后方便地管理網(wǎng)頁(yè)，又會(huì)在向搜索引擎提交網(wǎng)頁(yè)時(shí)更容易被別人檢索到。確保頁(yè)面的導(dǎo)覽性好

8、一般來(lái)說(shuō)，網(wǎng)站應(yīng)提供一個(gè)關(guān)于本站點(diǎn)的地圖，讓用戶知道在哪兒以及能去哪兒。17第17頁(yè)，共69頁(yè)。3.網(wǎng)頁(yè)要易讀 這就意味著需要規(guī)劃文字與背景顏色的搭配方案。此外，網(wǎng)頁(yè)的字體、大小也是需要考慮的因素。4. 合理設(shè)計(jì)視覺(jué)效果 視覺(jué)效果主要體現(xiàn)在網(wǎng)頁(yè)的結(jié)構(gòu)和排版上。要善用表格來(lái)布局網(wǎng)頁(yè)，突出顯示出網(wǎng)站內(nèi)容的層次性和空間性。18第18頁(yè)，共69頁(yè)。為圖片添加文字說(shuō)明 這樣一來(lái)，當(dāng)網(wǎng)速很慢不能把圖象下載下來(lái)時(shí)或者用戶在使用文本類型的瀏覽器時(shí)，照樣能閱讀網(wǎng)頁(yè)的內(nèi)容。6. 不宜使用太多的動(dòng)畫(huà)和靜態(tài)圖片 太多的動(dòng)畫(huà)和靜態(tài)圖片會(huì)增大網(wǎng)頁(yè)容量，浪費(fèi)用戶的金錢和時(shí)間。19第19頁(yè)，共69頁(yè)。頁(yè)面長(zhǎng)度要適中 一個(gè)長(zhǎng)頁(yè)

9、面的傳輸時(shí)間要比較短的頁(yè)面的傳輸時(shí)間長(zhǎng)，太長(zhǎng)的頁(yè)面?zhèn)鬏敃?huì)使用戶在等待中失去耐心。 如有大量的基于文本的文檔，就應(yīng)當(dāng)以Adobe Acrobat 格式的文件形式來(lái)放置。8. Java程序少用為宜 因?yàn)槟壳皝?lái)講Java的運(yùn)行速度還比較慢，往往使瀏覽者沒(méi)有耐心等待頁(yè)面全部顯示出來(lái)。20第20頁(yè)，共69頁(yè)。整個(gè)頁(yè)面風(fēng)格要一致 10. 計(jì)數(shù)器能不用最好不用 計(jì)數(shù)器也是由程序設(shè)計(jì)成的，顯示計(jì)數(shù)器的過(guò)程其實(shí)就是一個(gè)程序的執(zhí)行過(guò)程，它需要占用用戶寶貴的上網(wǎng)時(shí)間，并且往往毫無(wú)意義。 這樣用戶就會(huì)在瀏覽網(wǎng)頁(yè)時(shí)覺(jué)得舒服、順暢，對(duì)網(wǎng)站留下深刻的印象。21第21頁(yè)，共69頁(yè)。11. 盡量使用超級(jí)鏈接 這樣制作的網(wǎng)頁(yè)的可

10、移植性比較強(qiáng)，輸入量較小。另外要保證超鏈接的直觀有效，以便使用戶能夠很快地找到其想要的東西。12. 不要濫用尖端技術(shù) 使用尖端技術(shù)有可能會(huì)打擊企業(yè)部分用戶訪問(wèn)網(wǎng)站的興趣和積極性；另一方面，最新的網(wǎng)站開(kāi)發(fā)技術(shù)還存在用戶瀏覽器的版本支持問(wèn)題。22第22頁(yè)，共69頁(yè)。5.3.2 網(wǎng)頁(yè)版面布局的設(shè)計(jì) 版面指的是用戶在瀏覽器中看到的一個(gè)完整頁(yè)面（可以包含框架和層）。布局就是指以最適合用戶瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。1. 網(wǎng)頁(yè)版面布局步驟創(chuàng)建初始方案。這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只以粗陋的線條勾畫(huà)出創(chuàng)意的輪廓即可。23第23頁(yè)，共69頁(yè)。初步設(shè)計(jì)網(wǎng)頁(yè)的布局。 注意必須

11、遵循突出重點(diǎn)、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志、主菜單等最重要的模塊放在最顯眼、最突出的位置，然后在考慮次要模塊的排放。定案。將初步布局精細(xì)化、具體化。24第24頁(yè)，共69頁(yè)。2. 常見(jiàn)的版面布局形式“T”結(jié)構(gòu)布局。 所謂“T”結(jié)構(gòu)，就是指網(wǎng)頁(yè)上邊和左邊相結(jié)合，頁(yè)面頂部的橫條網(wǎng)站標(biāo)志和廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，這是網(wǎng)頁(yè)設(shè)計(jì)中用的最廣泛的一種布局方式。優(yōu)點(diǎn)：信息能被用戶最大限度的獲取，而且很方便；其次是頁(yè)面結(jié)構(gòu)清晰，主次分明、易于使用。25第25頁(yè)，共69頁(yè)。缺點(diǎn)：規(guī)矩呆板，讓人“看之無(wú)味”?！翱凇毙筒季?。 指頁(yè)面上下各有一個(gè)廣告條，左面是主菜單，右面是友情鏈接等，中間是主要內(nèi)容。

12、優(yōu)點(diǎn)：頁(yè)面充實(shí)、內(nèi)容豐富、信息量大；缺點(diǎn)：頁(yè)面擁擠，不夠靈活。26第26頁(yè)，共69頁(yè)?！叭毙筒季?。 特點(diǎn)是頁(yè)面上橫向兩條色塊，將頁(yè)面整體分割為四部分，色塊中大多放廣告條。對(duì)稱對(duì)比布局。優(yōu)點(diǎn)：視覺(jué)沖擊力強(qiáng)；缺點(diǎn)：將兩部分有機(jī)地結(jié)合比較困難。27第27頁(yè)，共69頁(yè)。POP布局。指頁(yè)面布局像一張宣傳海報(bào)，以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心。 優(yōu)點(diǎn)：漂亮吸引人； 缺點(diǎn)：速度慢。3. 頁(yè)面版面布局原則與技巧 只有當(dāng)內(nèi)容和形式，即具體的網(wǎng)頁(yè)的排版布局達(dá)到一種協(xié)調(diào)的狀態(tài)才算是一種真正成功的網(wǎng)頁(yè)設(shè)計(jì)。28第28頁(yè)，共69頁(yè)。正常平衡； 多指左右、上下對(duì)照形式。2）異常平衡； 即非對(duì)照形式，但也要平衡和韻律。3

13、）對(duì)比； 色彩、色調(diào)等技巧的對(duì)比，及內(nèi)容上的古今、新舊、貧富對(duì)比。以下是一些設(shè)計(jì)原則：29第29頁(yè)，共69頁(yè)。凝視；指利用頁(yè)面中人物的視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果?？瞻?；突出卓越和優(yōu)越感，有效體現(xiàn)網(wǎng)頁(yè)格調(diào)。盡量用圖片解說(shuō)。30第30頁(yè)，共69頁(yè)。5.3.3 網(wǎng)頁(yè)色彩設(shè)計(jì) 在網(wǎng)頁(yè)設(shè)計(jì)中，應(yīng)根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的頁(yè)面。研究表明： 彩色的記憶效果是黑白色得3.5倍。也就是說(shuō)，彩色頁(yè)面較完全的黑白頁(yè)面更加吸引人。31第31頁(yè)，共69頁(yè)。在網(wǎng)頁(yè)設(shè)計(jì)中較常的做法： 主要內(nèi)容文字用非彩色（黑色），邊框、背景、圖片用彩色，這樣頁(yè)面整體不單調(diào)

14、，用戶看主要內(nèi)容也不會(huì)眼花。1. 網(wǎng)頁(yè)色彩搭配的原理色彩的鮮明性；色彩的獨(dú)特性；色彩的合適性；色彩的聯(lián)想性。32第32頁(yè)，共69頁(yè)。2. 網(wǎng)頁(yè)色彩搭配的技巧相同色系色彩；運(yùn)用對(duì)比色或互補(bǔ)色；使用過(guò)渡色；用黑色和一種彩色；33第33頁(yè)，共69頁(yè)。不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)；背景和文字的對(duì)比盡量要大，要有足夠的對(duì)比度來(lái)保證頁(yè)面易于閱讀；在設(shè)計(jì)中要考慮主要用戶群的背景和構(gòu)成。34第34頁(yè)，共69頁(yè)。5.3.4 網(wǎng)頁(yè)中圖片和文字的設(shè)計(jì)1. 善用圖片 現(xiàn)今 web 上展現(xiàn)的絕大多數(shù)圖片和圖象是GIF和JPEG格式、PNG和FlashPix文件格式。 一般情況下，GIF格式: 漫畫(huà)、圖標(biāo)

15、、動(dòng)畫(huà)和平鋪式圖案背景。JPEG格式: 照片和藝術(shù)復(fù)制品。35第35頁(yè)，共69頁(yè)。 圖象可以彌補(bǔ)文字的不足，但并不能夠完全取代文字。因此，制作頁(yè)面時(shí)，必須注意將圖象所包含的重要信息或鏈接到其他頁(yè)面的指示用文字重復(fù)表達(dá)一次。 圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸，最佳的圖象應(yīng)集美觀與信息內(nèi)容與一身。36第36頁(yè)，共69頁(yè)。2. 網(wǎng)站字體下面是網(wǎng)頁(yè)設(shè)計(jì)中有關(guān)字體的使用原則和技巧：不要使用超過(guò)三種以上的字體；不要用太大或太小的文字；避免過(guò)多使用不停閃爍的文字。37第37頁(yè)，共69頁(yè)。5.4 首頁(yè)設(shè)計(jì) 首頁(yè)也叫主頁(yè)，它是網(wǎng)站的形象頁(yè)面，是網(wǎng)站的“門面”，故被稱為“Home Page”, 它的設(shè)計(jì)

16、是一個(gè)網(wǎng)站成功與否的關(guān)鍵。 首頁(yè)的設(shè)計(jì)應(yīng)該遵循快速、簡(jiǎn)潔、吸引人、信息概括能力強(qiáng)、易于導(dǎo)航的原則，同時(shí)應(yīng)納入企業(yè)CIS（企業(yè)形象識(shí)別系統(tǒng)）計(jì)劃，與企業(yè)CIS的其他內(nèi)容協(xié)調(diào)起來(lái)。38第38頁(yè)，共69頁(yè)。5.4.1 首頁(yè)的功能模塊 首頁(yè)的功能模塊是指在首頁(yè)上需要實(shí)現(xiàn)的主要內(nèi)容及其功能，最簡(jiǎn)單地在主頁(yè)上必須清楚地列出三項(xiàng)要點(diǎn)： 機(jī)構(gòu)名稱、提供的產(chǎn)品或服務(wù)以及主頁(yè)內(nèi)容（即網(wǎng)站上其他頁(yè)面還載有什么資料）。39第39頁(yè)，共69頁(yè)。40第40頁(yè)，共69頁(yè)。頁(yè)頭 用來(lái)準(zhǔn)確無(wú)誤地標(biāo)示企業(yè)的網(wǎng)站，它應(yīng)該能夠體現(xiàn)出企業(yè)網(wǎng)站的主題，而該主題是與企業(yè)的產(chǎn)品和服務(wù)緊密相關(guān)的。主菜單 即導(dǎo)航條，它提供了對(duì)關(guān)鍵頁(yè)面的簡(jiǎn)捷導(dǎo)航

17、，其超鏈接或圖標(biāo)應(yīng)明確地表明企業(yè)網(wǎng)站的其他頁(yè)面上還載有什么樣的信息。41第41頁(yè)，共69頁(yè)。最新消息的傳遞 如果企業(yè)網(wǎng)站的主頁(yè)從不改變，用戶很快會(huì)厭倦。在主頁(yè)上預(yù)告即將有新資料推出，可吸引用戶再來(lái)瀏覽。為保新鮮感，應(yīng)時(shí)刻確保主頁(yè)提供的是最新信息。電子郵件地址 在頁(yè)面底部設(shè)計(jì)簡(jiǎn)單的電子郵件鏈接，可使用戶與網(wǎng)站的有關(guān)負(fù)責(zé)人迅速取得聯(lián)系。有利于用戶節(jié)省大量搜索時(shí)間，同時(shí)企業(yè)也能及時(shí)獲得信息反饋。42第42頁(yè)，共69頁(yè)。聯(lián)絡(luò)信息。可以列出通訊地址、公關(guān)或營(yíng)業(yè)部門的電話號(hào)碼等，以便用戶聯(lián)系。版權(quán)信息。其他信息。如廣告條、搜索、友情鏈接、郵件列表、計(jì)數(shù)器等。43第43頁(yè)，共69頁(yè)。5.4.2 首頁(yè)的可視化

18、設(shè)計(jì) 確定好首頁(yè)的內(nèi)容和功能后，就可以設(shè)計(jì)首頁(yè)的版面了。 在圖文類首頁(yè)中，通常以圖片和標(biāo)題為視覺(jué)興趣點(diǎn)。為吸引瀏覽者的注意力，可將文字標(biāo)題融合在畫(huà)面中，使兩個(gè)興趣點(diǎn)合為一體。44第44頁(yè)，共69頁(yè)。 設(shè)計(jì)版面的最好方法是：找一張白紙、一支筆，先將理想中的草圖勾勒出來(lái)，然后再用網(wǎng)頁(yè)制作軟件實(shí)現(xiàn)。 設(shè)計(jì)人員要了解企業(yè)的CIS，熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn)，以便在網(wǎng)站的局部將之體現(xiàn)出來(lái)，于平淡之中勾畫(huà)出一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線，從而將企業(yè)印在瀏覽者的腦海里。45第45頁(yè)，共69頁(yè)。 在設(shè)計(jì)中，應(yīng)避免“封面”問(wèn)題。封面是指沒(méi)有具體內(nèi)容，只放一個(gè)標(biāo)徽Logo點(diǎn)擊進(jìn)入，或者只有簡(jiǎn)單的圖象菜單的

19、首頁(yè)。5.4.3 首頁(yè)設(shè)計(jì)要注意的問(wèn)題首頁(yè)明確，主題突出；盡可能縮短下載時(shí)間。此外，還需注意配合最抵擋的設(shè)備。46第46頁(yè)，共69頁(yè)。5.5 其他頁(yè)面的設(shè)計(jì)5.5.1 新聞頁(yè)面的設(shè)計(jì) 任何類型企業(yè)的電子商務(wù)站點(diǎn)都應(yīng)該有一個(gè)新聞頁(yè)面，該頁(yè)面擔(dān)負(fù)著雙重作用，既可以用來(lái)動(dòng)態(tài)發(fā)布有關(guān)新產(chǎn)品或新開(kāi)發(fā)項(xiàng)目或公司活動(dòng)的情況，又可以作為公司的活動(dòng)年表。 建立新聞頁(yè)面，首先在主頁(yè)上要編寫(xiě)并設(shè)置可點(diǎn)擊的新聞標(biāo)題，然后再編寫(xiě)完整的新聞頁(yè)面，這些頁(yè)面通過(guò)超鏈接與新聞標(biāo)題相連。47第47頁(yè)，共69頁(yè)。1. 主頁(yè)中的新聞標(biāo)題 通常標(biāo)題的文字不宜過(guò)長(zhǎng)，主要包括的要素與設(shè)計(jì)的方法如下：新聞標(biāo)題組成的要素新聞日期，日期位于標(biāo)題

20、的開(kāi)頭；使用一個(gè)動(dòng)詞來(lái)描述該新聞的目的；設(shè)計(jì)的產(chǎn)品或企業(yè)，著重表示該新聞直接涉及到產(chǎn)品或企業(yè)；提示語(yǔ)，用來(lái)激發(fā)瀏覽者的興趣。48第48頁(yè)，共69頁(yè)。新聞標(biāo)題的版面布置 主頁(yè)中新聞標(biāo)題的版面布置要保持簡(jiǎn)單、清晰、引人注目，通?？刹捎靡韵聨追N方法。新聞標(biāo)題的排列按降序進(jìn)行排列，開(kāi)頭頂部是最近的新聞，底部是最舊的新聞；可在新聞標(biāo)題前采用標(biāo)準(zhǔn)編目符或小的圖象作為點(diǎn)綴，增加頁(yè)面的可讀性；將新聞標(biāo)題的列表放在一個(gè)上下滾動(dòng)的窗口中以容納更多的新聞。49第49頁(yè)，共69頁(yè)。2. 新聞頁(yè)面 新聞頁(yè)面要滿足易于導(dǎo)航的要求，通常可以通過(guò)在新聞頁(yè)面建立以下幾種方式來(lái)實(shí)現(xiàn)。建立菜單欄導(dǎo)航系統(tǒng)以便與用戶實(shí)現(xiàn)新聞頁(yè)面與網(wǎng)站

21、中其他頁(yè)面間的無(wú)縫跳轉(zhuǎn)。建立與前面或后面新聞的鏈接；將新聞進(jìn)行分類或時(shí)間索引，建立菜單，用戶可根據(jù)時(shí)間或內(nèi)容檢索其感興趣的新聞；在新聞頁(yè)面中包含與該新聞?dòng)嘘P(guān)的圖片、聲音或其他多媒體文件；50第50頁(yè)，共69頁(yè)。將稿件中出現(xiàn)的關(guān)鍵人名鏈接到其E-mail 地址或其因特網(wǎng)頁(yè)面上；考慮鏈接到稿件中提到的任何企業(yè)合伙人、公司雇員的見(jiàn)解或其他說(shuō)明；客戶、分析家或公共輿論對(duì)該新聞稿主題的見(jiàn)解。51第51頁(yè)，共69頁(yè)。5.5.2 產(chǎn)品頁(yè)面的制作 產(chǎn)品頁(yè)面一般采用信息分層、逐層細(xì)化的方法展示公司產(chǎn)品或服務(wù)。 產(chǎn)品頁(yè)面的主要內(nèi)容應(yīng)包括因特網(wǎng)產(chǎn)品/價(jià)格清單以及單個(gè)產(chǎn)品頁(yè)面，建立產(chǎn)品名稱到產(chǎn)品頁(yè)面的鏈接，還可以利用

22、高級(jí)的表格給目錄增加新的風(fēng)格和生動(dòng)的圖象。 產(chǎn)品頁(yè)面的創(chuàng)建主要在于掌握產(chǎn)品目錄的層次結(jié)構(gòu)和導(dǎo)航方法。52第52頁(yè)，共69頁(yè)。產(chǎn)品目錄的分層通常如下：第一層：首先建立一個(gè)產(chǎn)品/價(jià)格列表，該表使用戶能夠全面瀏覽公司的產(chǎn)品；第二層：對(duì)應(yīng)每個(gè)產(chǎn)品的頁(yè)面，該頁(yè)面將對(duì)此項(xiàng)產(chǎn)品的有關(guān)信息進(jìn)行全面的介紹；第三層：產(chǎn)品更深層次的信息，從這一層中瀏覽者可以深入了解該產(chǎn)品的技術(shù)細(xì)節(jié)、設(shè)計(jì)維護(hù)等；第四層：如果瀏覽者對(duì)第三層的信息還不滿足，可以通過(guò)網(wǎng)絡(luò)向公司的有關(guān)人員進(jìn)一步了解信息。53第53頁(yè)，共69頁(yè)。產(chǎn)品頁(yè)面應(yīng)達(dá)到以下要求：包含關(guān)于產(chǎn)品盡可能多的有用的信息；具有獨(dú)創(chuàng)性；包含站點(diǎn)的導(dǎo)航菜單及其到產(chǎn)品/價(jià)格列表目錄的

23、鏈接。另外要注意的是不要在產(chǎn)品頁(yè)面上增加太多無(wú)用的鏈接。54第54頁(yè)，共69頁(yè)。5.5.3 雇員頁(yè)面 雇員是企業(yè)最寶貴的資源和財(cái)富，網(wǎng)上企業(yè)通過(guò)創(chuàng)建每個(gè)雇員的頁(yè)面可以吸引潛在客戶，同時(shí)也是使虛擬企業(yè)人格化的有效手段。 目前，網(wǎng)上企業(yè)的雇員頁(yè)面大都采用框架（Frames）形式。最簡(jiǎn)單的框架是將網(wǎng)頁(yè)分成左右兩部分，左半部分放置雇員名字按字母順序排列的清單，每個(gè)雇員名字都鏈接到該雇員的個(gè)人頁(yè)面；個(gè)人頁(yè)面的內(nèi)容放置在右半部分的框架中。55第55頁(yè)，共69頁(yè)。1. 設(shè)計(jì)雇員目錄 設(shè)計(jì)按字母排序的雇員清單，填入左框。2. 創(chuàng)建默認(rèn)頁(yè)面 默認(rèn)頁(yè)面應(yīng)提供下列基本信息：企業(yè)名稱及標(biāo)志；如何使用框架瀏覽式的雇員目

24、錄頁(yè)面；返回站點(diǎn)主頁(yè)的鏈接。3. 創(chuàng)建個(gè)人頁(yè)面?zhèn)€人頁(yè)面應(yīng)包括以下信息：聯(lián)系信息；組織和部門信息；雇員背景信息；增加一些有趣的材料。56第56頁(yè)，共69頁(yè)。5.5.4 其他頁(yè)面設(shè)計(jì)客戶支持頁(yè)面市場(chǎng)調(diào)研頁(yè)面企業(yè)信息頁(yè)面其他內(nèi)容。57第57頁(yè)，共69頁(yè)。5.6 網(wǎng)頁(yè)制作5.6.1 電子商務(wù)網(wǎng)站中的web資源一般而言，一個(gè)電子商務(wù)網(wǎng)站中的web資源總是包括靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩種。靜態(tài)網(wǎng)頁(yè)：是一個(gè)個(gè).html文件，內(nèi)容相對(duì)穩(wěn)定，不需要經(jīng)常修改，文件比較小，適合在網(wǎng)上傳輸，執(zhí)行效率很高；如公司介紹、員工信息、銷售網(wǎng)絡(luò)、售后服務(wù)信息等是一些相對(duì)固定不變的信息。58第58頁(yè)，共69頁(yè)。動(dòng)態(tài)網(wǎng)頁(yè)： 由數(shù)據(jù)庫(kù)和相

25、應(yīng)的應(yīng)用程序構(gòu)成，包含需要頻繁更新的數(shù)據(jù)。由于其頁(yè)面中包含的內(nèi)容是來(lái)自數(shù)據(jù)庫(kù)的，因此，可根據(jù)用戶的不同選擇返回不同的頁(yè)面。 如有關(guān)于產(chǎn)品的信息、網(wǎng)上銷售的信息以及其他服務(wù)（如技術(shù)支持、公司新聞動(dòng)態(tài)、論壇系統(tǒng)），特別是網(wǎng)站的管理系統(tǒng)，一般而言都是采用動(dòng)態(tài)頁(yè)面的形式。 總而言之，凡是網(wǎng)頁(yè)上的內(nèi)容需要與用戶進(jìn)行交互，就要用動(dòng)態(tài)網(wǎng)頁(yè)的方式來(lái)進(jìn)行。59第59頁(yè)，共69頁(yè)。5.6.2 靜態(tài)網(wǎng)頁(yè)的制作 制作靜態(tài)網(wǎng)頁(yè)的第一步就是選定一種網(wǎng)頁(yè)制作軟件（或工具）。從原理上來(lái)講，用任何一種文本編輯器都可以制作靜態(tài)網(wǎng)頁(yè)，但“所見(jiàn)即所得”的可視化開(kāi)發(fā)工具無(wú)疑是最方便的。這里介紹目前主流的兩種開(kāi)發(fā)工具。1. MS FrontPage 98/2000 FrontPage 不但擁有優(yōu)越的網(wǎng)頁(yè)編輯能力，而且具備網(wǎng)站管理的功能。60第60頁(yè)，共69頁(yè)。 頁(yè)面制作有FrontPage 中的網(wǎng)頁(yè)視圖（98中為Editor）來(lái)完成，其工作窗口由三個(gè)選項(xiàng)卡組成，分別是WYSIWYG的編輯頁(yè)、HTML代碼編輯頁(yè)、預(yù)覽頁(yè)。站點(diǎn)管理功能有文件夾、導(dǎo)航、超鏈接、報(bào)表、任務(wù)視圖（98下為Explorer）所組成。具體地講，F(xiàn)rontPage2000 提供了以下功能：精確到像素的定位和分層；預(yù)先設(shè)計(jì)好的主題；自定義主題；61第61頁(yè)，共69頁(yè)?？鐬g覽器的