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

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

網(wǎng)站的設(shè)計與建設(shè)是需要一系列步驟來完成的，能否遵循網(wǎng)站的設(shè)計步驟直接影響一個網(wǎng)站質(zhì)量，也直接影響網(wǎng)站發(fā)布后是否能成功運行。第二章電子商務(wù)網(wǎng)站開發(fā)步驟網(wǎng)站的設(shè)計與建設(shè)是需2.1 總體概述2.2 網(wǎng)站的規(guī)劃與設(shè)計2.3 站點建設(shè)2.4 站點發(fā)布和網(wǎng)站的管理與維護(hù)習(xí)題第二章電子商務(wù)網(wǎng)站開發(fā)步驟2.1 總體概述第二章電子商務(wù)網(wǎng)站開發(fā)步驟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è)的步驟2.1 總體概述

網(wǎng)站建設(shè)總的來說需要經(jīng)歷四個步驟

網(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)行實施。電子商務(wù)網(wǎng)站的開發(fā)步驟課件

網(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)行訪問。網(wǎng)站的規(guī)劃與設(shè)計完成之后，接著進(jìn)入具體的站點建設(shè)

網(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)站的運行性能。網(wǎng)站的管理與維護(hù)雖然是最后一個步驟，但實際上貫穿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è)計

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ù)?”這三個問題。2.2 網(wǎng)站的規(guī)劃與設(shè)計

1網(wǎng)站的定位

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

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

除了內(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)。除了內(nèi)容欄目之外，網(wǎng)站還應(yīng)該包含另外兩類欄目，分

交互性欄目是能與用戶進(jìn)行雙向交流的欄目，通過它不僅可以解答用戶的疑問、了解用戶的需求，而且還可以獲得用戶對網(wǎng)站的建議和看法，讓用戶與網(wǎng)站、用戶與用戶之間建立良好的溝通，以便更好地幫助網(wǎng)站的建設(shè)與發(fā)展。交互性欄目最常見的方式就是留言板。交互性欄目是能與用戶進(jìn)行雙向交流的欄目，通過它不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)欄目。電子商務(wù)網(wǎng)站的開發(fā)步驟課件3)建立層次型結(jié)構(gòu)建立層次型結(jié)構(gòu)是一個遞進(jìn)的過程，即從上到下一級一級地確定每一層的欄目。首先是確定第一層，即網(wǎng)站所必需的欄目，然后對其中的重點欄目進(jìn)行進(jìn)一步的規(guī)劃，確定它們所必需的子欄目，以此類推直至不需要再細(xì)分為止。將所有的欄目及其子欄目連在一起就形成了網(wǎng)站的層次型結(jié)構(gòu)。3)建立層次型結(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)1)線型結(jié)構(gòu)圖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ì)分為止。

2)層次型結(jié)構(gòu)

層次型結(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。電子商務(wù)網(wǎng)站的開發(fā)步驟課件圖2-3層次型結(jié)構(gòu)說明圖

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

如圖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)如圖2-4所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個網(wǎng)頁相互之間都超鏈

網(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)。網(wǎng)絡(luò)型結(jié)構(gòu)的實現(xiàn)就在于在所有相關(guān)的網(wǎng)頁上保留到其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ù)及擴展產(chǎn)生很大的影響。4、網(wǎng)站目錄結(jié)構(gòu)設(shè)計電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件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的方式來提高目錄名的猜測難度。2)根據(jù)欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu)3)每個目錄下都建立獨立的images子目錄將圖片及資源文件都放在一個獨立的images目錄下，可以使目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)頁都需要用到同一個圖片，比如網(wǎng)站標(biāo)志圖片，那么將這個圖片放到所有這些網(wǎng)頁共有的最高層目錄的images子目錄下。3)每個目錄下都建立獨立的images子目錄4)目錄的層次不要太深5)不要使用中文目錄名因為你的站點是對Internet所有用戶開放的，所以你得考慮到使用非中文操作系統(tǒng)的客戶也能正常訪問你的站點。對于目錄名，最好都使用英文。4)目錄的層次不要太深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)頁文件被讀取。6)可執(zhí)行文件和不可執(zhí)行文件分開放置7)數(shù)據(jù)庫文件單獨放置數(shù)據(jù)庫文件因為安全需求很高，所以最好放置在HTTP所不能訪問到的目錄底下。這樣就可以避免惡意的用戶通過HTTP方式取到數(shù)據(jù)庫文件。7)數(shù)據(jù)庫文件單獨放置3．風(fēng)格設(shè)計：風(fēng)格設(shè)計包含很多內(nèi)容，為了體現(xiàn)個人風(fēng)格，符合網(wǎng)站的名稱和定位。下面我們在色彩搭配和版面布局方面做一些規(guī)劃和設(shè)計。電子商務(wù)網(wǎng)站的開發(fā)步驟課件1)色彩搭配網(wǎng)站的色彩是最影響網(wǎng)站整體風(fēng)格的因素，也是站點美工設(shè)計中最令人頭疼的問題。許多網(wǎng)頁設(shè)計者都缺乏色彩搭配的基本知識，所以在制作網(wǎng)頁之前往往有一個很好的想法，但是卻不知如何搭配網(wǎng)頁的顏色來表達(dá)預(yù)想的效果。因此，在介紹色彩搭配之前，先來看看色彩的基本知識。1)色彩搭配色彩的基本知識在物理學(xué)中，顏色是因為光的折射而產(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ù)值相等，就顯示為灰色。值越高表示這種顏色越深。比如紅色，其數(shù)值為“#FF0000

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

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

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

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

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

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

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

灰色：具有中庸、平凡、溫和、謙讓、中立和高雅的感覺，它可以和任何一種顏色進(jìn)行搭配。藍(lán)色：是最具涼爽、清新、專業(yè)的色彩。它和白色混合，能體電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件

網(wǎng)站的色彩搭配網(wǎng)站的色彩搭配通常分為兩個步驟，那么第一步就是為整個網(wǎng)站選取一種主色調(diào)，然后再為主色調(diào)搭配多種適合的顏色。主色調(diào)指的是整個網(wǎng)站給人印象最深的顏色，或者說除白色之外用得最多的顏色。正如前面所述，不同的顏色給人的感受是不一樣的，所以主色調(diào)選取的一個最基本的原則就是保證所選的顏色與網(wǎng)站的主題或者形象相符，進(jìn)一步地，能夠通過這種顏色加深用戶對網(wǎng)站的印象。網(wǎng)站的色彩搭配電子商務(wù)網(wǎng)站的開發(fā)步驟課件圖2-5微軟公司主頁圖2-5微軟公司主頁圖2-6IBM公司主頁圖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)。企業(yè)在選取主色調(diào)的時候需要考慮符合企業(yè)自身的形

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

網(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)行版面布局。網(wǎng)站在版面布局上的一個特點，那就是從網(wǎng)站層次型結(jié)構(gòu)的

第二步就是在網(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)志和最新新聞。第二步就是在網(wǎng)頁的不同區(qū)域上安排不同的內(nèi)容。不同圖2-7網(wǎng)頁設(shè)計重點區(qū)域圖2-7網(wǎng)頁設(shè)計重點區(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)頁制作工具去實現(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)。2、網(wǎng)站的導(dǎo)航設(shè)計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聊天、體育等各個欄目的首頁。1)導(dǎo)航的實現(xiàn)方法圖2-8新浪網(wǎng)導(dǎo)航條圖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)航另一種非常重要的實現(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)到新浪首頁、讀書欄目首頁。除了普通的導(dǎo)航條之外，導(dǎo)航另一種非常重要的實現(xiàn)方圖2-9新浪網(wǎng)讀書欄目路徑導(dǎo)航條圖2-9新浪網(wǎng)讀書欄目路徑導(dǎo)航條

除了上述兩種最為重要的實現(xiàn)方法之外，還有一些擴展的實現(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)航。除了上述兩種最為重要的實現(xiàn)方法之外，還有一些擴展圖2-10相關(guān)導(dǎo)航舉例圖2-10相關(guān)導(dǎo)航舉例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)航條。2)導(dǎo)航的設(shè)計策略(2)其次，如果網(wǎng)站的層次很深，比如三層以上(主頁作為第一層)，最好使用路徑導(dǎo)航。路徑導(dǎo)航可以從第三層以下的網(wǎng)頁開始出現(xiàn)。如果網(wǎng)站的層次只有兩層或者三層，那么不是特別需要路徑導(dǎo)航。

(3)其他導(dǎo)航方式作為輔助的導(dǎo)航手段，視實際需要而定。(2)其次，如果網(wǎng)站的層次很深，比如三層以上(主網(wǎng)站設(shè)計需要注意的其他問題

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

網(wǎng)頁長度不要超過三屏，否則使網(wǎng)網(wǎng)站設(shè)計需要注意的其他問題

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

由于動畫容量是圖像的幾十倍，所網(wǎng)站設(shè)計需要注意的其他問題

盡量使用相對的超級鏈接。為圖片添加文字說明。因為運行速度較慢，所以Java程序少用為宜。網(wǎng)站設(shè)計需要注意的其他問題

盡量使用相對的超級鏈接。2.3 站點建設(shè)

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

在網(wǎng)站的規(guī)劃與設(shè)計完成之后，就（一）域名注冊

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

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

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

帶寬估算：統(tǒng)計WebServer日志文件中HTTP操作紀(jì)錄的總行數(shù)。確定日志文件運行的天數(shù)。將總行數(shù)除以天數(shù)，得到每天操作次數(shù)。將每天操作次數(shù)除以86400秒（一天的秒數(shù)），得到每秒操作次數(shù)。將每秒操作次數(shù)乘以3，得到每秒峰值操作次數(shù)。將128Kbps乘以每秒峰值操作次數(shù)，得到所需的帶寬。128Kbps是個經(jīng)驗值。選擇配置合適的服務(wù)器帶寬估算：服務(wù)器性能：對做Web服務(wù)器的主機，服務(wù)速度主要取決于CPU、內(nèi)存、網(wǎng)絡(luò)I/O和磁盤I/O。為提高Web服務(wù)器的性能，開發(fā)服務(wù)、搜索引擎服務(wù)、數(shù)據(jù)庫服務(wù)應(yīng)另建服務(wù)器，不要建在同一個主機上。因為這些服務(wù)要占用大量的CPU資源和內(nèi)存資源，削弱Web服務(wù)的能力。服務(wù)器性能：

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

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

優(yōu)點：采用虛擬主機技術(shù)的用戶只需對自己的信息進(jìn)行遠(yuǎn)程維護(hù)，而虛擬主機服務(wù)內(nèi)容選擇虛擬主機主要考慮以下幾點服務(wù)內(nèi)容：

(1)存儲空間：越大越好；(2)電子郵件：提供的電子郵箱個數(shù)；(3)網(wǎng)頁制作；(4)IP地址：提供獨立的IP地址，并支持多個域名指向同一個IP地址；(5)文件傳輸（FTP）：支持網(wǎng)頁上傳;（6）時間：提供不間斷服務(wù)的時間;(7)速度：重點考慮網(wǎng)絡(luò)帶寬問題。虛擬主機服務(wù)內(nèi)容選擇虛擬主機主要考慮以下幾點服務(wù)內(nèi)容：服務(wù)器托管（主機托管）主機托管就是客戶把屬于自己的一臺服務(wù)器放置在某個經(jīng)營“整機托管”業(yè)務(wù)網(wǎng)站的數(shù)據(jù)中心的機房里，由網(wǎng)站機房的技術(shù)人員對服務(wù)器進(jìn)行管理和維護(hù)。自建網(wǎng)站機房和整機托管的比較自建機房成本大：技術(shù)人員、軟硬件、維護(hù)費、線路通信服務(wù)費整機托管更經(jīng)濟(jì)、快捷且實用：遠(yuǎn)程控制、客戶機/服務(wù)器兩者相比，整機租用在成本和服務(wù)方面有優(yōu)勢。服務(wù)器托管（主機托管）主機托管就是客戶把屬于自己的一臺服務(wù)器服務(wù)器托管（主機托管）服務(wù)器托管（主機托管）服務(wù)器托管（主機托管）服務(wù)器托管具有以下特點：（1）靈活：系統(tǒng)資源、軟件和服務(wù)不受限制；（2）穩(wěn)定：不受其他用戶的牽連；(3)安全；(4)快捷。主機托管服務(wù)選擇時應(yīng)考慮以下因素：(1)可靠性因素(2)安全因素(3)功能需求因素服務(wù)器托管（主機托管）服務(wù)器托管具有以下特點：（1）靈活：系91案例：上海電信IDC91案例：上海電信IDC92案例：上海電信IDC的虛擬主機服務(wù)虛擬主機名稱空間大小價格(/年)入門型

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

網(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é)起。網(wǎng)頁制作通常需要用到很多網(wǎng)頁制作技術(shù)，總的來說分為

動態(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ù)組合在一起使用。動態(tài)網(wǎng)頁技術(shù)就是我們常說的DHTML技術(shù)。DHT電子商務(wù)網(wǎng)站的開發(fā)步驟課件（四）網(wǎng)站測試在所有網(wǎng)頁都制作完成之后，在正式對外發(fā)布網(wǎng)站之前，還有一步非常重要的工作就是網(wǎng)站測試。網(wǎng)站測試的目的就是為了保證在網(wǎng)站發(fā)布之后所有的用戶都能正常地瀏覽網(wǎng)頁和使用所提供的服務(wù)。在圖2－11中顯示了網(wǎng)站測試所要進(jìn)行的工作，通常包括五個方面：功能測試、性能測試、可用性測試、客戶端兼容性測試和安全性測試。電子商務(wù)網(wǎng)站的開發(fā)步驟課件圖2-11網(wǎng)站測試圖2-11網(wǎng)站測試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。1、功能測試

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

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

無論是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ù)庫的各項操作無誤。無論是HTML、JavaScript、VBScri2、性能測試性能測試是為了讓用戶能更好地訪問網(wǎng)站，它通常分為連接速度測試、穩(wěn)定性測試、負(fù)載測試和壓力測試三個方面。因為不同的用戶會使用不同的接入方式，比如有的撥號上網(wǎng)，有的使用ADSL寬帶上網(wǎng)，不同的接入方式就有不同的接入帶寬，所以連接速度測試就是要保證各種接入方式都盡可能流暢地訪問網(wǎng)站。比如有些網(wǎng)頁設(shè)置了超時限制，如果用戶的連接速度太慢，那么很可能還沒打開一幅圖片就停止顯示了。2、性能測試

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

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

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

導(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)行糾正。導(dǎo)航測試是為了讓用戶能以最快的速度找到自己所感興

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

不同的用戶可能具有不同的客戶端配置，比如使用不同的瀏覽器，使用不同的屏幕分辨率，使用不同的操作系統(tǒng)等。不同的客戶端對網(wǎ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)站的日志文件、機密信息等，5、安全性測試

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

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

的管理與維護(hù)2.4 站點發(fā)布和網(wǎng)站

的管理與維護(hù)

網(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ù)起來就非常非常麻煩且浪費時間。網(wǎng)站管理和維護(hù)是一項非常繁重的工作，雖然圖2－1

網(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ù)。網(wǎng)站的管理和維護(hù)，其目的只有一個，就是為了保證網(wǎng)圖2－12網(wǎng)站的管理與維護(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萬的用戶受到不同程度的影響，其造成的損失程度可想而知。(1)安全管理電子商務(wù)網(wǎng)站的開發(fā)步驟課件

首先是操作系統(tǒng)的安全管理。任何操作系統(tǒng)都不是十全十美的，總是存在很多安全漏洞，不斷被暴露出來。比如WindowsNT對較大的ICMP包是非常脆弱，如果發(fā)一條Ping命令，指定包的大小為64KB，NT的TCP/IP棧將不能正常工作，進(jìn)而可使系統(tǒng)離線工作，甚至重新啟動。又比如現(xiàn)在種類繁多的蠕蟲病毒，不知不覺之中就會潛入你的計算機，然后在特定的時刻發(fā)作破壞你的操作系統(tǒng)。解決操作系統(tǒng)安全問題的最重要的手段就是定期掃描操作系統(tǒng)可能存在的安全漏洞并及時安裝相應(yīng)的補丁程序。電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件

腳本語言技術(shù)(JavaScript、VBScript、JScript)在給網(wǎng)頁注入無限生機的同時也引發(fā)了一系列的安全問題，因為惡意的用戶往往會通過網(wǎng)頁上的表單輸入具有破壞性的腳本代碼。解決這種安全問題的方法主要有三種，分別為對動態(tài)生成的頁面的字符進(jìn)行編碼、過濾和限制所有輸入的數(shù)據(jù)及對所輸入的數(shù)據(jù)進(jìn)行HTML或URL也編碼。腳本語言技術(shù)(JavaScript、VBScri

因特網(wǎng)最初形成的目的是為了傳輸信息，而沒有過多的考慮安全問題，所以信息在因特網(wǎng)上傳輸是非常不安全的，它很可能會在傳輸?shù)倪^程中被竊取、篡改和刪除，這一點對于需要在網(wǎng)頁上輸入銀行賬號和密碼的需求來說顯然不合適。目前解決這種安全問題的方法主要是采用安全套接層協(xié)議SSL和安全超文本傳輸協(xié)議S-HTTP。因特網(wǎng)最初形成的目的是為了傳輸信息，而沒有過多的

動態(tài)服務(wù)器網(wǎng)頁技術(shù)的到來使得大部分的網(wǎng)站數(shù)據(jù)都存儲在數(shù)據(jù)庫中，如用戶名和密碼，所以數(shù)據(jù)庫的安全也不容忽視。數(shù)據(jù)庫的安全問題主要都是由不合理地使用數(shù)據(jù)庫訪問權(quán)限而引起的，所以解決這個問題的關(guān)鍵也就在此。動態(tài)服務(wù)器網(wǎng)頁技術(shù)的到來使得大部分的網(wǎng)站數(shù)據(jù)都存

除了從技術(shù)角度考慮網(wǎng)站的安全問題之外，還有一個很重要的安全因素就是人。據(jù)統(tǒng)計資料顯示，有相當(dāng)大的一部分信息泄漏和服務(wù)器損壞是由直接接觸服務(wù)器的人造成的。而人又是特別難于控制的一個因素，因此加強人員的管理就是最好的解決方法。雖然有關(guān)安全的探討和解決方案層出不窮，但是因為安全問題無處不在，所以不可避免地會不斷有新的安全問題出現(xiàn)，因此安全對所有的網(wǎng)站來說都是一個很大的難題。除了從技術(shù)角度考慮網(wǎng)站的安全問題之外，還有一個很電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件(3)

內(nèi)容管理內(nèi)容管理的主要任務(wù)是確保網(wǎng)頁內(nèi)容、數(shù)據(jù)和超鏈接的正確，及數(shù)據(jù)的及時更新。比如超鏈接很容易因為網(wǎng)頁文件的移動、刪除或重命名，網(wǎng)頁編輯軟件的修改和人員的疏忽而發(fā)生錯誤，以至用戶在訪問一個網(wǎng)站時經(jīng)常打不開網(wǎng)頁，所以網(wǎng)站管理者必須時常檢查網(wǎng)頁之問的超鏈接以確保用戶的正常訪問。靜態(tài)的內(nèi)容不會改變，看幾次也就夠了，用戶通常不會頻繁地訪問來獲取相同的信息，所以只有經(jīng)常更新網(wǎng)站的內(nèi)容才能不斷吸引用戶的訪問。(3)內(nèi)容管理電子商務(wù)網(wǎng)站的開發(fā)步驟課件習(xí)題1、選擇題1．用戶注冊、建立定單等欄目通常使用的是()結(jié)構(gòu)。

A．線型B．層次型C．網(wǎng)絡(luò)型D．樹型2．下面哪一項不是欄目規(guī)劃的任務(wù)?()A．確定必需的欄目和重點欄目

B．建立網(wǎng)站的層次型結(jié)構(gòu)

C．詳細(xì)設(shè)計每一個欄目，確定欄目之間的關(guān)系

D．設(shè)計每_個欄目內(nèi)的導(dǎo)航習(xí)題1、選擇題3．下面哪一種是正確的紅色表示方法?()A．#FF0000B．&FF0000C．#FFFFFFD．#0000FF4．色彩搭配的第一步就是確定()。A．確定網(wǎng)站標(biāo)志的顏色B．確定主色調(diào)C．確定導(dǎo)航條的顏色D．確定主頁的背景色3．下面哪一種是正確的紅色表示方法?()5下面有關(guān)導(dǎo)航不正確的一項是()。

A．導(dǎo)航可以幫助用戶最快地找到自己所需的信息。

B．導(dǎo)航能讓用戶清楚地知道目前所處的位置。

C．導(dǎo)航是衡量一個網(wǎng)站是否優(yōu)秀的重要標(biāo)準(zhǔn)。

D．如果網(wǎng)站的規(guī)模很小，可以不用導(dǎo)航。5下面有關(guān)導(dǎo)航不正確的一項是()。6．導(dǎo)航最常用的實現(xiàn)方法是()。

A．導(dǎo)航條B．路徑導(dǎo)航

C．重點導(dǎo)航D．相關(guān)導(dǎo)航7．網(wǎng)頁的風(fēng)格主要體現(xiàn)在（）這些方面。

A．色彩B．布局

C．特效D．大小電子商務(wù)網(wǎng)站的開發(fā)步驟課件二、問答題1．虛擬主機的收費與哪些因素有關(guān)？2．自己規(guī)劃和設(shè)計虛擬的一個中小企業(yè)的網(wǎng)站結(jié)構(gòu)二、問答題二、思考與練習(xí)

1．創(chuàng)建站點需要那些步驟？

2．自己規(guī)劃和設(shè)計虛擬的一個中小企業(yè)的網(wǎng)站結(jié)構(gòu)二、思考與練習(xí)第二章電子商務(wù)網(wǎng)站開發(fā)步驟

網(wǎng)站的設(shè)計與建設(shè)是需要一系列步驟來完成的，能否遵循網(wǎng)站的設(shè)計步驟直接影響一個網(wǎng)站質(zhì)量，也直接影響網(wǎng)站發(fā)布后是否能成功運行。第二章電子商務(wù)網(wǎng)站開發(fā)步驟網(wǎng)站的設(shè)計與建設(shè)是需2.1 總體概述2.2 網(wǎng)站的規(guī)劃與設(shè)計2.3 站點建設(shè)2.4 站點發(fā)布和網(wǎng)站的管理與維護(hù)習(xí)題第二章電子商務(wù)網(wǎng)站開發(fā)步驟2.1 總體概述第二章電子商務(wù)網(wǎng)站開發(fā)步驟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è)的步驟2.1 總體概述

網(wǎng)站建設(shè)總的來說需要經(jīng)歷四個步驟

網(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)行實施。電子商務(wù)網(wǎng)站的開發(fā)步驟課件

網(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)行訪問。網(wǎng)站的規(guī)劃與設(shè)計完成之后，接著進(jìn)入具體的站點建設(shè)

網(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)站的運行性能。網(wǎng)站的管理與維護(hù)雖然是最后一個步驟，但實際上貫穿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è)計

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ù)?”這三個問題。2.2 網(wǎng)站的規(guī)劃與設(shè)計

1網(wǎng)站的定位

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

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

除了內(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)。除了內(nèi)容欄目之外，網(wǎng)站還應(yīng)該包含另外兩類欄目，分

交互性欄目是能與用戶進(jìn)行雙向交流的欄目，通過它不僅可以解答用戶的疑問、了解用戶的需求，而且還可以獲得用戶對網(wǎng)站的建議和看法，讓用戶與網(wǎng)站、用戶與用戶之間建立良好的溝通，以便更好地幫助網(wǎng)站的建設(shè)與發(fā)展。交互性欄目最常見的方式就是留言板。交互性欄目是能與用戶進(jìn)行雙向交流的欄目，通過它不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)欄目。電子商務(wù)網(wǎng)站的開發(fā)步驟課件3)建立層次型結(jié)構(gòu)建立層次型結(jié)構(gòu)是一個遞進(jìn)的過程，即從上到下一級一級地確定每一層的欄目。首先是確定第一層，即網(wǎng)站所必需的欄目，然后對其中的重點欄目進(jìn)行進(jìn)一步的規(guī)劃，確定它們所必需的子欄目，以此類推直至不需要再細(xì)分為止。將所有的欄目及其子欄目連在一起就形成了網(wǎng)站的層次型結(jié)構(gòu)。3)建立層次型結(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)1)線型結(jié)構(gòu)圖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ì)分為止。

2)層次型結(jié)構(gòu)

層次型結(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。電子商務(wù)網(wǎng)站的開發(fā)步驟課件圖2-3層次型結(jié)構(gòu)說明圖

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

如圖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)如圖2-4所示，網(wǎng)絡(luò)型結(jié)構(gòu)是指多個網(wǎng)頁相互之間都超鏈

網(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)。網(wǎng)絡(luò)型結(jié)構(gòu)的實現(xiàn)就在于在所有相關(guān)的網(wǎng)頁上保留到其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ù)及擴展產(chǎn)生很大的影響。4、網(wǎng)站目錄結(jié)構(gòu)設(shè)計電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件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的方式來提高目錄名的猜測難度。2)根據(jù)欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu)3)每個目錄下都建立獨立的images子目錄將圖片及資源文件都放在一個獨立的images目錄下，可以使目錄結(jié)構(gòu)更加清晰。如果很多網(wǎng)頁都需要用到同一個圖片，比如網(wǎng)站標(biāo)志圖片，那么將這個圖片放到所有這些網(wǎng)頁共有的最高層目錄的images子目錄下。3)每個目錄下都建立獨立的images子目錄4)目錄的層次不要太深5)不要使用中文目錄名因為你的站點是對Internet所有用戶開放的，所以你得考慮到使用非中文操作系統(tǒng)的客戶也能正常訪問你的站點。對于目錄名，最好都使用英文。4)目錄的層次不要太深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)頁文件被讀取。6)可執(zhí)行文件和不可執(zhí)行文件分開放置7)數(shù)據(jù)庫文件單獨放置數(shù)據(jù)庫文件因為安全需求很高，所以最好放置在HTTP所不能訪問到的目錄底下。這樣就可以避免惡意的用戶通過HTTP方式取到數(shù)據(jù)庫文件。7)數(shù)據(jù)庫文件單獨放置3．風(fēng)格設(shè)計：風(fēng)格設(shè)計包含很多內(nèi)容，為了體現(xiàn)個人風(fēng)格，符合網(wǎng)站的名稱和定位。下面我們在色彩搭配和版面布局方面做一些規(guī)劃和設(shè)計。電子商務(wù)網(wǎng)站的開發(fā)步驟課件1)色彩搭配網(wǎng)站的色彩是最影響網(wǎng)站整體風(fēng)格的因素，也是站點美工設(shè)計中最令人頭疼的問題。許多網(wǎng)頁設(shè)計者都缺乏色彩搭配的基本知識，所以在制作網(wǎng)頁之前往往有一個很好的想法，但是卻不知如何搭配網(wǎng)頁的顏色來表達(dá)預(yù)想的效果。因此，在介紹色彩搭配之前，先來看看色彩的基本知識。1)色彩搭配色彩的基本知識在物理學(xué)中，顏色是因為光的折射而產(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ù)值相等，就顯示為灰色。值越高表示這種顏色越深。比如紅色，其數(shù)值為“#FF0000

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

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

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

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

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

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

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

灰色：具有中庸、平凡、溫和、謙讓、中立和高雅的感覺，它可以和任何一種顏色進(jìn)行搭配。藍(lán)色：是最具涼爽、清新、專業(yè)的色彩。它和白色混合，能體電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件電子商務(wù)網(wǎng)站的開發(fā)步驟課件

網(wǎng)站的色彩搭配網(wǎng)站的色彩搭配通常分為兩個步驟，那么第一步就是為整個網(wǎng)站選取一種主色調(diào)，然后再為主色調(diào)搭配多種適合的顏色。主色調(diào)指的是整個網(wǎng)站給人印象最深的顏色，或者說除白色之外用得最多的顏色。正如前面所述，不同的顏色給人的感受是不一樣的，所以主色調(diào)選取的一個最基本的原則就是保證所選的顏色與網(wǎng)站的主題或者形象相符，進(jìn)一步地，能夠通過這種顏色加深用戶對網(wǎng)站的印象。網(wǎng)站的色彩搭配電子商務(wù)網(wǎng)站的開發(fā)步驟課件圖2-5微軟公司主頁圖2-5微軟公司主頁圖2-6IBM公司主頁圖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)。企業(yè)在選取主色調(diào)的時候需要考慮符合企業(yè)自身的形

其次是欄目索引條上，欄目索引條雖然面積小，但是出現(xiàn)在網(wǎng)頁的各個部位，所以能非常有效地渲染主色調(diào)。最后是網(wǎng)頁上的文字，文字筆畫雖細(xì)，但大面積的文字也能很好地突出主色調(diào)。接著要考慮的是別的地方使用什么顏色去搭配這