1、第二章 電子商務(wù)網(wǎng)站開發(fā)步驟,網(wǎng)站的設(shè)計(jì)與建設(shè)是需要一系列步驟來完成的，能否遵循網(wǎng)站的設(shè)計(jì)步驟直接影響一個(gè)網(wǎng)站質(zhì)量，也直接影響網(wǎng)站發(fā)布后是否能成功運(yùn)行。,2.1總體概述 2.2 網(wǎng)站的規(guī)劃與設(shè)計(jì) 2.3 站點(diǎn)建設(shè) 2.4 站點(diǎn)發(fā)布和網(wǎng)站的管理與維護(hù) 習(xí) 題,第二章 電子商務(wù)網(wǎng)站開發(fā)步驟,2.1總體概述,網(wǎng)站建設(shè)總的來說需要經(jīng)歷四個(gè)步驟，分別是網(wǎng)站的規(guī)劃與設(shè)計(jì)、站點(diǎn)建設(shè)、網(wǎng)站發(fā)布和網(wǎng)站的管理與維護(hù)，如圖2-1所示。,圖2-1 網(wǎng)站建設(shè)的步驟,網(wǎng)站的規(guī)劃與設(shè)計(jì)是網(wǎng)站建設(shè)的第一步。在這步中需要對(duì)網(wǎng)站進(jìn)行整體的分析，明確網(wǎng)站的建設(shè)目標(biāo)，確定網(wǎng)站的訪問對(duì)象、網(wǎng)站應(yīng)提供的內(nèi)容與服務(wù)及網(wǎng)站的域名，設(shè)計(jì)網(wǎng)站的

2、標(biāo)志、網(wǎng)站的風(fēng)格、網(wǎng)站的目錄結(jié)構(gòu)等各方面的內(nèi)容。這一步是網(wǎng)站建設(shè)成功與否的前提，因?yàn)樗械暮罄m(xù)步驟都必須按照第一步的規(guī)劃與設(shè)計(jì)來進(jìn)行實(shí)施。,網(wǎng)站的規(guī)劃與設(shè)計(jì)完成之后，接著進(jìn)入具體的站點(diǎn)建設(shè)步驟。這個(gè)步驟主要包括域名注冊(cè)、網(wǎng)站配置、網(wǎng)頁制作和網(wǎng)站測試四個(gè)部分。除了網(wǎng)站測試必須要在其他三項(xiàng)內(nèi)容開始之后才能進(jìn)行之外，域名注冊(cè)、網(wǎng)站配置和網(wǎng)頁制作相對(duì)獨(dú)立，可以同時(shí)進(jìn)行。 相關(guān)的內(nèi)容都建設(shè)好后，就可以正式地發(fā)布網(wǎng)站，也就是說將網(wǎng)站放到Internet上允許用戶通過網(wǎng)站的域名進(jìn)行訪問。,網(wǎng)站的管理與維護(hù)雖然是最后一個(gè)步驟，但實(shí)際上貫穿網(wǎng)站建設(shè)的全過程，只要網(wǎng)站沒有停止運(yùn)行，就需要對(duì)其進(jìn)行管理和維護(hù)，所以這

3、一步也是最為費(fèi)勁的一步。網(wǎng)站的管理和維護(hù)主要包括安全管理、性能管理和內(nèi)容管理三個(gè)方面。 另外從圖2-1也可以看到，網(wǎng)站建設(shè)是一個(gè)循環(huán)的過程，并不是說一次過后就結(jié)束了。它需要隨著需求的變化不斷地對(duì)網(wǎng)站進(jìn)行再次規(guī)劃與設(shè)計(jì)，進(jìn)而不斷地建設(shè)和發(fā)布新的內(nèi)容與服務(wù)，不斷地升級(jí)服務(wù)器和網(wǎng)絡(luò)環(huán)境以保障網(wǎng)站的運(yùn)行性能。,2.2 網(wǎng)站的規(guī)劃與設(shè)計(jì),在網(wǎng)站建設(shè)之前，需要對(duì)網(wǎng)站進(jìn)行一系列的分析和估計(jì)，然后根據(jù)分析的結(jié)果提出合理的建設(shè)方案，這就是網(wǎng)站的規(guī)劃與設(shè)計(jì)。網(wǎng)站的規(guī)劃與設(shè)計(jì)可分為網(wǎng)站定位、欄目規(guī)劃、目錄結(jié)構(gòu)設(shè)計(jì)、風(fēng)格設(shè)計(jì)、導(dǎo)航系統(tǒng)設(shè)計(jì)幾個(gè)環(huán)節(jié)。,2.2 網(wǎng)站的規(guī)劃與設(shè)計(jì),1 網(wǎng)站的定位 網(wǎng)站的定位就是確定網(wǎng)站的建

4、設(shè)目標(biāo)，它通常需要確定三個(gè)方面：網(wǎng)站的建設(shè)目的、網(wǎng)站的訪問對(duì)象和網(wǎng)站的內(nèi)容與服務(wù)。用更通俗的話來說，就是回答“為什么要建立這個(gè)網(wǎng)站?這個(gè)網(wǎng)站為誰服務(wù)?網(wǎng)站提供哪些方面的內(nèi)容和服務(wù)?”這三個(gè)問題。,不同性質(zhì)的站點(diǎn)有不同的建設(shè)目的，比如電子商務(wù)站點(diǎn)主要是為了在企業(yè)與企業(yè)、企業(yè)名。與個(gè)人消費(fèi)者之間建立更為直接和高效的商務(wù)通道；電子政務(wù)網(wǎng)站代表的是政府部門，所以主要是通過它來宣傳政府的形象、實(shí)現(xiàn)政務(wù)公開、向社會(huì)提供有價(jià)值的公益和導(dǎo)向信息，以及實(shí)現(xiàn)網(wǎng)上政務(wù)；而個(gè)人站點(diǎn)則主要是為了介紹個(gè)人的興趣愛好，通過共享信息來結(jié)識(shí)更多的朋友。,2、欄目規(guī)劃及其任務(wù) 欄目規(guī)劃的主要任務(wù)是對(duì)所收集的大量內(nèi)容進(jìn)行有效的篩選

5、，并將它們組織成一個(gè)合理的便于理解的邏輯結(jié)構(gòu)，即建立網(wǎng)站的邏輯結(jié)構(gòu)，在這其中不僅需要為整個(gè)網(wǎng)站建立層次型結(jié)構(gòu)，還需要為每一個(gè)欄目或者子欄目設(shè)計(jì)合理的邏輯結(jié)構(gòu)。除此之外，欄目規(guī)劃還需要確定哪些是重點(diǎn)欄目、哪些是需要實(shí)時(shí)更新的欄目、需要提供哪些功能性欄目等。,成功的欄目規(guī)劃不僅能給用戶的訪問帶來極大的便利，幫助用戶準(zhǔn)確地了解網(wǎng)站所提供的內(nèi)容和服務(wù)和快速地找到自己所感興趣的網(wǎng)頁，而且能幫助網(wǎng)站管理員對(duì)網(wǎng)站進(jìn)行更為高效的管理。,1)確定必需的欄目 欄目規(guī)劃的第一步就是要確定哪些是必需的欄目，這通常取決于網(wǎng)站的性質(zhì)。比如對(duì)于一個(gè)企業(yè)網(wǎng)站來說，公司簡介、產(chǎn)品介紹、服務(wù)內(nèi)容、聯(lián)系方式、技術(shù)支持等欄目是必不可

6、少的，而對(duì)于政府網(wǎng)站來說政務(wù)、政策法規(guī)、地方經(jīng)濟(jì)、百姓生活、觀光旅游等欄目都是必需的。個(gè)人網(wǎng)站相對(duì)來說比較隨意，往往取決于所收集的內(nèi)容，但個(gè)人簡介、個(gè)人收藏等欄目通常不能缺少。,除了內(nèi)容欄目之外，網(wǎng)站還應(yīng)該包含另外兩類欄目，分別是用戶指南類欄目和交互性欄目。用戶指南類欄目的目的是為了幫助用戶了解這個(gè)網(wǎng)站的背景、性質(zhì)、目的、功能及發(fā)展歷程，了解如何更好地對(duì)網(wǎng)站進(jìn)行訪問，了解網(wǎng)站建設(shè)的最新動(dòng)態(tài)。這類欄目通常以“幫助”、“關(guān)于網(wǎng)站”、“網(wǎng)站地圖”、“最新動(dòng)態(tài)”等名稱出現(xiàn)。,交互性欄目是能與用戶進(jìn)行雙向交流的欄目，通過它不僅可以解答用戶的疑問、了解用戶的需求，而且還可以獲得用戶對(duì)網(wǎng)站的建議和看法，讓用

7、戶與網(wǎng)站、用戶與用戶之間建立良好的溝通，以便更好地幫助網(wǎng)站的建設(shè)與發(fā)展。交互性欄目最常見的方式就是留言板。,2)確定重點(diǎn)欄目 在確定完需要設(shè)置哪些欄目之后，接著需要做的是從這些欄目中挑選出最為重要的幾個(gè)欄目然后對(duì)它們進(jìn)行更為詳細(xì)的規(guī)劃，這種選擇往往取決于網(wǎng)站的目的與功能。比如企業(yè)網(wǎng)站，其目的可能是為了更好地推銷自己的產(chǎn)品，所以產(chǎn)品介紹便是它的重點(diǎn)欄目。因此為了更好地介紹產(chǎn)品，它除了基本的產(chǎn)品介紹之外，可能還需要設(shè)立價(jià)格信息、網(wǎng)上定購、產(chǎn)品動(dòng)態(tài)等相關(guān)欄目。,3)建立層次型結(jié)構(gòu) 建立層次型結(jié)構(gòu)是一個(gè)遞進(jìn)的過程，即從上到下一級(jí)一級(jí)地確定每一層的欄目。首先是確定第一層，即網(wǎng)站所必需的欄目，然后對(duì)其中的

8、重點(diǎn)欄目進(jìn)行進(jìn)一步的規(guī)劃，確定它們所必需的子欄目，以此類推直至不需要再細(xì)分為止。將所有的欄目及其子欄目連在一起就形成了網(wǎng)站的層次型結(jié)構(gòu)。,1)線型結(jié)構(gòu) 線型結(jié)構(gòu)是最為簡單的邏輯結(jié)構(gòu)，如圖2-2所示，它將多個(gè)網(wǎng)頁按照一定的先后順序鏈接起來，使得用戶在沒有完成上一個(gè)網(wǎng)頁的訪問之前就無法進(jìn)入下一個(gè)網(wǎng)頁。,圖2-2 線性結(jié)構(gòu),2) 層次型結(jié)構(gòu) 相對(duì)于按先后順序組織而成的線型結(jié)構(gòu)，層次型結(jié)構(gòu)是按照網(wǎng)頁之間的包含關(guān)系組織而成。 層次型結(jié)構(gòu)簡單而且直觀，能將所有的內(nèi)容劃分得非常清晰且便于理解，所以幾乎所有的網(wǎng)站都采用這種結(jié)構(gòu)來進(jìn)行總體的欄目規(guī)劃，即將所有的內(nèi)容先分成若干個(gè)大欄目，然后再將每個(gè)大欄目細(xì)分成若干

9、小欄目，以此類推直到不用再細(xì)分為止。,層次型結(jié)構(gòu)也有不好的地方，就是用戶如果要訪問最底層的網(wǎng)頁就不得不按照層次從上到下一級(jí)一級(jí)地訪問，最終到達(dá)想要訪問的網(wǎng)頁。如果層次型結(jié)構(gòu)的層次很深，比如有五層或者六層，那么所帶來的麻煩就大大降低了層次型網(wǎng)絡(luò)所具有的優(yōu)點(diǎn)。又比如圖2-3所示的例子，用戶想從網(wǎng)頁A轉(zhuǎn)到網(wǎng)頁B，很可能不得不先從網(wǎng)頁A一級(jí)級(jí)地返回到網(wǎng)頁C，然后再一級(jí)一級(jí)地往下走直到網(wǎng)頁B。,圖2-3 層次型結(jié)構(gòu)說明圖,所以過深過于復(fù)雜的層次型結(jié)構(gòu)反而會(huì)帶來很多不良的影響，最好的深度就是三層，最多不要超過五層。另外，建立一個(gè)良好的導(dǎo)航系統(tǒng)也可以彌補(bǔ)層次型結(jié)構(gòu)這方面的缺點(diǎn)。,如圖2-4所示，網(wǎng)絡(luò)型結(jié)構(gòu)是

10、指多個(gè)網(wǎng)頁相互之間都超鏈接的一種結(jié)構(gòu)，這些網(wǎng)頁可以是層次結(jié)構(gòu)上的任意網(wǎng)頁，但是因?yàn)閷?dǎo)航的需要或者內(nèi)容上的相關(guān)性而鏈接在一起。,3) 網(wǎng)絡(luò)型結(jié)構(gòu),圖2-4 網(wǎng)絡(luò)型結(jié)構(gòu),網(wǎng)絡(luò)型結(jié)構(gòu)的實(shí)現(xiàn)就在于在所有相關(guān)的網(wǎng)頁上保留到其他網(wǎng)頁的超鏈接。這種結(jié)構(gòu)使用戶能更方便地在網(wǎng)站上游弋，但同時(shí)也帶來一個(gè)龐大超鏈接數(shù)的問題。我們可以簡單地計(jì)算一下，總的超鏈接數(shù)應(yīng)該等于網(wǎng)頁數(shù)乘以網(wǎng)頁數(shù)減一，所以三個(gè)網(wǎng)頁的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)為32=6，10個(gè)網(wǎng)頁的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)就到達(dá)lO9=99。 這么龐大的超鏈接數(shù)維護(hù)起來相當(dāng)麻煩，某個(gè)網(wǎng)頁的改動(dòng)(如改名、刪除、增加)就可能同時(shí)需要對(duì)所有的網(wǎng)頁進(jìn)行相應(yīng)的修改，這是誰都不愿

11、意做的事情，所以在網(wǎng)站中需要謹(jǐn)慎使用網(wǎng)絡(luò)型結(jié)構(gòu)。,4、網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì) 目錄結(jié)構(gòu)又稱為物理結(jié)構(gòu)，它的設(shè)計(jì)解決的是如何在硬盤上更好地存放包括網(wǎng)頁、圖片、Flash動(dòng)畫、JavaApplet、數(shù)據(jù)庫等各種資源在內(nèi)的所有網(wǎng)站資源。 目錄結(jié)構(gòu)是否合理，對(duì)網(wǎng)站的創(chuàng)建效率會(huì)產(chǎn)生較大的影響，但更主要的，會(huì)對(duì)未來網(wǎng)站的性能、網(wǎng)站的維護(hù)及擴(kuò)展產(chǎn)生很大的影響。,不建議將所有的網(wǎng)頁文件和資源文件都放在同一個(gè)目錄底下。當(dāng)文件一多時(shí)，www服務(wù)器的性能就會(huì)急劇下降，因?yàn)椴檎乙粋€(gè)網(wǎng)頁文件需要很長的時(shí)間，而且網(wǎng)站管理員在區(qū)分不同性質(zhì)的文件和查找某一個(gè)特定的文件時(shí)也會(huì)變得非常麻煩。 目錄結(jié)構(gòu)對(duì)用戶來說是不可見的，它只針對(duì)網(wǎng)站

12、管理員，所以它的設(shè)計(jì)是為了網(wǎng)站管理員能從文件的角度更好地管理網(wǎng)站的所有資源。,目錄結(jié)構(gòu)的設(shè)計(jì)通常需要遵循以下原則： 1) 不要將所有的文件都放在根目錄下 有的管理員為了圖方便，將所有的文件都放在根目錄下。正像前面剛提到的，這么做很容易造成文件管理混亂。而且當(dāng)文件很多時(shí)，會(huì)非常影響WWW服務(wù)器的索引速度。因?yàn)榉?wù)器通常需要為根目錄建立一個(gè)索引，而且每增加一個(gè)新的文件時(shí)都需要重新建立索引，所以很明顯，文件越多，建立索引的時(shí)間也就越長。,2) 根據(jù)欄目規(guī)劃來設(shè)計(jì)目錄結(jié)構(gòu) 一般情況下，可以按照網(wǎng)站的欄目規(guī)劃來設(shè)計(jì)目錄結(jié)構(gòu)，使兩者有一一對(duì)應(yīng)的關(guān)系。但是這么做，也會(huì)導(dǎo)致一個(gè)安全問題，就是訪問者很容易猜測出

13、網(wǎng)站的目錄結(jié)構(gòu)，也就容易對(duì)網(wǎng)站實(shí)施攻擊。所以在設(shè)計(jì)目錄結(jié)構(gòu)的時(shí)候，盡量避免目錄名和欄目名相一致，可以a的方式來提高目錄名的猜測難度。,3) 每個(gè)目錄下都建立獨(dú)立的images子目錄 將圖片及資源文件都放在一個(gè)獨(dú)立的images目錄下，可以使目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)頁都需要用到同一個(gè)圖片，比如網(wǎng)站標(biāo)志圖片，那么將這個(gè)圖片放到所有這些網(wǎng)頁共有的最高層目錄的images子目錄下。,4) 目錄的層次不要太深 5) 不要使用中文目錄名 因?yàn)槟愕恼军c(diǎn)是對(duì)Internet所有用戶開放的，所以你得考慮到使用非中文操作系統(tǒng)的客戶也能正常訪問你的站點(diǎn)。對(duì)于目錄名，最好都使用英文。,6) 可執(zhí)行文件和不可執(zhí)行文

14、件分開放置 將可執(zhí)行的動(dòng)態(tài)服務(wù)器網(wǎng)頁文件和不可執(zhí)行的靜態(tài)網(wǎng)頁文件與動(dòng)態(tài)網(wǎng)頁文件分別放在兩個(gè)目錄下，然后將存放可執(zhí)行網(wǎng)頁文件的目錄設(shè)為不可讀和執(zhí)行。這么做的好處就是可以避免動(dòng)態(tài)服務(wù)器網(wǎng)頁文件被讀取。,7) 數(shù)據(jù)庫文件單獨(dú)放置 數(shù)據(jù)庫文件因?yàn)榘踩枨蠛芨?，所以最好放置在HTTP所不能訪問到的目錄底下。這樣就可以避免惡意的用戶通過HTTP方式取到數(shù)據(jù)庫文件。,3風(fēng)格設(shè)計(jì)： 風(fēng)格設(shè)計(jì)包含很多內(nèi)容，為了體現(xiàn)個(gè)人風(fēng)格，符合網(wǎng)站的名稱和定位。下面我們?cè)谏蚀钆浜桶婷娌季址矫孀鲆恍┮?guī)劃和設(shè)計(jì)。,1) 色彩搭配 網(wǎng)站的色彩是最影響網(wǎng)站整體風(fēng)格的因素，也是站點(diǎn)美工設(shè)計(jì)中最令人頭疼的問題。許多網(wǎng)頁設(shè)計(jì)者都缺乏色彩搭

15、配的基本知識(shí)，所以在制作網(wǎng)頁之前往往有一個(gè)很好的想法，但是卻不知如何搭配網(wǎng)頁的顏色來表達(dá)預(yù)想的效果。因此，在介紹色彩搭配之前，先來看看色彩的基本知識(shí)。, 色彩的基本知識(shí) 在物理學(xué)中，顏色是因?yàn)楣獾恼凵涠a(chǎn)生的。顏色不同，光的波長也就不同。紅、綠、藍(lán)是自然界的三原色，它們不同程度的組合可以形成各種顏色。所以在網(wǎng)頁中，也就用它們的不同顏色值來表示各種顏色。 網(wǎng)頁中的顏色通常采用6位十六進(jìn)制的數(shù)值來表示，每兩位代表一種顏色，從左到右依次表示紅色、綠色和藍(lán)色。顏色,值越高表示這種顏色越深。比如紅色，其數(shù)值為“#FF0000”，白色為“#FFFFFF”，黑色為“#000000”。也可以采用三個(gè)以“，”相

16、隔的十進(jìn)制數(shù)來表示某一顏色，比如紅色，其十進(jìn)制表示為color(255，0，0)。 在傳統(tǒng)的色彩理論中，顏色一般分為彩色和非彩色(或稱為灰色)兩大色系。非彩色是指黑、白和所有灰色，彩色是指除非彩色外所有的顏色。在網(wǎng)頁中，如果三種顏色的數(shù)值相等，就顯示為灰色。,太陽光是彩色的，按顏色的色調(diào)通常將其劃分為七種顏色：紅、橙、黃、綠、青、藍(lán)、紫。如果將這七種顏色按這個(gè)順序漸變?yōu)橐粭l色帶的話，越靠近紅色，給人的感覺越溫暖，越靠近藍(lán)色和紫色，給人的感覺越寒冷。所以紅、橙、黃的組合又稱為暖色調(diào)，青、藍(lán)、紫的組合又稱為冷色調(diào)。 除了冷暖的差別外，不同的單個(gè)顏色也會(huì)給人帶來不同的感覺，通常：,紅色：是一種激奮的

17、色彩，給人以沖動(dòng)、憤怒、熱情和活力的感覺。 綠色：介于冷暖兩種色彩的中間，一顯得和睦、寧靜、健康、安全。它和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅、舒適的氣氛。 橙色：也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨和時(shí)尚的效果。 黃色：充滿快樂、希望、智慧和輕快，它也是最亮的一種顏色。,藍(lán)色：是最具涼爽、清新、專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣 (如天空的色彩)。 白色：給人以潔白、明快、純真和干凈的感覺。 黑色：通常是深沉、神秘、寂靜、悲哀和壓抑的代表。 灰色：具有中庸、平凡、溫和、謙讓、中立和高雅的感覺，它可以和任何一種顏色進(jìn)行搭配。,網(wǎng)站的色彩搭配 網(wǎng)站的色彩搭配通常分為兩個(gè)步驟

18、，那么第一步就是為整個(gè)網(wǎng)站選取一種主色調(diào)，然后再為主色調(diào)搭配多種適合的顏色。主色調(diào)指的是整個(gè)網(wǎng)站給人印象最深的顏色，或者說除白色之外用得最多的顏色。 正如前面所述，不同的顏色給人的感受是不一樣的，所以主色調(diào)選取的一個(gè)最基本的原則就是保證所選的顏色與網(wǎng)站的主題或者形象相符，進(jìn)一步地，能夠通過這種顏色加深用戶對(duì)網(wǎng)站的印象。,比如藍(lán)色是一種讓人感覺非常專業(yè)的顏色，所以許多高科技公司都喜歡使用藍(lán)色作為公司網(wǎng)站的顏色。最典型的當(dāng)數(shù)微軟公司(圖25，)，藍(lán)色極大地加強(qiáng)了人們對(duì)他們產(chǎn)品的信任感。又比如使用紅色的北京市政府網(wǎng)站(WWW)，是通過紅色來向人們傳達(dá)北京作為中國首都大氣和熱情的氣質(zhì)。IBM公司主頁（

19、WWW）就采用了黑色和藍(lán)色為主色調(diào)，如圖26所示。,圖2-5 微軟公司主頁,圖2-6 IBM公司主頁,企業(yè)在選取主色調(diào)的時(shí)候需要考慮符合企業(yè)自身的形象。 選好主色調(diào)之后，接下來要考慮的就是在什么地方使用主色調(diào)。從前面的幾個(gè)例子也可以看到，主色調(diào)最常表現(xiàn)在三個(gè)位置，首先是頭部，也就是網(wǎng)頁最上面的部分，通常包含導(dǎo)航條。頭部是最能體現(xiàn)主色調(diào)的地方，所以所有的網(wǎng)站都會(huì)在頭部表現(xiàn)主色調(diào)。,其次是欄目索引條上，欄目索引條雖然面積小，但是出現(xiàn)在網(wǎng)頁的各個(gè)部位，所以能非常有效地渲染主色調(diào)。最后是網(wǎng)頁上的文字，文字筆畫雖細(xì)，但大面積的文字也能很好地突出主色調(diào)。 接著要考慮的是別的地方使用什么顏色去搭配這種主色調(diào)

20、，比如背景色、文字顏色、導(dǎo)航條顏色、插圖顏色等都使用什么顏色。色彩搭配是一項(xiàng)非常精細(xì)的工作，因?yàn)橥粋€(gè)細(xì)節(jié)就會(huì)影響整個(gè)網(wǎng)頁的色彩均衡.,選取背景色 大多數(shù)的網(wǎng)站都會(huì)選取白色作為背景色。白色使得狹小的屏幕空間顯得很大，再多的信息在白色的背景下，其排放也可以顯得很整齊，其頁面也可以顯得非常干凈和整潔。,(2) 導(dǎo)航條的顏色 導(dǎo)航條是對(duì)網(wǎng)站欄目的一個(gè)索引，它通常以一個(gè)水平長條的形式出現(xiàn)在網(wǎng)頁頭部的下邊。導(dǎo)航條作為頭部的一部分，經(jīng)常采用主色調(diào)，另方面，導(dǎo)航條因?yàn)榻橛诰W(wǎng)頁的頭部和內(nèi)容部分的中間，所以也經(jīng)常作為頭部和內(nèi)容部分的過渡，這種情況下通常采用灰色系,(3) 欄目索引條的顏色 欄目索引條因?yàn)榉植荚?/p>

21、網(wǎng)頁的各個(gè)部位，所以經(jīng)常采用主色調(diào)中不同深度的顏色來烘托整體的效果。 (4) 文字的顏色 文字在一個(gè)網(wǎng)頁上是無處不在的，但是文字的筆畫比較單薄，所以文字通常用來進(jìn)一步突出主色調(diào)，或者用來過渡和緩解頁面的顏色。文字的顏色主要根據(jù)文字的背景色進(jìn)行搭配，它與背景色應(yīng)有較大的反差，如白底黑字、藍(lán)底白字等，以便能清楚得顯示文字。其次文字的顏色搭配還得兼顧文字周圍物體的顏色。,(5) 插圖的顏色 網(wǎng)頁的插圖通常尺寸都比較小，所以它的顏色可以絢麗、豐富一些，這樣一來可以使頁面變得活潑，二來可以點(diǎn)綴整個(gè)頁面。但是在選擇有背景的圖片時(shí)要特別小心，不要和網(wǎng)頁的背景色及圖所插區(qū)域的背景色相沖突。解決這個(gè)問題一般有兩

22、種方法，一種是采用可透明的GIF圖，另一種是將圖片的背景色做成和網(wǎng)頁背景色一樣的顏色。,2) 版面布局設(shè)計(jì) 報(bào)紙、雜志通常分為不同的版面，不同的版面需要不同的布局，比如報(bào)紙的頭版最為重要，它的布局通常都圍繞醒目的大標(biāo)題展開以吸引人們對(duì)它的注意，而其他版面以內(nèi)容為主，所以它們的布局相對(duì)簡單，通常都根據(jù)內(nèi)容文字的多少而自然分割。同報(bào)紙、雜志一樣，網(wǎng)站也分為很多不同的網(wǎng)頁，比如主頁、欄目首頁、內(nèi)容網(wǎng)頁等，,網(wǎng)站在版面布局上的一個(gè)特點(diǎn)，那就是從網(wǎng)站層次型結(jié)構(gòu)的頂層主頁到最底層的內(nèi)容網(wǎng)頁，版面布局不斷簡化。如果將這個(gè)特點(diǎn)反過來，便得到了網(wǎng)站在進(jìn)行版面布局設(shè)計(jì)時(shí)應(yīng)采用的原則，那就是首先對(duì)主頁進(jìn)行版面布局，

23、然后在主頁布局的基礎(chǔ)上對(duì)欄目首頁進(jìn)行版面布局，接著往下，最后對(duì)內(nèi)容網(wǎng)頁進(jìn)行版面布局。,第二步就是在網(wǎng)頁的不同區(qū)域上安排不同的內(nèi)容。不同的網(wǎng)頁內(nèi)容自然是不一樣的，所以在這里只是向大家介紹內(nèi)容編排上的一個(gè)基本知識(shí)，那就是人們?cè)跒g覽一個(gè)網(wǎng)頁的時(shí)候，通常會(huì)把第一眼停留在網(wǎng)頁的左上角或中間的地方(如圖2-7所示)，然后才會(huì)瀏覽其他部分。這個(gè)部分通常稱為焦點(diǎn)，所以在布局內(nèi)容的時(shí)候，應(yīng)該把最能傳達(dá)信息、最能吸引人的內(nèi)容放在這些地方，比如網(wǎng)站標(biāo)志和最新新聞。,圖2-7網(wǎng)頁設(shè)計(jì)重點(diǎn)區(qū)域, 版面布局的基本方法 熟悉網(wǎng)頁制作的人在拿到網(wǎng)頁的相關(guān)內(nèi)容后，也許很快就可以在腦子里形成大概的布局，并且可以直接用網(wǎng)頁制作工具

24、開始制作。但是對(duì)不熟悉網(wǎng)頁布局的人來說，這么做有相當(dāng)大的困難，所以這時(shí)，就需要借助于其他的方法來進(jìn)行網(wǎng)頁布局。,第一種方法是用手工的方式在紙上畫草圖，這種方法可以大概地描繪出網(wǎng)頁的框架，但是也只能到此為止，不能再進(jìn)行更細(xì)的工作，如配色、擺放文字和圖片等。 第二種方法是用專業(yè)制圖軟件來進(jìn)行布局，建議使用Photoshop。Photoshop是一個(gè)非常優(yōu)秀的圖片處理工具。用它可以像設(shè)計(jì)一幅圖片、一幅招貼畫、一幅廣告一樣去設(shè)計(jì)一個(gè)網(wǎng)頁的界面，然后再考慮如何用網(wǎng)頁制作工具去實(shí)現(xiàn)這個(gè)網(wǎng)頁。,2、網(wǎng)站的導(dǎo)航設(shè)計(jì) 在訪問網(wǎng)站的時(shí)候也一樣，用戶期望在任何一個(gè)網(wǎng)頁上都能清楚地知道目前所處的位置，并且能快速地從這

25、個(gè)網(wǎng)頁切換到另一網(wǎng)頁。因此網(wǎng)站導(dǎo)航對(duì)于一個(gè)網(wǎng)站來說非常的必要和重要，它是衡量一個(gè)網(wǎng)站是否優(yōu)秀的重要標(biāo)準(zhǔn)。,1)導(dǎo)航的實(shí)現(xiàn)方法 導(dǎo)航最常用的實(shí)現(xiàn)方法就是導(dǎo)航條。在導(dǎo)航條中，所有超鏈接所對(duì)應(yīng)的網(wǎng)頁在網(wǎng)站的層次型結(jié)構(gòu)中是并列的，所以通過它可以快速地切換到并列的其他網(wǎng)頁。比如圖2-8所示的新浪網(wǎng)首頁中就有很多導(dǎo)航條。首先是網(wǎng)站第一層分類欄目的導(dǎo)航條，這個(gè)導(dǎo)航條幾乎出現(xiàn)在新浪網(wǎng)的所有網(wǎng)頁中，所以在任何一個(gè)網(wǎng)頁通過它都可以立即跳轉(zhuǎn)到新聞、UC聊天、體育等各個(gè)欄目的首頁。,圖2-8新浪網(wǎng)導(dǎo)航條,幾乎在所有的網(wǎng)站上都可以找到類似的導(dǎo)航條，不同之處可能只在表現(xiàn)形式上。比如當(dāng)當(dāng)網(wǎng)的導(dǎo)航條采用類似圖片按鈕的形式，而

26、首都之窗網(wǎng)站、微軟公司網(wǎng)站、新浪網(wǎng)等的導(dǎo)航條則直接采用文字超鏈接的形式。,除了普通的導(dǎo)航條之外，導(dǎo)航另一種非常重要的實(shí)現(xiàn)方法是路徑導(dǎo)航，即在網(wǎng)頁上顯示這個(gè)網(wǎng)頁在網(wǎng)站層次型結(jié)構(gòu)上的位置。通過路徑導(dǎo)航，用戶不僅可以了解當(dāng)前所處的位置，還可以快速地返回到當(dāng)前網(wǎng)頁以上的任何一層網(wǎng)頁。 比如圖2-9所示的新浪網(wǎng)讀書欄目上就有路徑導(dǎo)航，從這個(gè)導(dǎo)航可以清楚地看到這個(gè)網(wǎng)頁歸屬于讀書欄目下的沈從文小說邊城子欄目，而且通過它還可以直接跳轉(zhuǎn)到新浪首頁、讀書欄目首頁。,圖2-9新浪網(wǎng)讀書欄目路徑導(dǎo)航條,除了上述兩種最為重要的實(shí)現(xiàn)方法之外，還有一些擴(kuò)展的實(shí)現(xiàn)方法，如重點(diǎn)導(dǎo)航、相關(guān)導(dǎo)航等，這些導(dǎo)航可以讓用戶有更多更靈活的

27、方式找到自己所感興趣的網(wǎng)頁。下面我們通過實(shí)際的例子來看看這些導(dǎo)航。比如新浪網(wǎng)在每一個(gè)新聞內(nèi)容網(wǎng)頁的底部都有一個(gè)區(qū)域，里邊羅列著與這個(gè)新聞相關(guān)的新聞網(wǎng)頁的超鏈接，如圖2-10所示，這就是相關(guān)導(dǎo)航。,圖2-10 相關(guān)導(dǎo)航舉例,2) 導(dǎo)航的設(shè)計(jì)策略 雖然導(dǎo)航有很多不同的實(shí)現(xiàn)方法，但是并不是所有的網(wǎng)站都需要使用這些方法，這通常取決于網(wǎng)站的規(guī)模。下面就是在設(shè)計(jì)網(wǎng)站導(dǎo)航時(shí)，可以采用的一些基本策略： (1) 首先，至少要使用一個(gè)一層欄目的導(dǎo)航條，如果欄目底下也有很多內(nèi)容，可以分為很多子類的話，那么可以進(jìn)一步設(shè)計(jì)欄目下的導(dǎo)航條。,(2) 其次，如果網(wǎng)站的層次很深，比如三層以上(主頁作為第一層)，最好使用路徑導(dǎo)

28、航。路徑導(dǎo)航可以從第三層以下的網(wǎng)頁開始出現(xiàn)。如果網(wǎng)站的層次只有兩層或者三層，那么不是特別需要路徑導(dǎo)航。 (3) 其他導(dǎo)航方式作為輔助的導(dǎo)航手段，視實(shí)際需要而定。,網(wǎng)站設(shè)計(jì)需要注意的其他問題,網(wǎng)頁長度不要超過三屏，否則使網(wǎng)頁下載速度過慢。 網(wǎng)頁中的圖像單張不要超過30KB，整頁不要超過60KB，若不得不使用大的圖片，可將其切割再使用。 正確選擇圖片格式，網(wǎng)上常用的圖片格式是GIF、JPEG或PNG，分辨率一般是72像素/英寸。,網(wǎng)站設(shè)計(jì)需要注意的其他問題,由于動(dòng)畫容量是圖像的幾十倍，所以在一個(gè)網(wǎng)頁中動(dòng)畫一般要少于三個(gè)，并且每個(gè)動(dòng)畫大小要控制在15KB以內(nèi)。 不要使用三種以上或太大、太小的字體，正

29、文字體一般可設(shè)置為9pt。 不要使用不常用的字體，若需要可考慮制作為圖片。,網(wǎng)站設(shè)計(jì)需要注意的其他問題,盡量使用相對(duì)的超級(jí)鏈接。 為圖片添加文字說明。 因?yàn)檫\(yùn)行速度較慢，所以Java程序少用為宜。,2.3 站點(diǎn)建設(shè),在網(wǎng)站的規(guī)劃與設(shè)計(jì)完成之后，就可以著手進(jìn)行站點(diǎn)的建設(shè)工作了。正如圖21所示的，站點(diǎn)建設(shè)又分為四個(gè)部分，分別為域名注冊(cè)、網(wǎng)站平臺(tái)配置、網(wǎng)頁制作和網(wǎng)站測試。,（一）域名注冊(cè) 域名注冊(cè)是將網(wǎng)站的域名合法化以便用戶能通過這個(gè)域名訪問你的網(wǎng)站。注冊(cè)完之后別人就不能再次使用相同的域名來進(jìn)行注冊(cè)。,企業(yè)選擇域名的策略 企業(yè)的發(fā)展規(guī)模及其商業(yè)范疇 公司、企業(yè)、組織的性質(zhì)或信息內(nèi)容的性質(zhì) 簡潔、易記

30、、標(biāo)識(shí)性強(qiáng)，具有一定的內(nèi)涵。 域名的注冊(cè)還應(yīng)注意域名搶注與域名沖突的問題,例子: 比如說“江蘇復(fù)興塑料機(jī)械廠”，企業(yè)通常會(huì)購買類似之類的域名，其實(shí)最好的域名可以是http:/www.fuxin- ， 這樣采購商可以從域名了解到該廠叫Fuxin， 生產(chǎn)與塑料行業(yè)有關(guān)的產(chǎn)品。,確定好網(wǎng)站的域名之后，還需要經(jīng)過注冊(cè)才能使這個(gè)域名真正有效。注冊(cè)域名可以到域名管理中心或其授權(quán)的公司進(jìn)行辦理。中國的域名管理中心是中國互聯(lián)網(wǎng)絡(luò)信息中心CNNIC( 商務(wù)中國 新網(wǎng)數(shù)碼中資源廣東時(shí)代互聯(lián))進(jìn)行域名的注冊(cè).,（二）網(wǎng)站平臺(tái)配置 網(wǎng)站配置首先要做的就是為網(wǎng)站選擇合適的發(fā)布平臺(tái)，即選擇適合網(wǎng)站規(guī)模的各種軟硬件資源，包

31、括確定服務(wù)器解決方案,確定軟件平臺(tái)等。,服務(wù)器解決方案： 自建服務(wù)器：易于控制，安全。但需要申請(qǐng)專線接入。適用于處理敏感數(shù)據(jù)的站點(diǎn)，例如電子商務(wù)站點(diǎn)。 托管服務(wù)器：將自己的服務(wù)器放到高帶寬入網(wǎng)（100M以上）的電信局或?qū)ｉT的數(shù)據(jù)中心，通過撥號(hào)、ISDN、DDN等低速線路遠(yuǎn)程維護(hù)。ISP提供優(yōu)越的機(jī)架空間、網(wǎng)絡(luò)安全防護(hù)、UPS供電、恒溫恒濕環(huán)境及防火設(shè)施等。收費(fèi)按占用的機(jī)架空間和接入帶寬計(jì)算。適用于中、大規(guī)模的網(wǎng)站，許多大型網(wǎng)站就是以此形式建立站點(diǎn)及鏡像站點(diǎn)的。 租用服務(wù)器：與托管服務(wù)器相似，只是主機(jī)不是自己的。,虛擬主機(jī)：在同一計(jì)算機(jī)硬件、同一操作系統(tǒng)上，可以建立多個(gè)Web站點(diǎn)，每一個(gè)站點(diǎn)在訪

32、問者看來好像是在一個(gè)獨(dú)立的主機(jī)硬件上，這樣的Web站點(diǎn)稱為虛擬主機(jī)。每一個(gè)虛擬主機(jī)具有獨(dú)立的域名，可以共享一個(gè)IP地址，也可以具有獨(dú)立的IP地址，能提供完整的Internet服務(wù)（包括WWW、FTP、Email等），缺點(diǎn)是不能支持高訪問量、遠(yuǎn)程管理權(quán)限有限、軟件安裝不方便。適用于小企業(yè)做產(chǎn)品宣傳和業(yè)余愛好者發(fā)布數(shù)據(jù)。,安置自己的服務(wù)器,實(shí)現(xiàn)連接：與internet連接的方式有以下幾種： 撥號(hào)接入： 56Kbps ISDN接入：128Kbps DDN 接入： 64Kbps-2Mbps ADSL接入：ADSL是Asymmetric Digital Subscriber Line（非對(duì)稱數(shù)字訂戶線路

33、）的縮寫，ADSL使用電話線路，信號(hào)不通過電話交換機(jī)設(shè)備，不需要撥號(hào)，一直在線，上行速率512Kbps-1.5Mbps，下行速率1.5Mbps-8Mbps，有效傳輸距離在35公里以內(nèi)。 T1接入：1.544Mbps；T3接入：44.736Mbps OC接入：OC是Optical Carrier（光纜）的縮寫。OC-1：51.84Mbps；OC-48：2.488Gbps,選擇配置合適的服務(wù)器,帶寬估算： 統(tǒng)計(jì)Web Server日志文件中HTTP操作紀(jì)錄的總行數(shù)。 確定日志文件運(yùn)行的天數(shù)。 將總行數(shù)除以天數(shù)，得到每天操作次數(shù)。 將每天操作次數(shù)除以86400秒（一天的秒數(shù)），得到每秒操作次數(shù)。 將

34、每秒操作次數(shù)乘以3，得到每秒峰值操作次數(shù)。 將128Kbps乘以每秒峰值操作次數(shù)，得到所需的帶寬。128Kbps是個(gè)經(jīng)驗(yàn)值。,服務(wù)器性能： 對(duì)做Web服務(wù)器的主機(jī)，服務(wù)速度主要取決于CPU、內(nèi)存、網(wǎng)絡(luò)I/O和磁盤I/O。 為提高Web服務(wù)器的性能，開發(fā)服務(wù)、搜索引擎服務(wù)、數(shù)據(jù)庫服務(wù)應(yīng)另建服務(wù)器，不要建在同一個(gè)主機(jī)上。因?yàn)檫@些服務(wù)要占用大量的CPU資源和內(nèi)存資源，削弱Web服務(wù)的能力。,集群（Cluster）：一組被稱為節(jié)點(diǎn)的計(jì)算機(jī)，通過網(wǎng)絡(luò)和軟件結(jié)合在一起，通過負(fù)載均衡和失效接管來向客戶端提供一個(gè)單一的、可持續(xù)工作的服務(wù)系統(tǒng)，也可以不停機(jī)更新個(gè)別節(jié)點(diǎn)。它將可用性提升至99.99%。 對(duì)于需要幾

35、百兆高帶寬接入的大型網(wǎng)站，需要多臺(tái)服務(wù)器組成集群系統(tǒng)提供均載服務(wù)，同時(shí)也可以避免單點(diǎn)故障。 有時(shí)還需要在多個(gè)廣域網(wǎng)內(nèi)做鏡像站點(diǎn)，并將同一域名解析到多個(gè)IP，將用戶路由到最快的站點(diǎn)。,例如： 一個(gè)站點(diǎn)30天內(nèi)的點(diǎn)擊次數(shù)為15000次。 則每天操作次數(shù)為500次， 每秒操作次數(shù)為0.006次/秒， 每秒峰值操作次數(shù)為0.018次/秒， 所需帶寬為128Kbps*0.018=2.3Kbps。,確定服務(wù)器解決方案,購買服務(wù)器，建立獨(dú)立的電子商務(wù)站點(diǎn) 成本較高 適合對(duì)信息量和網(wǎng)站功能要求較高的大中型企業(yè),租用虛擬主機(jī),虛擬主機(jī)是使用計(jì)算機(jī)軟件技術(shù)，把一臺(tái)運(yùn)行在Internet上的服務(wù)器主機(jī)分隔成多臺(tái)“虛

36、擬”主機(jī)，每一臺(tái)虛擬主機(jī)都各自具有獨(dú)立的域名和IP地址，具有比較完善的Internet服務(wù)器功能。,租用虛擬主機(jī),虛擬主機(jī)就是由很多人一起租用一臺(tái)服務(wù)器。,優(yōu)點(diǎn)：采用虛擬主機(jī)技術(shù)的用戶只需對(duì)自己的信息進(jìn)行遠(yuǎn)程維護(hù)，而無需對(duì)硬件、操作系統(tǒng)及通信線路進(jìn)行維護(hù)。因此虛擬主機(jī)技術(shù)可以為廣大中小型企業(yè)或初次建立網(wǎng)站的企業(yè)節(jié)省大量人力物力及一系列煩瑣的工作，是企業(yè)發(fā)布信息較好的方式。 特點(diǎn)：采用虛擬主機(jī)方式建立電子商務(wù)網(wǎng)站具有投資小、建立速度快、安全可靠、無需軟硬件配置及投資、無需擁有技術(shù)支持等特點(diǎn)。,虛擬主機(jī)服務(wù)內(nèi)容,選擇虛擬主機(jī)主要考慮以下幾點(diǎn)服務(wù)內(nèi)容： (1)存儲(chǔ)空間：越大越好；(2)電子郵件：提供

37、的電子郵箱個(gè)數(shù)；(3)網(wǎng)頁制作；(4)IP地址：提供獨(dú)立的IP地址，并支持多個(gè)域名指向同一個(gè)IP地址；(5)文件傳輸（FTP）：支持網(wǎng)頁上傳;（6）時(shí)間：提供不間斷服務(wù)的時(shí)間;(7)速度：重點(diǎn)考慮網(wǎng)絡(luò)帶寬問題。,服務(wù)器托管（主機(jī)托管）,主機(jī)托管就是客戶把屬于自己的一臺(tái)服務(wù)器放置在某個(gè)經(jīng)營“整機(jī)托管”業(yè)務(wù)網(wǎng)站的數(shù)據(jù)中心的機(jī)房里，由網(wǎng)站機(jī)房的技術(shù)人員對(duì)服務(wù)器進(jìn)行管理和維護(hù)。 自建網(wǎng)站機(jī)房和整機(jī)托管的比較 自建機(jī)房成本大：技術(shù)人員、軟硬件、維護(hù)費(fèi)、線路通信服務(wù)費(fèi) 整機(jī)托管更經(jīng)濟(jì)、快捷且實(shí)用：遠(yuǎn)程控制、客戶機(jī)/服務(wù)器 兩者相比，整機(jī)租用在成本和服務(wù)方面有優(yōu)勢。,服務(wù)器托管（主機(jī)托管）,服務(wù)器托管（主機(jī)

38、托管）,服務(wù)器托管具有以下特點(diǎn)：（1）靈活：系統(tǒng)資源、軟件和服務(wù)不受限制；（2）穩(wěn)定：不受其他用戶的牽連；(3)安全；(4)快捷。 主機(jī)托管服務(wù)選擇時(shí)應(yīng)考慮以下因素： (1)可靠性因素 (2)安全因素 (3)功能需求因素,91,案例：上海電信IDC,92,案例：上海電信IDC的虛擬主機(jī)服務(wù),虛擬主機(jī)名稱 空間大小 價(jià)格(/年) 入門型 入門一型HTML 50M 400元 入門二型HTML 100M 600元 電信基礎(chǔ)型 電信基礎(chǔ)型ASP 100M 800元 電信基礎(chǔ)型.NET 100M 1000元 電信基礎(chǔ)型PHP 100M 1000元 電信基礎(chǔ)型JAVA 100M 1000元,93,案例：上

39、海電信IDC的虛擬主機(jī)服務(wù),94,案例：上海電信IDC的增值服務(wù),軟件平臺(tái),操作系統(tǒng)軟件 UNIX操作系統(tǒng)：技術(shù)成熟、開放性好、可靠性高、網(wǎng)絡(luò)功能強(qiáng)大。 Linux操作系統(tǒng)：免費(fèi)的操作系統(tǒng) Windows2000操作系統(tǒng)：,Unix、Linux 和 Windows,WEB服務(wù)器軟件 選用WEB服務(wù)器軟件時(shí)的參考的性能參數(shù)： 相應(yīng)能力：WEB服務(wù)器對(duì)多個(gè)用戶瀏覽信息的相應(yīng)速度。 與后端服務(wù)器的集成 管理的難易程度：管理Web服務(wù)器；利用Web界面進(jìn)行網(wǎng)絡(luò)管理 信息開發(fā)的難易程度： 穩(wěn)定性 可靠性 安全性：是否泄密；防止黑客的攻擊 與其他系統(tǒng)的搭配：Windows 2000+IIS+ASP+SQL

40、SERVE; Linux+apache+PHP+MYSQL,數(shù)據(jù)庫軟件 關(guān)系型數(shù)據(jù)庫 面向?qū)ο?DB2，Oracle，Sybase，MS SQL Server，MySQL,（三）網(wǎng)頁制作技術(shù) 網(wǎng)頁制作指的就是使用網(wǎng)頁制作工具來制作每一個(gè)網(wǎng)頁。網(wǎng)頁文件是一種特殊的文本文件，所以它的制作工具非常廣泛，比如記事本、Ultraedit、Word等都可以用來制作一個(gè)網(wǎng)頁。但是最為主要的還是使用專用的網(wǎng)頁制作工具，其中最為主流的是Macromedia公司開發(fā)的Dreamweaver系列和微軟公司開發(fā)的FrontPage。,網(wǎng)頁制作通常需要用到很多網(wǎng)頁制作技術(shù)，總的來說分為三類：靜態(tài)網(wǎng)頁技術(shù)、動(dòng)態(tài)網(wǎng)頁技術(shù)和

41、動(dòng)態(tài)服務(wù)器網(wǎng)頁技術(shù)。 靜態(tài)網(wǎng)頁技術(shù)指的就是：HTML(HyperText Markup Language)技術(shù)，即超文本標(biāo)記語言技術(shù)。HTML是網(wǎng)頁的基本語言，也是其他網(wǎng)頁制作技術(shù)的基礎(chǔ)，所以如果要學(xué)習(xí)如何做網(wǎng)頁，那么首先就必須從HTMI開始學(xué)起。,動(dòng)態(tài)網(wǎng)頁技術(shù)就是我們常說的DHTML技術(shù)。DHTML是一種在網(wǎng)頁下載到瀏覽器以后仍然能夠控制網(wǎng)頁中各個(gè)HTML元素，使其隨時(shí)變換的HTML。通過這種變換能使網(wǎng)頁產(chǎn)生各種特殊的效果，比如當(dāng)鼠標(biāo)移至某段文字上時(shí)能彈出一個(gè)快捷菜單，又比如一個(gè)圖片能慢慢顯現(xiàn)出來等。DHTML在實(shí)現(xiàn)時(shí)并不是獨(dú)立的，它通常需要和腳本語言(Javagcript、VaScript

42、和JScript)、層疊樣式表(CSS)及層技術(shù)組合在一起使用。,動(dòng)態(tài)服務(wù)器網(wǎng)頁技術(shù)指的是作用于WWW服務(wù)器端的動(dòng)態(tài)網(wǎng)頁技術(shù)，而上面所說的動(dòng)態(tài)網(wǎng)頁技術(shù)作用于客戶端，即瀏覽器。動(dòng)態(tài)服務(wù)器網(wǎng)頁技術(shù)不是一種產(chǎn)生變形、消失、變色等動(dòng)畫效果的技術(shù)，而是一種動(dòng)態(tài)生成網(wǎng)頁的技術(shù)。在這種技術(shù)的支持下，靜態(tài)的HTML網(wǎng)頁由動(dòng)態(tài)網(wǎng)頁所替代，網(wǎng)頁的數(shù)據(jù)存放在數(shù)據(jù)庫中。當(dāng)用戶訪問這個(gè)網(wǎng)頁時(shí)，動(dòng)態(tài)網(wǎng)頁才從數(shù)據(jù)庫中取出相應(yīng)的數(shù)據(jù)并放在指定的位置，并形成一個(gè)新的HTML網(wǎng)頁。,（四）網(wǎng)站測試 在所有網(wǎng)頁都制作完成之后，在正式對(duì)外發(fā)布網(wǎng)站之前，還有一步非常重要的工作就是網(wǎng)站測試。網(wǎng)站測試的目的就是為了保證在網(wǎng)站發(fā)布之后所有的

43、用戶都能正常地瀏覽網(wǎng)頁和使用所提供的服務(wù)。 在圖211中顯示了網(wǎng)站測試所要進(jìn)行的工作，通常包括五個(gè)方面：功能測試、性能測試、可用性測試、客戶端兼容性測試和安全性測試。,圖2-11 網(wǎng)站測試,1、功能測試 功能測試的任務(wù)是測試網(wǎng)站能否正常運(yùn)行，其、測試的對(duì)象包括超鏈接、表單、Cookies、網(wǎng)頁編程語言及數(shù)據(jù)庫。超鏈接的測試可以分為三個(gè)方面，首先是測試所有的超鏈接是否都按指示的那樣確實(shí)鏈接到了該鏈接的網(wǎng)頁；其次是測試每一個(gè)超鏈接所鏈接的網(wǎng)頁是否存在；最后是測試網(wǎng)站上是否有孤立的網(wǎng)頁，即沒有其他網(wǎng)頁的超鏈接指向這個(gè)網(wǎng)頁。很多工具都能對(duì)超鏈接進(jìn)行自動(dòng)的測試，比如Macromedia公司的Dreamw

44、eaver。,表單測試需要測試的是表單提交內(nèi)容的正確性和提交過程操作的完整性。比如用戶在表單上填寫了1800年的出生年份顯然就不正確，又比如用戶在正確填寫完所有信息，可提交之后仍得到錯(cuò)誤提示，這很可能是表單在提交過程中出現(xiàn)了問題。 Cookies也是現(xiàn)在很多網(wǎng)站用來在客戶端存儲(chǔ)信息的手段，但是用戶卻可以對(duì)Cookies的使用進(jìn)行限制，比如禁止Cookies使用，所以需要進(jìn)行Cookies測試，測試Coookies是否起作用，是否按預(yù)定的時(shí)間保存信息，刷新對(duì)Cookies有什么影響等。,無論是HTML、JavaScript、VBScript，還是用于編寫Java Applet、ActiveX等控

45、件的Java、VC，都經(jīng)歷了很多版本。不同的版本可能要求不同的運(yùn)行環(huán)境，所以對(duì)這些編程語言的檢查也不可忽略。 數(shù)據(jù)庫也是經(jīng)常導(dǎo)致網(wǎng)頁錯(cuò)誤的重要因素，比如所提交的數(shù)據(jù)與數(shù)據(jù)庫所要求的數(shù)據(jù)不符而導(dǎo)致發(fā)生數(shù)據(jù)一致性錯(cuò)誤，又比如動(dòng)態(tài)網(wǎng)頁要求讀取數(shù)據(jù)庫中根本不存在的表或者表中的某個(gè)字段，從而導(dǎo)致網(wǎng)頁輸出錯(cuò)誤。所以也非常需要對(duì)數(shù)據(jù)庫進(jìn)行系統(tǒng)的測試，保證對(duì)數(shù)據(jù)庫的各項(xiàng)操作無誤。,2、性能測試 性能測試是為了讓用戶能更好地訪問網(wǎng)站，它通常分為連接速度測試、穩(wěn)定性測試、負(fù)載測試和壓力測試三個(gè)方面。因?yàn)椴煌挠脩魰?huì)使用不同的接入方式，比如有的撥號(hào)上網(wǎng)，有的使用ADSL寬帶上網(wǎng)，不同的接入方式就有不同的接入帶寬，所

46、以連接速度測試就是要保證各種接入方式都盡可能流暢地訪問網(wǎng)站。比如有些網(wǎng)頁設(shè)置了超時(shí)限制，如果用戶的連接速度太慢，那么很可能還沒打開一幅圖片就停止顯示了。,穩(wěn)定性測試是指網(wǎng)站在運(yùn)行中整個(gè)系統(tǒng)是否能正常運(yùn)行，能否保持長時(shí)間的穩(wěn)定運(yùn)行等。因?yàn)楦鞣N實(shí)際情況無法預(yù)測，所以穩(wěn)定性測試最好的方法就是讓服務(wù)器保持一段較長時(shí)間的運(yùn)行。,負(fù)載測試是為了測試網(wǎng)站在特定的負(fù)載級(jí)別上的運(yùn)行性能，它需要解決的問題通常包括網(wǎng)站能容納多少用戶同時(shí)訪問?如果超過這個(gè)數(shù)量會(huì)出現(xiàn)什么情況?如何處理多個(gè)用戶同時(shí)訪問一個(gè)網(wǎng)頁或使用同一功能可能產(chǎn)生的問題? 相對(duì)于負(fù)載測試，壓力測試更像是惡意測試，也就是說站在破壞者的角度測試系統(tǒng)的限制和

47、故障恢復(fù)能力。具體地說，就是測試系統(tǒng)會(huì)不會(huì)崩潰?在什么情況下崩潰?崩潰后能不能自動(dòng)恢復(fù)等。,3、可用性測試 可用性測試也稱為易用性測試，也就是從用戶的角度來測試網(wǎng)站是否便于訪問、操作起來是否方便、網(wǎng)上的內(nèi)容與文字是否正確、視覺感覺是否舒適等?？捎眯詼y試通常分為導(dǎo)航測試、內(nèi)容測試和界面測試三個(gè)方面。,導(dǎo)航測試是為了讓用戶能以最快的速度找到自己所感興趣的網(wǎng)頁，所以導(dǎo)航測試就是看網(wǎng)站的導(dǎo)航是否達(dá)到了：這個(gè)目的。導(dǎo)航測試最好的方式就是讓用戶來幫助進(jìn)行測試。 內(nèi)容測試是檢驗(yàn)網(wǎng)頁上內(nèi)容的正確性、準(zhǔn)確性和相關(guān)性，因?yàn)閺乃占降男畔⒑芸赡苡泻芏噱e(cuò)別字或者有誤導(dǎo)民眾的錯(cuò)誤信息。另外，因?yàn)檎`操作也很可能把不相關(guān)

48、的信息放到了同一個(gè)網(wǎng)頁上。內(nèi)容檢測就是要找出這些錯(cuò)誤并對(duì)其進(jìn)行糾正。,界面測試主要是從視覺、聽覺及交互的角度來測試網(wǎng)站給人的整體感覺是否舒適。比如檢測整體的風(fēng)格看起來是否統(tǒng)一、背景音樂是否合適、按鈕等控件操作起來是否簡單等。 4、客戶端兼容性測試 不同的用戶可能具有不同的客戶端配置，比如使用不同的瀏覽器，使用不同的屏幕分辨率，使用不同的操作系統(tǒng)等。不同的客戶端對(duì)網(wǎng)頁的支持程度不同，所以客戶端兼容測試要做的就是測試網(wǎng)站在各種不同的客戶端下能否被正常訪問。,5、安全性測試 網(wǎng)絡(luò)安全問題日益嚴(yán)重，針對(duì)網(wǎng)站的攻擊也越來越多，所以為了防止惡意的或者惡作劇的攻擊給網(wǎng)站造成的嚴(yán)重影響，必須非常嚴(yán)格地進(jìn)行安全

49、性測試。 安全性測試通常需要對(duì)數(shù)據(jù)、數(shù)據(jù)的傳輸、接口及系統(tǒng)的安全性進(jìn)行測試。網(wǎng)站總會(huì)有很多敏感的信息，比如用戶帳號(hào)和密碼、網(wǎng)站的日志文件、機(jī)密信息等，,這些信息如果暴露在因特網(wǎng)上，被一些不良分子輕易獲得并加以利用，將產(chǎn)生非常嚴(yán)重的后果，所以必須從各種不同的角度來測試這些數(shù)據(jù)的安全性。 對(duì)于某些網(wǎng)站，比如電子商務(wù)網(wǎng)站，在進(jìn)行某些商務(wù)活動(dòng)的時(shí)候可能需要與用戶之間傳送非常機(jī)密的信息，比如銀行賬號(hào)和密碼，所以這時(shí)就必須考慮信息在傳輸過程中不會(huì)被竊取，或者即使被竊取了也無法被破譯出真實(shí)的信息。數(shù)據(jù)傳輸?shù)陌踩詼y試就是為了測試這些方面的內(nèi)容。,表單的出現(xiàn)為用戶提供了更多的交互，用戶可以通過表單將信息提交到

50、網(wǎng)站上?？墒沁@也引出了一個(gè)潛在的安全問題，那就是有些惡意的用戶恰好利用這一點(diǎn)將非法的數(shù)據(jù)，一般是腳本代碼提交到網(wǎng)站上，如果網(wǎng)站無意中執(zhí)行了這些代碼就很可能引發(fā)嚴(yán)重的后果。所以對(duì)所有提供交互的接口都需要進(jìn)行特定的安全測試。,2.4 站點(diǎn)發(fā)布和網(wǎng)站 的管理與維護(hù),當(dāng)網(wǎng)頁基本制作完畢、網(wǎng)站測試基本通過之后，即可發(fā)布網(wǎng)站，以便讓所有的因特網(wǎng)用戶都能通過因特網(wǎng)訪問這個(gè)網(wǎng)站。網(wǎng)站發(fā)布最基本的工作就是將你的網(wǎng)頁傳送到WWW服務(wù)器之上，最常用的方式就是使用FTP。另外有些強(qiáng)大的網(wǎng)頁制作工具也具有網(wǎng)頁發(fā)布的功能，比如微軟公司的FrontPage和Macromedia公司的Dreamweaver。,網(wǎng)站管理和維護(hù)

51、是一項(xiàng)非常繁重的工作，雖然圖21將其放在最后一個(gè)步驟，但實(shí)際上，從網(wǎng)站建立開始一直到網(wǎng)站停止運(yùn)行，網(wǎng)站韻管理和維護(hù)就需要_直進(jìn)行。網(wǎng)站建設(shè)得是否合理往往會(huì)對(duì)網(wǎng)站的管理和維護(hù)產(chǎn)生非常大的影響，網(wǎng)站建設(shè)得好，那么管理和維護(hù)起來會(huì)非常簡單，網(wǎng)站建設(shè)得不好，那管理和維護(hù)起來就非常非常麻煩且浪費(fèi)時(shí)間。,網(wǎng)站的管理和維護(hù)，其目的只有一個(gè)，就是為了保證網(wǎng)站的正常運(yùn)行。管理和維護(hù)的內(nèi)容主要分為三個(gè)方面：安全管理、性能管理和內(nèi)容管理。圖212很好地描述了這三方面管理之聞的關(guān)系。從這個(gè)圖中可以看出，安全管理是基礎(chǔ)也是關(guān)鍵，它貫穿整個(gè)網(wǎng)站，從最底層的硬件到最高層的網(wǎng)頁，每一個(gè)環(huán)節(jié)都離不開安全管理。性能管理是內(nèi)容管理

52、的前提，只有整個(gè)網(wǎng)站系統(tǒng)穩(wěn)定高效的前提下才能更好地對(duì)內(nèi)容進(jìn)行管理和維護(hù)。,圖212 網(wǎng)站的管理與維護(hù),(1)安全管理 安全一直是困擾因特網(wǎng)發(fā)展的重要問題，即使是普通的因特網(wǎng)用戶也避免不了惡作劇的網(wǎng)絡(luò)攻擊，更何況是向所有因特網(wǎng)用戶開放的網(wǎng)站。如果受到攻擊，數(shù)據(jù)受到破壞，就很可能會(huì)造成難以估計(jì)的損失。比如2001年7月4日微軟的MSN網(wǎng)站出現(xiàn)故障，到7月6日不過兩天的時(shí)間就有近3000萬的用戶受到不同程度的影響，其造成的損失程度可想而知。,安全問題存在于從硬件到軟件的各個(gè)環(huán)節(jié)，所以它的管理非常得困難。在這里，我們簡單介紹其中的六個(gè)方面：操作系統(tǒng)的安全管理、WWW服務(wù)器軟件的安全管理、腳本語言的安全

53、管理、網(wǎng)上信息傳輸?shù)陌踩芾怼?shù)據(jù)庫的安全管理和人員的安全管理。,首先是操作系統(tǒng)的安全管理。任何操作系統(tǒng)都不是十全十美的，總是存在很多安全漏洞，不斷被暴露出來。比如Windows NT對(duì)較大的ICMP包是非常脆弱，如果發(fā)一條Ping命令，指定包的大小為64KB，NT的TCP/IP棧將不能正常工作，進(jìn)而可使系統(tǒng)離線工作，甚至重新啟動(dòng)。又比如現(xiàn)在種類繁多的蠕蟲病毒，不知不覺之中就會(huì)潛入你的計(jì)算機(jī)，然后在特定的時(shí)刻發(fā)作破壞你的操作系統(tǒng)。解決操作系統(tǒng)安全問題的最重要的手段就是定期掃描操作系統(tǒng)可能存在的安全漏洞并及時(shí)安裝相應(yīng)的補(bǔ)丁程序。,WWW服務(wù)器軟件是用來響應(yīng)HTTP請(qǐng)求進(jìn)行網(wǎng)頁傳輸?shù)?。雖然WWW服務(wù)器軟件本身并沒有內(nèi)在的高風(fēng)險(xiǎn)性，但其主要設(shè)計(jì)目標(biāo)是更好地支持WWW服務(wù)和滿足其他方面的需求，所以除了基本的WWW服務(wù)功能之外，它還具有很多其他的功能，比如支持不同權(quán)限級(jí)別的訪問等。但是另一方面，軟件