網(wǎng)頁設(shè)計(jì)大作業(yè)

網(wǎng)頁設(shè)計(jì)與制作報(bào)告書

課程名稱:網(wǎng)頁設(shè)計(jì)與制作

報(bào)告題目：幾米的空間

專業(yè)班級(jí)：旅管1002班

學(xué)號(hào)：100104110221

姓名：楊玉穎

指導(dǎo)教師：胡一波

目錄

一、開發(fā)背景

二、網(wǎng)頁設(shè)計(jì)技巧

三、網(wǎng)站結(jié)構(gòu)

四、應(yīng)用工具方案

五、頻道欄目劃分

六、測試

七、周期與成本估算

八、結(jié)論

摘要:

在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和

傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著

重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已

成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們

的重視。

關(guān)鍵字：網(wǎng)頁制作；制作方法；設(shè)計(jì)要素；網(wǎng)頁測試

一、網(wǎng)頁制作開發(fā)背景

Dreamweaver以其功能強(qiáng)大、容易上手、界面親切而著稱。它采

用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并

將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對更新情況進(jìn)行監(jiān)控

以更新站點(diǎn)的內(nèi)容?，F(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia

公司的Dreamweaver%微軟公司的Dreamweaver%還有Adobe

Pagemill3.0--制作多框架，表單和Imagemap圖像的網(wǎng)頁工具、

Netscape等等。其中Dreamweaver更以其功能強(qiáng)大、容易上手、界

面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松

的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能

對更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。工具準(zhǔn)備好了，可根據(jù)你的

個(gè)人喜好來選擇一些素材，如圖片、喜歡的文章等。

二、網(wǎng)頁制作設(shè)計(jì)技巧

首先，我們來看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁的站點(diǎn)。選擇“文

件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對話框就彈出

來了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一

個(gè)網(wǎng)頁的站點(diǎn)”圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在

來看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在

文件夾列表里有一個(gè)網(wǎng)頁文件，名字叫做“index.html我們知道，每

一個(gè)站點(diǎn)都要有一個(gè)主頁，這個(gè)主頁也是一個(gè)網(wǎng)頁文件。瀏覽者訪問

站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁。主頁的名字在一般情況下就叫做

11

index.htm"o就是說我們新建只包含一個(gè)網(wǎng)頁的站點(diǎn)時(shí)，

DREAMWEAVER就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站

點(diǎn)主頁時(shí)空的，我們可以向里面添加內(nèi)容。

在文件列表里除了主頁之外，還有文件夾。新建站點(diǎn)時(shí)，

DREAMWEAVER都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是

"images”另一個(gè)是".private'：我們在編輯站點(diǎn)時(shí)可以在“image”文件夾

里放置站點(diǎn)用到的圖片?！皃rivate”文件夾比較特殊，其中的文件對瀏

覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放

在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊用戶的個(gè)

人信息。

盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁，不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢?/p>

從一個(gè)空站點(diǎn)開始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，

在“新建站點(diǎn)”對話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站

點(diǎn)?！靶陆ㄕ军c(diǎn)”對話框中還有許多其他圖標(biāo)，這是DREAMWEAVER

提供的用來創(chuàng)建站點(diǎn)模板或向?qū)АＮ覀儎?chuàng)建只有一個(gè)網(wǎng)頁的站點(diǎn)或者

創(chuàng)建空站點(diǎn)，都是從頭開始來創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，

首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我

們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。

基于表格的設(shè)計(jì)：表格布局使網(wǎng)頁設(shè)計(jì)師制作網(wǎng)站時(shí)有了更多選

擇。在HTML中表格標(biāo)簽的本意是為了顯示表格化的數(shù)據(jù)，但是設(shè)

計(jì)師很快意識(shí)到可以利用表格來構(gòu)造他們設(shè)計(jì)的網(wǎng)頁，這樣就可以制

作較以往作品更加復(fù)雜的，多欄目的網(wǎng)頁。表格布局就這樣流行了起

來，融合了背景圖片切片技術(shù)，常給人以看起來較實(shí)際布局簡潔得多

的結(jié)構(gòu)。

結(jié)構(gòu)設(shè)計(jì)：這個(gè)時(shí)期的網(wǎng)頁設(shè)計(jì)還不太關(guān)注語義化和可用性方面

的問題，主要還在追求良好的結(jié)構(gòu)美學(xué)。同一時(shí)期也是大量應(yīng)用GIF

占位圖片控制留白的時(shí)期。一些主流的公司甚至訓(xùn)練設(shè)計(jì)師如何使用

GIF占位;如微軟的“關(guān)于HTML表格中的GIF占位;第一批主要應(yīng)

用表格布局的“所見即所得"網(wǎng)頁設(shè)計(jì)軟件的發(fā)展助長了表格的應(yīng)用。

另外，某些軟件自動(dòng)生成的表格如此復(fù)雜以至于許多設(shè)計(jì)師不可能從

頭手寫代碼（例如每行只有1px高卻包含了幾百列的表格）。即使是稍

微復(fù)雜一點(diǎn)兒的網(wǎng)頁（比如多欄目頁面），設(shè)計(jì)師們都要依賴于表格來

創(chuàng)建。

三、網(wǎng)站結(jié)構(gòu)

網(wǎng)站結(jié)構(gòu)是指網(wǎng)站中頁面間的層次關(guān)系;按性質(zhì)可分為邏輯結(jié)構(gòu)

及物理結(jié)構(gòu)。網(wǎng)站結(jié)構(gòu)對網(wǎng)站的搜索引擎友好性及用戶體驗(yàn)有著非常

重要的影響。

（一）網(wǎng)站結(jié)構(gòu)在決定頁面重要性（即頁面權(quán)重）方面起著非常關(guān)鍵

的作用。

（二）網(wǎng)站結(jié)構(gòu)是衡量網(wǎng)站用戶體驗(yàn)好壞的重要指標(biāo)之一。清晰的

網(wǎng)站結(jié)構(gòu)可以幫助用戶快速獲取所需信息;相反，如果一個(gè)網(wǎng)站的結(jié)構(gòu)

極其糟糕的話，用戶在訪問時(shí)就猶如走進(jìn)了一座迷宮，最后只會(huì)選擇

放棄瀏覽。

（三）網(wǎng)站結(jié)構(gòu)還直接影響搜索引擎對頁面的收錄，一個(gè)合理的

網(wǎng)站結(jié)構(gòu)可以引導(dǎo)搜索引擎從中抓取更多有價(jià)值的頁面。

網(wǎng)站結(jié)構(gòu)對網(wǎng)站及網(wǎng)站中頁面的影響。搜索引擎對重要頁面的抓

取

由于互聯(lián)網(wǎng)中信息量極其龐大，為了向用戶展示更多有價(jià)值的信

息，搜索引擎會(huì)優(yōu)先抓取每個(gè)網(wǎng)站中相對重要的頁面（即權(quán)重較高的頁

面），然而，搜索引擎是怎樣發(fā)現(xiàn)這些重要頁面的呢？根據(jù)重要頁面的鏈

接指向的頁面可能是重要頁面的思路;搜索引擎首先會(huì)從權(quán)重相對較

高的頁面（即源頁面）出發(fā)跟蹤其中的鏈接，從而抓取其他相對重要的

頁面（即目標(biāo)頁面）。

網(wǎng)頁設(shè)計(jì)的要素

四、應(yīng)用工具方案

DreamWeaver自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁。

DreamWeaver是一個(gè)很酷的網(wǎng)頁設(shè)計(jì)軟件，它包括可視化編輯、

HTML代碼編輯的軟件包，并支持ActiveX,JavaScript^Java、Flash、

ShockWave等特性而且它還能通過拖拽從頭到尾制作動(dòng)態(tài)的HTML

動(dòng)畫，支持動(dòng)態(tài)HTML(DynamicHTML)的設(shè)計(jì)，使得頁面沒有plug-in

也能夠在Netscape和IE4.0瀏覽器中正確地顯示頁面的動(dòng)畫。同時(shí)

它還提供了自動(dòng)更新頁面信息的功能。

DreamWeaver還采用了RoundtripHTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)

頁在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML

句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變原有編輯習(xí)慣的同

時(shí)，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性

和生命力的是它的開放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它

的功能。

版面布局：在你開始設(shè)計(jì)之前，你必須仔細(xì)地為站點(diǎn)挑選色彩組

合。千萬不要出現(xiàn)紫色的背景加上黑藍(lán)色的文字的組合。要使整個(gè)站

點(diǎn)保持同一種色彩組合，因?yàn)椴煌伾M合的背景或字體可能會(huì)是非

常令人討厭的。你也可以選用一個(gè)背景圖，而不是僅用一種顏色。背

景圖案可以自己繪制，也可以從因特網(wǎng)上下載。通過模糊背景圖案，

就可以使文字更容易被閱讀。要記住的是，圖片不會(huì)被瀏覽器重畫的，

而背景色彩則是要被重新畫的，因此，在上傳你的圖片之前，必須檢

查不同的瀏覽器是如何顯示這些網(wǎng)頁的。當(dāng)增加文字時(shí)，盡量設(shè)置容

易被閱讀的字體和大小。如果你使用背景圖片，那么，當(dāng)網(wǎng)頁被瀏覽

時(shí)，背景色和字體將會(huì)先于背景圖片被下載，因此，如果背景色和文

本的顏色沒有鮮明的對照的話，那么瀏覽者會(huì)有幾秒鐘的時(shí)間看到一

個(gè)充滿了不可閱讀的文本的網(wǎng)頁。解決這個(gè)問題的簡單的方法就是，

使背景色與背景圖的顏色相類似。

瀏覽導(dǎo)航：站點(diǎn)的瀏覽導(dǎo)航必須被設(shè)計(jì)成非常容易。如果需要，

把站點(diǎn)分割為幾個(gè)部分。最容易的方法，就是在整個(gè)網(wǎng)站的所有的網(wǎng)

頁的左邊放置一個(gè)菜單條。當(dāng)然，除此以外，還有許多可選的方法。

對于具有大量信息的站點(diǎn)，使用一個(gè)可擴(kuò)展的菜單條會(huì)是一個(gè)不錯(cuò)的

選擇。無論你使用何種導(dǎo)航模式，在每一頁都放置一個(gè)主頁鏈接，那

會(huì)是一種不錯(cuò)的設(shè)計(jì)思想；瀏覽者必須知道，無論何時(shí)，當(dāng)他們迷失

在你的站點(diǎn)瀏覽中時(shí)，都可以通過簡單的一次點(diǎn)擊就能準(zhǔn)確地知道目

前所處的位置。

Frame（幀,框架）的問題：Frame你也許會(huì)喜歡它，也許不喜

歡。如果你在你的網(wǎng)站上使用幀，你很可能使一個(gè)幀用于導(dǎo)航目的，

另一個(gè)幀用于放置內(nèi)容。你可以看見在同一頁上有兩個(gè)被分割的瀏覽

窗口，你點(diǎn)擊左邊的幀，只會(huì)改變右邊的內(nèi)容。用幀來組織網(wǎng)站的內(nèi)

容，顯然是非常容易的。

檢驗(yàn)?zāi)愕腍TML代碼：不要在你的網(wǎng)站上放置瀏覽計(jì)數(shù)器。計(jì)

數(shù)器會(huì)讓你的網(wǎng)站看起來不夠?qū)I(yè)化，如果瀏覽量不夠的話，還會(huì)起

到相反的宣傳作用。最后，內(nèi)容是金，如果能給的瀏覽者一些有價(jià)值

的東西，如，信息，建議，或軟件，那么就能吸引瀏覽者經(jīng)常光顧你

的網(wǎng)站。為你的站點(diǎn)增加消息板和聊天室，從而提高網(wǎng)站的交互性，

使你和你的訪問者交流，讓訪問者彼此交流。

五、頻道欄目劃分

幾米空

六、測試

(-)功能測試

1、鏈接測試

鏈接是Web應(yīng)用系統(tǒng)的一個(gè)主要特征，它是在頁面之間切換和

指導(dǎo)用戶去一些不知道地址的頁面的主要手段。鏈接測試可分為三個(gè)

方面。首先，測試所有鏈接是否按指示的那樣確實(shí)鏈接到了該鏈接的

頁面；其次，測試所鏈接的頁面是否存在；最后，保證Web應(yīng)用系

統(tǒng)上沒有孤立的頁面，所謂孤立頁面是指沒有鏈接指向該頁面，只有

知道正確的URL地址才能訪問。

鏈接測試可以自動(dòng)進(jìn)行，現(xiàn)在已經(jīng)有許多工具可以采用。鏈接測

試必須在集成測試階段完成，也就是說，在整個(gè)Web應(yīng)用系統(tǒng)的所

有頁面開發(fā)完成之后進(jìn)行鏈接測試。

2、表單測試

當(dāng)用戶給Web應(yīng)用系統(tǒng)管理員提交信息時(shí)，就需要使用表單操

作，例如用戶注冊、登陸、信息提交等。在這種情況下，我們必須測

試提交操作的完整性，以校驗(yàn)提交給服務(wù)器的信息的正確性。例如：

用戶填寫的出生日期與職業(yè)是否恰當(dāng)，填寫的所屬省份與所在城市是

否匹配等。如果使用了默認(rèn)值，還要檢驗(yàn)?zāi)J(rèn)值的正確性。如果表單

只能接受指定的某些值，則也要進(jìn)行測試。例如：只能接受某些字符，

測試時(shí)可以跳過這些字符，看系統(tǒng)是否會(huì)報(bào)錯(cuò)。

3、Cookies測試

Cookies通常用來存儲(chǔ)用戶信息和用戶在某應(yīng)用系統(tǒng)的操作，當(dāng)

一個(gè)用戶使用Cookies訪問了某一個(gè)應(yīng)用系統(tǒng)時(shí),Web服務(wù)器將發(fā)送

關(guān)于用戶的信息把該信息以Cookies的形式存儲(chǔ)在客戶端計(jì)算機(jī)上，

這可用來創(chuàng)建動(dòng)態(tài)和自定義頁面或者存儲(chǔ)登陸等信息。

如果Web應(yīng)用系統(tǒng)使用了Cookies,就必須檢查Cookies是否

能正常工作。測試的內(nèi)容可包括Cookies是否起作用，是否按預(yù)定的

時(shí)間進(jìn)行保存，刷新對Cookies有什么影響等。

4、設(shè)計(jì)語言測試

Web設(shè)計(jì)語言版本的差異可以引起客戶端或服務(wù)器端嚴(yán)重的問

題，例如使用哪種版本的HTML等。當(dāng)在分布式環(huán)境中開發(fā)時(shí)，開發(fā)

人員都不在一起，這個(gè)問題就顯得尤為重要。除了HTML的版本問題

外，不同的腳本語言，例如Java、JavaScript^ActiveX%VBScript

或Perl等也要進(jìn)行驗(yàn)證。

5、數(shù)據(jù)庫測試

在Web應(yīng)用技術(shù)中，數(shù)據(jù)庫起著重要的作用，數(shù)據(jù)庫為Web應(yīng)

用系統(tǒng)的管理、運(yùn)行、查詢和實(shí)現(xiàn)用戶對數(shù)據(jù)存儲(chǔ)的請求等提供空間。

在Web應(yīng)用中，最常用的數(shù)據(jù)庫類型是關(guān)系型數(shù)據(jù)庫，可以使用SQL

對信息進(jìn)行處理。

在使用了數(shù)據(jù)庫的Web應(yīng)用系統(tǒng)中，一般情況下，可能發(fā)生兩

種錯(cuò)誤，分別是數(shù)據(jù)一致性錯(cuò)誤和輸出錯(cuò)誤。數(shù)據(jù)一致性錯(cuò)誤主要是

由于用戶提交的表單信息不正確而造成的，而輸出錯(cuò)誤主要是由于網(wǎng)

絡(luò)速度或程序設(shè)計(jì)問題等引起的，針對這兩種情況，可分別進(jìn)行測試。

(-)可用性測試：

1、導(dǎo)航測試

導(dǎo)航描述了用戶在一個(gè)頁面內(nèi)操作的方式，在不同的用戶接口控

制之間，例如按鈕、對話框、列表和窗口等；或在不同的連接頁面之

間。通過考慮下列問題，可以決定一個(gè)Web應(yīng)用系統(tǒng)是否易于導(dǎo)航：

導(dǎo)航是否直觀？Web系統(tǒng)的主要部分是否可通過主頁存?。縒eb系

統(tǒng)是否需要站點(diǎn)地圖、搜索引擎或其他的導(dǎo)航幫助？

在一個(gè)頁面上放太多的信息往往起到與預(yù)期相反的效果。Web應(yīng)

用系統(tǒng)的用戶趨向于目的驅(qū)動(dòng)，很快地掃描一個(gè)Web應(yīng)用系統(tǒng)，看

是否有滿足自己需要的信息，如果沒有，就會(huì)很快地離開。很少有用

戶愿意花時(shí)間去熟悉Web應(yīng)用系統(tǒng)的結(jié)構(gòu)，因此，Web應(yīng)用系統(tǒng)導(dǎo)

航幫助要盡可能地準(zhǔn)確。

導(dǎo)航的另一個(gè)重要方面是Web應(yīng)用系統(tǒng)的頁面結(jié)構(gòu)、導(dǎo)航、菜

單、連接的風(fēng)格是否一致。確保用戶憑直覺就知道Web應(yīng)用系統(tǒng)里

面是否還有內(nèi)容，內(nèi)容在什么地方。Web應(yīng)用系統(tǒng)的層次一旦決定，

就要著手測試用戶導(dǎo)航功能，讓最終用戶參與這種測試，效果將更加

明顯。

2、圖形測試

在Web應(yīng)用系統(tǒng)中，適當(dāng)?shù)膱D片和動(dòng)畫既能起到廣告宣傳的作

用，又能起到美化頁面的功能。一個(gè)Web應(yīng)用系統(tǒng)的圖形可以包括

圖片、動(dòng)畫、邊框、顏色、字體、背景、按鈕等。圖形測試的內(nèi)容有：

(1)要確保圖形有明確的用途，圖片或動(dòng)畫不要胡亂地堆在一起，

以免浪費(fèi)傳輸時(shí)間。Web應(yīng)用系統(tǒng)的圖片尺寸要盡量地小，并且要能

清楚地說明某件事情，一般都鏈接到某個(gè)具體的頁面。

(2)驗(yàn)證所有頁面字體的風(fēng)格是否一致。

(3)背景顏色應(yīng)該與字體顏色和前景顏色相搭配。

(4)圖片的大小和質(zhì)量也是一個(gè)很重要的因素，一般采用JPG或

GIF壓縮。

3、內(nèi)容測試

內(nèi)容測試用來檢驗(yàn)Web應(yīng)用系統(tǒng)提供信息的正確性、準(zhǔn)確性和

相關(guān)性。

信息的正確性是指信息是可靠的還是誤傳的。例如，在商品價(jià)格

列表中，錯(cuò)誤的價(jià)格可能引起財(cái)政問題甚至導(dǎo)致法律糾紛；信息的準(zhǔn)

確性是指是否有語法或拼寫錯(cuò)誤。這種測試通常使用一些文字處理軟

件來進(jìn)行，例如使用MicrosoftWord的“拼音與語法檢查”功能；信息

的相關(guān)性是指是否在當(dāng)前頁面可以找到與當(dāng)前瀏覽信息相關(guān)的信息列

表或入口，也就是一般Web站點(diǎn)中的所謂“相關(guān)文章列表

4、整體界面測試

整體界面是指整個(gè)Web應(yīng)用系統(tǒng)的頁面結(jié)構(gòu)設(shè)計(jì)，是給用戶的

一個(gè)整體感。例如：當(dāng)用戶瀏覽Web應(yīng)用系統(tǒng)時(shí)是否感到舒適，是

否憑直覺就知道要找的信息在什么地方？整個(gè)Web應(yīng)用系統(tǒng)的設(shè)計(jì)

風(fēng)格是否一致？

對整體界面的測試過程，其實(shí)是一個(gè)對最終用戶進(jìn)行調(diào)查的過程。

一般Web應(yīng)用系統(tǒng)采取在主頁上做一個(gè)調(diào)查問卷的形式，來得到最

終用戶的反饋信息。對所有的可用性測試來說，都需要有外部人員(與

Web應(yīng)用系統(tǒng)開發(fā)沒有聯(lián)系或聯(lián)系很少的人員)的參與，最好是最終

用戶的參與。

七、周期與成本估算

(-)一般來說，周期要經(jīng)歷如下各個(gè)階段：

1?頁請求：頁請求發(fā)生在頁面生命周期開始之前，用戶請求頁時(shí)，

ASP.NET將確定是否需要分析和編譯頁

2.開始：在開始階段，將設(shè)置頁屬性，如Request和Response。

在此階段，頁還將確定請求是回發(fā)請求還是新請求，并設(shè)置

IsPostBack屬性

3.頁初始化：在頁初始化期間，可以使用頁中的控件，并設(shè)置每

個(gè)控件的UniquelD屬性。

4.加載：在加載期間，如果當(dāng)前請求是回發(fā)請求，則將使用從視

圖狀態(tài)和控件狀態(tài)恢復(fù)的信息加載控件屬性。

5.驗(yàn)證：在驗(yàn)證期間，將調(diào)用所有驗(yàn)證程序控件的Validate方法，

此方法將設(shè)置各個(gè)驗(yàn)證程序控件和頁的IsValidate屬性。

6.回發(fā)事件處理：如果請求是回發(fā)請求，則將調(diào)用所有事件處理

程序

7.呈現(xiàn)：在呈現(xiàn)之前，會(huì)針對該頁和所有控件保存視圖狀態(tài)。在

呈現(xiàn)階段中，頁會(huì)針對每個(gè)控件調(diào)用Render方法，它會(huì)提供一個(gè)文

本編寫器，用于將控件的輸出寫入頁的Response屬性和

Outputstream中

8.卸載：完全呈現(xiàn)頁并將頁發(fā)送至客戶端、準(zhǔn)備丟棄該頁后，將

調(diào)用卸載。此時(shí)，將卸載頁屬性并執(zhí)行清理。

（二）成本估算：大致的個(gè)人開發(fā)流程：

1.需求分析：制作為了什么。

2.概要分析：決定制作網(wǎng)頁后，確定網(wǎng)頁內(nèi)容，欄目設(shè)置，大致

層次關(guān)系，頁面布局，彩色標(biāo)準(zhǔn)，文字格式等內(nèi)容。

3.數(shù)據(jù)庫內(nèi)容。

4.網(wǎng)頁體系設(shè)計(jì)：開始技術(shù)上實(shí)施，定義和命名相關(guān)目錄以及命

名慣例等。

5.Web界面設(shè)計(jì)以及web應(yīng)用開發(fā)：開始設(shè)計(jì)網(wǎng)頁的首頁以及其

他二級(jí)界面，開發(fā)調(diào)試w