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

電子商務(wù)網(wǎng)站開發(fā)步驟1第1頁，共138頁，2023年，2月20日，星期一2.1 總體概述2.2 網(wǎng)站的規(guī)劃與設(shè)計2.3 站點建設(shè)2.4 站點發(fā)布和網(wǎng)站的管理與維護(hù)習(xí)題第二章電子商務(wù)網(wǎng)站開發(fā)步驟第2頁，共138頁，2023年，2月20日，星期一2.1 總體概述

網(wǎng)站建設(shè)總的來說需要經(jīng)歷四個步驟，分別是網(wǎng)站的規(guī)劃與設(shè)計、站點建設(shè)、網(wǎng)站發(fā)布和網(wǎng)站的管理與維護(hù)，如圖2-1所示。圖2-1網(wǎng)站建設(shè)的步驟第3頁，共138頁，2023年，2月20日，星期一

網(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è)成功與否的前提，因為所有的后續(xù)步驟都必須按照第一步的規(guī)劃與設(shè)計來進(jìn)行實施。4第4頁，共138頁，2023年，2月20日，星期一

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

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

網(wǎng)站的管理與維護(hù)雖然是最后一個步驟，但實際上貫穿網(wǎng)站建設(shè)的全過程，只要網(wǎng)站沒有停止運行，就需要對其進(jìn)行管理和維護(hù)，所以這一步也是最為費勁的一步。網(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)站的運行性能。6第6頁，共138頁，2023年，2月20日，星期一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é)。第7頁，共138頁，2023年，2月20日，星期一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ù)?”這三個問題。第8頁，共138頁，2023年，2月20日，星期一

不同性質(zhì)的站點有不同的建設(shè)目的，比如電子商務(wù)站點主要是為了在企業(yè)與企業(yè)、企業(yè)名。與個人消費者之間建立更為直接和高效的商務(wù)通道；電子政務(wù)網(wǎng)站代表的是政府部門，所以主要是通過它來宣傳政府的形象、實現(xiàn)政務(wù)公開、向社會提供有價值的公益和導(dǎo)向信息，以及實現(xiàn)網(wǎng)上政務(wù)；而個人站點則主要是為了介紹個人的興趣愛好，通過共享信息來結(jié)識更多的朋友。9第9頁，共138頁，2023年，2月20日，星期一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ī)劃還需要確定哪些是重點欄目、哪些是需要實時更新的欄目、需要提供哪些功能性欄目等。10第10頁，共138頁，2023年，2月20日，星期一

成功的欄目規(guī)劃不僅能給用戶的訪問帶來極大的便利，幫助用戶準(zhǔn)確地了解網(wǎng)站所提供的內(nèi)容和服務(wù)和快速地找到自己所感興趣的網(wǎng)頁，而且能幫助網(wǎng)站管理員對網(wǎng)站進(jìn)行更為高效的管理。11第11頁，共138頁，2023年，2月20日，星期一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)容，但個人簡介、個人收藏等欄目通常不能缺少。12第12頁，共138頁，2023年，2月20日，星期一

除了內(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)。13第13頁，共138頁，2023年，2月20日，星期一

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

18第18頁，共138頁，2023年，2月20日，星期一

層次型結(jié)構(gòu)也有不好的地方，就是用戶如果要訪問最底層的網(wǎng)頁就不得不按照層次從上到下一級一級地訪問，最終到達(dá)想要訪問的網(wǎng)頁。如果層次型結(jié)構(gòu)的層次很深，比如有五層或者六層，那么所帶來的麻煩就大大降低了層次型網(wǎng)絡(luò)所具有的優(yōu)點。又比如圖2-3所示的例子，用戶想從網(wǎng)頁A轉(zhuǎn)到網(wǎng)頁B，很可能不得不先從網(wǎng)頁A一級—級地返回到網(wǎng)頁C，然后再一級一級地往下走直到網(wǎng)頁B。19第19頁，共138頁，2023年，2月20日，星期一圖2-3層次型結(jié)構(gòu)說明圖

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

如圖2-4所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個網(wǎng)頁相互之間都超鏈接的一種結(jié)構(gòu)，這些網(wǎng)頁可以是層次結(jié)構(gòu)上的任意網(wǎng)頁，但是因為導(dǎo)航的需要或者內(nèi)容上的相關(guān)性而鏈接在一起。3)網(wǎng)絡(luò)型結(jié)構(gòu)圖2-4網(wǎng)絡(luò)型結(jié)構(gòu)第21頁，共138頁，2023年，2月20日，星期一

網(wǎng)絡(luò)型結(jié)構(gòu)的實現(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)。22第22頁，共138頁，2023年，2月20日，星期一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)生很大的影響。23第23頁，共138頁，2023年，2月20日，星期一

不建議將所有的網(wǎng)頁文件和資源文件都放在同一個目錄底下。當(dāng)文件一多時，www服務(wù)器的性能就會急劇下降，因為查找一個網(wǎng)頁文件需要很長的時間，而且網(wǎng)站管理員在區(qū)分不同性質(zhì)的文件和查找某一個特定的文件時也會變得非常麻煩。目錄結(jié)構(gòu)對用戶來說是不可見的，它只針對網(wǎng)站管理員，所以它的設(shè)計是為了網(wǎng)站管理員能從文件的角度更好地管理網(wǎng)站的所有資源。24第24頁，共138頁，2023年，2月20日，星期一目錄結(jié)構(gòu)的設(shè)計通常需要遵循以下原則：1)不要將所有的文件都放在根目錄下有的管理員為了圖方便，將所有的文件都放在根目錄下。正像前面剛提到的，這么做很容易造成文件管理混亂。而且當(dāng)文件很多時，會非常影響WWW服務(wù)器的索引速度。因為服務(wù)器通常需要為根目錄建立一個索引，而且每增加一個新的文件時都需要重新建立索引，所以很明顯，文件越多，建立索引的時間也就越長。25第25頁，共138頁，2023年，2月20日，星期一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è)計目錄結(jié)構(gòu)的時候，盡量避免目錄名和欄目名相一致，可以a的方式來提高目錄名的猜測難度。26第26頁，共138頁，2023年，2月20日，星期一3)每個目錄下都建立獨立的images子目錄將圖片及資源文件都放在一個獨立的images目錄下，可以使目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)頁都需要用到同一個圖片，比如網(wǎng)站標(biāo)志圖片，那么將這個圖片放到所有這些網(wǎng)頁共有的最高層目錄的images子目錄下。27第27頁，共138頁，2023年，2月20日，星期一4)目錄的層次不要太深5)不要使用中文目錄名因為你的站點是對Internet所有用戶開放的，所以你得考慮到使用非中文操作系統(tǒng)的客戶也能正常訪問你的站點。對于目錄名，最好都使用英文。28第28頁，共138頁，2023年，2月20日，星期一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)頁文件被讀取。29第29頁，共138頁，2023年，2月20日，星期一7)數(shù)據(jù)庫文件單獨放置數(shù)據(jù)庫文件因為安全需求很高，所以最好放置在HTTP所不能訪問到的目錄底下。這樣就可以避免惡意的用戶通過HTTP方式取到數(shù)據(jù)庫文件。30第30頁，共138頁，2023年，2月20日，星期一3．風(fēng)格設(shè)計：風(fēng)格設(shè)計包含很多內(nèi)容，為了體現(xiàn)個人風(fēng)格，符合網(wǎng)站的名稱和定位。下面我們在色彩搭配和版面布局方面做一些規(guī)劃和設(shè)計。31第31頁，共138頁，2023年，2月20日，星期一1)色彩搭配網(wǎng)站的色彩是最影響網(wǎng)站整體風(fēng)格的因素，也是站點美工設(shè)計中最令人頭疼的問題。許多網(wǎng)頁設(shè)計者都缺乏色彩搭配的基本知識，所以在制作網(wǎng)頁之前往往有一個很好的想法，但是卻不知如何搭配網(wǎng)頁的顏色來表達(dá)預(yù)想的效果。因此，在介紹色彩搭配之前，先來看看色彩的基本知識。32第32頁，共138頁，2023年，2月20日，星期一色彩的基本知識在物理學(xué)中，顏色是因為光的折射而產(chǎn)生的。顏色不同，光的波長也就不同。紅、綠、藍(lán)是自然界的三原色，它們不同程度的組合可以形成各種顏色。所以在網(wǎng)頁中，也就用它們的不同顏色值來表示各種顏色。網(wǎng)頁中的顏色通常采用6位十六進(jìn)制的數(shù)值來表示，每兩位代表一種顏色，從左到右依次表示紅色、綠色和藍(lán)色。顏色33第33頁，共138頁，2023年，2月20日，星期一

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

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

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

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

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

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

36第36頁，共138頁，2023年，2月20日，星期一

藍(lán)色：是最具涼爽、清新、專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣(如天空的色彩)。白色：給人以潔白、明快、純真和干凈的感覺。黑色：通常是深沉、神秘、寂靜、悲哀和壓抑的代表?；疑壕哂兄杏?、平凡、溫和、謙讓、中立和高雅的感覺，它可以和任何一種顏色進(jìn)行搭配。37第37頁，共138頁，2023年，2月20日，星期一38第38頁，共138頁，2023年，2月20日，星期一39第39頁，共138頁，2023年，2月20日，星期一40第40頁，共138頁，2023年，2月20日，星期一

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

比如藍(lán)色是一種讓人感覺非常專業(yè)的顏色，所以許多高科技公司都喜歡使用藍(lán)色作為公司網(wǎng)站的顏色。最典型的當(dāng)數(shù)微軟公司(圖2－5，)，藍(lán)色極大地加強(qiáng)了人們對他們產(chǎn)品的信任感。又比如使用紅色的北京市政府網(wǎng)站(WWW.)，是通過紅色來向人們傳達(dá)北京作為中國首都大氣和熱情的氣質(zhì)。IBM公司主頁（WWW.）就采用了黑色和藍(lán)色為主色調(diào)，如圖2－6所示。42第42頁，共138頁，2023年，2月20日，星期一圖2-5微軟公司主頁43第43頁，共138頁，2023年，2月20日，星期一圖2-6IBM公司主頁第44頁，共138頁，2023年，2月20日，星期一

企業(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)。45第45頁，共138頁，2023年，2月20日，星期一

其次是欄目索引條上，欄目索引條雖然面積小，但是出現(xiàn)在網(wǎng)頁的各個部位，所以能非常有效地渲染主色調(diào)。最后是網(wǎng)頁上的文字，文字筆畫雖細(xì)，但大面積的文字也能很好地突出主色調(diào)。接著要考慮的是別的地方使用什么顏色去搭配這種主色調(diào)，比如背景色、文字顏色、導(dǎo)航條顏色、插圖顏色等都使用什么顏色。色彩搭配是一項非常精細(xì)的工作，因為往往一個細(xì)節(jié)就會影響整個網(wǎng)頁的色彩均衡.46第46頁，共138頁，2023年，2月20日，星期一選取背景色大多數(shù)的網(wǎng)站都會選取白色作為背景色。白色使得狹小的屏幕空間顯得很大，再多的信息在白色的背景下，其排放也可以顯得很整齊，其頁面也可以顯得非常干凈和整潔。47第47頁，共138頁，2023年，2月20日，星期一(2)導(dǎo)航條的顏色導(dǎo)航條是對網(wǎng)站欄目的一個索引，它通常以一個水平長條的形式出現(xiàn)在網(wǎng)頁頭部的下邊。導(dǎo)航條作為頭部的一部分，經(jīng)常采用主色調(diào)，另—方面，導(dǎo)航條因為介于網(wǎng)頁的頭部和內(nèi)容部分的中間，所以也經(jīng)常作為頭部和內(nèi)容部分的過渡，這種情況下通常采用灰色系48第48頁，共138頁，2023年，2月20日，星期一(3)欄目索引條的顏色欄目索引條因為分布在網(wǎng)頁的各個部位，所以經(jīng)常采用主色調(diào)中不同深度的顏色來烘托整體的效果。(4)文字的顏色文字在一個網(wǎng)頁上是無處不在的，但是文字的筆畫比較單薄，所以文字通常用來進(jìn)一步突出主色調(diào)，或者用來過渡和緩解頁面的顏色。文字的顏色主要根據(jù)文字的背景色進(jìn)行搭配，它與背景色應(yīng)有較大的反差，如白底黑字、藍(lán)底白字等，以便能清楚得顯示文字。其次文字的顏色搭配還得兼顧文字周圍物體的顏色。49第49頁，共138頁，2023年，2月20日，星期一(5)插圖的顏色網(wǎng)頁的插圖通常尺寸都比較小，所以它的顏色可以絢麗、豐富一些，這樣一來可以使頁面變得活潑，二來可以點綴整個頁面。但是在選擇有背景的圖片時要特別小心，不要和網(wǎng)頁的背景色及圖所插區(qū)域的背景色相沖突。解決這個問題一般有兩種方法，一種是采用可透明的GIF圖，另一種是將圖片的背景色做成和網(wǎng)頁背景色一樣的顏色。50第50頁，共138頁，2023年，2月20日，星期一2)版面布局設(shè)計報紙、雜志通常分為不同的版面，不同的版面需要不同的布局，比如報紙的頭版最為重要，它的布局通常都圍繞醒目的大標(biāo)題展開以吸引人們對它的注意，而其他版面以內(nèi)容為主，所以它們的布局相對簡單，通常都根據(jù)內(nèi)容文字的多少而自然分割。同報紙、雜志一樣，網(wǎng)站也分為很多不同的網(wǎng)頁，比如主頁、欄目首頁、內(nèi)容網(wǎng)頁等，51第51頁，共138頁，2023年，2月20日，星期一

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

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

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

第一種方法是用手工的方式在紙上畫草圖，這種方法可以大概地描繪出網(wǎng)頁的框架，但是也只能到此為止，不能再進(jìn)行更細(xì)的工作，如配色、擺放文字和圖片等。第二種方法是用專業(yè)制圖軟件來進(jìn)行布局，建議使用Photoshop。Photoshop是一個非常優(yōu)秀的圖片處理工具。用它可以像設(shè)計一幅圖片、一幅招貼畫、一幅廣告一樣去設(shè)計一個網(wǎng)頁的界面，然后再考慮如何用網(wǎng)頁制作工具去實現(xiàn)這個網(wǎng)頁。56第56頁，共138頁，2023年，2月20日，星期一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)。57第57頁，共138頁，2023年，2月20日，星期一1)導(dǎo)航的實現(xiàn)方法導(dǎo)航最常用的實現(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聊天、體育等各個欄目的首頁。58第58頁，共138頁，2023年，2月20日，星期一圖2-8新浪網(wǎng)導(dǎo)航條第59頁，共138頁，2023年，2月20日，星期一

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

除了普通的導(dǎo)航條之外，導(dǎo)航另一種非常重要的實現(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)到新浪首頁、讀書欄目首頁。61第61頁，共138頁，2023年，2月20日，星期一圖2-9新浪網(wǎng)讀書欄目路徑導(dǎo)航條第62頁，共138頁，2023年，2月20日，星期一

除了上述兩種最為重要的實現(xiàn)方法之外，還有一些擴(kuò)展的實現(xiàn)方法，如重點導(dǎo)航、相關(guān)導(dǎo)航等，這些導(dǎo)航可以讓用戶有更多更靈活的方式找到自己所感興趣的網(wǎng)頁。下面我們通過實際的例子來看看這些導(dǎo)航。比如新浪網(wǎng)在每一個新聞內(nèi)容網(wǎng)頁的底部都有一個區(qū)域，里邊羅列著與這個新聞相關(guān)的新聞網(wǎng)頁的超鏈接，如圖2-10所示，這就是相關(guān)導(dǎo)航。63第63頁，共138頁，2023年，2月20日，星期一圖2-10相關(guān)導(dǎo)航舉例第64頁，共138頁，2023年，2月20日，星期一2)導(dǎo)航的設(shè)計策略雖然導(dǎo)航有很多不同的實現(xiàn)方法，但是并不是所有的網(wǎng)站都需要使用這些方法，這通常取決于網(wǎng)站的規(guī)模。下面就是在設(shè)計網(wǎng)站導(dǎo)航時，可以采用的一些基本策略：

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

(3)其他導(dǎo)航方式作為輔助的導(dǎo)航手段，視實際需要而定。66第66頁，共138頁，2023年，2月20日，星期一網(wǎng)站設(shè)計需要注意的其他問題

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

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

盡量使用相對的超級鏈接。為圖片添加文字說明。因為運行速度較慢，所以Java程序少用為宜。第69頁，共138頁，2023年，2月20日，星期一2.3 站點建設(shè)

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

域名注冊是將網(wǎng)站的域名合法化以便用戶能通過這個域名訪問你的網(wǎng)站。注冊完之后別人就不能再次使用相同的域名來進(jìn)行注冊。71第71頁，共138頁，2023年，2月20日，星期一企業(yè)選擇域名的策略

企業(yè)的發(fā)展規(guī)模及其商業(yè)范疇公司、企業(yè)、組織的性質(zhì)或信息內(nèi)容的性質(zhì)簡潔、易記、標(biāo)識性強(qiáng)，具有一定的內(nèi)涵。域名的注冊還應(yīng)注意域名搶注與域名沖突的問題72第72頁，共138頁，2023年，2月20日，星期一例子:比如說“江蘇復(fù)興塑料機(jī)械廠”，企業(yè)通常會購買類似之類的域名，其實最好的域名可以是/或者/，這樣采購商可以從域名了解到該廠叫Fuxin，生產(chǎn)與塑料行業(yè)有關(guān)的產(chǎn)品。73第73頁，共138頁，2023年，2月20日，星期一

確定好網(wǎng)站的域名之后，還需要經(jīng)過注冊才能使這個域名真正有效。注冊域名可以到域名管理中心或其授權(quán)的公司進(jìn)行辦理。中國的域名管理中心是中國互聯(lián)網(wǎng)絡(luò)信息中心CNNIC(/)，可以在這里或者它授權(quán)的域名認(rèn)證注冊服務(wù)機(jī)構(gòu)(萬網(wǎng)志成

商務(wù)中國

新網(wǎng)數(shù)碼

中資源

廣東時代互聯(lián))進(jìn)行域名的注冊.74第74頁，共138頁，2023年，2月20日，星期一（二）網(wǎng)站平臺配置網(wǎng)站配置首先要做的就是為網(wǎng)站選擇合適的發(fā)布平臺，即選擇適合網(wǎng)站規(guī)模的各種軟硬件資源，包括確定服務(wù)器解決方案,確定軟件平臺等。75第75頁，共138頁，2023年，2月20日，星期一服務(wù)器解決方案：自建服務(wù)器：易于控制，安全。但需要申請專線接入。適用于處理敏感數(shù)據(jù)的站點，例如電子商務(wù)站點。托管服務(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è)施等。收費按占用的機(jī)架空間和接入帶寬計算。適用于中、大規(guī)模的網(wǎng)站，許多大型網(wǎng)站就是以此形式建立站點及鏡像站點的。租用服務(wù)器：與托管服務(wù)器相似，只是主機(jī)不是自己的。76第76頁，共138頁，2023年，2月20日，星期一虛擬主機(jī)：在同一計算機(jī)硬件、同一操作系統(tǒng)上，可以建立多個Web站點，每一個站點在訪問者看來好像是在一個獨立的主機(jī)硬件上，這樣的Web站點稱為虛擬主機(jī)。每一個虛擬主機(jī)具有獨立的域名，可以共享一個IP地址，也可以具有獨立的IP地址，能提供完整的Internet服務(wù)（包括WWW、FTP、Email等），缺點是不能支持高訪問量、遠(yuǎn)程管理權(quán)限有限、軟件安裝不方便。適用于小企業(yè)做產(chǎn)品宣傳和業(yè)余愛好者發(fā)布數(shù)據(jù)。77第77頁，共138頁，2023年，2月20日，星期一安置自己的服務(wù)器實現(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.488Gbps78第78頁，共138頁，2023年，2月20日，星期一

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

帶寬估算：統(tǒng)計WebServer日志文件中HTTP操作紀(jì)錄的總行數(shù)。確定日志文件運行的天數(shù)。將總行數(shù)除以天數(shù)，得到每天操作次數(shù)。將每天操作次數(shù)除以86400秒（一天的秒數(shù)），得到每秒操作次數(shù)。將每秒操作次數(shù)乘以3，得到每秒峰值操作次數(shù)。將128Kbps乘以每秒峰值操作次數(shù)，得到所需的帶寬。128Kbps是個經(jīng)驗值。79第79頁，共138頁，2023年，2月20日，星期一服務(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ī)上。因為這些服務(wù)要占用大量的CPU資源和內(nèi)存資源，削弱Web服務(wù)的能力。80第80頁，共138頁，2023年，2月20日，星期一

集群（Cluster）：一組被稱為節(jié)點的計算機(jī)，通過網(wǎng)絡(luò)和軟件結(jié)合在一起，通過負(fù)載均衡和失效接管來向客戶端提供一個單一的、可持續(xù)工作的服務(wù)系統(tǒng)，也可以不停機(jī)更新個別節(jié)點。它將可用性提升至99.99%。對于需要幾百兆高帶寬接入的大型網(wǎng)站，需要多臺服務(wù)器組成集群系統(tǒng)提供均載服務(wù)，同時也可以避免單點故障。有時還需要在多個廣域網(wǎng)內(nèi)做鏡像站點，并將同一域名解析到多個IP，將用戶路由到最快的站點。81第81頁，共138頁，2023年，2月20日，星期一例如：一個站點30天內(nèi)的點擊次數(shù)為15000次。則每天操作次數(shù)為500次，每秒操作次數(shù)為0.006次/秒，每秒峰值操作次數(shù)為0.018次/秒，所需帶寬為128Kbps*0.018=2.3Kbps。

82第82頁，共138頁，2023年，2月20日，星期一確定服務(wù)器解決方案購買服務(wù)器，建立獨立的電子商務(wù)站點成本較高適合對信息量和網(wǎng)站功能要求較高的大中型企業(yè)83第83頁，共138頁，2023年，2月20日，星期一租用虛擬主機(jī)虛擬主機(jī)是使用計算機(jī)軟件技術(shù)，把一臺運行在Internet上的服務(wù)器主機(jī)分隔成多臺“虛擬”主機(jī)，每一臺虛擬主機(jī)都各自具有獨立的域名和IP地址，具有比較完善的Internet服務(wù)器功能。84第84頁，共138頁，2023年，2月20日，星期一租用虛擬主機(jī)虛擬主機(jī)就是由很多人一起租用一臺服務(wù)器。85第85頁，共138頁，2023年，2月20日，星期一優(yōu)點：采用虛擬主機(jī)技術(shù)的用戶只需對自己的信息進(jìn)行遠(yuǎn)程維護(hù)，而無需對硬件、操作系統(tǒng)及通信線路進(jìn)行維護(hù)。因此虛擬主機(jī)技術(shù)可以為廣大中小型企業(yè)或初次建立網(wǎng)站的企業(yè)節(jié)省大量人力物力及一系列煩瑣的工作，是企業(yè)發(fā)布信息較好的方式。特點：采用虛擬主機(jī)方式建立電子商務(wù)網(wǎng)站具有投資小、建立速度快、安全可靠、無需軟硬件配置及投資、無需擁有技術(shù)支持等特點。

86第86頁，共138頁，2023年，2月20日，星期一虛擬主機(jī)服務(wù)內(nèi)容選擇虛擬主機(jī)主要考慮以下幾點服務(wù)內(nèi)容：(1)存儲空間：越大越好；(2)電子郵件：提供的電子郵箱個數(shù)；(3)網(wǎng)頁制作；(4)IP地址：提供獨立的IP地址，并支持多個域名指向同一個IP地址；(5)文件傳輸（FTP）：支持網(wǎng)頁上傳;（6）時間：提供不間斷服務(wù)的時間;(7)速度：重點考慮網(wǎng)絡(luò)帶寬問題。87第87頁，共138頁，2023年，2月20日，星期一服務(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ù)費、線路通信服務(wù)費整機(jī)托管更經(jīng)濟(jì)、快捷且實用：遠(yuǎn)程控制、客戶機(jī)/服務(wù)器兩者相比，整機(jī)租用在成本和服務(wù)方面有優(yōu)勢。88第88頁，共138頁，2023年，2月20日，星期一服務(wù)器托管（主機(jī)托管）89第89頁，共138頁，2023年，2月20日，星期一服務(wù)器托管（主機(jī)托管）服務(wù)器托管具有以下特點：（1）靈活：系統(tǒng)資源、軟件和服務(wù)不受限制；（2）穩(wěn)定：不受其他用戶的牽連；(3)安全；(4)快捷。主機(jī)托管服務(wù)選擇時應(yīng)考慮以下因素：(1)可靠性因素(2)安全因素(3)功能需求因素90第90頁，共138頁，2023年，2月20日，星期一91案例：上海電信IDC/services/idc/index.asp第91頁，共138頁，2023年，2月20日，星期一92案例：上海電信IDC的虛擬主機(jī)服務(wù)虛擬主機(jī)名稱空間大小價格(/年)入門型

入門一型[HTML]50M400元入門二型[HTML]100M600元電信基礎(chǔ)型電信基礎(chǔ)型[ASP]100M800元電信基礎(chǔ)型[.NET]100M1000元電信基礎(chǔ)型[PHP]100M1000元電信基礎(chǔ)型[JAVA]100M1000元第92頁，共138頁，2023年，2月20日，星期一93案例：上海電信IDC的虛擬主機(jī)服務(wù)第93頁，共138頁，2023年，2月20日，星期一94案例：上海電信IDC的增值服務(wù)第94頁，共138頁，2023年，2月20日，星期一軟件平臺操作系統(tǒng)軟件UNIX操作系統(tǒng)：技術(shù)成熟、開放性好、可靠性高、網(wǎng)絡(luò)功能強(qiáng)大。Linux操作系統(tǒng)：免費的操作系統(tǒng)Windows2000操作系統(tǒng)：95第95頁，共138頁，2023年，2月20日，星期一Unix、Linux和WindowsUnixLinuxWindows穩(wěn)定性好好稍差安全性好好稍差易用性差差好應(yīng)用軟件少略多豐富開發(fā)時間60年代后期90年代初80年代后期源代碼不公開公開不公開價格付費免費付費96第96頁，共138頁，2023年，2月20日，星期一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+MYSQL97第97頁，共138頁，2023年，2月20日，星期一數(shù)據(jù)庫軟件關(guān)系型數(shù)據(jù)庫面向?qū)ο驞B2，Oracle，Sybase，MSSQLServer，MySQL98第98頁，共138頁，2023年，2月20日，星期一（三）網(wǎng)頁制作技術(shù)網(wǎng)頁制作指的就是使用網(wǎng)頁制作工具來制作每一個網(wǎng)頁。網(wǎng)頁文件是一種特殊的文本文件，所以它的制作工具非常廣泛，比如記事本、Ultraedit、Word等都可以用來制作一個網(wǎng)頁。但是最為主要的還是使用專用的網(wǎng)頁制作工具，其中最為主流的是Macromedia公司開發(fā)的Dreamweaver系列和微軟公司開發(fā)的FrontPage。99第99頁，共138頁，2023年，2月20日，星期一

網(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é)起。100第100頁，共138頁，2023年，2月20日，星期一

動態(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在實現(xiàn)時并不是獨立的，它通常需要和腳本語言(Javagcript、VaScript和JScript)、層疊樣式表(CSS)及層技術(shù)組合在一起使用。101第101頁，共138頁，2023年，2月20日，星期一

動態(tài)服務(wù)器網(wǎng)頁技術(shù)指的是作用于WWW服務(wù)器端的動態(tài)網(wǎng)頁技術(shù)，而上面所說的動態(tài)網(wǎng)頁技術(shù)作用于客戶端，即瀏覽器。動態(tài)服務(wù)器網(wǎng)頁技術(shù)不是一種產(chǎn)生變形、消失、變色等動畫效果的技術(shù)，而是一種動態(tài)生成網(wǎng)頁的技術(shù)。在這種技術(shù)的支持下，靜態(tài)的HTML網(wǎng)頁由動態(tài)網(wǎng)頁所替代，網(wǎng)頁的數(shù)據(jù)存放在數(shù)據(jù)庫中。當(dāng)用戶訪問這個網(wǎng)頁時，動態(tài)網(wǎng)頁才從數(shù)據(jù)庫中取出相應(yīng)的數(shù)據(jù)并放在指定的位置，并形成一個新的HTML網(wǎng)頁。102第102頁，共138頁，2023年，2月20日，星期一（四）網(wǎng)站測試在所有網(wǎng)頁都制作完成之后，在正式對外發(fā)布網(wǎng)站之前，還有一步非常重要的工作就是網(wǎng)站測試。網(wǎng)站測試的目的就是為了保證在網(wǎng)站發(fā)布之后所有的用戶都能正常地瀏覽網(wǎng)頁和使用所提供的服務(wù)。在圖2－11中顯示了網(wǎng)站測試所要進(jìn)行的工作，通常包括五個方面：功能測試、性能測試、可用性測試、客戶端兼容性測試和安全性測試。103第103頁，共138頁，2023年，2月20日，星期一圖2-11網(wǎng)站測試第104頁，共138頁，2023年，2月20日，星期一1、功能測試功能測試的任務(wù)是測試網(wǎng)站能否正常運行，其、測試的對象包括超鏈接、表單、Cookies、網(wǎng)頁編程語言及數(shù)據(jù)庫。超鏈接的測試可以分為三個方面，首先是測試所有的超鏈接是否都按指示的那樣確實鏈接到了該鏈接的網(wǎng)頁；其次是測試每一個超鏈接所鏈接的網(wǎng)頁是否存在；最后是測試網(wǎng)站上是否有孤立的網(wǎng)頁，即沒有其他網(wǎng)頁的超鏈接指向這個網(wǎng)頁。很多工具都能對超鏈接進(jìn)行自動的測試，比如Macromedia公司的Dreamweaver。105第105頁，共138頁，2023年，2月20日，星期一

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

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

無論是HTML、JavaScript、VBScript，還是用于編寫JavaApplet、ActiveX等控件的Java、VC，都經(jīng)歷了很多版本。不同的版本可能要求不同的運行環(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ù)庫的各項操作無誤。107第107頁，共138頁，2023年，2月20日，星期一2、性能測試性能測試是為了讓用戶能更好地訪問網(wǎng)站，它通常分為連接速度測試、穩(wěn)定性測試、負(fù)載測試和壓力測試三個方面。因為不同的用戶會使用不同的接入方式，比如有的撥號上網(wǎng)，有的使用ADSL寬帶上網(wǎng)，不同的接入方式就有不同的接入帶寬，所以連接速度測試就是要保證各種接入方式都盡可能流暢地訪問網(wǎng)站。比如有些網(wǎng)頁設(shè)置了超時限制，如果用戶的連接速度太慢，那么很可能還沒打開一幅圖片就停止顯示了。108第108頁，共138頁，2023年，2月20日，星期一

穩(wěn)定性測試是指網(wǎng)站在運行中整個系統(tǒng)是否能正常運行，能否保持長時間的穩(wěn)定運行等。因為各種實際情況無法預(yù)測，所以穩(wěn)定性測試最好的方法就是讓服務(wù)器保持一段較長時間的運行。109第109頁，共138頁，2023年，2月20日，星期一

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

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

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

內(nèi)容測試是檢驗網(wǎng)頁上內(nèi)容的正確性、準(zhǔn)確性和相關(guān)性，因為從所收集到的信息很可能有很多錯別字或者有誤導(dǎo)民眾的錯誤信息。另外，因為誤操作也很可能把不相關(guān)的信息放到了同一個網(wǎng)頁上。內(nèi)容檢測就是要找出這些錯誤并對其進(jìn)行糾正。112第112頁，共138頁，2023年，2月20日，星期一

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

不同的用戶可能具有不同的客戶端配置，比如使用不同的瀏覽器，使用不同的屏幕分辨率，使用不同的操作系統(tǒng)等。不同的客戶端對網(wǎng)頁的支持程度不同，所以客戶端兼容測試要做的就是測試網(wǎng)站在各種不同的客戶端下能否被正常訪問。113第113頁，共138頁，2023年，2月20日，星期一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ī)密信息等，114第114頁，共138頁，2023年，2月20日，星期一

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

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

的管理與維護(hù)

當(dāng)網(wǎng)頁基本制作完畢、網(wǎng)站測試基本通過之后，即可發(fā)布網(wǎng)站，以便讓所有的因特網(wǎng)用戶都能通過因特網(wǎng)訪問這個網(wǎng)站。網(wǎng)站發(fā)布最基本的工作就是將你的網(wǎng)頁傳送到WWW服務(wù)器之上，最常用的方式就是使用FTP。另外有些強(qiáng)大的網(wǎng)頁制作工具也具有網(wǎng)頁發(fā)布的功能，比如微軟公司的FrontPage和Macromedia公司的Dreamweaver。第117頁，共138頁，2023年，2月20日，星期一

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

網(wǎng)站的管理和維護(hù)，其目的只有一個，就是為了保證網(wǎng)站的正常運行。管理和維護(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ù)。119第119頁，共138頁，2023年，2月20日，星期一圖2－12網(wǎng)站的管理與維護(hù)第120頁，共138頁，2023年，2月20日，星期一(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萬的用戶受到不同程度的影響，其造成的損失程度可想而知。121第121頁，共138頁，2023年，2月20日，星期一

安全問題存在于從硬件到軟件的各個環(huán)節(jié)，所以它的管理非常得困難。在這里，我們簡單介紹其中的六個方面：操作系統(tǒng)的安全管理、WWW服務(wù)器軟件的安全管理、腳本語言的安全管理、網(wǎng)上信息傳輸?shù)陌踩芾怼?shù)據(jù)庫的安全管理和人員的安全管理。122第122頁，共138頁，2023年，2月20日，星期一

首先是操作系統(tǒng)的安全管理。任何操作系統(tǒng)都不是十全十美的，總是存在很多安全漏洞，不斷被暴露出來。比如WindowsNT對較大的ICMP包是非常脆弱，如果發(fā)一條Ping命令，指定包的大小為64KB，NT的TCP/IP棧將不能正常工作，進(jìn)而可使系統(tǒng)離線工作，甚至重新啟動。又比如現(xiàn)在種類繁多的蠕蟲病毒，不知不覺之中就會潛入你的計算機(jī)，然后在特定的時刻發(fā)作破壞你的操作系統(tǒng)。解決操作系統(tǒng)安全問題的最重要的手段就是定期掃描操作系統(tǒng)可能存在的安全漏洞并及時安裝相應(yīng)的補(bǔ)丁程序。123第123頁，共138頁，2023年，2月20日，星期一WWW服務(wù)器軟件是用來響應(yīng)HTTP請求進(jìn)行網(wǎng)頁傳輸?shù)?。雖然WWW服務(wù)器軟件本身并沒有內(nèi)在的高風(fēng)險性，但其主要設(shè)計目標(biāo)是更好地支持WWW服務(wù)和滿足其他方面的需求，所以除了基本的WWW服務(wù)功能之外，它還具有很多其他的功能，比如支持不同權(quán)限級別的訪問等。但是另一方面，軟件越復(fù)雜，所具備的功能越多，包含錯誤代碼的概率就越高，安全漏洞出現(xiàn)的概率也就越高。那么對于WWW服務(wù)器軟件的安全管理，主要工作在于分析軟件可能引發(fā)的安全問題，謹(jǐn)慎使用軟件所提供的其他功能。124第124頁，共138頁，2023年，2月20日，星期一

腳本語言技術(shù)(JavaScript、VBScript、JScript)在給網(wǎng)頁注入無限生機(jī)的同時也引發(fā)了一系列的安全問題，因為惡意的用戶往往會通過網(wǎng)頁上的表單輸入具有破壞性的腳本代碼。解決這