電子商務(wù)2完整版教學(xué)課件全書電子講義(最新)

1、1第1章 電子商務(wù)網(wǎng)站的基礎(chǔ)知識(shí)1.1 瀏覽商務(wù)網(wǎng)站 11.2 商務(wù)網(wǎng)站概述 41.3 商務(wù)網(wǎng)站的規(guī)劃與設(shè)計(jì)分析 621.1 瀏覽商務(wù)網(wǎng)站1.1.1 任務(wù)1實(shí)訓(xùn)準(zhǔn)備 11.1.2 任務(wù)2瀏覽網(wǎng)站 131.1.1 任務(wù)1實(shí)訓(xùn)準(zhǔn)備硬件：能訪問Internet的機(jī)房，學(xué)生每人一臺(tái)計(jì)算機(jī) 1.1瀏覽商務(wù)網(wǎng)站41.1.2 任務(wù)2瀏覽網(wǎng)站1辦公類網(wǎng)站 通常在企業(yè)內(nèi)部為提高辦公效率所采用的網(wǎng)站，如圖1-1所示，提供了在學(xué)校內(nèi)部各部門之間的辦公及公文管理系統(tǒng)。實(shí)現(xiàn)網(wǎng)上通知及時(shí)傳遞，公文及時(shí)發(fā)放，以及公文查找等功能。圖1-1 天津職業(yè)大學(xué)辦公及公文管理系統(tǒng) 52企業(yè)宣傳類網(wǎng)站 天津南開創(chuàng)元公司：。如圖1-2所示

2、。圖1-2 南開創(chuàng)元企業(yè)網(wǎng)站 6 這類網(wǎng)站通常在首頁上用文字或圖片介紹企業(yè)的最新信息動(dòng)態(tài)，例如本例中的南開創(chuàng)元屬于軟件開發(fā)企業(yè)，所以最新動(dòng)態(tài)介紹了主要的軟件產(chǎn)品；在網(wǎng)站首頁的上部，放置一些鏈接到網(wǎng)站的其他頁面，我們稱為目錄劃分，該網(wǎng)站的目錄劃分結(jié)構(gòu)為：Home（主頁）、“關(guān)于我們”、“創(chuàng)元?jiǎng)討B(tài)”、“成功案例”、“產(chǎn)品介紹”、“技術(shù)支持”、“代理產(chǎn)品”、“公司誠聘”、“合作伙伴”。 其他的企業(yè)網(wǎng)站首頁面安排與欄目劃分與此大體類似。73信息發(fā)布類商務(wù)網(wǎng)站 天津市軟件行業(yè)協(xié)會(huì)（）。 這類網(wǎng)站通常是某個(gè)行業(yè)信息集成單位的網(wǎng)上交流系統(tǒng)，例如本例中的天津市軟件行業(yè)協(xié)會(huì)，集中了天津市軟件行業(yè)的最新動(dòng)態(tài)與相關(guān)

3、行業(yè)規(guī)定。 這類網(wǎng)站的特點(diǎn)是專業(yè)信息量大，所以欄目的劃分至關(guān)重要；對(duì)于首頁內(nèi)容的布局如圖1-3所示的結(jié)構(gòu)。8 該類網(wǎng)站的目錄劃分隨企業(yè)特點(diǎn)不同而不同，例如上面的天津市軟件行業(yè)協(xié)會(huì)網(wǎng)站的目錄結(jié)構(gòu)：“首頁”、“業(yè)界動(dòng)態(tài)”、“協(xié)會(huì)概況”、“軟件基地”、“政策法規(guī)”、“認(rèn)證專欄”、“技術(shù)專欄”、“企業(yè)之窗”、“Language”。 圖1-3 天津市軟件行業(yè)協(xié)會(huì)首頁94電子商城 當(dāng)前的電子商城幾乎提供了電子商務(wù)類網(wǎng)站所支持的所有功能：例如商品檢索、商品采購、商品展示、訂單支持，送貨上門等商業(yè)一條龍服務(wù)，使客戶足不出戶輕松購物。如易淘吧電子商城（見圖1-4）。 圖1-4 易淘吧電子商城 101.2 商務(wù)網(wǎng)

4、站概述 1.2.1 任務(wù)1將商務(wù)網(wǎng)站分類 41.2.2 任務(wù)2對(duì)網(wǎng)站系統(tǒng)進(jìn)行結(jié)構(gòu)化設(shè)計(jì) 6111-2-1任務(wù)1將商務(wù)網(wǎng)站分類1普及型網(wǎng)站 企業(yè)根據(jù)自身要求確定信息的發(fā)布類型和具體內(nèi)容（如企業(yè)基本情況介紹、通訊地址、產(chǎn)品和服務(wù)信息、供求信息、人員招聘信息和合作信息等），以達(dá)到與客戶、供應(yīng)商、公眾和其他一切對(duì)該企業(yè)感興趣的人傳送信息的目的。 該類網(wǎng)站多數(shù)為靜態(tài)頁面，主要用以進(jìn)行宣傳。2應(yīng)用型網(wǎng)站 除了發(fā)布企業(yè)信息以外，企業(yè)還可以利用互聯(lián)網(wǎng)的交互功能與客戶進(jìn)行交流；利用在線訂單系統(tǒng)接收商品訂購和訂制；利用在線調(diào)查引擎調(diào)查客戶的需求和喜好；利用留言板接納客戶的意見等。應(yīng)用型網(wǎng)站的主要功能包括如下。（1

5、）企業(yè)信息發(fā)布：包括公司簡介、部門簡介、公司最新動(dòng)態(tài)、公司公告、產(chǎn)品推薦等欄目。（2）商品信息發(fā)布系統(tǒng)：企業(yè)可以通過此系統(tǒng)發(fā)布如商品性能、價(jià)格、圖形、功能介紹、使用演示、客戶評(píng)價(jià)等內(nèi)容。另外可以接收客戶發(fā)來的在線商品訂單，網(wǎng)站還可根據(jù)企業(yè)需要，開發(fā)出在線支付、在線結(jié)算等系統(tǒng)，使企業(yè)網(wǎng)站從簡單的網(wǎng)上櫥窗發(fā)展成為網(wǎng)上交易柜臺(tái)。123電子商務(wù)類網(wǎng)站通過在電子商務(wù)應(yīng)用中對(duì)它的一般特點(diǎn)與功能的抽象和定義，解決面向不同電子商務(wù)應(yīng)用層次的通用性問題，為用戶提供功能完善、效率高、成本低的建設(shè)電子商務(wù)應(yīng)用網(wǎng)站的整體解決方案。電子商務(wù)應(yīng)用被劃分為：商品檢索、商品采購、訂單支付、客戶服務(wù)和系統(tǒng)管理五大模塊。電子商務(wù)

6、類網(wǎng)站的主要功能包括如下。（1）支持多種形式的商品發(fā)布。（2）支持商品的價(jià)格和交叉促銷方式。（3）購物車采用Cookie技術(shù)，最大限度的提高商品采購的速度。（4）個(gè)性化的采購訂單模板，方便顧客進(jìn)行購物組合比較，并實(shí)現(xiàn)常規(guī)購物的快速選購。（5）購物車內(nèi)置的價(jià)格計(jì)算模型可以根據(jù)商家的價(jià)格體系靈活訂制。（6）支持多種國內(nèi)外主流信用卡的在線支付。（7）完善的客戶服務(wù)和客戶關(guān)系管理。（8）與管理軟件系列產(chǎn)品進(jìn)行無縫集成，快速構(gòu)建大型商務(wù)站點(diǎn)。134媒體信息服務(wù)網(wǎng)站系統(tǒng)媒體信息服務(wù)網(wǎng)站系統(tǒng)主要服務(wù)對(duì)象為報(bào)刊雜志的讀者與廣告客戶，其功能簡介如下。（1）信息發(fā)布系統(tǒng)：通過信息發(fā)布，將報(bào)社的文章快速方便地在網(wǎng)上

7、發(fā)布。（2）電子版系統(tǒng)：報(bào)社可以根據(jù)需要，設(shè)定一定數(shù)量的網(wǎng)站專欄，構(gòu)造本刊電子版。（3）客戶在線咨詢系統(tǒng)：可將本社各種最新公告及時(shí)通報(bào)給讀者、特約記者和廣告客戶，讀者可以通過此系統(tǒng)向報(bào)社編輯部提出自己的建議和意見、廣告客戶可以通過此系統(tǒng)向廣告部提交廣告訂單；特約記者可以通過此系統(tǒng)實(shí)現(xiàn)在線投遞稿件。（4）網(wǎng)站管理系統(tǒng)：網(wǎng)站管理系統(tǒng)使用對(duì)象是系統(tǒng)管理員和網(wǎng)站編輯，主要包括用戶及權(quán)限設(shè)置、數(shù)據(jù)庫維護(hù)、網(wǎng)頁設(shè)置、標(biāo)志與標(biāo)題設(shè)置及網(wǎng)站各欄目的內(nèi)容編輯等功能。145辦公事務(wù)管理網(wǎng)站辦公事務(wù)管理網(wǎng)站系統(tǒng)主要包括辦公事務(wù)管理系統(tǒng)、人力資源管理系統(tǒng)、辦公成本管理系統(tǒng)和網(wǎng)站管理系統(tǒng)。其具體功能如下。（1）辦公事務(wù)

8、管理系統(tǒng)主要包括公文與文檔管理、企業(yè)公告、企業(yè)大事記、會(huì)議紀(jì)要、資產(chǎn)與辦公用品管理、行政管理規(guī)章制度、辦公事務(wù)討論組。（2）人力資源管理系統(tǒng)主要包括員工簡歷、員工檔案、崗位職責(zé)、員工通訊錄、人事管理規(guī)范、人事討論組等功能。（3）辦公成本管理系統(tǒng)主要包括固定資產(chǎn)管理、人力成本管理、經(jīng)營成本管理等系統(tǒng)。（4）網(wǎng)站管理系統(tǒng)本系統(tǒng)為網(wǎng)站管理人員提供了便捷的網(wǎng)站管理工具，主要包括用戶及權(quán)限設(shè)置、數(shù)據(jù)庫維護(hù)、網(wǎng)頁設(shè)置、標(biāo)志與標(biāo)題設(shè)置及網(wǎng)站各欄目內(nèi)容編輯等功能。156商務(wù)管理網(wǎng)站商務(wù)管理網(wǎng)站包括廣告商品管理系統(tǒng)、客戶管理系統(tǒng)、合同管理系統(tǒng)、營銷管理系統(tǒng)及網(wǎng)站管理系統(tǒng)，主要功能如下。（1）廣告商品管理系統(tǒng)包括

9、廣告資源管理、計(jì)劃與系統(tǒng)管理，可為公司市場、銷售等經(jīng)營部門提供及時(shí)的信息服務(wù)。（2）客戶管理系統(tǒng)主要包括客戶管理、商務(wù)代表管理、代理商（大客戶）管理等功能，可及時(shí)為公司營銷管理人員提供最新的客戶及相關(guān)資料。（3）合同管理系統(tǒng)主要包括合同設(shè)置、合同執(zhí)行、合同評(píng)審、變更管理、經(jīng)濟(jì)指標(biāo)、費(fèi)用支付及信息集成等，規(guī)范并優(yōu)化公司的合同管理流程及管理體系。（4）營銷管理系統(tǒng)主要包括經(jīng)營預(yù)算與結(jié)算管理以及產(chǎn)品銷售量、商務(wù)代表業(yè)績、客戶采購量、銷售金額等信息的統(tǒng)計(jì)與分類管理功能。（5）網(wǎng)站管理系統(tǒng)本系統(tǒng)為網(wǎng)站管理人員提供了便捷的網(wǎng)站管理工具，主要包括用戶及權(quán)限設(shè)置、數(shù)據(jù)庫維護(hù)、網(wǎng)頁設(shè)置、標(biāo)志與標(biāo)題設(shè)置及網(wǎng)站各欄

10、目內(nèi)容編輯等功能。167企業(yè)信息服務(wù)網(wǎng)站企業(yè)信息服務(wù)網(wǎng)站系統(tǒng)主要服務(wù)對(duì)象為企業(yè)客戶。通過企業(yè)信息服務(wù)網(wǎng)站，客戶可以及時(shí)了解企業(yè)經(jīng)營范圍、最新動(dòng)態(tài)、商品及價(jià)格等信息，并可通過網(wǎng)站提供的客戶咨詢服務(wù)與企業(yè)相關(guān)部門進(jìn)行在線信息交流。主要功能如下：（1）公司信息發(fā)布系統(tǒng)本系統(tǒng)包括公司簡介、部門簡介、最新動(dòng)態(tài)、公告、產(chǎn)品推薦等欄目。（2）產(chǎn)品信息發(fā)布系統(tǒng)企業(yè)可以通過此系統(tǒng)發(fā)布如產(chǎn)品介紹、價(jià)格、圖片、使用演示、評(píng)價(jià)等內(nèi)容。此外，企業(yè)可以在此基礎(chǔ)上定制開發(fā)具備產(chǎn)品定購、在線支付、在線結(jié)算等功能的應(yīng)用系統(tǒng)，使本系統(tǒng)從網(wǎng)上櫥窗發(fā)展成網(wǎng)上交易柜臺(tái)。通過此系統(tǒng)，客戶可以及時(shí)將其需求、意見和建議等信息及時(shí)反饋到企業(yè)相

11、關(guān)部門；企業(yè)可以通過此系統(tǒng)，及時(shí)將最新的售前與售后咨詢服務(wù)提供給客戶。（3）網(wǎng)站管理系統(tǒng)本系統(tǒng)為網(wǎng)站管理人員提供了便捷的網(wǎng)站管理工具，主要包括用戶及權(quán)限設(shè)置、數(shù)據(jù)庫維護(hù)、網(wǎng)頁設(shè)置、標(biāo)志與標(biāo)題設(shè)置及網(wǎng)站各欄目內(nèi)容編輯等功能。171.2.2 任務(wù)2對(duì)網(wǎng)站系統(tǒng)進(jìn)行結(jié)構(gòu)化設(shè)計(jì) 隨著技術(shù)的不斷發(fā)展和用戶對(duì)網(wǎng)站功能的需求不斷提高，如今網(wǎng)站項(xiàng)目的設(shè)計(jì)已經(jīng)不能再僅僅簡單地利用靜態(tài)html文件來實(shí)現(xiàn)，作為一類特殊的信息系統(tǒng)，網(wǎng)站項(xiàng)目的設(shè)計(jì)和開發(fā)越來越像一個(gè)軟件工程，也越來越復(fù)雜，網(wǎng)站的開發(fā)和建設(shè)就是一個(gè)系統(tǒng)工程的開發(fā)和建設(shè)。網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息（包括產(chǎn)品和服務(wù)）的一種方式，是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施

12、和信息平臺(tái)，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是Internet上宣傳和反映企業(yè)形象和文化的重要窗口。18商務(wù)網(wǎng)站的功能模塊如圖1-5所示。191.3 商務(wù)網(wǎng)站的規(guī)劃與設(shè)計(jì)分析 1.3.1 任務(wù)1確定Web站點(diǎn)設(shè)計(jì)原則 71.3.2 任務(wù)2設(shè)計(jì)Web站點(diǎn)基本模塊 71.3.3 任務(wù)3確定Web站點(diǎn)設(shè)計(jì)要點(diǎn) 81.3.4 任務(wù)4設(shè)計(jì)首頁 101.3.5 任務(wù)5編排網(wǎng)站內(nèi)容 101.3.6 任務(wù)6對(duì)網(wǎng)頁進(jìn)行可視化設(shè)計(jì) 121.3.7 任務(wù)7設(shè)計(jì)網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu) 141.3.8 任務(wù)8了解網(wǎng)站設(shè)計(jì)的常用技

13、術(shù) 1620 企業(yè)網(wǎng)站作為一類特殊的信息系統(tǒng)，在系統(tǒng)設(shè)計(jì)時(shí)，應(yīng)當(dāng)遵循上面介紹的系統(tǒng)設(shè)計(jì)的總體思想和原則。同時(shí)，由于它的特殊性，在進(jìn)行站點(diǎn)系統(tǒng)設(shè)計(jì)時(shí)，除根據(jù)該類系統(tǒng)的自身特點(diǎn)，還應(yīng)當(dāng)把握下面一些要點(diǎn)。1.3 商務(wù)網(wǎng)站的規(guī)劃與設(shè)計(jì)分析 211.3.1 任務(wù)1確定Web站點(diǎn)設(shè)計(jì)原則 要設(shè)計(jì)一個(gè)有吸引力的網(wǎng)站，至少應(yīng)該遵循下述一些基本原則。1安全快速訪問 足夠的帶寬是快速訪問的保證。頁面下載速度是網(wǎng)站留住訪問者的關(guān)鍵因素之一，如果20s30s還不能打開一個(gè)網(wǎng)頁，一般人就會(huì)沒有耐心。穩(wěn)定的、全天24小時(shí)、全年365天都可以連續(xù)工作的服務(wù)器是網(wǎng)站正常運(yùn)作的保證。2及時(shí)更新信息 網(wǎng)站信息必須經(jīng)常更新。在網(wǎng)站

14、建設(shè)的初期，很多人錯(cuò)誤地認(rèn)為，要想讓網(wǎng)站吸引住瀏覽者，就一定要把主頁的設(shè)計(jì)盡量做得漂亮。這種看法有極大的片面性。主頁設(shè)計(jì)得好，自然會(huì)吸引人們的注意，但這種吸引是暫時(shí)的，要想長期吸引住瀏覽者，最終還是靠網(wǎng)站內(nèi)容的不斷更新。 每次更新的網(wǎng)頁內(nèi)容要盡量在主頁中提示給瀏覽者。由于網(wǎng)站內(nèi)容的結(jié)構(gòu)一般都是樹形結(jié)構(gòu)，所有文章都包含在各級(jí)版塊或欄目里。因此，如果每次更新的網(wǎng)頁內(nèi)容全都被放進(jìn)了各級(jí)版塊和欄目中，瀏覽者并不知道更新了哪些東西，如果讓用戶到版塊或欄目中去查找，就不是一個(gè)好的方法。 223完善檢索能力 合理地組織信息內(nèi)容，以便讓瀏覽者快速、準(zhǔn)確地檢索到要查詢的信息，這是一個(gè)網(wǎng)站是否成功的關(guān)鍵。 解決這

15、個(gè)問題，通?？赏ㄟ^對(duì)網(wǎng)站內(nèi)容的全中文檢索來實(shí)現(xiàn)。如果一個(gè)網(wǎng)站只有幾十頁內(nèi)容，則根本不用進(jìn)行全中文檢索，用遍歷方法就可查洵。4網(wǎng)站的信息交互能力 如果一個(gè)網(wǎng)站只是為訪問者提供瀏覽，而不能引導(dǎo)瀏覽者參與到網(wǎng)站內(nèi)容的部分建設(shè)中去，那么它的吸引力是有限的。 231.3.2 任務(wù)2設(shè)計(jì)Web站點(diǎn)基本模塊1站點(diǎn)結(jié)構(gòu)圖（Sitemap） 站點(diǎn)結(jié)構(gòu)圖是一種有關(guān)站點(diǎn)結(jié)構(gòu)、組織方式的示意圖。各主要內(nèi)容或題目的詳細(xì)內(nèi)容將被列在其下的副標(biāo)題中。當(dāng)訪問者點(diǎn)擊標(biāo)題、題目或副標(biāo)題時(shí)，相關(guān)的網(wǎng)頁就會(huì)出現(xiàn)在屏幕當(dāng)中。站點(diǎn)結(jié)構(gòu)圖還可以被視為是站點(diǎn)的分級(jí)結(jié)構(gòu)圖。以這種方式組織起來的信息可以使訪問者迅速找到他所需信息的所在位置。2導(dǎo)

16、航欄（Navigation Bar） 每個(gè)Web站點(diǎn)都應(yīng)該包括一組導(dǎo)航工具，它出現(xiàn)在此站點(diǎn)的每一個(gè)頁面中。導(dǎo)航欄中的按鈕應(yīng)該包括：主頁、聯(lián)系方式、反饋及其他一些用戶感興趣的內(nèi)容。設(shè)計(jì)導(dǎo)航欄應(yīng)注意以下幾點(diǎn)：（1）圖表比單純的文字效果更佳，但它必須能夠清楚地體現(xiàn)出它所鏈接的內(nèi)容。（2）無任何鏈接的內(nèi)容不要做成按鈕的形式。（3）使用常用顏色。避免在鏈接處使用特殊的顏色，應(yīng)該使用標(biāo)準(zhǔn)、醒目的顏色。屏幕上顯示的頁面所對(duì)應(yīng)的按鈕應(yīng)該相應(yīng)變成灰色，或突出顯示，或以其他方式表示出來。（4）每個(gè)頁面都應(yīng)包括代表“返回”或“前進(jìn)”的箭頭。243反饋表（Feedback Forms） 利用反饋表，訪問者可以隨時(shí)便捷

17、的提出信息需求。從反饋表中可以發(fā)現(xiàn)，在站點(diǎn)中哪些信息是重要的，哪些是無關(guān)緊要的。此外，還可以考慮加設(shè)消息欄，用戶可以在此發(fā)表一些評(píng)論，提出他們所關(guān)心的問題。這不僅可以使他們與企業(yè)保持聯(lián)系，而且可以讓他們互相之間進(jìn)行交流。4引人入勝的內(nèi)容（Compelling Content） 在每頁中都要包含相關(guān)的、引人入勝的內(nèi)容。特別是當(dāng)要銷售某種產(chǎn)品的時(shí)候，每個(gè)頁面都要用精心修飾的內(nèi)容和圖像。企業(yè)的目的是為了吸引普通用戶，所以站點(diǎn)上所使用的語言也應(yīng)該通俗易懂，并對(duì)專業(yè)用語及技術(shù)術(shù)語進(jìn)行解釋?？蓪⑻貏e重要的內(nèi)容用符號(hào)標(biāo)記出來，但不要用得過多，以保持頁面的簡潔。 255常見問題解答（FAQ） 創(chuàng)建FAQ可以避

18、免重復(fù)回答相同的問題，如果將問題列于FAQ頁面的上部，并將每個(gè)問題與答案連接在一起，可以節(jié)省企業(yè)和訪問者雙方的時(shí)間和精力。必須確認(rèn)在導(dǎo)航欄中包含有FAQ按鈕。6精美的圖像（Good Graphics）圖像不應(yīng)使用過多，要選擇合適的、不需要占用太多內(nèi)存及下載時(shí)間的圖像。7相關(guān)站點(diǎn)鏈接（Relevant Links）成功的網(wǎng)站通常都可以鏈接到其他站點(diǎn)，以提供更多相關(guān)信息。對(duì)每個(gè)鏈接都要做簡要說明，以幫助訪問者選擇最適合其需求的站點(diǎn)。企業(yè)需要對(duì)所鏈接站點(diǎn)做定期的訪問，刪除那些死站點(diǎn)，以免使訪問者感到厭煩。每周維護(hù)一次就足夠了，但要持之以恒。 261.3.3 任務(wù)3確定Web站點(diǎn)設(shè)計(jì)要點(diǎn)各種類型的We

19、b站點(diǎn)的設(shè)計(jì)側(cè)重點(diǎn)不同，但總的說來有如下設(shè)計(jì)要點(diǎn)。1目標(biāo)明確、定位正確 Web站點(diǎn)的設(shè)計(jì)是企業(yè)或機(jī)構(gòu)發(fā)展戰(zhàn)略的重要組成部分。想在這個(gè)新媒體上展示企業(yè)形象、企業(yè)文化的信息空間，一定要明確設(shè)計(jì)站點(diǎn)的目的和用戶需求，從而做出切實(shí)可行的計(jì)劃。2主題鮮明、富有特色 在目標(biāo)明確的基礎(chǔ)上，對(duì)網(wǎng)站的整體風(fēng)格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。要做到主題鮮明突出，力求簡潔，要點(diǎn)明確，以簡單明確的語言和畫面告訴大家本站點(diǎn)的主題，吸引對(duì)本站點(diǎn)有需求的人的視線，對(duì)無關(guān)的人員也能留下一定的印象。對(duì)于一些行業(yè)標(biāo)志和公司的標(biāo)志應(yīng)充分加以利用。Web站點(diǎn)主頁應(yīng)具備的基本成分包括如下。（1）頁頭：準(zhǔn)確無誤地標(biāo)識(shí)企業(yè)的站點(diǎn)和企業(yè)

20、標(biāo)志。（2）E-mail地址：用來接收用戶垂詢。（3）聯(lián)系信息：如普通郵件地址或電話。（4）版權(quán)信息。注意重復(fù)利用已有信息，如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)庫等可以輕而易舉地用到企業(yè)的Web站點(diǎn)中。 273版式編排布局合理版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。努力做到整體布局合理化、有序化、整體化；多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，這里主要的問題是頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系，特別是關(guān)系十分緊密的有上下文關(guān)系的頁面，一定要設(shè)計(jì)向前的和向后的按鈕，便于瀏覽者導(dǎo)讀。4色彩和諧重點(diǎn)突出色彩是藝術(shù)表現(xiàn)的要素之一，它是以光刺激眼睛再傳導(dǎo)到大腦中樞而產(chǎn)生的一

21、種感覺。在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。 28利用色彩對(duì)人們心理影響的成果，合理地加以運(yùn)用。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)。色彩還具有聯(lián)想與象征的特質(zhì)，如：紅色象征火、血、太陽；藍(lán)色象征大海、天空和水面等。例如要設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用消極而沉靜的顏色，使人心理上感覺涼爽一些。在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族的不同，宗教和信仰的不同，生活的地理位置、文化修養(yǎng)的差異，不同的人群對(duì)色彩的喜惡程度有著很大差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡

22、雅的顏色；生活在沙漠中的人喜歡綠色。在設(shè)計(jì)中要考慮主要讀者群的背景和構(gòu)成。295形式內(nèi)容和諧統(tǒng)一形式服務(wù)于內(nèi)容，內(nèi)容又為目的服務(wù)，形式與內(nèi)容的統(tǒng)一是設(shè)計(jì)網(wǎng)頁的基本原則之一。在畫面的組織原則中，將豐富的意義和多樣的形式組織在一個(gè)統(tǒng)一的結(jié)構(gòu)里，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。6多媒體功能的利用最大資源優(yōu)勢在于多媒體功能，因而要盡一切努力挖掘它，吸引瀏覽者保持注意力。因而畫面的內(nèi)容應(yīng)當(dāng)有一定的實(shí)用性。這里需要注意的問題是，由于網(wǎng)絡(luò)帶寬的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時(shí)應(yīng)考慮客戶端的傳輸速度，或者說將多媒體的內(nèi)容控制在用戶可接收的下載時(shí)間內(nèi)是十分必要的。 307相關(guān)站點(diǎn)引導(dǎo)鏈接

23、一個(gè)好的網(wǎng)站的基本要素是用戶進(jìn)入后，與本網(wǎng)站相關(guān)的信息都可以方便快捷地找到，其中要借助于相關(guān)的站點(diǎn)，所以做好友情鏈接是一項(xiàng)重要的工作。超文本這種結(jié)構(gòu)使全球所有聯(lián)上因特網(wǎng)的計(jì)算機(jī)成為超大規(guī)模的信息庫，鏈接到其他網(wǎng)站輕而易舉。8網(wǎng)站測試必不可少測試實(shí)際上就是模擬用戶訪問網(wǎng)站的過程，以便發(fā)現(xiàn)問題改進(jìn)設(shè)計(jì)。許多成功的經(jīng)驗(yàn)表明，讓對(duì)計(jì)算機(jī)不是很熟悉的人來參加網(wǎng)站的測試工作效果非常好，這些人會(huì)提出許多專業(yè)人員沒有顧及到的問題或一些好的建議。9合理地運(yùn)用新技術(shù)一定要合理地運(yùn)用網(wǎng)頁制作的新技術(shù)，切忌將網(wǎng)站變?yōu)橐粋€(gè)制作網(wǎng)頁的技術(shù)展臺(tái)，永遠(yuǎn)記住用戶方便快捷地得到所需要的信息是最重要的；但對(duì)于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)

24、習(xí)掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)，如Java、DHTML、XML等，根據(jù)網(wǎng)站內(nèi)容和形式的需要合理地應(yīng)用到設(shè)計(jì)中。311.3.4 任務(wù)4設(shè)計(jì)首頁從根本上說，首頁是全站內(nèi)容的目錄，能否吸引瀏覽者留在站點(diǎn)上，能否促使瀏覽者繼續(xù)單擊進(jìn)入，全憑首頁設(shè)計(jì)的效果。那么，如何設(shè)計(jì)好一個(gè)首頁呢？這需要處理好以下兩方面的工作。 321確定首頁的基本內(nèi)容模塊首頁的內(nèi)容模塊是指在首頁上需要實(shí)現(xiàn)的主要內(nèi)容和功能。Web站點(diǎn)首頁應(yīng)具備的基本成分包括：頁頭，準(zhǔn)確無誤地標(biāo)識(shí)企業(yè)的站點(diǎn)和標(biāo)志；E-mail地址，用來接收用戶垂詢；聯(lián)系信息，如普通郵件地址或電話、版權(quán)信息。注意可重復(fù)利用已有的信息，例如客戶手冊、公共關(guān)系文檔、技術(shù)手冊和數(shù)據(jù)

25、庫等。首頁的基本內(nèi)容包括如下。（1）頁頭：準(zhǔn)確無誤地標(biāo)識(shí)企業(yè)的站點(diǎn)和標(biāo)志（Logo）以及廣告條（Banner）。（2）主菜單（Menu）。（3）新聞（Whats new）。（4）電子郵件（Mail List）：用來接收用戶垂詢。（5）聯(lián)絡(luò)信息：如普通郵件地址或電話、版權(quán)信息（Copyright）等。（6）搜索（Search）。（7）友情鏈接（Links）。（8）計(jì)數(shù)器（Count）。（9）其他信息。一般的站點(diǎn)都需要如下一些模塊：網(wǎng)站名稱（Logo）、廣告條（Banner）、主菜單（Menu）、新聞（Whats new）、搜索（Search）、友情鏈接（Links）、郵件列表（Mail List

26、）、計(jì)數(shù)器（Count）、版權(quán)（Copyright）等。 332設(shè)計(jì)首頁的版面設(shè)計(jì)版面的最好方法是：找一張白紙、一支筆，先將理想中的草圖勾勒出來，然后再用網(wǎng)頁制作軟件實(shí)現(xiàn)。在設(shè)計(jì)中，應(yīng)避免“封面”問題?！胺饷妗笔侵笡]有具體內(nèi)容，只放一個(gè)標(biāo)徽Logo單擊進(jìn)入，或者只有簡單的圖形菜單的首頁。除非是藝術(shù)性很強(qiáng)的站點(diǎn)，或者確信內(nèi)容獨(dú)特足以吸引瀏覽者進(jìn)一步單擊進(jìn)入的站點(diǎn)，否則，封面式的首頁并不會(huì)給企業(yè)站點(diǎn)帶來什么好處。341.3.5 任務(wù)5編排網(wǎng)站內(nèi)容Internet最大的資源優(yōu)勢在于它的多媒體功能，因而要盡一切努力開發(fā)挖掘，吸引瀏覽者保持注意力。1協(xié)調(diào)頁面元素的關(guān)系在頁面中，圖片、文字之間的前后位置及

27、疏密程度的不同所產(chǎn)生的視覺效果各不相同。在網(wǎng)頁上，圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，常見的是一些設(shè)計(jì)得比較規(guī)范化、簡明化的頁面，這種疊壓排列能產(chǎn)生強(qiáng)節(jié)奏的空間層次，視覺效果強(qiáng)烈。例如頁面上、左、右、下、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使視覺流程生動(dòng)而清晰，注目程度高，疏密的位置關(guān)系變化使空間層次富有彈性，同時(shí)也讓人產(chǎn)生輕松或緊迫的心理感受。352網(wǎng)站內(nèi)容開發(fā)的要點(diǎn)影響網(wǎng)站成功的因素主要有網(wǎng)站結(jié)構(gòu)的合理性、直觀性，多媒體信息的實(shí)效性。成功網(wǎng)站的最大秘訣在于讓用戶感到網(wǎng)站對(duì)他們非常有用，因此，網(wǎng)站內(nèi)容開發(fā)對(duì)于網(wǎng)站建設(shè)至關(guān)重要。進(jìn)行網(wǎng)站內(nèi)容開發(fā)

28、的要點(diǎn)包括：HTML文檔的效果由其自身的質(zhì)量和瀏覽器解釋HTML的方法決定。所以在網(wǎng)頁設(shè)計(jì)時(shí)要充分考慮網(wǎng)頁是否讓所有的瀏覽器能夠正常瀏覽。網(wǎng)站信息的組織最好采用樹形結(jié)構(gòu)，因?yàn)槲脩舻年P(guān)鍵在于總體結(jié)構(gòu)的層次分明。因?yàn)榫W(wǎng)狀結(jié)構(gòu)不僅不利于用戶查找信息，而且在以后會(huì)帶來復(fù)雜的維護(hù)工作。圖像、聲音和視頻信息能夠比普通文本提供更豐富和更直接的信息，但直接后果是文件太大且瀏覽速度緩慢，因此圖像和媒體文件的使用要適度。網(wǎng)站內(nèi)容應(yīng)是動(dòng)態(tài)的，隨時(shí)進(jìn)行修改和更新，以使自己的網(wǎng)站緊跟市場潮流。在主頁上，注明更新日期及URL（統(tǒng)一資源定位符）對(duì)于經(jīng)常訪問的用戶非常有用。網(wǎng)頁中應(yīng)該提供一些聯(lián)機(jī)幫助功能。如輸入查詢關(guān)鍵詞

29、就可以提供一些簡單的例子，千萬不能讓用戶不知所措。網(wǎng)頁的文本內(nèi)容應(yīng)簡明扼要、通俗易懂。文字要正確，不能有語法錯(cuò)誤和錯(cuò)別字。363企業(yè)Web站點(diǎn)的典型內(nèi)容企業(yè)的Web站點(diǎn)應(yīng)包括以下典型內(nèi)容。（1）企業(yè)的基本背景介紹企業(yè)的背景介紹材料，如果有條件，最好能夠提供相應(yīng)的英文版，簡介文字最好提供簡單和詳實(shí)兩個(gè)版本。專業(yè)的電子版企業(yè)簡介應(yīng)該具有圖文混排的非HTML格式，例如可以使用Acrobat的PDF格式供客戶下載，因?yàn)锳crobat文件能夠保持圖文排列的整體觀感。（2）詳細(xì)的產(chǎn)品資料或服務(wù)介紹生產(chǎn)制造類企業(yè)應(yīng)該把自己主要產(chǎn)品的全貌反映在網(wǎng)站上，讓客戶能夠查詢到產(chǎn)品的主要技術(shù)規(guī)格、照片和其他可公開的信息

30、；服務(wù)類企業(yè)應(yīng)該通過各種手段把詳盡的服務(wù)內(nèi)容和條款列出。根據(jù)企業(yè)產(chǎn)品或服務(wù)門類的多少，企業(yè)網(wǎng)站也應(yīng)該采用不同的內(nèi)容構(gòu)造方式。如果企業(yè)的產(chǎn)品線比較復(fù)雜，并且經(jīng)常有產(chǎn)品升級(jí)換代，那么最好采用Web數(shù)據(jù)庫技術(shù)，讓訪問者可以進(jìn)行數(shù)據(jù)庫查詢和分類檢索。（3）技術(shù)支持資料除了產(chǎn)品說明書之外，企業(yè)還應(yīng)該掌握自己產(chǎn)品的更多信息，如常見故障處理、計(jì)算機(jī)產(chǎn)品的編程接口等。這些資料如果能夠公開，可放入網(wǎng)站，以減輕企業(yè)技術(shù)支持人員的工作量。37（4）企業(yè)營銷網(wǎng)絡(luò)很多企業(yè)在總部以外都有其他分支機(jī)構(gòu)，為此企業(yè)應(yīng)該在網(wǎng)站上列出全球范圍內(nèi)所有可接洽到的辦公場所，包括他們的電話、傳真、電子郵件，并列出他們各自的職能。（5）財(cái)務(wù)

31、報(bào)告對(duì)于股份制尤其是上市的企業(yè)，應(yīng)該將重要的財(cái)務(wù)報(bào)告上網(wǎng)，讓股民能夠方便地查詢到這些信息，包括中報(bào)、年報(bào)和各種配股計(jì)劃。（6）收集客戶反饋在企業(yè)網(wǎng)站上應(yīng)該至少帶有一個(gè)客戶反饋表單，用于收集客戶和普通訪問者對(duì)企業(yè)改進(jìn)產(chǎn)品和服務(wù)的意見或建議。網(wǎng)絡(luò)管理員應(yīng)該經(jīng)常檢查提交上來的內(nèi)容，并及時(shí)轉(zhuǎn)交給企業(yè)決策部門使用。（7）其他針對(duì)企業(yè)經(jīng)營特點(diǎn)的內(nèi)容如服裝制造企業(yè)可以加入一些時(shí)尚網(wǎng)站的鏈接，音響制品廠商可以加入音樂站點(diǎn)鏈接。但是，千萬不要直接鏈接到競爭廠商的網(wǎng)站。在企業(yè)Web站點(diǎn)建立后，要不斷更新內(nèi)容，利用這種新媒體宣傳本企業(yè)的企業(yè)文化、企業(yè)理念和企業(yè)產(chǎn)品。站點(diǎn)信息的不斷更新和新產(chǎn)品的不斷推出，會(huì)讓瀏覽者感

32、到企業(yè)的實(shí)力和發(fā)展，同時(shí)也會(huì)使企業(yè)更加有信心。要認(rèn)真回復(fù)用戶的電子郵件、傳統(tǒng)信件、電話垂詢和傳真，做到有問必答。最好將用戶進(jìn)行分類，例如售前一般了解、銷售、售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)的真實(shí)存在，產(chǎn)生信任感。 381.3.6 任務(wù)6對(duì)網(wǎng)頁進(jìn)行可視化設(shè)計(jì)頁面可視化設(shè)計(jì)主要包括頁面組織效果、頁面色調(diào)效果、頁面版式設(shè)計(jì)、頁面美術(shù)設(shè)計(jì)等幾方面內(nèi)容。1頁面組織效果頁面組織效果主要通過頁面元素來體現(xiàn)，頁面元素可以是一個(gè)點(diǎn)，一條線或者一個(gè)面。（1）點(diǎn)點(diǎn)是所有空間形態(tài)中最簡潔的元素，也可以說是最活躍、最不安分的元素。設(shè)計(jì)中，一個(gè)點(diǎn)就可以包羅萬象，體現(xiàn)設(shè)計(jì)者的無限心思，網(wǎng)頁中的圖標(biāo)、單個(gè)圖

33、片、按鈕或一段文字等都可以說是點(diǎn)。點(diǎn)是靈活多變的，我們可以將一排文字視為一個(gè)點(diǎn)，或?qū)⒁粋€(gè)圖形視為一個(gè)點(diǎn)。在網(wǎng)頁設(shè)計(jì)中的點(diǎn)，由于大小、形態(tài)、位置的不同而會(huì)給人不同的心理感受。 39（2）線線在編排設(shè)計(jì)中有強(qiáng)調(diào)、分割、導(dǎo)線、視覺線的作用。線會(huì)因方向、形態(tài)的不同而產(chǎn)生不同的視覺感受，例如垂直的線給人平穩(wěn)、挺立的感覺；弧線使人感到流暢、輕盈；曲線使人跳動(dòng)、不安。在頁面中內(nèi)容較多時(shí)，就需進(jìn)行版面分割，通過線的分割保證頁面良好的視覺秩序。頁面在直線的分割下，產(chǎn)生和諧統(tǒng)一的美感；通過不同比例的空間分割，有時(shí)會(huì)產(chǎn)生空間層次的韻律感。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，以表達(dá)完美的

34、設(shè)計(jì)意境。402頁面色調(diào)效果關(guān)于色彩的原理有許多，在此僅僅闡述網(wǎng)頁配色時(shí)的一些常用技巧。（1）用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度（說得通俗些就是將色彩變淡或加深），產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。（2）用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。（3）用一個(gè)色系。簡單地說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁配色中，還要切記一些誤區(qū)：（1）不要將所有顏色都用到，盡量控制在3種色彩以內(nèi)。（2）背景和前文的對(duì)比盡量要大，絕對(duì)不要用花紋繁復(fù)的圖案作背景，以便突出主要文字內(nèi)容。413頁面版式設(shè)計(jì)版面指的是從瀏覽

35、器看到的完整的一個(gè)頁面（可以包含框架和層次）。對(duì)于版面布局的設(shè)計(jì)，應(yīng)當(dāng)重視如下原則：加強(qiáng)視覺效果，加強(qiáng)文字圖案的可視度和可讀性；統(tǒng)一感的視覺；新鮮和個(gè)性是版面布局的最高境界。常用版面布局的形式：（1）“T”結(jié)構(gòu)布局所謂“T”結(jié)構(gòu)就是指頁面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局。因?yàn)椴藛螚l背景較深，整體效果類似英文字母“T”，所以稱為“T”形布局。這是網(wǎng)頁設(shè)計(jì)中使用最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明，且是初學(xué)者最容易掌握的布局方法。缺點(diǎn)是規(guī)矩呆板，如果色彩細(xì)節(jié)上再不注意，很容易讓人看后乏味。 42（2）“U”形布局這是一個(gè)象形的說法，就是頁面一

36、般上下各有一個(gè)廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內(nèi)容。這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大。缺點(diǎn)是頁面擁擠，不夠靈活。也有將四邊空出，只用于中間的窗口型的設(shè)計(jì)，例如網(wǎng)易的壁紙站。（3）對(duì)稱對(duì)比布局顧名思義，采取左右或者上下對(duì)稱的布局，一半深色，另一半淺色，一般用于設(shè)計(jì)型站點(diǎn)。優(yōu)點(diǎn)是視覺沖擊力強(qiáng)，缺點(diǎn)是將兩部分有機(jī)地結(jié)合比較困難。43（4）POP布局POP引自廣告術(shù)語，就是指頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(shè)計(jì)中心。此類布局常用于時(shí)尚類站點(diǎn)，比如ELLE.com。優(yōu)點(diǎn)是顯而易見，漂亮吸引人，缺點(diǎn)是速度慢。布局需注意的地方：通常閱讀時(shí)眼睛從左上方開始，逐行瀏覽到達(dá)

37、下方，插入圖像時(shí)不要忘記這種特性。任何具有方向性的圖片應(yīng)該放置在網(wǎng)頁中對(duì)視覺最重要的地方，如果在左上角放置一幅小鳥的圖片，鳥嘴應(yīng)該放在把瀏覽者目光引向頁面中部的地方，而不是把視線引走。這種思路可以用于所有圖片：面部應(yīng)該“看”網(wǎng)頁的中部；汽車的“?？俊泵嫦蚓W(wǎng)頁中部；道路、領(lǐng)帶等圖片的放置都應(yīng)該有助于吸引目光從左向右、從上向下的移動(dòng)；一般總是把網(wǎng)站導(dǎo)航欄放置在頁面左邊，也是出于這種考慮，不斷地出現(xiàn)在瀏覽者最佳視野之中。以上總結(jié)了目前網(wǎng)絡(luò)上常見的幾種布局，此外還有許多別具一格的布局，關(guān)鍵在于網(wǎng)站本身的創(chuàng)意和設(shè)計(jì)。444頁面美術(shù)設(shè)計(jì)網(wǎng)頁設(shè)計(jì)與其他出版設(shè)計(jì)最大的不同表現(xiàn)在以下三方面。（1）傳播的媒介不同

38、許多用戶是用Modem上網(wǎng)的，考慮到用戶的容量程度，圖形一般不宜太大；通常每個(gè)圖形應(yīng)小于30KB，每個(gè)頁面圖形總量應(yīng)小于50KB。圖片是影響網(wǎng)頁下載速度的重要原因，根據(jù)經(jīng)驗(yàn)，把每頁全部內(nèi)容控制在30KB左右可以保證比較理想的下載速度。圖像以在6KB8KB之間為宜，每增加2KB會(huì)延長1s的下載時(shí)間。（2）所能采用的文件格式的限制對(duì)通用瀏覽器來說，能識(shí)別的圖像格式僅為JPEG和GIF。這兩者又各有不同的特點(diǎn)和適用環(huán)境。45（3）與美術(shù)設(shè)計(jì)人員要有良好的合作首先應(yīng)該能向他們提供前面所說的內(nèi)容和邏輯結(jié)構(gòu)圖。因?yàn)樗麄兊呢?zé)任僅是對(duì)網(wǎng)頁的形式負(fù)責(zé)，而至于內(nèi)容，必須由企業(yè)業(yè)務(wù)人員去敲定。其次，應(yīng)該把站點(diǎn)的美術(shù)

39、需求、風(fēng)格等告訴美術(shù)創(chuàng)作人員。如果可能的話，最好能帶著他們?nèi)ヒ姌I(yè)務(wù)人員，直接了解站點(diǎn)形象方面的要求。此外，還應(yīng)該把企業(yè)原有的一些成功的宣傳冊子、CI（企業(yè)形象）手冊等材料盡可能交給美術(shù)人員作為參考。在向美術(shù)設(shè)計(jì)人員提供了上述信息和材料后，就可以讓他們設(shè)計(jì)出形成站點(diǎn)風(fēng)格的一些關(guān)鍵要素了。從美術(shù)和效率的角度出發(fā)，應(yīng)該考慮采用可視化的頁面編輯工具。最好能請一些有美感、懂得排版的人從事此項(xiàng)上作。他們可能多半不會(huì)使用HTML語言，但比程序員制作出來的網(wǎng)頁頁面要好看得多。此外，工具的選擇也很重要。市場上有很多編輯器，有的工具很好，它能有效地把高級(jí)美術(shù)人員、排版人員以及程序員的工作分開。461.3.7 任務(wù)

40、7設(shè)計(jì)網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)為了實(shí)現(xiàn)信息的有效傳遞，也為了便于網(wǎng)站的更新和維護(hù)，站點(diǎn)目錄結(jié)構(gòu)的設(shè)計(jì)十分重要。主次分明、脈絡(luò)清晰的站點(diǎn)結(jié)構(gòu)使訪問者對(duì)網(wǎng)站內(nèi)容一目了然，便于獲得所需信息。同時(shí)，規(guī)劃合理的目錄結(jié)構(gòu)對(duì)于網(wǎng)站所有者來說，可以在以后的內(nèi)容更新和維護(hù)中，節(jié)省大量時(shí)間和精力。 471網(wǎng)站的目錄結(jié)構(gòu)網(wǎng)站目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如在用FrontPage 2003建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄、Images目錄和子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者并沒有什么太大的影響，但是對(duì)于站點(diǎn)本身的上傳維護(hù)、未來的內(nèi)容擴(kuò)充和移植有著重要的影響。（1）所有文件不要都存放在根目錄下有的網(wǎng)站為了方便，將所有文件都

41、放在根目錄下。這樣做造成的不利影響在于以下幾個(gè)原因。 文件管理混亂。常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，這會(huì)影響工作效率。 上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。如果將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時(shí)間也越長。所以，建議盡可能減少根目錄的文件存放數(shù)。 48（2）按欄目內(nèi)容建立子目錄子目錄的建立應(yīng)首先按主菜單欄目建立。例如網(wǎng)頁教程類站點(diǎn)可以根據(jù)技術(shù)類別分別建立相應(yīng)的目錄，像Flash、DHTML、JavaScript等。企業(yè)站點(diǎn)可以按公司簡介、

42、產(chǎn)品介紹、價(jià)格、在線訂單、反饋聯(lián)系等建立相應(yīng)的目錄。其他的次要欄目，需要經(jīng)常更新，可以建立獨(dú)立的子目錄，而一些相關(guān)性強(qiáng)、不需要經(jīng)常更新的欄目，例如關(guān)于本站、關(guān)于站長、站點(diǎn)經(jīng)歷等，可以合并放在一個(gè)統(tǒng)一的目錄下。所有程序一般都存放在特定目錄下，例如CGI（通用網(wǎng)類接口）程序放在Cgi-bin目錄。為便于維護(hù)管理，所有需要下載的內(nèi)容也最好放在一個(gè)目錄下。 492網(wǎng)站的鏈接結(jié)構(gòu)網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。研究網(wǎng)站的鏈接結(jié)構(gòu)的目的在于：用最少的鏈接，使得瀏覽最有效率。通常，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式。（1）樹狀鏈接結(jié)構(gòu)（一對(duì)一）該結(jié)構(gòu)類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級(jí)頁面，一

43、級(jí)頁面鏈接指向二級(jí)頁面。立體結(jié)構(gòu)看起來就像蒲公英。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。該結(jié)構(gòu)的優(yōu)點(diǎn)是條理清晰，訪問者明確知道自己在什么位置，不會(huì)迷路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面，必須繞經(jīng)欄目頁。（2）星狀鏈接結(jié)構(gòu)（一對(duì)多）該結(jié)構(gòu)類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面相互之間都建有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路。50在實(shí)際的網(wǎng)站設(shè)計(jì)中，經(jīng)常見到這兩種結(jié)構(gòu)的混合使用。通常首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。如果站點(diǎn)內(nèi)容龐大、分類明細(xì)，需要超過三級(jí)頁面，那么建議在頁面里

44、顯示導(dǎo)航欄，這樣可以幫助瀏覽者明確自己所處的位置。讀者在許多網(wǎng)站頁面頂部可看到類似的表示：“您現(xiàn)在的位置是：首頁財(cái)經(jīng)新聞股市信息深圳股深發(fā)展”。在鏈接結(jié)構(gòu)確定后，考慮鏈接的效果和形式，是采用下拉表單，還是用DHTML動(dòng)態(tài)菜單等等。實(shí)際上，站點(diǎn)內(nèi)容和功能的設(shè)計(jì)是網(wǎng)絡(luò)營銷策略的直接體現(xiàn)，從單純的企業(yè)介紹、企業(yè)形象樹立、企業(yè)產(chǎn)品與服務(wù)信息的發(fā)布到網(wǎng)上直銷，網(wǎng)站的內(nèi)容與功能設(shè)計(jì)既要符合企業(yè)的需求，又要參考當(dāng)前技術(shù)的發(fā)展?fàn)顩r和應(yīng)用水平。以網(wǎng)絡(luò)營銷為主的企業(yè)站點(diǎn)不但要充分運(yùn)用多媒體技術(shù)實(shí)現(xiàn)信息發(fā)布功能，更重要的是要發(fā)揮Web的交互特性，實(shí)現(xiàn)網(wǎng)站信息檢索、在線客戶服務(wù)、用戶反饋信息收集，甚至在線訂單、在線購

45、物、在線支付等功能。 511.3.8 任務(wù)8了解網(wǎng)站設(shè)計(jì)的常用技術(shù)Internet是發(fā)展最快的領(lǐng)域，新的網(wǎng)頁制作技術(shù)幾乎每天都會(huì)出現(xiàn)，對(duì)于網(wǎng)站設(shè)計(jì)者來說，必須學(xué)習(xí)、跟蹤、掌握網(wǎng)頁設(shè)計(jì)的新技術(shù)，將站點(diǎn)功能與內(nèi)容有機(jī)地結(jié)合起來。這實(shí)際上對(duì)網(wǎng)站設(shè)計(jì)者的素質(zhì)要求極高，因?yàn)檫@是一個(gè)正在形成和蓬勃發(fā)展的新領(lǐng)域，幾乎每天都會(huì)有新的技術(shù)和規(guī)范產(chǎn)生，具體的如Java、DHTML、XML、DOM等新技術(shù)，需要不斷學(xué)習(xí)才能不落伍。為此，在建設(shè)網(wǎng)站時(shí)，就需要根據(jù)不同功能采取不同的設(shè)計(jì)技術(shù)。就目前的情況來看，企業(yè)網(wǎng)站的設(shè)計(jì)技術(shù)基本上有7種。521網(wǎng)頁設(shè)計(jì)技術(shù)網(wǎng)頁設(shè)計(jì)技術(shù)無疑是網(wǎng)站開發(fā)的基本功。網(wǎng)站是否美觀大方，是否擁有

46、強(qiáng)烈的視覺沖擊力，與網(wǎng)頁的設(shè)計(jì)技術(shù)密切相關(guān)。設(shè)計(jì)網(wǎng)頁的技巧多種多樣，各類參考書籍也是數(shù)不勝數(shù)。2數(shù)據(jù)庫技術(shù)一個(gè)網(wǎng)站如果沒有數(shù)據(jù)庫技術(shù)支持，它的維護(hù)成本會(huì)相當(dāng)高昂。采用數(shù)據(jù)庫技術(shù)的最大好處有兩個(gè)：一是方便用戶的瀏覽、查詢檢索以及統(tǒng)計(jì)比較等；二是容易進(jìn)行信息、數(shù)據(jù)的更新，系統(tǒng)維護(hù)成本相對(duì)較低。數(shù)據(jù)庫技術(shù)可以廣泛應(yīng)用于企業(yè)網(wǎng)站，常見的有如下。53（1）新聞數(shù)據(jù)庫系統(tǒng)：及時(shí)更新資料，讓用戶迅速查閱關(guān)于企業(yè)的各項(xiàng)新聞動(dòng)態(tài)資料。（2）產(chǎn)品數(shù)據(jù)庫系統(tǒng)：進(jìn)行企業(yè)產(chǎn)品的介紹、評(píng)價(jià)、導(dǎo)購、檢索、網(wǎng)上訂購和使用問答等等。（3）調(diào)查數(shù)據(jù)庫系統(tǒng)：進(jìn)行服務(wù)調(diào)查、產(chǎn)品調(diào)查、形象調(diào)查、宣傳調(diào)查等，并可以自動(dòng)進(jìn)行統(tǒng)計(jì)分析。（4

47、）用戶數(shù)據(jù)庫系統(tǒng)：提供良好的售后服務(wù)。543表單回收技術(shù)所謂的表單回收技術(shù)是指在網(wǎng)上設(shè)置一些表格，用戶填寫之后，可以自動(dòng)反饋給企業(yè)。企業(yè)網(wǎng)站應(yīng)用的表單回收技術(shù)主要包括：用戶的建議、投訴、人才招聘、招商合作、意見反饋等。4郵件列表技術(shù)郵件列表（Mailing List）技術(shù)能夠讓用戶及時(shí)訂閱企業(yè)的最新資料或者網(wǎng)站的更新動(dòng)態(tài)。如果企業(yè)希望更多的訪問者留下聯(lián)系信息的話，建議采用這一技術(shù)。5全文檢索技術(shù)采用全文檢索技術(shù)，可以讓用戶迅速查找到所需要的內(nèi)容。如果企業(yè)網(wǎng)站比較大，應(yīng)該使用這一技術(shù)。556搜索引擎技術(shù)這個(gè)技術(shù)可以把與企業(yè)相關(guān)的資料、網(wǎng)站集合在一起，從而使用戶迅速查閱與企業(yè)產(chǎn)品、服務(wù)、權(quán)益等相關(guān)

48、的各種資料。這也是目前最為流行的“企業(yè)門戶網(wǎng)站”概念。7電子商務(wù)技術(shù)采用電子商務(wù)技術(shù)，可以實(shí)現(xiàn)網(wǎng)上的訂購與交易功能，但由于此項(xiàng)技術(shù)涉及到資金的轉(zhuǎn)移，因而難度很高，目前尚未形成規(guī)模。但此項(xiàng)技術(shù)將是企業(yè)網(wǎng)站的發(fā)展方向之一，所以在網(wǎng)站設(shè)計(jì)時(shí)應(yīng)該留出一個(gè)發(fā)展空間。理論上說，囊括了上述技術(shù)的網(wǎng)站無疑將是非常出色的。但有一點(diǎn)必須注意，如果全部采用上述技術(shù)，投入的費(fèi)用相當(dāng)高。因此，在實(shí)際運(yùn)作中，企業(yè)應(yīng)該根據(jù)自己的實(shí)際情況和實(shí)際能力，量力而行。56習(xí)題一、思考題（1）為什么會(huì)產(chǎn)生電子商務(wù)？（2）你身邊有哪些電子商務(wù)應(yīng)用？（3）你希望通過學(xué)習(xí)電子商務(wù)學(xué)到什么？（4）規(guī)劃一個(gè)Web站點(diǎn)需要考慮哪些因素？二、操作題

49、（1）上網(wǎng)瀏覽幾個(gè)電子商務(wù)網(wǎng)站，說出他的首頁布局，歸納它們的欄目劃分。（2）任選一個(gè)電子商務(wù)類網(wǎng)站，規(guī)劃它的欄目劃分，在網(wǎng)頁編輯工具FrontPage 2003或Dreamweaver MX中編輯商務(wù)網(wǎng)站的首頁。（3）從Internet上搜索并瀏覽兩個(gè)不同類型的網(wǎng)站，一個(gè)為制造型企業(yè)的商務(wù)網(wǎng)站，一個(gè)為銷售型企業(yè)的商務(wù)網(wǎng)站，試比較這兩個(gè)不同類型的網(wǎng)站之間內(nèi)容、功能上有何差異。第2章 構(gòu)建商務(wù)網(wǎng)站的運(yùn)行環(huán)境 2.1 商務(wù)網(wǎng)站的發(fā)布 182.2 Web站點(diǎn)的建立 192.3 Web站點(diǎn)的目錄管理 292.4 FTP站點(diǎn)的建立 362.5 FTP站點(diǎn)的安全管理 402.6 知識(shí)拓展 44習(xí)題572.1

50、 商務(wù)網(wǎng)站的發(fā)布 發(fā)布站點(diǎn)是將構(gòu)成網(wǎng)頁和站點(diǎn)的所有文件復(fù)制到Web服務(wù)器上，讓瀏覽者看到網(wǎng)頁設(shè)計(jì)者或某一個(gè)公司的作品，在第1章中給出了Internet瀏覽器/服務(wù)器結(jié)構(gòu)的示意圖，那么，把網(wǎng)頁作品放在什么地方，才能讓所有的人瀏覽？當(dāng)然，是在服務(wù)器上。在服務(wù)器上安裝、運(yùn)行適當(dāng)?shù)能浖?，并運(yùn)行相應(yīng)的服務(wù)。 如圖2-1所示，是Web站點(diǎn)在服務(wù)器上運(yùn)行的環(huán)境：在操作系統(tǒng)之上運(yùn)行Web、E-mail、FTP等服務(wù)器軟件，再加上Web站點(diǎn)連接Internet的硬件設(shè)備就可構(gòu)成交互的商務(wù)網(wǎng)站的運(yùn)行環(huán)境了。 58常用的Web環(huán)境有如下幾種。1Windows 98系統(tǒng)要求：安裝網(wǎng)絡(luò)協(xié)議TCP/IP。安裝PWS（Pe

51、rsonal Web Server，個(gè)人Web服務(wù)器），用于發(fā)布Web站點(diǎn)。安裝Office 2000中的Access 2000作為網(wǎng)站后臺(tái)數(shù)據(jù)庫。59圖2-1 商務(wù)網(wǎng)站的運(yùn)行環(huán)境 2Windows 2000系統(tǒng)（本書即用該環(huán)境）要求：安裝網(wǎng)絡(luò)協(xié)議TCP/IP。安裝IIS（Internet Information Server），創(chuàng)建和管理Web站點(diǎn)。安裝FTP（File Transfer Protocol），管理Web站點(diǎn)的文件。安裝Office 2000中的Access 2000作為Web站點(diǎn)后臺(tái)數(shù)據(jù)庫或安裝SQL Server個(gè)人版或企業(yè)版。3JSP（Java服務(wù)器網(wǎng)頁）開發(fā)環(huán)境要求：同

52、Windows 2000系統(tǒng)。額外需要：J2sdk和resin-2.0.1。安裝J2sdk1.3.1或1.4都可，其他開發(fā)工具也可。配置系統(tǒng)：JSDK安裝完成后應(yīng)配置系統(tǒng)的環(huán)境變量，Java才能正確執(zhí)行。配置過程如下：選擇我的電腦|屬性|系統(tǒng)特性|高級(jí)，環(huán)境變量：新建/classpath；變量值：Jsdk的安裝路徑bin；單擊【確定】按鈕；重新啟動(dòng)計(jì)算機(jī)生效。安裝resin-2.0.1。以下將著重介紹Windows 2000系統(tǒng)下商務(wù)網(wǎng)站的運(yùn)行環(huán)境。602.2 Web站點(diǎn)的建立 2.2.1 任務(wù)1安裝IIS 19 2.2.2 任務(wù)2創(chuàng)建Web站點(diǎn) 212.2.3 任務(wù)3把多個(gè)IP地址綁定到同一

53、臺(tái)服務(wù)器上 212.2.4 任務(wù)4創(chuàng)建一個(gè)新的Web站點(diǎn) 232.3.5 任務(wù)5為同一個(gè)IP創(chuàng)建多個(gè)Web站點(diǎn) 2761WWW服務(wù)是網(wǎng)站應(yīng)當(dāng)提供的一項(xiàng)基本服務(wù)功能。在本節(jié)中，將學(xué)習(xí)利用Microsoft管理控制臺(tái)（MMC）配置WWW服務(wù)，這是目前大多數(shù)網(wǎng)站都采用的方式。Microsoft管理控制臺(tái)（MMC）為WWW服務(wù)的如下四方面提供了屬性對(duì)話框：（1）WWW主屬性（Master Service），對(duì)當(dāng)前服務(wù)器上所有Web站點(diǎn)都起作用的屬性；（2）Web站點(diǎn)（Site），針對(duì)某一特定Web站點(diǎn)的屬性；（3）目錄（Directory），針對(duì)目錄（包括虛擬目錄）的屬性；（4）文件（File），針對(duì)

54、單個(gè)文件的屬性。掌握上面4項(xiàng)屬性，就可以對(duì)IIS服務(wù)器和它的Web站點(diǎn)的各個(gè)方面進(jìn)行配置。 622.2.1 任務(wù)1安裝IIS Internet Information Server（以下簡稱IIS）是站點(diǎn)（Site），包括Web、FTP、News和E-mail服務(wù)器站點(diǎn)的管理中心，操作系統(tǒng)不是默認(rèn)安裝的，安裝步驟如下：（1）在“控制面板”中，鼠標(biāo)雙擊“添加/刪除程序”圖標(biāo)，彈出如圖2-2所示的“添加/刪除程序”窗口。 6364圖2-2 “添加/刪除程序”窗口（2）單擊“添加/刪除程序”對(duì)話框左側(cè)的“添加/刪除Windows組件”選項(xiàng)，出現(xiàn)如圖2-3所示的“Windows組件向?qū)А睂?duì)話框，在“I

55、nternet信息服務(wù)（IIS）”復(fù)選框前的方框上單擊鼠標(biāo)左鍵，出現(xiàn)“”，代表安裝該組件，單擊【下一步】按鈕，以后選擇默認(rèn)項(xiàng)，即可安裝完畢。65圖2-3 “Windows組件向?qū)А睂?duì)話框2.2.2 任務(wù)2創(chuàng)建Web站點(diǎn)要建立一個(gè)Web站點(diǎn)，首先需要提供一個(gè)IP地址?？梢圆捎孟旅娴?種方法之一，在計(jì)算機(jī)上建立多個(gè)站點(diǎn)。方法一：把多個(gè)IP地址綁定到同一臺(tái)服務(wù)器上。方法二：使用不同的主機(jī)頭名稱。（推薦方法）方法三：TCP端口法，Web站點(diǎn)的默認(rèn)端口一般為80，改變這一端口，就能實(shí)現(xiàn)在同一服務(wù)器上新增站點(diǎn)的目的。由于TCP端口法無法與DNS結(jié)合，因此，主要講解前兩種方法。 662.2.3 任務(wù)3把多個(gè)

56、IP地址綁定到同一臺(tái)服務(wù)器上在裝有Windows 2000的計(jì)算機(jī)上增加IP地址，就可以在用戶的IIS服務(wù)器上增加多個(gè)Web站點(diǎn)。為了完成以下各步，操作者需要具有管理員權(quán)限和空閑的IP地址（包括子網(wǎng)掩碼）。其操作步驟如下：（1）打開“控制面板”，然后雙擊“網(wǎng)絡(luò)和撥號(hào)連接”圖標(biāo)，如圖2-4所示。67圖2-4 “控制面板”對(duì)話框 （2）從打開的“網(wǎng)絡(luò)和撥號(hào)連接”對(duì)話框中，選擇“本地連接”選項(xiàng)，右擊，從彈出的快捷菜單中選擇“屬性”命令，打開“本地連接屬性”對(duì)話框，選擇“常規(guī)”選項(xiàng)卡，選擇“Internet協(xié)議（TCP/IP）”選項(xiàng)，如圖2-5所示。然后，單擊【屬性】按鈕，出現(xiàn)“Internet協(xié)議（

57、TCP/IP）屬性”對(duì)話框，如圖2-6所示。 68圖2-5 “本地連接屬性”對(duì)話框 圖2-6 “Internet協(xié)議（TCP/IP）屬性”對(duì)話框 （3）在該對(duì)話框中至少已經(jīng)具有了一個(gè)IP地址，要增加新的IP地址，單擊【高級(jí)】按鈕，出現(xiàn)“高級(jí)TCP/IP設(shè)置”對(duì)話框，如圖2-7所示。69圖2-7 “高級(jí)TCP/IP設(shè)置”對(duì)話框 （4）單擊“IP地址”域內(nèi)的【添加】按鈕，然后在彈出的“TCP/IP地址”對(duì)話框中輸入IP地址和子網(wǎng)掩碼，如圖2-8所示。（5）單擊【確定】按鈕，關(guān)閉對(duì)話框，然后重新啟動(dòng)計(jì)算機(jī)，即可實(shí)現(xiàn)新IP地址的添加。 70圖2-8 添加TCP/IP地址2.2.4 任務(wù)4創(chuàng)建一個(gè)新的W

58、eb站點(diǎn)一個(gè)默認(rèn)的Web站點(diǎn)已經(jīng)隨IIS 5.0的安裝而安裝了，然而，在大多數(shù)情況下，用戶需要?jiǎng)?chuàng)建自己的內(nèi)容。因此，必須創(chuàng)建一個(gè)新的Web站點(diǎn)。在給服務(wù)器添加了新的IP地址之后，這項(xiàng)工作就比較容易了。在下述步驟中所創(chuàng)建的Web站點(diǎn)與默認(rèn)的Web站點(diǎn)在內(nèi)容上幾乎一樣，這是因?yàn)樾抡军c(diǎn)的主目錄指向默認(rèn)Web站點(diǎn)的主目錄，新創(chuàng)建站點(diǎn)的名字為edu。操作步驟如下： 71（1）在程序組的子項(xiàng)目管理工具中，選擇“Internet信息服務(wù)”，打開“Internet信息服務(wù)”主界面，將會(huì)看到所有連接到服務(wù)器的列表，因?yàn)槟壳吧形催B接到任何服務(wù)器，所以在列表中只看到本地機(jī)器（這里是admin）。如圖2-9所示 72

59、圖2-9 Internet信息服務(wù)主界面 （2）雙擊計(jì)算機(jī)名（admin）或是單擊admin前的，查看此計(jì)算機(jī)運(yùn)行的所有站點(diǎn)，可看到有默認(rèn)Web站點(diǎn)、默認(rèn)FTP站點(diǎn)、管理Web站點(diǎn)以及默認(rèn)SMTP虛擬服務(wù)器。如圖2-10所示。73圖2-10 查看計(jì)算機(jī)當(dāng)前的站點(diǎn) （3）在計(jì)算機(jī)名admin上右擊，在彈出的快捷菜單中選擇“新建”|“Web站點(diǎn)”命令，如圖2-11所示。74圖2-11 “Internet信息服務(wù)”新建Web站點(diǎn)（4）這時(shí)將打開新的Web站點(diǎn)創(chuàng)建向?qū)?，進(jìn)入向?qū)У谝徊捷斎搿癢eb站點(diǎn)說明”，可以在“Web站點(diǎn)說明”的“說明”文本框中輸入Web站點(diǎn)名tsia。如圖2-12所示。單擊【下一

60、步】按鈕，打開向?qū)У牡诙健癐P地址和端口設(shè)置”。75圖2-12 Web站點(diǎn)創(chuàng)建向?qū)б唬狠斎胝军c(diǎn)說明 （5）在向?qū)У牡诙?，將被要求輸入Web站點(diǎn)的IP地址和服務(wù)器的端口號(hào)（WWW服務(wù)器默認(rèn)的端口號(hào)為80），選擇一個(gè)IP地址給新的站點(diǎn)，如圖2-13所示。單擊【下一步】按鈕，打開向?qū)У牡谌健癢eb站點(diǎn)主目錄”。76圖2-13 Web站點(diǎn)創(chuàng)建向?qū)Ф涸O(shè)置IP與TCP端口 （6）在向?qū)У牡谌?，需要提供Web位于服務(wù)器上的目錄和此Web站點(diǎn)是否允許匿名訪問。瀏覽默認(rèn)Web站點(diǎn)的目錄（在標(biāo)準(zhǔn)安裝的情況下應(yīng)為：“驅(qū)動(dòng)器盤號(hào)：Inetpubwwwroot”），如圖2-14所示。單擊【下一步】按鈕，打開向