電子商務(wù)網(wǎng)站的開發(fā)步驟

第二章電子商務(wù)網(wǎng)站開發(fā)步驟

網(wǎng)站的設(shè)計與建設(shè)是需要一系列步驟來完成的，能否遵循網(wǎng)站的設(shè)計步驟直接影響一個網(wǎng)站質(zhì)量，也直接影響網(wǎng)站發(fā)布后是否能成功運(yùn)行。2.1 總體概述2.2 網(wǎng)站的規(guī)劃與設(shè)計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)歷四個步驟，分別是網(wǎng)站的規(guī)劃與設(shè)計、站點(diǎn)建設(shè)、網(wǎng)站發(fā)布和網(wǎng)站的管理與維護(hù)，如圖2-1所示。圖2-1網(wǎng)站建設(shè)的步驟

網(wǎng)站的規(guī)劃與設(shè)計是網(wǎng)站建設(shè)的第一步。在這—步中需要對網(wǎng)站進(jìn)行整體的分析，明確網(wǎng)站的建設(shè)目標(biāo)，確定網(wǎng)站的訪問對象、網(wǎng)站應(yīng)提供的內(nèi)容與服務(wù)及網(wǎng)站的域名，設(shè)計網(wǎng)站的標(biāo)志、網(wǎng)站的風(fēng)格、網(wǎng)站的目錄結(jié)構(gòu)等各方面的內(nèi)容。這一步是網(wǎng)站建設(shè)成功與否的前提，因?yàn)樗械暮罄m(xù)步驟都必須按照第一步的規(guī)劃與設(shè)計來進(jìn)行實(shí)施。

網(wǎng)站的規(guī)劃與設(shè)計完成之后，接著進(jìn)入具體的站點(diǎn)建設(shè)步驟。這個步驟主要包括域名注冊、網(wǎng)站配置、網(wǎng)頁制作和網(wǎng)站測試四個部分。除了網(wǎng)站測試必須要在其他三項(xiàng)內(nèi)容開始之后才能進(jìn)行之外，域名注冊、網(wǎng)站配置和網(wǎng)頁制作相對獨(dú)立，可以同時進(jìn)行。

相關(guān)的內(nèi)容都建設(shè)好后，就可以正式地發(fā)布網(wǎng)站，也就是說將網(wǎng)站放到Internet上允許用戶通過網(wǎng)站的域名進(jìn)行訪問。

網(wǎng)站的管理與維護(hù)雖然是最后一個步驟，但實(shí)際上貫穿網(wǎng)站建設(shè)的全過程，只要網(wǎng)站沒有停止運(yùn)行，就需要對其進(jìn)行管理和維護(hù)，所以這一步也是最為費(fèi)勁的一步。網(wǎng)站的管理和維護(hù)主要包括安全管理、性能管理和內(nèi)容管理三個方面。另外從圖2-1也可以看到，網(wǎng)站建設(shè)是一個循環(huán)的過程，并不是說一次過后就結(jié)束了。它需要隨著需求的變化不斷地對網(wǎng)站進(jìn)行再次規(guī)劃與設(shè)計，進(jìn)而不斷地建設(shè)和發(fā)布新的內(nèi)容與服務(wù)，不斷地升級服務(wù)器和網(wǎng)絡(luò)環(huán)境以保障網(wǎng)站的運(yùn)行性能。2.2 網(wǎng)站的規(guī)劃與設(shè)計

在網(wǎng)站建設(shè)之前，需要對網(wǎng)站進(jìn)行一系列的分析和估計，然后根據(jù)分析的結(jié)果提出合理的建設(shè)方案，這就是網(wǎng)站的規(guī)劃與設(shè)計。網(wǎng)站的規(guī)劃與設(shè)計可分為網(wǎng)站定位、欄目規(guī)劃、目錄結(jié)構(gòu)設(shè)計、風(fēng)格設(shè)計、導(dǎo)航系統(tǒng)設(shè)計幾個環(huán)節(jié)。2.2 網(wǎng)站的規(guī)劃與設(shè)計

1網(wǎng)站的定位

網(wǎng)站的定位就是確定網(wǎng)站的建設(shè)目標(biāo)，它通常需要確定三個方面：網(wǎng)站的建設(shè)目的、網(wǎng)站的訪問對象和網(wǎng)站的內(nèi)容與服務(wù)。用更通俗的話來說，就是回答“為什么要建立這個網(wǎng)站?這個網(wǎng)站為誰服務(wù)?網(wǎng)站提供哪些方面的內(nèi)容和服務(wù)?”這三個問題。

不同性質(zhì)的站點(diǎn)有不同的建設(shè)目的，比如電子商務(wù)站點(diǎn)主要是為了在企業(yè)與企業(yè)、企業(yè)名。與個人消費(fèi)者之間建立更為直接和高效的商務(wù)通道；電子政務(wù)網(wǎng)站代表的是政府部門，所以主要是通過它來宣傳政府的形象、實(shí)現(xiàn)政務(wù)公開、向社會提供有價值的公益和導(dǎo)向信息，以及實(shí)現(xiàn)網(wǎng)上政務(wù)；而個人站點(diǎn)則主要是為了介紹個人的興趣愛好，通過共享信息來結(jié)識更多的朋友。2、欄目規(guī)劃及其任務(wù)欄目規(guī)劃的主要任務(wù)是對所收集的大量內(nèi)容進(jìn)行有效的篩選，并將它們組織成一個合理的便于理解的邏輯結(jié)構(gòu)，即建立網(wǎng)站的邏輯結(jié)構(gòu)，在這其中不僅需要為整個網(wǎng)站建立層次型結(jié)構(gòu)，還需要為每一個欄目或者子欄目設(shè)計合理的邏輯結(jié)構(gòu)。除此之外，欄目規(guī)劃還需要確定哪些是重點(diǎn)欄目、哪些是需要實(shí)時更新的欄目、需要提供哪些功能性欄目等。

成功的欄目規(guī)劃不僅能給用戶的訪問帶來極大的便利，幫助用戶準(zhǔn)確地了解網(wǎng)站所提供的內(nèi)容和服務(wù)和快速地找到自己所感興趣的網(wǎng)頁，而且能幫助網(wǎng)站管理員對網(wǎng)站進(jìn)行更為高效的管理。1)確定必需的欄目欄目規(guī)劃的第一步就是要確定哪些是必需的欄目，這通常取決于網(wǎng)站的性質(zhì)。比如對于一個企業(yè)網(wǎng)站來說，公司簡介、產(chǎn)品介紹、服務(wù)內(nèi)容、聯(lián)系方式、技術(shù)支持等欄目是必不可少的，而對于政府網(wǎng)站來說政務(wù)、政策法規(guī)、地方經(jīng)濟(jì)、百姓生活、觀光旅游等欄目都是必需的。個人網(wǎng)站相對來說比較隨意，往往取決于所收集的內(nèi)容，但個人簡介、個人收藏等欄目通常不能缺少。

除了內(nèi)容欄目之外，網(wǎng)站還應(yīng)該包含另外兩類欄目，分別是用戶指南類欄目和交互性欄目。用戶指南類欄目的目的是為了幫助用戶了解這個網(wǎng)站的背景、性質(zhì)、目的、功能及發(fā)展歷程，了解如何更好地對網(wǎng)站進(jìn)行訪問，了解網(wǎng)站建設(shè)的最新動態(tài)。這類欄目通常以“幫助”、“關(guān)于網(wǎng)站”、“網(wǎng)站地圖”、“最新動態(tài)”等名稱出現(xiàn)。

交互性欄目是能與用戶進(jìn)行雙向交流的欄目，通過它不僅可以解答用戶的疑問、了解用戶的需求，而且還可以獲得用戶對網(wǎng)站的建議和看法，讓用戶與網(wǎng)站、用戶與用戶之間建立良好的溝通，以便更好地幫助網(wǎng)站的建設(shè)與發(fā)展。交互性欄目最常見的方式就是留言板。2)確定重點(diǎn)欄目在確定完需要設(shè)置哪些欄目之后，接著需要做的是從這些欄目中挑選出最為重要的幾個欄目然后對它們進(jìn)行更為詳細(xì)的規(guī)劃，這種選擇往往取決于網(wǎng)站的目的與功能。比如企業(yè)網(wǎng)站，其目的可能是為了更好地推銷自己的產(chǎn)品，所以產(chǎn)品介紹便是它的重點(diǎn)欄目。因此為了更好地介紹產(chǎn)品，它除了基本的產(chǎn)品介紹之外，可能還需要設(shè)立價格信息、網(wǎng)上定購、產(chǎn)品動態(tài)等相關(guān)欄目。3)建立層次型結(jié)構(gòu)建立層次型結(jié)構(gòu)是一個遞進(jìn)的過程，即從上到下一級一級地確定每一層的欄目。首先是確定第一層，即網(wǎng)站所必需的欄目，然后對其中的重點(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所示，它將多個網(wǎng)頁按照一定的先后順序鏈接起來，使得用戶在沒有完成上一個網(wǎng)頁的訪問之前就無法進(jìn)入下一個網(wǎng)頁。圖2-2線性結(jié)構(gòu)2)層次型結(jié)構(gòu)相對于按先后順序組織而成的線型結(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)容先分成若干個大欄目，然后再將每個大欄目細(xì)分成若干小欄目，以此類推直到不用再細(xì)分為止。

層次型結(jié)構(gòu)也有不好的地方，就是用戶如果要訪問最底層的網(wǎng)頁就不得不按照層次從上到下一級一級地訪問，最終到達(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一級—級地返回到網(wǎng)頁C，然后再一級一級地往下走直到網(wǎng)頁B。圖2-3層次型結(jié)構(gòu)說明圖

所以過深過于復(fù)雜的層次型結(jié)構(gòu)反而會帶來很多不良的影響，最好的深度就是三層，最多不要超過五層。另外，建立一個良好的導(dǎo)航系統(tǒng)也可以彌補(bǔ)層次型結(jié)構(gòu)這方面的缺點(diǎn)。

如圖2-4所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個網(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ù)的問題。我們可以簡單地計算一下，總的超鏈接數(shù)應(yīng)該等于網(wǎng)頁數(shù)乘以網(wǎng)頁數(shù)減一，所以三個網(wǎng)頁的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)為3×2=6，10個網(wǎng)頁的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)就到達(dá)lO×9=99。這么龐大的超鏈接數(shù)維護(hù)起來相當(dāng)麻煩，某個網(wǎng)頁的改動(如改名、刪除、增加)就可能同時需要對所有的網(wǎng)頁進(jìn)行相應(yīng)的修改，這是誰都不愿意做的事情，所以在網(wǎng)站中需要謹(jǐn)慎使用網(wǎng)絡(luò)型結(jié)構(gòu)。4、網(wǎng)站目錄結(jié)構(gòu)設(shè)計目錄結(jié)構(gòu)又稱為物理結(jié)構(gòu)，它的設(shè)計解決的是如何在硬盤上更好地存放包括網(wǎng)頁、圖片、Flash動畫、JavaApplet、數(shù)據(jù)庫等各種資源在內(nèi)的所有網(wǎng)站資源。目錄結(jié)構(gòu)是否合理，對網(wǎng)站的創(chuàng)建效率會產(chǎn)生較大的影響，但更主要的，會對未來網(wǎng)站的性能、網(wǎng)站的維護(hù)及擴(kuò)展產(chǎn)生很大的影響。2)根據(jù)欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu)一般情況下，可以按照網(wǎng)站的欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu)，使兩者有一一對應(yīng)的關(guān)系。但是這么做，也會導(dǎo)致一個安全問題，就是訪問者很容易猜測出網(wǎng)站的目錄結(jié)構(gòu)，也就容易對網(wǎng)站實(shí)施攻擊。所以在設(shè)計目錄結(jié)構(gòu)的時候，盡量避免目錄名和欄目名相一致，可以a的方式來提高目錄名的猜測難度。3)每個目錄下都建立獨(dú)立的images子目錄將圖片及資源文件都放在一個獨(dú)立的images目錄下，可以使目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)頁都需要用到同一個圖片，比如網(wǎng)站標(biāo)志圖片，那么將這個圖片放到所有這些網(wǎng)頁共有的最高層目錄的images子目錄下。4)目錄的層次不要太深5)不要使用中文目錄名因?yàn)槟愕恼军c(diǎn)是對Internet所有用戶開放的，所以你得考慮到使用非中文操作系統(tǒng)的客戶也能正常訪問你的站點(diǎn)。對于目錄名，最好都使用英文。6)可執(zhí)行文件和不可執(zhí)行文件分開放置將可執(zhí)行的動態(tài)服務(wù)器網(wǎng)頁文件和不可執(zhí)行的靜態(tài)網(wǎng)頁文件與動態(tài)網(wǎng)頁文件分別放在兩個目錄下，然后將存放可執(zhí)行網(wǎng)頁文件的目錄設(shè)為不可讀和執(zhí)行。這么做的好處就是可以避免動態(tài)服務(wù)器網(wǎng)頁文件被讀取。7)數(shù)據(jù)庫文件單獨(dú)放置數(shù)據(jù)庫文件因?yàn)榘踩枨蠛芨撸宰詈梅胖迷贖TTP所不能訪問到的目錄底下。這樣就可以避免惡意的用戶通過HTTP方式取到數(shù)據(jù)庫文件。3．風(fēng)格設(shè)計：風(fēng)格設(shè)計包含很多內(nèi)容，為了體現(xiàn)個人風(fēng)格，符合網(wǎng)站的名稱和定位。下面我們在色彩搭配和版面布局方面做一些規(guī)劃和設(shè)計。1)色彩搭配網(wǎng)站的色彩是最影響網(wǎng)站整體風(fēng)格的因素，也是站點(diǎn)美工設(shè)計中最令人頭疼的問題。許多網(wǎng)頁設(shè)計者都缺乏色彩搭配的基本知識，所以在制作網(wǎng)頁之前往往有一個很好的想法，但是卻不知如何搭配網(wǎng)頁的顏色來表達(dá)預(yù)想的效果。因此，在介紹色彩搭配之前，先來看看色彩的基本知識。

色彩的基本知識在物理學(xué)中，顏色是因?yàn)楣獾恼凵涠a(chǎn)生的。顏色不同，光的波長也就不同。紅、綠、藍(lán)是自然界的三原色，它們不同程度的組合可以形成各種顏色。所以在網(wǎng)頁中，也就用它們的不同顏色值來表示各種顏色。網(wǎng)頁中的顏色通常采用6位十六進(jìn)制的數(shù)值來表示，每兩位代表一種顏色，從左到右依次表示紅色、綠色和藍(lán)色。顏色

值越高表示這種顏色越深。比如紅色，其數(shù)值為“#FF0000”，白色為“#FFFFFF”，黑色為“#000000”。也可以采用三個以“，”相隔的十進(jìn)制數(shù)來表示某一顏色，比如紅色，其十進(jìn)制表示為color(255，0，0)。在傳統(tǒng)的色彩理論中，顏色一般分為彩色和非彩色(或稱為灰色)兩大色系。非彩色是指黑、白和所有灰色，彩色是指除非彩色外所有的顏色。在網(wǎng)頁中，如果三種顏色的數(shù)值相等，就顯示為灰色。

太陽光是彩色的，按顏色的色調(diào)通常將其劃分為七種顏色：紅、橙、黃、綠、青、藍(lán)、紫。如果將這七種顏色按這個順序漸變?yōu)橐粭l色帶的話，越靠近紅色，給人的感覺越溫暖，越靠近藍(lán)色和紫色，給人的感覺越寒冷。所以紅、橙、黃的組合又稱為暖色調(diào)，青、藍(lán)、紫的組合又稱為冷色調(diào)。除了冷暖的差別外，不同的單個顏色也會給人帶來不同的感覺，通常：

紅色：是一種激奮的色彩，給人以沖動、憤怒、熱情和活力的感覺。

綠色：介于冷暖兩種色彩的中間，一顯得和睦、寧靜、健康、安全。它和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅、舒適的氣氛。

橙色：也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨和時尚的效果。

黃色：充滿快樂、希望、智慧和輕快，它也是最亮的一種顏色。

藍(lán)色：是最具涼爽、清新、專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣(如天空的色彩)。白色：給人以潔白、明快、純真和干凈的感覺。黑色：通常是深沉、神秘、寂靜、悲哀和壓抑的代表。

灰色：具有中庸、平凡、溫和、謙讓、中立和高雅的感覺，它可以和任何一種顏色進(jìn)行搭配。

網(wǎng)站的色彩搭配網(wǎng)站的色彩搭配通常分為兩個步驟，那么第一步就是為整個網(wǎng)站選取一種主色調(diào)，然后再為主色調(diào)搭配多種適合的顏色。主色調(diào)指的是整個網(wǎng)站給人印象最深的顏色，或者說除白色之外用得最多的顏色。正如前面所述，不同的顏色給人的感受是不一樣的，所以主色調(diào)選取的一個最基本的原則就是保證所選的顏色與網(wǎng)站的主題或者形象相符，進(jìn)一步地，能夠通過這種顏色加深用戶對網(wǎng)站的印象。圖2-5微軟公司主頁圖2-6IBM公司主頁

企業(yè)在選取主色調(diào)的時候需要考慮符合企業(yè)自身的形象。選好主色調(diào)之后，接下來要考慮的就是在什么地方使用主色調(diào)。從前面的幾個例子也可以看到，主色調(diào)最常表現(xiàn)在三個位置，首先是頭部，也就是網(wǎng)頁最上面的部分，通常包含導(dǎo)航條。頭部是最能體現(xiàn)主色調(diào)的地方，所以所有的網(wǎng)站都會在頭部表現(xiàn)主色調(diào)。

其次是欄目索引條上，欄目索引條雖然面積小，但是出現(xiàn)在網(wǎng)頁的各個部位，所以能非常有效地渲染主色調(diào)。最后是網(wǎng)頁上的文字，文字筆畫雖細(xì)，但大面積的文字也能很好地突出主色調(diào)。接著要考慮的是別的地方使用什么顏色去搭配這種主色調(diào)，比如背景色、文字顏色、導(dǎo)航條顏色、插圖顏色等都使用什么顏色。色彩搭配是一項(xiàng)非常精細(xì)的工作，因?yàn)橥粋€細(xì)節(jié)就會影響整個網(wǎng)頁的色彩均衡.

選取背景色大多數(shù)的網(wǎng)站都會選取白色作為背景色。白色使得狹小的屏幕空間顯得很大，再多的信息在白色的背景下，其排放也可以顯得很整齊，其頁面也可以顯得非常干凈和整潔。(2)導(dǎo)航條的顏色導(dǎo)航條是對網(wǎng)站欄目的一個索引，它通常以一個水平長條的形式出現(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)榉植荚诰W(wǎng)頁的各個部位，所以經(jīng)常采用主色調(diào)中不同深度的顏色來烘托整體的效果。(4)文字的顏色文字在一個網(wǎng)頁上是無處不在的，但是文字的筆畫比較單薄，所以文字通常用來進(jìn)一步突出主色調(diào)，或者用來過渡和緩解頁面的顏色。文字的顏色主要根據(jù)文字的背景色進(jìn)行搭配，它與背景色應(yīng)有較大的反差，如白底黑字、藍(lán)底白字等，以便能清楚得顯示文字。其次文字的顏色搭配還得兼顧文字周圍物體的顏色。(5)插圖的顏色網(wǎng)頁的插圖通常尺寸都比較小，所以它的顏色可以絢麗、豐富一些，這樣一來可以使頁面變得活潑，二來可以點(diǎn)綴整個頁面。但是在選擇有背景的圖片時要特別小心，不要和網(wǎng)頁的背景色及圖所插區(qū)域的背景色相沖突。解決這個問題一般有兩種方法，一種是采用可透明的GIF圖，另一種是將圖片的背景色做成和網(wǎng)頁背景色一樣的顏色。2)版面布局設(shè)計報紙、雜志通常分為不同的版面，不同的版面需要不同的布局，比如報紙的頭版最為重要，它的布局通常都圍繞醒目的大標(biāo)題展開以吸引人們對它的注意，而其他版面以內(nèi)容為主，所以它們的布局相對簡單，通常都根據(jù)內(nèi)容文字的多少而自然分割。同報紙、雜志一樣，網(wǎng)站也分為很多不同的網(wǎng)頁，比如主頁、欄目首頁、內(nèi)容網(wǎng)頁等，

網(wǎng)站在版面布局上的一個特點(diǎn)，那就是從網(wǎng)站層次型結(jié)構(gòu)的頂層主頁到最底層的內(nèi)容網(wǎng)頁，版面布局不斷簡化。如果將這個特點(diǎn)反過來，便得到了網(wǎng)站在進(jìn)行版面布局設(shè)計時應(yīng)采用的原則，那就是首先對主頁進(jìn)行版面布局，然后在主頁布局的基礎(chǔ)上對欄目首頁進(jìn)行版面布局，接著往下，最后對內(nèi)容網(wǎng)頁進(jìn)行版面布局。

第二步就是在網(wǎng)頁的不同區(qū)域上安排不同的內(nèi)容。不同的網(wǎng)頁內(nèi)容自然是不一樣的，所以在這里只是向大家介紹內(nèi)容編排上的一個基本知識，那就是人們在瀏覽一個網(wǎng)頁的時候，通常會把第一眼停留在網(wǎng)頁的左上角或中間的地方(如圖2-7所示)，然后才會瀏覽其他部分。這個部分通常稱為焦點(diǎn)，所以在布局內(nèi)容的時候，應(yīng)該把最能傳達(dá)信息、最能吸引人的內(nèi)容放在這些地方，比如網(wǎng)站標(biāo)志和最新新聞。圖2-7網(wǎng)頁設(shè)計重點(diǎn)區(qū)域

版面布局的基本方法熟悉網(wǎng)頁制作的人在拿到網(wǎng)頁的相關(guān)內(nèi)容后，也許很快就可以在腦子里形成大概的布局，并且可以直接用網(wǎng)頁制作工具開始制作。但是對不熟悉網(wǎng)頁布局的人來說，這么做有相當(dāng)大的困難，所以這時，就需要借助于其他的方法來進(jìn)行網(wǎng)頁布局。

第一種方法是用手工的方式在紙上畫草圖，這種方法可以大概地描繪出網(wǎng)頁的框架，但是也只能到此為止，不能再進(jìn)行更細(xì)的工作，如配色、擺放文字和圖片等。第二種方法是用專業(yè)制圖軟件來進(jìn)行布局，建議使用Photoshop。Photoshop是一個非常優(yōu)秀的圖片處理工具。用它可以像設(shè)計一幅圖片、一幅招貼畫、一幅廣告一樣去設(shè)計一個網(wǎng)頁的界面，然后再考慮如何用網(wǎng)頁制作工具去實(shí)現(xiàn)這個網(wǎng)頁。2、網(wǎng)站的導(dǎo)航設(shè)計在訪問網(wǎng)站的時候也一樣，用戶期望在任何一個網(wǎng)頁上都能清楚地知道目前所處的位置，并且能快速地從這個網(wǎng)頁切換到另一網(wǎng)頁。因此網(wǎng)站導(dǎo)航對于一個網(wǎng)站來說非常的必要和重要，它是衡量一個網(wǎng)站是否優(yōu)秀的重要標(biāo)準(zhǔn)。1)導(dǎo)航的實(shí)現(xiàn)方法導(dǎo)航最常用的實(shí)現(xiàn)方法就是導(dǎo)航條。在導(dǎo)航條中，所有超鏈接所對應(yīng)的網(wǎng)頁在網(wǎng)站的層次型結(jié)構(gòu)中是并列的，所以通過它可以快速地切換到并列的其他網(wǎng)頁。比如圖2-8所示的新浪網(wǎng)首頁中就有很多導(dǎo)航條。首先是網(wǎng)站第一層分類欄目的導(dǎo)航條，這個導(dǎo)航條幾乎出現(xiàn)在新浪網(wǎng)的所有網(wǎng)頁中，所以在任何一個網(wǎng)頁通過它都可以立即跳轉(zhuǎn)到新聞、UC聊天、體育等各個欄目的首頁。圖2-8新浪網(wǎng)導(dǎo)航條

幾乎在所有的網(wǎng)站上都可以找到類似的導(dǎo)航條，不同之處可能只在表現(xiàn)形式上。比如當(dāng)當(dāng)網(wǎng)的導(dǎo)航條采用類似圖片按鈕的形式，而首都之窗網(wǎng)站、微軟公司網(wǎng)站、新浪網(wǎng)等的導(dǎo)航條則直接采用文字超鏈接的形式。

除了普通的導(dǎo)航條之外，導(dǎo)航另一種非常重要的實(shí)現(xiàn)方法是路徑導(dǎo)航，即在網(wǎng)頁上顯示這個網(wǎng)頁在網(wǎng)站層次型結(jié)構(gòu)上的位置。通過路徑導(dǎo)航，用戶不僅可以了解當(dāng)前所處的位置，還可以快速地返回到當(dāng)前網(wǎng)頁以上的任何一層網(wǎng)頁。比如圖2-9所示的新浪網(wǎng)讀書欄目上就有路徑導(dǎo)航，從這個導(dǎo)航可以清楚地看到這個網(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)航可以讓用戶有更多更靈活的方式找到自己所感興趣的網(wǎng)頁。下面我們通過實(shí)際的例子來看看這些導(dǎo)航。比如新浪網(wǎng)在每一個新聞內(nèi)容網(wǎng)頁的底部都有一個區(qū)域，里邊羅列著與這個新聞相關(guān)的新聞網(wǎng)頁的超鏈接，如圖2-10所示，這就是相關(guān)導(dǎo)航。圖2-10相關(guān)導(dǎo)航舉例2)導(dǎo)航的設(shè)計策略雖然導(dǎo)航有很多不同的實(shí)現(xiàn)方法，但是并不是所有的網(wǎng)站都需要使用這些方法，這通常取決于網(wǎng)站的規(guī)模。下面就是在設(shè)計網(wǎng)站導(dǎo)航時，可以采用的一些基本策略：

(1)首先，至少要使用一個一層欄目的導(dǎo)航條， 如果欄目底下也有很多內(nèi)容，可以分為很多子類的話，那么可以進(jìn)一步設(shè)計欄目下的導(dǎo)航條。(2)其次，如果網(wǎng)站的層次很深，比如三層以上(主頁作為第一層)，最好使用路徑導(dǎo)航。路徑導(dǎo)航可以從第三層以下的網(wǎng)頁開始出現(xiàn)。如果網(wǎng)站的層次只有兩層或者三層，那么不是特別需要路徑導(dǎo)航。

(3)其他導(dǎo)航方式作為輔助的導(dǎo)航手段，視實(shí)際需要而定。網(wǎng)站設(shè)計需要注意的其他問題

網(wǎng)頁長度不要超過三屏，否則使網(wǎng)頁下載速度過慢。網(wǎng)頁中的圖像單張不要超過30KB，整頁不要超過60KB，若不得不使用大的圖片，可將其切割再使用。正確選擇圖片格式，網(wǎng)上常用的圖片格式是GIF、JPEG或PNG，分辨率一般是72像素/英寸。網(wǎng)站設(shè)計需要注意的其他問題

由于動畫容量是圖像的幾十倍，所以在一個網(wǎng)頁中動畫一般要少于三個，并且每個動畫大小要控制在15KB以內(nèi)。不要使用三種以上或太大、太小的字體，正文字體一般可設(shè)置為9pt。不要使用不常用的字體，若需要可考慮制作為圖片。網(wǎng)站設(shè)計需要注意的其他問題

盡量使用相對的超級鏈接。為圖片添加文字說明。因?yàn)檫\(yùn)行速度較慢，所以Java程序少用為宜。2.3 站點(diǎn)建設(shè)

在網(wǎng)站的規(guī)劃與設(shè)計完成之后，就可以著手進(jìn)行站點(diǎn)的建設(shè)工作了。正如圖2－1所示的，站點(diǎn)建設(shè)又分為四個部分，分別為域名注冊、網(wǎng)站平臺配置、網(wǎng)頁制作和網(wǎng)站測試。（一）域名注冊

域名注冊是將網(wǎng)站的域名合法化以便用戶能通過這個域名訪問你的網(wǎng)站。注冊完之后別人就不能再次使用相同的域名來進(jìn)行注冊。企業(yè)選擇域名的策略

企業(yè)的發(fā)展規(guī)模及其商業(yè)范疇公司、企業(yè)、組織的性質(zhì)或信息內(nèi)容的性質(zhì)簡潔、易記、標(biāo)識性強(qiáng)，具有一定的內(nèi)涵。域名的注冊還應(yīng)注意域名搶注與域名沖突的問題（二）網(wǎng)站平臺配置網(wǎng)站配置首先要做的就是為網(wǎng)站選擇合適的發(fā)布平臺，即選擇適合網(wǎng)站規(guī)模的各種軟硬件資源，包括確定服務(wù)器解決方案,確定軟件平臺等。服務(wù)器解決方案：自建服務(wù)器：易于控制，安全。但需要申請專線接入。適用于處理敏感數(shù)據(jù)的站點(diǎn)，例如電子商務(wù)站點(diǎn)。托管服務(wù)器：將自己的服務(wù)器放到高帶寬入網(wǎng)（100M以上）的電信局或?qū)ｉT的數(shù)據(jù)中心，通過撥號、ISDN、DDN等低速線路遠(yuǎn)程維護(hù)。ISP提供優(yōu)越的機(jī)架空間、網(wǎng)絡(luò)安全防護(hù)、UPS供電、恒溫恒濕環(huán)境及防火設(shè)施等。收費(fèi)按占用的機(jī)架空間和接入帶寬計算。適用于中、大規(guī)模的網(wǎng)站，許多大型網(wǎng)站就是以此形式建立站點(diǎn)及鏡像站點(diǎn)的。租用服務(wù)器：與托管服務(wù)器相似，只是主機(jī)不是自己的。安置自己的服務(wù)器實(shí)現(xiàn)連接：與internet連接的方式有以下幾種：撥號接入：56KbpsISDN接入：128KbpsDDN接入：64Kbps--2MbpsADSL接入：ADSL是AsymmetricDigitalSubscriberLine（非對稱數(shù)字訂戶線路）的縮寫，ADSL使用電話線路，信號不通過電話交換機(jī)設(shè)備，不需要撥號，一直在線，上行速率512Kbps--1.5Mbps，下行速率1.5Mbps--8Mbps，有效傳輸距離在3～5公里以內(nèi)。T1接入：1.544Mbps；T3接入：44.736MbpsOC接入：OC是OpticalCarrier（光纜）的縮寫。OC-1：51.84Mbps；OC-48：2.488Gbps

選擇配置合適的服務(wù)器

帶寬估算：統(tǒng)計WebServer日志文件中HTTP操作紀(jì)錄的總行數(shù)。確定日志文件運(yùn)行的天數(shù)。將總行數(shù)除以天數(shù)，得到每天操作次數(shù)。將每天操作次數(shù)除以86400秒（一天的秒數(shù)），得到每秒操作次數(shù)。將每秒操作次數(shù)乘以3，得到每秒峰值操作次數(shù)。將128Kbps乘以每秒峰值操作次數(shù)，得到所需的帶寬。128Kbps是個經(jīng)驗(yàn)值。服務(wù)器性能：對做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ù)器，不要建在同一個主機(jī)上。因?yàn)檫@些服務(wù)要占用大量的CPU資源和內(nèi)存資源，削弱Web服務(wù)的能力。

集群（Cluster）：一組被稱為節(jié)點(diǎn)的計算機(jī)，通過網(wǎng)絡(luò)和軟件結(jié)合在一起，通過負(fù)載均衡和失效接管來向客戶端提供一個單一的、可持續(xù)工作的服務(wù)系統(tǒng)，也可以不停機(jī)更新個別節(jié)點(diǎn)。它將可用性提升至99.99%。對于需要幾百兆高帶寬接入的大型網(wǎng)站，需要多臺服務(wù)器組成集群系統(tǒng)提供均載服務(wù)，同時也可以避免單點(diǎn)故障。有時還需要在多個廣域網(wǎng)內(nèi)做鏡像站點(diǎn)，并將同一域名解析到多個IP，將用戶路由到最快的站點(diǎn)。例如：一個站點(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)成本較高適合對信息量和網(wǎng)站功能要求較高的大中型企業(yè)租用虛擬主機(jī)虛擬主機(jī)是使用計算機(jī)軟件技術(shù)，把一臺運(yùn)行在Internet上的服務(wù)器主機(jī)分隔成多臺“虛擬”主機(jī)，每一臺虛擬主機(jī)都各自具有獨(dú)立的域名和IP地址，具有比較完善的Internet服務(wù)器功能。租用虛擬主機(jī)虛擬主機(jī)就是由很多人一起租用一臺服務(wù)器。優(yōu)點(diǎn)：采用虛擬主機(jī)技術(shù)的用戶只需對自己的信息進(jìn)行遠(yuǎn)程維護(hù)，而無需對硬件、操作系統(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)存儲空間：越大越好；(2)電子郵件：提供的電子郵箱個數(shù)；(3)網(wǎng)頁制作；(4)IP地址：提供獨(dú)立的IP地址，并支持多個域名指向同一個IP地址；(5)文件傳輸（FTP）：支持網(wǎng)頁上傳;（6）時間：提供不間斷服務(wù)的時間;(7)速度：重點(diǎn)考慮網(wǎng)絡(luò)帶寬問題。服務(wù)器托管（主機(jī)托管）主機(jī)托管就是客戶把屬于自己的一臺服務(wù)器放置在某個經(jīng)營“整機(jī)托管”業(yè)務(wù)網(wǎng)站的數(shù)據(jù)中心的機(jī)房里，由網(wǎng)站機(jī)房的技術(shù)人員對服務(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ī)托管）服務(wù)器托管具有以下特點(diǎn)：（1）靈活：系統(tǒng)資源、軟件和服務(wù)不受限制；（2）穩(wěn)定：不受其他用戶的牽連；(3)安全；(4)快捷。主機(jī)托管服務(wù)選擇時應(yīng)考慮以下因素：(1)可靠性因素(2)安全因素(3)功能需求因素91案例：上海電信IDC92案例：上海電信IDC的虛擬主機(jī)服務(wù)虛擬主機(jī)名稱空間大小價格(/年)入門型

入門一型[HTML]50M400元入門二型[HTML]100M600元電信基礎(chǔ)型電信基礎(chǔ)型[ASP]100M800元電信基礎(chǔ)型[.NET]100M1000元電信基礎(chǔ)型[PHP]100M1000元電信基礎(chǔ)型[JAVA]100M1000元93案例：上海電信IDC的虛擬主機(jī)服務(wù)94案例：上海電信IDC的增值服務(wù)軟件平臺操作系統(tǒng)軟件UNIX操作系統(tǒng)：技術(shù)成熟、開放性好、可靠性高、網(wǎng)絡(luò)功能強(qiáng)大。Linux操作系統(tǒng)：免費(fèi)的操作系統(tǒng)Windows2000操作系統(tǒng)：Unix、Linux和WindowsUnixLinuxWindows穩(wěn)定性好好稍差安全性好好稍差易用性差差好應(yīng)用軟件少略多豐富開發(fā)時間60年代后期90年代初80年代后期源代碼不公開公開不公開價格付費(fèi)免費(fèi)付費(fèi)WEB服務(wù)器軟件選用WEB服務(wù)器軟件時的參考的性能參數(shù)：相應(yīng)能力：WEB服務(wù)器對多個用戶瀏覽信息的相應(yīng)速度。與后端服務(wù)器的集成管理的難易程度：管理Web服務(wù)器；利用Web界面進(jìn)行網(wǎng)絡(luò)管理信息開發(fā)的難易程度：穩(wěn)定性可靠性安全性：是否泄密；防止黑客的攻擊與其他系統(tǒng)的搭配：Windows2000+IIS+ASP+SQLSERVE;Linux+apache+PHP+MYSQL數(shù)據(jù)庫軟件關(guān)系型數(shù)據(jù)庫面向?qū)ο驞B2，Oracle，Sybase，MSSQLServer，MySQL（三）網(wǎng)頁制作技術(shù)網(wǎng)頁制作指的就是使用網(wǎng)頁制作工具來制作每一個網(wǎng)頁。網(wǎng)頁文件是一種特殊的文本文件，所以它的制作工具非常廣泛，比如記事本、Ultraedit、Word等都可以用來制作一個網(wǎng)頁。但是最為主要的還是使用專用的網(wǎng)頁制作工具，其中最為主流的是Macromedia公司開發(fā)的Dreamweaver系列和微軟公司開發(fā)的FrontPage。

網(wǎng)頁制作通常需要用到很多網(wǎng)頁制作技術(shù)，總的來說分為三類：靜態(tài)網(wǎng)頁技術(shù)、動態(tài)網(wǎng)頁技術(shù)和動態(tài)服務(wù)器網(wǎng)頁技術(shù)。靜態(tài)網(wǎng)頁技術(shù)指的就是：HTML(HyperTextMarkupLanguage)技術(shù)，即超文本標(biāo)記語言技術(shù)。HTML是網(wǎng)頁的基本語言，也是其他網(wǎng)頁制作技術(shù)的基礎(chǔ)，所以如果要學(xué)習(xí)如何做網(wǎng)頁，那么首先就必須從HTMI開始學(xué)起。

動態(tài)網(wǎng)頁技術(shù)就是我們常說的DHTML技術(shù)。DHTML是一種在網(wǎng)頁下載到瀏覽器以后仍然能夠控制網(wǎng)頁中各個HTML元素，使其隨時變換的HTML。通過這種變換能使網(wǎng)頁產(chǎn)生各種特殊的效果，比如當(dāng)鼠標(biāo)移至某段文字上時能彈出一個快捷菜單，又比如一個圖片能慢慢顯現(xiàn)出來等。DHTML在實(shí)現(xiàn)時并不是獨(dú)立的，它通常需要和腳本語言(Javagcript、VaScript和JScript)、層疊樣式表(CSS)及層技術(shù)組合在一起使用。（四）網(wǎng)站測試在所有網(wǎng)頁都制作完成之后，在正式對外發(fā)布網(wǎng)站之前，還有一步非常重要的工作就是網(wǎng)站測試。網(wǎng)站測試的目的就是為了保證在網(wǎng)站發(fā)布之后所有的用戶都能正常地瀏覽網(wǎng)頁和使用所提供的服務(wù)。在圖2－11中顯示了網(wǎng)站測試所要進(jìn)行的工作，通常包括五個方面：功能測試、性能測試、可用性測試、客戶端兼容性測試和安全性測試。圖2-11網(wǎng)站測試1、功能測試功能測試的任務(wù)是測試網(wǎng)站能否正常運(yùn)行，其、測試的對象包括超鏈接、表單、Cookies、網(wǎng)頁編程語言及數(shù)據(jù)庫。超鏈接的測試可以分為三個方面，首先是測試所有的超鏈接是否都按指示的那樣確實(shí)鏈接到了該鏈接的網(wǎng)頁；其次是測試每一個超鏈接所鏈接的網(wǎng)頁是否存在；最后是測試網(wǎng)站上是否有孤立的網(wǎng)頁，即沒有其他網(wǎng)頁的超鏈接指向這個網(wǎng)頁。很多工具都能對超鏈接進(jìn)行自動的測試，比如Macromedia公司的Dreamweaver。

表單測試需要測試的是表單提交內(nèi)容的正確性和提交過程操作的完整性。比如用戶在表單上填寫了1800年的出生年份顯然就不正確，又比如用戶在正確填寫完所有信息，可提交之后仍得到錯誤提示，這很可能是表單在提交過程中出現(xiàn)了問題。

Cookies也是現(xiàn)在很多網(wǎng)站用來在客戶端存儲信息的手段，但是用戶卻可以對Cookies的使用進(jìn)行限制，比如禁止Cookies使用，所以需要進(jìn)行Cookies測試，測試Coookies是否起作用，是否按預(yù)定的時間保存信息，刷新對Cookies有什么影響等。

無論是HTML、JavaScript、VBScript，還是用于編寫JavaApplet、ActiveX等控件的Java、VC，都經(jīng)歷了很多版本。不同的版本可能要求不同的運(yùn)行環(huán)境，所以對這些編程語言的檢查也不可忽略。數(shù)據(jù)庫也是經(jīng)常導(dǎo)致網(wǎng)頁錯誤的重要因素，比如所提交的數(shù)據(jù)與數(shù)據(jù)庫所要求的數(shù)據(jù)不符而導(dǎo)致發(fā)生數(shù)據(jù)一致性錯誤，又比如動態(tài)網(wǎng)頁要求讀取數(shù)據(jù)庫中根本不存在的表或者表中的某個字段，從而導(dǎo)致網(wǎng)頁輸出錯誤。所以也非常需要對數(shù)據(jù)庫進(jìn)行系統(tǒng)的測試，保證對數(shù)據(jù)庫的各項(xiàng)操作無誤。2、性能測試性能測試是為了讓用戶能更好地訪問網(wǎng)站，它通常分為連接速度測試、穩(wěn)定性測試、負(fù)載測試和壓力測試三個方面。因?yàn)椴煌挠脩魰褂貌煌慕尤敕绞?，比如有的撥號上網(wǎng)，有的使用ADSL寬帶上網(wǎng)，不同的接入方式就有不同的接入帶寬，所以連接速度測試就是要保證各種接入方式都盡可能流暢地訪問網(wǎng)站。比如有些網(wǎng)頁設(shè)置了超時限制，如果用戶的連接速度太慢，那么很可能還沒打開一幅圖片就停止顯示了。

穩(wěn)定性測試是指網(wǎng)站在運(yùn)行中整個系統(tǒng)是否能正常運(yùn)行，能否保持長時間的穩(wěn)定運(yùn)行等。因?yàn)楦鞣N實(shí)際情況無法預(yù)測，所以穩(wěn)定性測試最好的方法就是讓服務(wù)器保持一段較長時間的運(yùn)行。

負(fù)載測試是為了測試網(wǎng)站在特定的負(fù)載級別上的運(yùn)行性能，它需要解決的問題通常包括網(wǎng)站能容納多少用戶同時訪問?如果超過這個數(shù)量會出現(xiàn)什么情況?如何處理多個用戶同時訪問一個網(wǎng)頁或使用同一功能可能產(chǎn)生的問題?

相對于負(fù)載測試，壓力測試更像是惡意測試，也就是說站在破壞者的角度測試系統(tǒng)的限制和故障恢復(fù)能力。具體地說，就是測試系統(tǒng)會不會崩潰?在什么情況下崩潰?崩潰后能不能自動恢復(fù)等。3、可用性測試可用性測試也稱為易用性測試，也就是從用戶的角度來測試網(wǎng)站是否便于訪問、操作起來是否方便、網(wǎng)上的內(nèi)容與文字是否正確、視覺感覺是否舒適等?？捎眯詼y試通常分為導(dǎo)航測試、內(nèi)容測試和界面測試三個方面。

導(dǎo)航測試是為了讓用戶能以最快的速度找到自己所感興趣的網(wǎng)頁，所以導(dǎo)航測試就是看網(wǎng)站的導(dǎo)航是否達(dá)到了：這個目的。導(dǎo)航測試最好的方式就是讓用戶來幫助進(jìn)行測試。

內(nèi)容測試是檢驗(yàn)網(wǎng)頁上內(nèi)容的正確性、準(zhǔn)確性和相關(guān)性，因?yàn)閺乃占降男畔⒑芸赡苡泻芏噱e別字或者有誤導(dǎo)民眾的錯誤信息。另外，因?yàn)檎`操作也很可能把不相關(guān)的信息放到了同一個網(wǎng)頁上。內(nèi)容檢測就是要找出這些錯誤并對其進(jìn)行糾正。

界面測試主要是從視覺、聽覺及交互的角度來測試網(wǎng)站給人的整體感覺是否舒適。比如檢測整體的風(fēng)格看起來是否統(tǒng)一、背景音樂是否合適、按鈕等控件操作起來是否簡單等。4、客戶端兼容性測試

不同的用戶可能具有不同的客戶端配置，比如使用不同的瀏覽器，使用不同的屏幕分辨率，使用不同的操作系統(tǒng)等。不同的客戶端對網(wǎng)頁的支持程度不同，所以客戶端兼容測試要做的就是測試網(wǎng)站在各種不同的客戶端下能否被正常訪問。5、安全性測試網(wǎng)絡(luò)安全問題日益嚴(yán)重，針對網(wǎng)站的攻擊也越來越多，所以為了防止惡意的或者惡作劇的攻擊給網(wǎng)站造成的嚴(yán)重影響，必須非常嚴(yán)格地進(jìn)行安全性測試。安全性測試通常需要對數(shù)據(jù)、數(shù)據(jù)的傳輸、接口及系統(tǒng)的安全性進(jìn)行測試。網(wǎng)站總會有很多敏感的信息，比如用戶帳號和密碼、網(wǎng)站的日志文件、機(jī)密信息等，

這些信息如果暴露在因特網(wǎng)上，被一些不良分子輕易獲得并加以利用，將產(chǎn)生非常嚴(yán)重的后果，所以必須從各種不同的角度來測試這些數(shù)據(jù)的安全性。對于某些網(wǎng)站，比如電子商務(wù)網(wǎng)站，在進(jìn)行某些商務(wù)活動的時候可能需要與用戶之間傳送非常機(jī)密的信息，比如銀行賬號和密碼，所以這時就必須考慮信息在傳輸過程中不會被竊取，或者即使被竊取了也無法被破譯出真實(shí)的信息。數(shù)據(jù)傳輸?shù)陌踩詼y試就是為了測試這些方面的內(nèi)容。

表單的出現(xiàn)為用戶提供了更多的交互，用戶可以通過表單將信息提交到網(wǎng)站上?？墒沁@也引出了一個潛在的安全問題，那就是有些惡意的用戶恰好利用這一點(diǎn)將非法的數(shù)據(jù)，一般是腳本代碼提交到網(wǎng)站上，如果網(wǎng)站無意中執(zhí)行了這些代碼就很可能引發(fā)嚴(yán)重的后果。所以對所有提供交互的接口都需要進(jìn)行特定的安全測試。2.4 站點(diǎn)發(fā)布和網(wǎng)站

的管理與維護(hù)

網(wǎng)站管理和維護(hù)是一項(xiàng)非常繁重的工作，雖然圖2－1將其放在最后一個步驟，但實(shí)際上，從網(wǎng)站建立開始一直到網(wǎng)站停止運(yùn)行，網(wǎng)站韻管理和維護(hù)就需要_直進(jìn)行。網(wǎng)站建設(shè)得是否合理往往會對網(wǎng)站的管理和維護(hù)產(chǎn)生非常大的影響，網(wǎng)站建設(shè)得好，那么管理和維護(hù)起來會非常簡單，網(wǎng)站建設(shè)得不好，那管理和維護(hù)起來就非常非常麻煩且浪費(fèi)時間。

網(wǎng)站的管理和維護(hù)，其目的只有一個，就是為了保證網(wǎng)站的正常運(yùn)行。管理和維護(hù)的內(nèi)容主要分為三個方面：安全管理、性能管理和內(nèi)容管理。圖2－12很好地描述了這三方面管理之聞的關(guān)系。從這個圖中可以看出，安全管理是基礎(chǔ)也是關(guān)鍵，它貫穿整個網(wǎng)站，從最底層的硬件到最高層的網(wǎng)頁，每一個環(huán)節(jié)都離不開安全管理。性能管理是內(nèi)容管理的前提，只有整個網(wǎng)站系統(tǒng)穩(wěn)定高效的前提下才能更好地對內(nèi)容進(jìn)行管理和維護(hù)。圖2－12網(wǎng)站的管理與維護(hù)(1)安全管理安全一直是困擾因特網(wǎng)發(fā)展的重要問題，即使是普通的因特網(wǎng)用戶也避免不了惡作劇的網(wǎng)絡(luò)攻擊，更何況是向所有因特網(wǎng)用戶開放的網(wǎng)站。如果受到攻擊，數(shù)據(jù)受到破壞，就很可能會造成難以估計的損失。比如2001年7月4日微軟的MSN網(wǎng)站出現(xiàn)故障，到7月6日不過兩天的時間就有近3000萬的用戶受到不同程度的影響，其造成的損失程度可想而知。

首先是操作系統(tǒng)的安全管理。任何操作系統(tǒng)都不是十全十美的，總是存在很多安全漏洞，不斷被暴露出來。比如WindowsNT對較大的ICMP包是非常脆弱，如果發(fā)一條Ping命令，指定包的大小為6