1、繼續(xù)教育畢業(yè)論文題 目 個(gè)人網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn) 姓 名 蘇瀚良 學(xué) 號(hào) 5009130092001 專 業(yè) 計(jì)算機(jī)科學(xué)與技術(shù) 導(dǎo)師姓名、職稱 馮曉慧 、副教授 論文提交日期： 2015年4月1日 西安電子科技大學(xué)繼續(xù)教育畢業(yè)論文（設(shè)計(jì)）任務(wù)書函授站名瑞德教育專 業(yè)計(jì)算機(jī)科學(xué)與技術(shù)姓 名蘇瀚良學(xué) 號(hào)5009130092001指導(dǎo)教師馮曉慧職 稱副教授題 目個(gè)人網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn)任 務(wù) 與 要 求綜合運(yùn)用信息管理與信息系統(tǒng)專業(yè)知識(shí)，根據(jù)個(gè)人的實(shí)際情況，利用先進(jìn)的網(wǎng)頁開發(fā)工具（frontpage，dreamwever,flash等），設(shè)計(jì)一個(gè)反映個(gè)人情況的網(wǎng)頁。 要求：1.運(yùn)用網(wǎng)頁的設(shè)計(jì)理論和方法，編寫

2、個(gè)人網(wǎng)頁設(shè)計(jì)報(bào)告；2.網(wǎng)頁中所涉及的內(nèi)容健康且積極向上，頁面具有一定的特色，層次設(shè)計(jì)清楚，顏色搭配合理，有較強(qiáng)的觀賞性和實(shí)用性；3.撰寫畢業(yè)論文，論文要求由中英文摘要、目錄、緒論、正文、結(jié)論、致謝、參考文獻(xiàn)。論文要求結(jié)構(gòu)合理，概念清楚，邏輯清晰，語言通順，文筆流暢。4.按時(shí)參加畢業(yè)論文答辯。開始日期: 2014年12月01日完成日期:2015年4月1日指導(dǎo)教師簽名: 年 月 日西安電子科技大學(xué)繼續(xù)教育畢業(yè)論文（設(shè)計(jì)）工作計(jì)劃函授站名瑞德教育專 業(yè)計(jì)算機(jī)科學(xué)與技術(shù)姓 名蘇瀚良學(xué) 號(hào)5009130092001指導(dǎo)教師馮曉慧職 稱副教授題 目個(gè)人網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn)工 作 進(jìn) 程起止時(shí)間工作內(nèi)容2014

3、.12.01-2014.12.07與指導(dǎo)教師研討題目?jī)?nèi)涵，對(duì)所選題目進(jìn)行確認(rèn)或提出修改、調(diào)整意見。2014.12.082014.12.20收集資料，分析課題要求，熟悉本課題要用到的相關(guān)知識(shí)和常用軟件，對(duì)具體工作內(nèi)容進(jìn)行研究，制定詳細(xì)畢業(yè)論文（設(shè)計(jì)）工作計(jì)劃。2014.12.212015.01.30根據(jù)工作計(jì)劃確定本課題要采用的軟件、熟悉工具軟件.2015.02.012015.02.30進(jìn)行網(wǎng)頁的總體設(shè)計(jì)和編程，撰寫中期檢查報(bào)告。2015.03.012015.03.20網(wǎng)頁的編程實(shí)現(xiàn)并進(jìn)行調(diào)試以及優(yōu)化完善功能。按計(jì)劃進(jìn)行畢業(yè)論文中期檢查工作.2015.03.202015.04.01整理資料、撰寫

4、論文、交導(dǎo)師審閱,準(zhǔn)備答辯。主要參考書目：1jsp網(wǎng)絡(luò)應(yīng)用開發(fā) .北京：電子工業(yè)出版社-孫鑫（著），20052李明飛.jsp應(yīng)用教程m.北京：清華大學(xué)出版社，北京交通大學(xué)出版社，20053肖剛，古輝，程振波，張?jiān)Q.實(shí)用軟件文檔寫作m.北京：清華大學(xué)出版社，2005主要儀器設(shè)備：硬件：計(jì)算機(jī)、局域網(wǎng)、等。指導(dǎo)教師簽名： 年 月 日西安電子科技大學(xué)繼續(xù)教育畢業(yè)論文（設(shè)計(jì)）評(píng)審表答辯人蘇瀚良答辯時(shí)間4.11答辯 地點(diǎn)e教室答辯小組人數(shù)3組長(zhǎng)馮曉慧記錄人王曉鳳論文題目個(gè)人網(wǎng)頁的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)論文評(píng)語該同學(xué)在畢業(yè)設(shè)計(jì)期間，能按指導(dǎo)教師的要求認(rèn)真開展工作，獨(dú)立完成了畢業(yè)設(shè)計(jì)。論文書寫認(rèn)真，格式規(guī)范，條理

5、清晰，本論文完成了畢業(yè)設(shè)計(jì)任務(wù)書的要求。建議成績(jī)?cè)u(píng)定為： 導(dǎo)師簽名 年 月 日答辯小組意見該生陳述思路基本清晰，語言流暢，邏輯性強(qiáng)，能較為準(zhǔn)確地回答答辯老師所提問題.評(píng)議論文成績(jī)?yōu)椋航M長(zhǎng)簽名 年 月 日評(píng)審組意見 同意答辯小組意見，評(píng)議論文成績(jī)?yōu)椋航M長(zhǎng)簽名 年 月 日摘 要隨著經(jīng)濟(jì)社會(huì)的發(fā)展，計(jì)算機(jī)已被應(yīng)用到社會(huì)生活的各個(gè)領(lǐng)域。與此同時(shí)，互聯(lián)網(wǎng)作為信息技術(shù)的通信橋梁連接著全球的計(jì)算機(jī)，而網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在internet上表現(xiàn)極及其重要的地位，并發(fā)揮著其及其重要的作用。隨著網(wǎng)絡(luò)越來越普及,如今網(wǎng)絡(luò)已經(jīng)成為每個(gè)人生活的一部分,同時(shí)網(wǎng)絡(luò)也提供了一種很好

6、的信息交換平臺(tái),而個(gè)人主頁是一個(gè)可以在網(wǎng)絡(luò)上展示個(gè)人信息的方便手段。本文介紹了如何開發(fā)個(gè)人網(wǎng)站。首先介紹開發(fā)工具asp,html等技術(shù),然后詳細(xì)講解了個(gè)人主頁的開發(fā)。 關(guān)鍵詞：個(gè)人主頁,html技術(shù),asp技術(shù)目 錄摘 要第1章 緒 論11.1 課題研究現(xiàn)狀分析11.2 個(gè)人網(wǎng)站的研究工作11.3 已經(jīng)取得的研究成果21.4 選題的目的及意義21.5 課題研究的主要內(nèi)容2第2章 asp簡(jiǎn)介32.1 運(yùn)行asp所需的環(huán)境32.2 asp的特點(diǎn)42.3 asp的工作原理42.4 asp動(dòng)態(tài)網(wǎng)站的運(yùn)行條件4第3章 dreamweaver簡(jiǎn)介5第4章 系統(tǒng)的可行性與要求分析74.1 對(duì)系統(tǒng)的可行性研究

7、74.2 需求分析的任務(wù)7第5章 制作個(gè)人網(wǎng)頁的基本步驟95.1 收集素材95.2 設(shè)計(jì)結(jié)構(gòu)95.3 創(chuàng)建站點(diǎn)95.4 編寫網(wǎng)頁135.5 上傳文件145.6 更新維護(hù)14第6章 系統(tǒng)功能實(shí)現(xiàn)156.1 數(shù)據(jù)庫(kù)的物理設(shè)計(jì)156.2 系統(tǒng)功能流程圖：156.3 系統(tǒng)主頁166.4 后臺(tái)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)16第7章 結(jié) 論17致 謝19參考文獻(xiàn)21第1章 緒 論1.1 課題研究現(xiàn)狀分析隨著社會(huì)的發(fā)展和科學(xué)的進(jìn)步，上網(wǎng)成為越來越多人們的選擇。隨著互聯(lián)網(wǎng)的飛速發(fā)展，有關(guān)網(wǎng)絡(luò)的技術(shù)也層出不窮。如今互聯(lián)網(wǎng)上的個(gè)人網(wǎng)站如雨后春筍般蓬勃發(fā)展，絢麗多彩的主頁比比皆是。每個(gè)人都有發(fā)揮個(gè)人才能，揮灑自己個(gè)性的網(wǎng)上伊甸

8、園。在hao123神話以后，網(wǎng)站大全類網(wǎng)站又再一次達(dá)到頂峰。然而這個(gè)模式拷貝成功的網(wǎng)站卻寥寥無幾。而對(duì)于技術(shù)薄弱的個(gè)人網(wǎng)站來說，似乎網(wǎng)址類網(wǎng)站應(yīng)該是一個(gè)很好的切入點(diǎn)。但是由于搜索的異軍突起，網(wǎng)址類網(wǎng)站似乎變得可有可無。網(wǎng)頁實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的某一臺(tái)計(jì)算機(jī)中而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（url）來識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過一段復(fù)雜而又快速的程序，網(wǎng)頁文件會(huì)被傳送到你的計(jì)算機(jī)，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。文字與圖片是構(gòu)成一個(gè)網(wǎng)頁的兩個(gè)最基本的元素?？梢院?jiǎn)單的理解為：文字，就是網(wǎng)頁的內(nèi)容，圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的

9、元素還包括動(dòng)畫、音樂、程序等等。1.2 個(gè)人網(wǎng)站的研究工作個(gè)人網(wǎng)站是由個(gè)別提供的一套集博客、文章、相冊(cè)、日程、通訊錄、鏈接、調(diào)查、留言板等諸多功能于一體的網(wǎng)絡(luò)平臺(tái)。個(gè)人網(wǎng)站的自由、開放精神，并使之更容易操作，更具個(gè)性需求，而不需要高深的技術(shù)。它可以幫助個(gè)人進(jìn)行全面的信息化，以多種形式達(dá)到對(duì)信息獲取、組織、思考、表達(dá)、共享和交流的目的。以個(gè)人為中心，建立一個(gè)完全屬于自己的可定制的個(gè)性化網(wǎng)絡(luò)平臺(tái)。隨著互聯(lián)網(wǎng)的進(jìn)一步發(fā)展與成熟，網(wǎng)絡(luò)的帶寬進(jìn)一步加闊，網(wǎng)絡(luò)應(yīng)用也越來越廣泛。網(wǎng)頁制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿目的網(wǎng)站，使得整個(gè)互聯(lián)網(wǎng)多姿多彩。在進(jìn)行動(dòng)態(tài)網(wǎng)頁制作的時(shí)候，通常都是使用asp來完

10、成。由于asp使用方便，操作簡(jiǎn)單，很多網(wǎng)頁設(shè)計(jì)者一直使用asp。asp集成在html和腳本語言中，其工作界面簡(jiǎn)單，因此，asp相對(duì)于其他網(wǎng)頁制作軟件來說，易學(xué)易用，是網(wǎng)頁制作初學(xué)者的入門軟件。同時(shí)配合數(shù)據(jù)庫(kù)的操作，使個(gè)人網(wǎng)站具有更好的網(wǎng)絡(luò)平臺(tái)和交互性。1.3 已經(jīng)取得的研究成果中國(guó)互聯(lián)網(wǎng)在近幾年發(fā)展迅猛。一方面，產(chǎn)生了一批依賴技術(shù)領(lǐng)先的互聯(lián)網(wǎng)公司，取得了成功；另一方面，互聯(lián)網(wǎng)技術(shù)逐漸走向普及，使得行業(yè)進(jìn)入門檻正在降低。目前中國(guó)網(wǎng)站總數(shù)已經(jīng)近百萬。在這里面出現(xiàn)了大量的個(gè)人網(wǎng)站。并且個(gè)人網(wǎng)站存在著巨大的商業(yè)價(jià)值。如果能以強(qiáng)大的號(hào)召力，把互補(bǔ)的個(gè)人網(wǎng)站聯(lián)合起來，不知道可以成立多少個(gè)門戶網(wǎng)站。我們有理

11、由相信，個(gè)人網(wǎng)站還極具潛力。1.4 選題的目的及意義隨著internet的迅速普及，我們已經(jīng)不再滿足于僅僅瀏覽網(wǎng)頁，而是希望更深入地參預(yù)到網(wǎng)絡(luò)中去，internet的開放性使個(gè)人建立自己的網(wǎng)站成為可能，擁有自己的網(wǎng)站也越來越成為一種時(shí)尚，同時(shí)創(chuàng)建一個(gè)能充分體現(xiàn)自我風(fēng)格和特色的個(gè)人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。我們更需要交流，相信交流能夠促進(jìn)我們不斷的進(jìn)步，并融合別人的長(zhǎng)處；讓我們多一些渠道傾聽來自不同立場(chǎng)的聲音；設(shè)想我們的網(wǎng)絡(luò)，當(dāng)每個(gè)人都擁有個(gè)人網(wǎng)頁，不管是否在線，我們都可以跨越時(shí)間、空間進(jìn)行交流，因?yàn)檫@個(gè)網(wǎng)頁中擁有我所有的一切，生活，見解，知識(shí)，思想；理想的狀態(tài)是個(gè)人門戶就是每個(gè)人的影子，

12、他為每個(gè)人打點(diǎn)網(wǎng)絡(luò)上的一切，很多志同道合的朋友會(huì)在這里和你相識(shí)相知。1.5 課題研究的主要內(nèi)容互聯(lián)網(wǎng)是社會(huì)發(fā)展的必然趨勢(shì)，很多人已經(jīng)意識(shí)到網(wǎng)絡(luò)的強(qiáng)大生命力和它在未來將處于的重要地位。他們鉆研并且努力進(jìn)入到這一個(gè)新的空間，新的領(lǐng)域。其中包括你和我。在我們的工作、日常生活中，能夠擁有一個(gè)自己的網(wǎng)站，一個(gè)已經(jīng)成為不少人的希望和驕傲。就這個(gè)課題的研究，因?yàn)槭莻€(gè)人網(wǎng)站，所以我只是選擇了自己擅長(zhǎng)和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點(diǎn)的同時(shí)，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計(jì)技術(shù)和數(shù)據(jù)庫(kù)技術(shù)。第2章 asp簡(jiǎn)介asp是active server page的縮寫，意為“動(dòng)態(tài)服務(wù)器頁面”。asp是微軟公司開發(fā)的代替cgi

13、腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。asp的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。 asp是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或web應(yīng)用程序。asp網(wǎng)頁可以包含html標(biāo)記、普通文本、腳本命令以及com組件等。利用asp可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用html網(wǎng)頁作為用戶界面的web應(yīng)用程序。 與html相比，asp網(wǎng)頁具有以下特點(diǎn)：（1）利用asp可以實(shí)現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁技術(shù)；（2）asp文件是包含在html代碼所組成的文件中的，易于修改和測(cè)試；（3）服務(wù)器上的as

14、p解釋程序會(huì)在服務(wù)器端制定asp程序，并將結(jié)果以html格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽asp所產(chǎn)生的網(wǎng)頁；（4）asp提供了一些內(nèi)置對(duì)象，使用這些對(duì)象可以使服務(wù)器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過html表單提交的信息，并在腳本中對(duì)這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息；（5）asp可以使用服務(wù)器端activex組件（是一個(gè)存在于 web 服務(wù)器上的文件，該文件包含執(zhí)行某項(xiàng)或一組任務(wù)的代碼，組件可以執(zhí)行公用任務(wù)，這樣就不必自己去創(chuàng)建執(zhí)行這些任務(wù)的代碼。例如，股票行情收?qǐng)?bào)機(jī)組件可以在 web 頁上顯示最新的股票報(bào)價(jià)。2.1 運(yùn)行asp所需的環(huán)境

15、要瀏覽asp文件必須經(jīng)過服務(wù)器解析才能夠?yàn)g覽得到。如果是將asp文件上傳到支持asp的服務(wù)器，那就能夠直接瀏覽。但是如果是在本機(jī)上面，那就必須將自己的電腦設(shè)置成為服務(wù)器。我們單機(jī)并不需要設(shè)置成為局域網(wǎng)，只需要設(shè)置成為單機(jī)服務(wù)器就可以。asp運(yùn)行所需的環(huán)境如下： microsoft peer web services version 3.0 on windows nt workstation microsoft personal web server on windows 95/98 也就是說我們經(jīng)常所使用的window95/98/2000/xp都可以運(yùn)行asp，只需要將其設(shè)置為單機(jī)服務(wù)器就行了

16、。 歸結(jié)一點(diǎn)：window95/98，需要安裝pws；window2000/xp,需要安裝iis（internet information services-互聯(lián)網(wǎng)信息服務(wù)，是由微軟公司提供的基于運(yùn)行microsoft windows的互聯(lián)網(wǎng)基本服務(wù)）才能發(fā)揮其asp的作用。2.2 asp的特點(diǎn)（1）利用asp可以突破靜態(tài)網(wǎng)頁的一些功能限制，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁技術(shù)；（2）asp文件是包含在asphtml代碼所組成的文件中的，易于修改和測(cè)試；（3）服務(wù)器上的asp解釋程序會(huì)在服務(wù)器端制定asp程序，并將結(jié)果以html格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽asp所產(chǎn)生的網(wǎng)頁；（4）a

17、sp提供了一些內(nèi)置對(duì)象，使用這些對(duì)象可以使服務(wù)器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過html表單提交的信息，并在腳本中對(duì)這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息；（5）由于服務(wù)器是將asp程序執(zhí)行的結(jié)果以html格式傳回客戶端瀏覽器，因此使用者不會(huì)看到asp所編寫的原始程序代碼，可以防止程序代碼被盜??；（7）使用vbscript,javascript等簡(jiǎn)單易懂的腳本語言，結(jié)合html代碼，即可快速的完成網(wǎng)站的應(yīng)用程序設(shè)計(jì)；（8）可以使用常規(guī)文本編輯器，如記事本，即可進(jìn)行編輯設(shè)計(jì)。2.3 asp的工作原理（1）用戶在瀏覽器的地址欄中輸入asp文件名稱，并回車觸發(fā)這個(gè)asp請(qǐng)求

18、；（2）瀏覽器將申請(qǐng)發(fā)送到iis的web服務(wù)器；（3）web服務(wù)器接收這些申請(qǐng)并根據(jù)“.asp”的后綴名識(shí)別這是asp文件；（4）web服務(wù)器從當(dāng)前硬盤或內(nèi)存中，讀取正確的asp文件；（5）web服務(wù)器然后將它送回用戶瀏覽器。2.4 asp動(dòng)態(tài)網(wǎng)站的運(yùn)行條件（1）必須要有iis（internet信息服務(wù)）服務(wù)器；（2）服務(wù)器要安裝數(shù)據(jù)庫(kù)32位odbc的驅(qū)動(dòng)程序；（3）服務(wù)器端需安裝數(shù)據(jù)庫(kù)開發(fā)程序如access2003、sql server2003等；（4）為了保證網(wǎng)站的可視化開發(fā)，還需安裝網(wǎng)頁制作軟件如dreamweaver cs3。第3章 dreamweaver簡(jiǎn)介dreamweaver是m

19、acromedia公司的出品的一款“所見即所得”的網(wǎng)頁編輯工具。與frontpage不同，dreamweaver采用的是mac機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格，對(duì)于初學(xué)者來說可能會(huì)感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后，就會(huì)發(fā)現(xiàn)dreamweaver的直觀性與高效性是frontpage所無法比擬的。dreamweaver對(duì)于dhtml（動(dòng)態(tài)網(wǎng)頁）的支持特別好，可以輕而易舉地做出很多眩目的互動(dòng)頁面特效。插件式的程序設(shè)計(jì)使得其功能可以無限的擴(kuò)展。dreamweaver與flash、fireworks 并稱為 macromedia的網(wǎng)頁制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個(gè)非常緊密的結(jié)合。因此，說

20、dreamweaver是高級(jí)網(wǎng)頁制作的首選并不為過。 將各種網(wǎng)頁制作的相關(guān)工具緊密聯(lián)系起來是dreamweaver系列的一大亮點(diǎn)，同時(shí)良好的插件體系，使dreamweaver cs3可通過第三方插件進(jìn)行補(bǔ)充。另外，dreamweaver cs3還為開發(fā)人員提供了動(dòng)態(tài)語言支持與豐富的模板。dreamweaver cs3在功能強(qiáng)大與易用性之間具有很好的平衡，使用dreamweaver cs3可以有效地提高web開發(fā)的工作效率。在dreamweaver cs3中提供了大量的css模板與代碼塊，開發(fā)人員可以依據(jù)這些模板和代碼塊快速建立基于css修飾的頁面。同時(shí)dreamweaver cs3對(duì)css的管

21、理也進(jìn)行了增強(qiáng)，可以方便地將css代碼在外部文檔與頁面之間進(jìn)行移動(dòng)，使用css免去了修改網(wǎng)頁中某一處的樣式而在源代碼中苦苦尋覓的煩惱，可以達(dá)到一處變動(dòng)全站都變的效果，及大地提高了工作效率。dreamweaver對(duì)asp網(wǎng)頁的設(shè)計(jì)提供了很多的支持，無論是網(wǎng)頁的創(chuàng)建還是數(shù)據(jù)庫(kù)的設(shè)計(jì)，都可以很方便的完成，asp網(wǎng)頁開發(fā)人員幾乎不用編寫任何程序代碼，就可以用dreamweaver快速創(chuàng)建具有具有各種功能的網(wǎng)頁形態(tài)。然而許多深入的細(xì)節(jié)依然需要通過編寫代碼來完成。dreamweaver和asp在某種程度上來講是相輔相成缺一不可的，我的個(gè)人網(wǎng)站就是用dreamweaver和asp來完成的。在本網(wǎng)站中來訪者可

22、以瀏覽相關(guān)的信息，管理員通過網(wǎng)站后臺(tái)管理系統(tǒng)可以直接進(jìn)行管理操作，能實(shí)現(xiàn)網(wǎng)站的在線更新、修改、等各項(xiàng)功能。用dreamweaver和asp就可以完成網(wǎng)站的基本框架了，但是要使網(wǎng)站美觀大方，還得利用一些輔助軟件，如photoshop、美圖秀秀、flash等。 動(dòng)態(tài)網(wǎng)站，是指web服務(wù)器能夠通過html表單收集用戶的信息，用戶也可以通過網(wǎng)頁獲得自己想要的信息的網(wǎng)站，一般使用數(shù)據(jù)庫(kù)技術(shù)，網(wǎng)站維護(hù)更新方便。第4章 系統(tǒng)的可行性與要求分析4.1 對(duì)系統(tǒng)的可行性研究并非任何問題都有簡(jiǎn)單明顯的解決辦法，事實(shí)上，許多問題不可能在預(yù)定的系統(tǒng)規(guī)?；驎r(shí)間期限之內(nèi)解決。如果問題沒有可行的解，那么花費(fèi)在這項(xiàng)工程上的任何

23、時(shí)間、人力、軟硬件資源和經(jīng)費(fèi)，都是無謂的浪費(fèi)?？尚行匝芯康哪康?，就是用最小的代價(jià)在盡可能短的時(shí)間內(nèi)確定問題是否能夠解決。在澄清了問題定義之后，分析員應(yīng)該導(dǎo)出系統(tǒng)的邏輯模型。然后從系統(tǒng)邏輯模型出發(fā)，探索若干種可供選擇的主要解法（即系統(tǒng)實(shí)現(xiàn)方案）。對(duì)每種解法都應(yīng)該仔細(xì)研究它的可行性，一般來說，至少應(yīng)該從技術(shù)可行性、經(jīng)濟(jì)可行性和時(shí)間可行性三方面研究每種解法的可行性。以下為對(duì)本系統(tǒng)的可行性研究：技術(shù)可行性：利用asp技術(shù)完全可以開發(fā)和制作動(dòng)態(tài)網(wǎng)頁。經(jīng)濟(jì)可行性：制作該系統(tǒng)并不復(fù)雜，在一臺(tái)裝有windows2000 server的電腦上即能開發(fā)，基本上不需要什么成本。時(shí)間可行性：該系統(tǒng)設(shè)計(jì)簡(jiǎn)單，可在允許的

24、時(shí)間范圍內(nèi)完成。通過以上三方面分析，得出結(jié)論：該系統(tǒng)是可行的。4.2 需求分析的任務(wù)需求分析的任務(wù)不是確定系統(tǒng)怎樣完成它的工作，而僅僅是去確定系統(tǒng)必須完成哪些工作，也就是對(duì)目標(biāo)系統(tǒng)提出完整、準(zhǔn)確、清晰、具體的要求。雖然功能需求是對(duì)軟件系統(tǒng)的一項(xiàng)基本需求，但卻并不是唯一的需求，通常對(duì)軟件系統(tǒng)有以下幾方面的綜合要求，功能需求（這方面的需求指定系統(tǒng)必須提供的服務(wù)）、性能需求、可靠性和可用性需求（可靠性需求定量地指定系統(tǒng)的可靠性，可用性量化了用戶可以使用系統(tǒng)的程度）、出錯(cuò)處理需求（這類需求說明系統(tǒng)對(duì)環(huán)境錯(cuò)誤應(yīng)該怎樣響應(yīng)）、接口需求（描述應(yīng)用系統(tǒng)與它的環(huán)境通信的格式）。對(duì)系統(tǒng)的綜合要求有系統(tǒng)性能要求、運(yùn)

25、行要求三個(gè)方面。1 系統(tǒng)性能要求：在以下環(huán)境均能運(yùn)行asp：microsoft internet information server version 3.0/4.0 on windows nt server microsoft peer web services version 3.0 on windows nt workstation microsoft personal web server on windows 95/98一臺(tái)能夠運(yùn)行windows操作系統(tǒng)的計(jì)算機(jī)，內(nèi)存在16mb以上（操作系統(tǒng)windows nt server要求32mb以上），可用的硬盤空間在100mb以上，即符合要

26、求。2 運(yùn)行要求：asp程序必須在支持asp的web服務(wù)器上才能運(yùn)行，對(duì)于個(gè)人用戶，可以首先將計(jì)算機(jī)虛擬為web服務(wù)器。如果計(jì)算機(jī)使用的是windows系統(tǒng)，安裝微軟的pws或iis就可以實(shí)現(xiàn)這一目標(biāo)。該系統(tǒng)使用的是iis，后臺(tái)數(shù)據(jù)庫(kù)為access2003。第5章 制作個(gè)人網(wǎng)頁的基本步驟5.1 收集素材 (1)文字資料。主要是自己編寫的，或者從報(bào)刊、雜志 、網(wǎng)絡(luò)等媒體上獲取有關(guān)的資料，加以整理編輯 。 (2)圖片資料 。一般可以根據(jù)主頁的主題選擇合適的素材庫(kù)光盤，或是直接從網(wǎng)絡(luò)下載。如果有一定的繪圖功底和技巧，建議盡量使用photoshop或 paintshopf 繪圖軟件，制作頁面的圖標(biāo)lo

27、go 及廣告banner，以充分體現(xiàn)主頁的個(gè)人特色。 (3)其它資料。為增加個(gè)人主頁的表現(xiàn)力，可以在頁面內(nèi)適度加上音樂文件、視頻文件、動(dòng)畫文件以點(diǎn)綴頁面。 5.2 設(shè)計(jì)結(jié)構(gòu) 個(gè)人主頁的制作是個(gè)復(fù)雜的系統(tǒng)工程。在開始頁面制作之前，先搭好主頁的框架，規(guī)劃整體結(jié)構(gòu)，草擬網(wǎng)站的“施工圖”。如果只是一時(shí)興起，想到什么就作什么，盲目操作，往往會(huì)使網(wǎng)站制作虎頭蛇尾、條理混亂，最終因維護(hù)困難而夭折。 進(jìn)行頁面的規(guī)劃，就是對(duì)每個(gè)頁面的布局及所包含的內(nèi)容進(jìn)行完整詳盡的設(shè)計(jì)。包括是否采用框架，每個(gè)頁面中圖片、文字及其他文件的分布以及外觀顯示的設(shè)定 (如 顏色、字體)等等，進(jìn)而根據(jù)規(guī)劃大致估算一下需要多少相關(guān)的索材，

28、并予以分 別類落實(shí)。經(jīng)過規(guī)劃，便于個(gè)人網(wǎng)頁的管理維護(hù)，能讓制作者有條不紊地表達(dá)所有的信息，使得網(wǎng)站的格式統(tǒng)一、層次清晰。一般多采用樹狀結(jié)構(gòu)先列出每個(gè)頁面的大綱內(nèi)容及規(guī)劃頁面之問的層次結(jié)構(gòu)和鏈接關(guān)系，并適當(dāng)考慮將來擴(kuò)充的可能性。 5.3 創(chuàng)建站點(diǎn) 制作網(wǎng)頁之前，新定義一個(gè)站點(diǎn)。利用站點(diǎn)，可以方便、快捷地對(duì)文件進(jìn)行管理，盡可能地減少出錯(cuò)，如路徑錯(cuò)誤、鏈接錯(cuò)誤等。同時(shí)設(shè)置了本地文件夾和遠(yuǎn)程信息后，可以將文件上傳到服務(wù)器，實(shí)現(xiàn)文件的上傳與下載。方法一：在站點(diǎn)窗口的下拉菜單選擇最后一項(xiàng)編輯站點(diǎn)，如下圖。 此時(shí)會(huì)彈出一個(gè)新的對(duì)話框，點(diǎn)擊“新建”按鈕就可以定義一個(gè)新網(wǎng)站，如果日后需要對(duì)舊有網(wǎng)站重新定義，可以

29、在左邊的網(wǎng)站列表中選中你需要重新定義的網(wǎng)站，然后點(diǎn)擊“編輯”按鈕便可。 方法二：選擇菜單“站點(diǎn)”“新建站點(diǎn)”選項(xiàng)。（如圖所示） 在接著看到的對(duì)話框中，要進(jìn)行以下簡(jiǎn)單的設(shè)置： 網(wǎng)站名稱：為你的網(wǎng)站起一個(gè)名字，這個(gè)名字只起著識(shí)別的作用，與網(wǎng)站發(fā)布后真實(shí)的名字無關(guān)，例如這里的名字是：“我的網(wǎng)站”，而實(shí)際上我的網(wǎng)站叫“電腦課堂”； 如果不需要什么特殊的服務(wù)器技術(shù)，就選“否”這項(xiàng)。 本地根目錄：設(shè)置網(wǎng)站在本地硬盤的位置，點(diǎn)擊后面的文件夾圖標(biāo)可以選擇硬盤的任意目錄作為存放網(wǎng)站文件的目錄；可以任意選擇你想要將文件存儲(chǔ)在服務(wù)器上的位置，方法同上一步本地根目錄的建立相同。 選擇默認(rèn)的狀態(tài)即可。 完成后，回到站點(diǎn)

30、窗口，就可以看到如下類似的畫面： 可以看到，“我的網(wǎng)站”的名稱已經(jīng)出現(xiàn)在站點(diǎn)窗口了，因?yàn)槭切陆ǖ囊粋€(gè)站點(diǎn)，所在在本地目錄看到的一片空白。站點(diǎn)定義完畢之后，就可以正式制作屬于你自己的網(wǎng)頁了。5.4 編寫網(wǎng)頁 頁面的制作過程包括制作頂部導(dǎo)航、制作主體內(nèi)容、制作底部版權(quán)信息以及編輯 css樣式等。頂部欄目主要有 logo、banner和導(dǎo)航條。底部版權(quán)信息主要是網(wǎng)站的聯(lián)系方式。頁面主體部分是頁面的核心內(nèi)容，大多數(shù)情況下要使用嵌套表格的技術(shù)來實(shí)現(xiàn)。在制作時(shí)，通常需要進(jìn)行插入表格、插入背景圖像、輸入文字、插入多媒體文件、設(shè)置背景顏色等主要步驟。最后利用 css來美化完成的網(wǎng)頁。 5.5 上傳文件 個(gè)人網(wǎng)

31、頁制作完成后，就需要給個(gè)人網(wǎng)頁在網(wǎng)上安個(gè)家。提供免費(fèi)個(gè)人網(wǎng)頁站點(diǎn)的網(wǎng)站很多，可以選擇中意的網(wǎng)站提出申請(qǐng)。一般流程如下：點(diǎn)擊進(jìn)入的網(wǎng)站申請(qǐng)窗口，填寫信息表格，其主要內(nèi)容包括主頁標(biāo)識(shí)、主頁描述、主頁地址 (url)、關(guān)鍵詞，以及個(gè)人地址、姓名、email地址、電話號(hào)碼、詳細(xì)的郵政地址等個(gè)人信息；提交申請(qǐng)；將在幾天內(nèi)收到網(wǎng)站發(fā)來的 emall。若申請(qǐng)成功，會(huì)得到一個(gè)網(wǎng)站的口令。利用網(wǎng)站支持的傳送協(xié)議將主頁上傳到網(wǎng)站。上傳成功之后，就可以實(shí)現(xiàn)在網(wǎng)絡(luò)上瀏覽個(gè)人主頁了。5.6 更新維護(hù) 網(wǎng)絡(luò)講求新和快，制作個(gè)人網(wǎng)頁時(shí)，同樣也要注意。做好日常維護(hù)工作，及時(shí)更新完善，緊跟時(shí)代步伐，保持內(nèi)容新穎，吸引瀏覽者的注

32、意和點(diǎn)擊?？稍O(shè)置一個(gè)專門的“what s new”頁面，及時(shí)醒目地告訴來訪者主頁最新的內(nèi)容。這樣能方便瀏覽，讓瀏覽者一目了然，迅速尋找所需要的內(nèi)容，不致于層層深入，一無所獲。 第6章 系統(tǒng)功能實(shí)現(xiàn)6.1 數(shù)據(jù)庫(kù)的物理設(shè)計(jì)數(shù)據(jù)庫(kù)在物理設(shè)備上的存儲(chǔ)結(jié)構(gòu)與存取方法稱為數(shù)據(jù)庫(kù)的物理結(jié)構(gòu)，它依賴于選定的數(shù)據(jù)庫(kù)管理系統(tǒng)。為一個(gè)惡給定的邏輯數(shù)據(jù)模型選取一個(gè)惡最適合應(yīng)用要求的物理結(jié)構(gòu)的過程，就是設(shè)局看的物理設(shè)計(jì)。希望設(shè)計(jì)優(yōu)化的物理數(shù)據(jù)結(jié)構(gòu)，使得在數(shù)據(jù)庫(kù)上運(yùn)行的各種事務(wù)響應(yīng)時(shí)間小、存儲(chǔ)空間利用率高、事務(wù)吞吐率大。為此，首先要對(duì)運(yùn)行的事務(wù)進(jìn)行詳細(xì)分析，獲得選擇物理數(shù)據(jù)庫(kù)設(shè)計(jì)所需要的參數(shù)。其次，要充分了解所用rdb

33、ms的內(nèi)部特征，特別是系統(tǒng)提供的存取方法和存儲(chǔ)結(jié)構(gòu)。對(duì)于數(shù)據(jù)庫(kù)產(chǎn)訊事務(wù)，需要得到以下信息：查詢的關(guān)系、查詢條件所涉及的屬性、連接條件所涉及的屬性；對(duì)于數(shù)據(jù)更新事務(wù)，需要得到以下信息：被更新的關(guān)系、每個(gè)關(guān)系上的更新操作條件所涉及的屬性、修改操作要改變的屬性值。個(gè)人網(wǎng)站心情首頁隨筆試聽照片鏈接留言日程6.2 系統(tǒng)功能流程圖：圖6.1前臺(tái)流程圖管理員登錄相冊(cè)管理歌曲管理心情日記雜文隨筆我的日程留言管理后臺(tái)管理網(wǎng)址管理圖42后臺(tái)管理流程圖隨筆、留言、日程用的是在線編輯器，在線編輯器的概述如下：通過編輯器編輯的文字、圖片等html標(biāo)記輸出到頁面的效果和編輯時(shí)顯示的效果一致，讓使用者方便地對(duì)編輯的內(nèi)容進(jìn)行

34、修改、排版等。在編輯狀態(tài)編輯的文字、圖片等內(nèi)容都在后臺(tái)自動(dòng)轉(zhuǎn)換為可被瀏覽器識(shí)別的html標(biāo)記語言，使用者更能在代碼狀態(tài)在對(duì)代碼標(biāo)記進(jìn)行修改。6.3 系統(tǒng)主頁該系統(tǒng)主頁,一般用戶都可以進(jìn)入本系統(tǒng)首頁進(jìn)行瀏覽.可以瀏覽本站的相關(guān)信息，也可以在留言板中與站長(zhǎng)及其它用戶相互交流。在首頁中,主要顯示本系統(tǒng)的功能。本系統(tǒng)是為個(gè)人而設(shè)計(jì)的,所以在主頁的設(shè)計(jì)方面主要介紹自己并以自己信息為中心的網(wǎng)站，主要表現(xiàn)個(gè)人的相關(guān)信息與娛樂信息。6.4 后臺(tái)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)后臺(tái)管理的功能主要包括：相冊(cè)的管理、歌曲的管理、心情日記、雜文隨筆、被忘記錄，留言管理等，管理員登陸以后可進(jìn)行相關(guān)的添加、刪除、修改等。第7章 結(jié) 論在歷時(shí)幾個(gè)月的時(shí)間里，我的畢業(yè)設(shè)計(jì)是從學(xué)習(xí)新的知識(shí)（asp語言、vb語言和html語言），到建立個(gè)人系統(tǒng)的網(wǎng)站。在建網(wǎng)站的過程中遇到了很多的問題和解決了不少的問題。在制作時(shí)充分利用dreamweaver cs3提供的框架、可視化編輯和自動(dòng)生成功能對(duì)我做網(wǎng)站起著至關(guān)重要的作用，系統(tǒng)多數(shù)使用的是自動(dòng)化生成的代碼。從建立虛擬服務(wù)器，到網(wǎng)站服務(wù)，