《商務(wù)網(wǎng)站設(shè)計實用教程》教案第4章 網(wǎng)站的建立和設(shè)計本章概要：本章首先針對幾種常用的WEB 服務(wù)器，詳細說明其特點以及安裝和配置的方式; 接著介紹了網(wǎng)站內(nèi)容設(shè)計的流程以及網(wǎng)站建設(shè)基本模型和常見商務(wù)網(wǎng)

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

第4章 網(wǎng)站的建立和設(shè)計

本章概要：

本章首先針對幾種常用的WEB 服務(wù)器，詳細說明其特點以及安裝和配置的方式; 接著介紹了網(wǎng)站內(nèi)容設(shè)計的流程以及網(wǎng)站建設(shè)基本模型和常見商務(wù)網(wǎng)站的功能模塊劃分; 最后介紹網(wǎng)站的組織結(jié)構(gòu)設(shè)計以及風(fēng)格設(shè)計。

本章知識點

? 常見WEB 服務(wù)器安裝和配置的方法

? 商務(wù)網(wǎng)站內(nèi)容設(shè)計的流程

? 網(wǎng)站建設(shè)基本模型

? 常見商務(wù)網(wǎng)站功能模塊的劃分

? 網(wǎng)站的組織過程

? 網(wǎng)站的風(fēng)格設(shè)計

課時：4

4.1 WEB 服務(wù)器的安裝與配置

對于Web 服務(wù)器來說，現(xiàn)在使用的很普遍的有兩種，一種是公開源代碼的Apache Web 服務(wù)器，另一種是微軟公司的IIS 服務(wù)器。這兩種服務(wù)器都有自己的特點，可以靈活選擇使用。

4.1.1 IIS

IIS 是Internet Information Server 的縮寫，它是微軟公司主推的Web 服務(wù)器，最新的版本是Windows2003里面包含的IIS6.0。

● IIS 的安裝和配置

● Win2000環(huán)境下的IIS 的安裝和配置

● IIS 的安全機制及其設(shè)置

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

圖4_12 IIS的訪問控制過程

4.1.2 Apache

● Apache 是免費的，開放源代碼的服務(wù)器軟件，全世界超過60的HTTP 服務(wù)器在

使用Apache 。

● 可以從Apache 的官方網(wǎng)站http://httpd.apache.org/download.cgi下載Apache 的安裝

文件。

● Apache Web服務(wù)器的安裝

4.2 商務(wù)網(wǎng)站的內(nèi)容設(shè)計

可以說，網(wǎng)站成功的關(guān)鍵就在于網(wǎng)站內(nèi)容的開發(fā)和讓用戶感受到網(wǎng)站對他們有用。 所謂內(nèi)容設(shè)計，就是分析網(wǎng)站所面向的客戶群的需求，確定網(wǎng)站達到的目標，進而確定為達目的而需要提供的信息和服務(wù)。顯然，這是實現(xiàn)網(wǎng)站建設(shè)目標的關(guān)鍵環(huán)節(jié)，因而是網(wǎng)站建設(shè)的根本任務(wù)。

典型的內(nèi)容設(shè)計包括提供哪些信息、提供怎樣的服務(wù)功能以及如何方便用戶、如何讓用戶在網(wǎng)站中得到滿意的信息或滿意的服務(wù)等。

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

4.2.1 網(wǎng)站主題定位

所謂主題也就是網(wǎng)站的題材。對于任何一個網(wǎng)站的設(shè)計，首先遇到的問題就是定位網(wǎng)站的主題。由于網(wǎng)站的類型、目標、功能和應(yīng)用的不同，網(wǎng)站的主題往往各不相同。 ● 網(wǎng)站的主題

對于主題的選擇，一般的建議是：

(1)主題要小而精。主題定位要小，內(nèi)容要精。如果想制作一個包羅萬象的站點，把所有認為精彩的東西都放在上面，往往會事與愿違，給人的感覺是沒有主題，沒有特色。網(wǎng)絡(luò)的最大特點就是新和快，目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調(diào)查結(jié)果也顯示，網(wǎng)絡(luò)上的“主題網(wǎng)站”比“萬全網(wǎng)站”更受人們喜愛。

(2)題材最好是自己擅長的內(nèi)容。如果擅長編程，就可以建立一個編程愛好者網(wǎng)站；對足球感興趣，可以報道最新的賽況、球星動態(tài)等。這樣在制作時，才不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有熱情，很難制作出杰出的作品。

(3)題材不要太濫或者目標太高。即題材選擇要富有特色，制定目標應(yīng)量力而行。 ● 網(wǎng)站的名稱

網(wǎng)站名稱也是網(wǎng)站設(shè)計的一部分，而且是很關(guān)鍵的一個要素。和現(xiàn)實生活中一樣，網(wǎng)站名稱是否特別、響亮、易記，對網(wǎng)站的形象和宣傳推廣也有很大影響。一般的建議是：

(1)名稱要合法、合理、合情。不能用反動、迷信和危害社會安全的名詞語句。

(2)名稱要易于記憶。根據(jù)中文網(wǎng)站瀏覽者的特點，除非特定需要，網(wǎng)站名稱最好用中文名稱或直接使用英文，但不要使用中英文混合名稱。另外，網(wǎng)站名稱的字數(shù)應(yīng)該控制在6個字(最好4個字) 以內(nèi)。

(3)名稱要有特色。名稱平實就可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺沖擊和空間想象力，則為上品。在體現(xiàn)出網(wǎng)站主題的同時，能點出網(wǎng)站的特色之處則更好。

4.2.2 商務(wù)網(wǎng)站內(nèi)容規(guī)劃

? （1）根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，一般企業(yè)網(wǎng)站應(yīng)包括：公司簡介、產(chǎn)品

介紹、服務(wù)內(nèi)容、價格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。

? （2）電子商務(wù)類網(wǎng)站要提供會員注冊、詳細的商品服務(wù)信息、信息搜索查詢、定單

確認、付款、個人信息保密措施、相關(guān)幫助等。

? （3）如果網(wǎng)站欄目比較多，則考慮采用網(wǎng)站編程專人負責相關(guān)內(nèi)容。注意：網(wǎng)站內(nèi)

容是網(wǎng)站吸引瀏覽者最重要的因素，無內(nèi)容或不實用的信息不會吸引匆匆瀏覽的訪客?？墒孪葘θ藗兿Ｍ喿x的信息進行調(diào)查，并在網(wǎng)站發(fā)布后調(diào)查人們對網(wǎng)站內(nèi)容

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

的滿意度，以及時調(diào)整網(wǎng)站內(nèi)容。

4.2.3網(wǎng)站內(nèi)容設(shè)計的特性

? （1）針對性。網(wǎng)站所提供的信息要準確、立場要鮮明，或利用它查照相關(guān)信息最容

易，總之要對目標用戶有用。缺乏針對性或針對性不強，就不用滿足用戶的信息需求。

? （2）真實性。一方面是指要真實的傳達本網(wǎng)站所掌握的客觀情況；另一方面是指真

實的表達網(wǎng)站管理員個人的主觀想法，總的說就是遵循誠信原則不加隱瞞。由傳達信息的真實性必然派生出兩個要求，既充分和及時。充分，并不是說一定要傾其所有、毫無保留，而是傳達的信息要達到一定的量，足夠供用戶得出一個基本正確的判斷。及時，就是要在對用戶有效用的時間內(nèi)傳達信息，而不因為信息傳達的滯后導(dǎo)致用戶無法決策或做出錯誤決策。超出對用戶有效用的時限，就已失去了意義；而如果有意不再規(guī)定的期限內(nèi)披露信息，實質(zhì)上也是一種欺瞞和作假。綜上所述，按照誠信原則，傳遞信息必須做到充分、及時，實現(xiàn)真實性。

? （3）廣泛性。網(wǎng)站面向社會全體成員，用戶具有極大的廣泛性；用戶的需求信息項

目眾多，形式多樣，同樣具有廣泛性的特征。要讓不同年齡、不同性別、不同愛好、不同職業(yè)的用戶，都可以在其中找到自己所需的信息，就要求網(wǎng)站的內(nèi)容設(shè)計具有廣泛性。廣泛性和針對性是一對矛盾，要根據(jù)網(wǎng)站的目的及目標用戶的分析綜合考慮。

? （4）精細度。網(wǎng)站內(nèi)容設(shè)計，首先應(yīng)該把內(nèi)容按照層次逐步展開，在每一層都保持

相應(yīng)的精細度，這種方法不僅反映內(nèi)容來源及對事物認識的過程，而且使用戶易于理解。在內(nèi)容設(shè)計的最底層，要保證較高的精細度，以使內(nèi)容設(shè)計滿足更高的要求。 ? （5）可追蹤性。在網(wǎng)站內(nèi)容設(shè)計過程中，要在數(shù)據(jù)結(jié)構(gòu)設(shè)計方面，充分考慮數(shù)據(jù)的

可回嗍性，即對于任一信息流，不僅要記載改信息流的目的地，還要記錄該信息的來源。這樣，數(shù)據(jù)信息可以來回追蹤，不僅可最大限度的挖掘這些信息的價值，而且有利于劃清責任。

? （6）新鮮并可理解。新鮮性指最近、新鮮的信息，越是最新發(fā)生的事情，就越有新

聞價值。此外，對于任何信息都要具有可理解性，要避免歧義、矛盾、模糊的內(nèi)容出現(xiàn)。

4.2.4內(nèi)容設(shè)計應(yīng)注意的問題

? （1）注意從觀念上重視內(nèi)容設(shè)計，以務(wù)實的態(tài)度搞好內(nèi)容設(shè)計，不要使內(nèi)容設(shè)計淹

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

沒在技術(shù)中，內(nèi)容設(shè)計要服從網(wǎng)站建設(shè)目標。

? （2）注意換位思考，從用戶角度看是否有用，應(yīng)用是否方便等。比如網(wǎng)站應(yīng)能提供

簡便搜尋的功能。使用戶能利用關(guān)鍵字迅速找到需要的信息；電子商務(wù)網(wǎng)站中實現(xiàn)購物等交換流程的程序要快捷暢通，使購物方便實現(xiàn)；內(nèi)容要時常更新，既可以給用戶全新的感受，吸引他們，還可以使他們了解到不斷更新和變化的信息。

? （3）要注意更新時的工作量，這是從網(wǎng)站設(shè)計者的角度考慮的。比如，一些滾動新

聞要時刻更新或短時間就更新，這需要的工作量是很大的，這點不容忽視。

? （4）要考慮用戶的參與性。用戶是網(wǎng)站的使用者，要充分考慮用戶的能動性和積極

性，在內(nèi)容設(shè)計中要注意貼近用戶生活，設(shè)計用戶感興趣的主題，論壇、社區(qū)等就是很好的例證。

? （5）要注意網(wǎng)站的定位，根據(jù)網(wǎng)站的目標定位，在針對性和廣泛性之間綜合考慮，

即網(wǎng)站內(nèi)容要盡可能全面詳細，但不能面面俱到，對于內(nèi)容設(shè)計中詳盡與粗略的考慮，要依據(jù)網(wǎng)站目標定位及信息的實用性、娛樂性等分別確定。

4.3 商務(wù)網(wǎng)站的功能模塊設(shè)計

隨著技術(shù)的不斷發(fā)展和用戶對網(wǎng)站功能性的需求不斷提高，如今網(wǎng)站項目的設(shè)計已經(jīng)不能再僅僅簡單地利用靜態(tài)Html 文件來實現(xiàn)，與前幾年網(wǎng)站設(shè)計由一兩名網(wǎng)頁設(shè)計師自由的創(chuàng)作相比，網(wǎng)站項目的設(shè)計和開發(fā)越來越像一個軟件工程，也越來越復(fù)雜，網(wǎng)站的開發(fā)和建設(shè)就是一個系統(tǒng)工程的開發(fā)和建設(shè)。

4.3.1網(wǎng)站建設(shè)的基本模型

瀑布模型

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

圖4_27瀑布模型

修正瀑布模型

圖

4_28修正瀑布模型

4.3.2商務(wù)網(wǎng)站功能模塊劃分

模塊劃分理論基礎(chǔ)

（1）信息隱藏

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

（2) 內(nèi)聚與耦合

（3) 封閉—開放性

商務(wù)網(wǎng)站模塊化分

圖

4_29 商務(wù)網(wǎng)站功能模塊

4.4 網(wǎng)站組織和風(fēng)格設(shè)計

網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù)) 的一種方式, 是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET 上宣傳和反映企業(yè)形象和文化的重要窗口。

4.4.1網(wǎng)站的組織結(jié)構(gòu)設(shè)計

網(wǎng)站的結(jié)構(gòu)可以分為網(wǎng)站的物理結(jié)構(gòu)和邏輯結(jié)構(gòu)。兩者之間既有區(qū)別又有聯(lián)系，網(wǎng)站的物理結(jié)構(gòu)是指網(wǎng)站文件的物理存儲結(jié)構(gòu)，也就是網(wǎng)站文件在Web 服務(wù)器上的存儲方式。而邏輯結(jié)構(gòu)是指網(wǎng)站在運行時呈現(xiàn)出來的拓撲結(jié)構(gòu)，它是建立在網(wǎng)站物理結(jié)構(gòu)之上而又跨越物理結(jié)構(gòu)。

（1）網(wǎng)站的物理結(jié)構(gòu)

（2）網(wǎng)站的邏輯結(jié)構(gòu)

4.4.2 網(wǎng)站的風(fēng)格設(shè)計

網(wǎng)站的整體風(fēng)格沒有一個固定的模式可以參照和模仿，即使同一個主題，不同設(shè)計者設(shè)

《商務(wù)網(wǎng)站設(shè)計實用教程》教案 計的網(wǎng)站也會不同。風(fēng)格(style)是抽象的，是指網(wǎng)站的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI （標志，色彩，字體，標語），版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容價值，存在意義，站點榮譽等等諸多因素。舉個例子：們覺得網(wǎng)易是平易近人的，迪斯尼是生動活潑的，IBM 是專業(yè)嚴肅的。這些都是網(wǎng)站給人們留下的不同感受。

如何樹立網(wǎng)站風(fēng)格呢？我們可以分這樣幾個步驟：

? 第一，確信風(fēng)格是建立在有價值內(nèi)容之上的。一個網(wǎng)站有風(fēng)格而沒有內(nèi)容，就好比

繡花枕頭一包草，好比一個性格傲慢但卻目不識丁的人。你首先必須保證內(nèi)容的質(zhì)量和價值性。這是最基本的，無須置疑。

? 第二，你需要徹底搞清楚自己希望站點給人的印象是什么?？梢詮倪@幾方面來理清

思路：你可以自己先填寫一份答案，然后讓其他網(wǎng)友填寫。比較后的結(jié)果會告訴你：你網(wǎng)站現(xiàn)在的差距，弱點及需要改進的地方。

? 第三，在明確自己的網(wǎng)站印象后，開始努力建立和加強這種印象。經(jīng)過第二步印象

的的" 量化" 后，你需要進一步找出其中最有特色特點的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點強化，宣傳。例如：再次審查網(wǎng)站名稱，域名，欄目名稱是否符合這種個性，是否易記。審查網(wǎng)站標準色彩是否容易聯(lián)想到這種特色，是否能體現(xiàn)網(wǎng)站的性格等等。

具體的做法，沒有定式。這里提供一些參考：

? <1>將你的標志logo, 盡可能的出現(xiàn)在每個頁面上。或者頁眉，或者頁腳，或則背景。 ? <2>突出你的標準色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡

量使用與標準色彩一致的色彩。

? <3>突出你的標準字體。在關(guān)鍵的標題，菜單，圖片里使用統(tǒng)一的標準字體。

? <4>想一條朗朗上口宣傳標語。把它做在你的banner 里，或者放在醒目的位置，告

訴大家你的網(wǎng)站的特色是...

? <5>使用統(tǒng)一的語氣和人稱。即使是多個人合作維護，也要讓讀者覺得是同一個人

寫的。

? <6>使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。 ? <7>創(chuàng)造一個你的站點特有的符號或圖標。比如在一句鏈接前的一個點，可以使用,. 。

☆※○◇□△→（區(qū)位碼里自己參看）等等。雖然很簡單的一個變化，卻給人與眾不同的感覺。

《商務(wù)網(wǎng)站設(shè)計實用教程》教案

? <8>用自己設(shè)計的花邊，線條，點展示你網(wǎng)站的榮譽和成功作品。

? <9>告訴網(wǎng)友關(guān)于你的真實的故事和想法。

本章小結(jié)

網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù)) 的一種方式, 是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET 上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計顯得極為重要。

本章首先針對幾種常用的WEB 服務(wù)器，詳細說明其特點以及安裝和配置的方式。接著介紹了網(wǎng)站內(nèi)容設(shè)計的流程以及如何運用軟件工程方法進行網(wǎng)站的設(shè)計分析和常見商務(wù)網(wǎng)站的功能模塊劃分。最后介紹網(wǎng)站的組織結(jié)構(gòu)設(shè)機以及風(fēng)格設(shè)計。

作業(yè)及練習(xí)

1. 如何創(chuàng)建WEB 站點并對新建的WEB 站點進行設(shè)置？主要應(yīng)設(shè)置哪些內(nèi)容？

2. 什么是虛擬目錄？如何創(chuàng)建與配置虛擬目錄？

3. 簡述IIS5.0安全控制的各個方面，如何通過設(shè)置IP 地址限制、用戶身份驗證和WEB 服

務(wù)器訪問權(quán)限等來實現(xiàn)網(wǎng)站安全運行？

4. 商務(wù)網(wǎng)站內(nèi)容設(shè)計的基本原則？

5. 請舉例說明如何進行商務(wù)網(wǎng)站風(fēng)格的設(shè)計？

6. 請舉例說明一個電子商務(wù)網(wǎng)站功能模塊劃分的方法？