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

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

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

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

4、； 輔助信息， 用來彌補產(chǎn)品品種比較少，網(wǎng)頁內(nèi)容單調(diào)等不足； 其他內(nèi)容信息；比如反饋表、公司人才招聘信息、到其他相關(guān)站點的鏈接； 增值服務(wù)； 開辟網(wǎng)絡(luò)環(huán)境下的新服務(wù)項目，以增加其服務(wù)功能，吸引網(wǎng)民再次光臨。8第8頁，共69頁。 在規(guī)劃設(shè)計一個具體網(wǎng)站內(nèi)容模塊和功能時，主要應(yīng)考慮企業(yè)本身的目標和所決定的網(wǎng)站功能導向，讓企業(yè)上網(wǎng)成為整體戰(zhàn)略的一個有組成部分，讓網(wǎng)站真正成為有效的品牌宣傳陣地、有效的營銷工具，或者有效的網(wǎng)上銷售場所。5.2.2 網(wǎng)站鏈接結(jié)構(gòu)的設(shè)計 網(wǎng)站鏈接結(jié)構(gòu)的原則是：用最少的鏈接，使得瀏覽最有效率。9第9頁，共69頁。一般地，建立網(wǎng)站的鏈接結(jié)構(gòu)有如下兩種基本方式。樹狀鏈接結(jié)構(gòu)（一對

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

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

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

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

9、面的傳輸時間要比較短的頁面的傳輸時間長，太長的頁面?zhèn)鬏敃褂脩粼诘却惺ツ托摹?如有大量的基于文本的文檔，就應(yīng)當以Adobe Acrobat 格式的文件形式來放置。8. Java程序少用為宜 因為目前來講Java的運行速度還比較慢，往往使瀏覽者沒有耐心等待頁面全部顯示出來。20第20頁，共69頁。整個頁面風格要一致 10. 計數(shù)器能不用最好不用 計數(shù)器也是由程序設(shè)計成的，顯示計數(shù)器的過程其實就是一個程序的執(zhí)行過程，它需要占用用戶寶貴的上網(wǎng)時間，并且往往毫無意義。 這樣用戶就會在瀏覽網(wǎng)頁時覺得舒服、順暢，對網(wǎng)站留下深刻的印象。21第21頁，共69頁。11. 盡量使用超級鏈接 這樣制作的網(wǎng)頁的可

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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