河南農(nóng)業(yè)大學(xué) 本科生畢業(yè)論文（設(shè)計）題 目 個人動態(tài)網(wǎng)站設(shè)計 學(xué) 院 機電工程

河南農(nóng)業(yè)大學(xué) 本科生畢業(yè)論文（設(shè)計）

題 目 個人動態(tài)網(wǎng)站設(shè)計 學(xué) 院 機電工程學(xué)院 專業(yè)班級

學(xué)生姓名 指導(dǎo)教師

撰寫日期：

1

摘 要

現(xiàn)在網(wǎng)絡(luò)已經(jīng)成為了我們生活中不可缺少的元素，簡單的HTML 網(wǎng)頁但它已不能滿足人們想互動或者隨時更新網(wǎng)站內(nèi)容的需求，所以應(yīng)用而生的是一種動態(tài)網(wǎng)頁技術(shù)。本網(wǎng)站是用ASP 語言和Vbscript 腳本語言實現(xiàn)，后臺數(shù)據(jù)選用office Access數(shù)據(jù)庫，可以實行最基本的功能如，站內(nèi)留言，寫日志，音樂播放與下載，相冊瀏覽，網(wǎng)站瀏覽人數(shù)統(tǒng)計以及后臺管理的功能。其中留言，日志和音樂頁面用到了動態(tài)ASP 技術(shù)，實現(xiàn)網(wǎng)站的即時更新，相冊，個人檔案等則是純粹的靜態(tài)頁面. 可以這樣理解，動態(tài)網(wǎng)頁其實是服務(wù)器根據(jù)用戶提交的條件而生成的一個靜態(tài)頁面。

關(guān)鍵詞：ASP 技術(shù)，動態(tài)網(wǎng)站，網(wǎng)頁

2

Personal dynamic website design

Abstract

Now the network has become indispensable elements in our life, Past simple HTML page can not satisfy us to do something like interacting or updating website content, So the dynamic web technology comes. This site has been developed by Vbscript and ASP scripting language, And the office Access database has been used, which can implemented some basic functions such as message, log, music playing or down, browsing the photos of myself, counting the visitors of my web, as well as the back-stage management. In other words, the dynamic web actually is a static page generated by the server which is based on the user’s condition .

Key Words ：ASP technology；dynamic website；web page

3

目 錄

1 引言 ............................................................. - 1 -

2開發(fā)技術(shù).............................................................. 2

2.1 IIS ................................................................ 2

2.1.1 IIS的添加........................................................ 3

2.1.2 IIS的運行........................................................ 3

2.2 ASP簡介............................................................ 4

2.3 office Access數(shù)據(jù)庫................................................ 4

2.4 Microsoft Dreamweave 8簡介........................................ 5

2.5 adode Photoshop CS ................................................. 5

3 網(wǎng)站設(shè)計 ............................................................. 5

3.1數(shù)據(jù)庫的設(shè)計........................................................ 5

3.2圖片準(zhǔn)備............................................................ 7

3.3首頁的制作.......................................................... 8

3.4音樂頁面制作........................................................ 9

3.4.1音樂數(shù)據(jù)庫鏈接.................................................... 9

3.4.2播放與下載頁面................................................... 11

3.5留言頁面制作....................................................... 13

3.5.1留言模板的建立................................................... 13

3.5.2查看留言......................................................... 14

3.5.3寫留言........................................................... 15

3.5.4管理員回復(fù)與刪除................................................. 15

3.6日志頁面制作....................................................... 17

3.7相冊頁面的制作..................................................... 18

3.8友情鏈接板塊....................................................... 19

參考文獻 .............................................................. 20

致 謝 ................................................................. 21

附錄1：寫留言模塊源代碼............................................... 22 4

附錄2：管理員刪除頁面源代碼..........................2錯誤！未定義書簽。 5

1 引言

隨著科技的進步，時代的發(fā)展，計算機信息行業(yè)的逐步壯大，加上人們也越來越離不開各種各樣的信息，對信息的追求更是越來越迫切了，因此計算機信息的發(fā)展也必須適應(yīng)這一潮流。然而現(xiàn)代社會的人們喜歡在網(wǎng)絡(luò)上張顯自己的個性，寫出自己的心情，記下身邊一些奇怪有趣的事，在網(wǎng)絡(luò)上粘貼自己個性的相冊，制作自己個人的網(wǎng)站，有些用于商業(yè)目的，有些用于娛樂，但最終都是滿足了自己的愛好，同時又學(xué)到了自己需要的知識。由于本人的知識水平有限，實際的經(jīng)驗也不足，所以所制作出來的作品有許多的不足和漏洞，希望大家提出寶貴的意見和批評。以下是我的設(shè)計思想

第一步：確定網(wǎng)站結(jié)構(gòu)

網(wǎng)站包括那些欄目，采用怎樣的制作結(jié)構(gòu)，這些都是我們在制作網(wǎng)站前要首先確定的，網(wǎng)站結(jié)構(gòu)為以后的設(shè)計奠定了基礎(chǔ)。合理的網(wǎng)站欄目結(jié)構(gòu)其實并沒有什么特別之處，但是能直觀正確的表達網(wǎng)站的基本內(nèi)容及其內(nèi)容之間的層次關(guān)系，站在用戶的角度考慮，使得用戶在網(wǎng)站瀏覽時可以方便的獲取信息，不至于迷失。

圖1-1是我個人網(wǎng)站的結(jié)構(gòu)圖：

圖1-1 網(wǎng)站結(jié)構(gòu)圖

第二步：確定網(wǎng)站風(fēng)格

.- 1 -.

風(fēng)格是抽象的，是指網(wǎng)站餓整體形象給瀏覽者的綜合感受。這個整體形象包括網(wǎng)站色彩，字體，版面布局，瀏覽方式，文字，語氣等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、文字、布局還是交互方式，只要能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就是網(wǎng)站的風(fēng)格。我的網(wǎng)站堅持使用純色或者顏色比較一致的圖片做背景，這樣是讀者看起來不至于產(chǎn)生幻覺，風(fēng)格的形成不是一次定位的，我們可以在事件中不斷強化、改進、調(diào)整。

第三步：給網(wǎng)站申請域名

域名是聯(lián)接網(wǎng)站和互聯(lián)網(wǎng)網(wǎng)址的紐帶，它像品牌、商標(biāo)一樣具有重要的識別作用，是訪問者通達網(wǎng)站的“鑰匙”，是網(wǎng)站在網(wǎng)絡(luò)上存在的標(biāo)志，擔(dān)負著標(biāo)示站點和導(dǎo)向網(wǎng)站站點的雙重作用。 在選取域名的時候，首先要遵循兩個基本原則。

1．域名應(yīng)該簡明易記，便于輸入

這是判斷域名好壞最重要的因素。一個好的域名應(yīng)該短而順口，便于記憶，最好讓人看一眼就能記住，而且讀起來發(fā)音清晰，不會導(dǎo)致拼寫錯誤。此外，域名選取還要避免同音異義詞。

2．域名要有一定的內(nèi)涵和意義

用有一定意義和內(nèi)涵的詞或詞組作域名，不但可記憶性好，而且有助于實現(xiàn)企業(yè)的營銷目標(biāo)。例如個人愛好，喜歡的詞語或者企業(yè)網(wǎng)站的話可以選擇企業(yè)名稱、產(chǎn)品名稱等都是不錯的選擇，這樣能更加方面記憶以及加強宣傳作用。一個好的域名會大大增加網(wǎng)站在互聯(lián)網(wǎng)上的知名度，本站注冊lmonkey 就取之簡記, 因此，如何選取好的域名就顯得十分重要。

對于初學(xué)者來說可以申請免費域名來檢測，本站在5944.net 注冊了免費空間，網(wǎng)站為http://lmonkey.8c8c.info/ ，因為是免費的所以空間不太穩(wěn)定并且有一定的時間限制。

2 開發(fā)技術(shù)

2.1 IIS

IIS 是Internet Information Server 的縮寫，它是微軟公司主推的Web 服務(wù)器，基于運行Microsoft Windows 的互聯(lián)網(wǎng)基本服務(wù)。最初是Windows NT 版本的可選包，隨后內(nèi)置在Windows 2000、Windows XP Professional和Windows Server 2003一起

.- 2 -.

發(fā)行，但在普遍使用的Windows XP Home版本上并沒有IIS 。IIS 意味著你能發(fā)布網(wǎng)頁，并且有ASP （Active Server Pages ）、JAVA 、VBscript 產(chǎn)生頁面，有著一些擴展功能。它的一個重要特性是支持ASP ，IIS3.0版本以后引入了ASP ，可以很容易的張貼動態(tài)內(nèi)容和開發(fā)基于Web 的應(yīng)用程序。

2.1.1 IIS的添加

進入“控制面板”，依次選“添加/刪除程序→添加/刪除Windows 組件”，將“Internet 信息服務(wù)（IIS ）”前的小鉤去掉（如有），重新勾選中后按提示操作即可完成IIS 組件的添加。用這種方法添加的IIS 組件中將包括Web 、FTP 、NNTP 和SMTP 等全部四項服務(wù)。

2.1.2 IIS的運行

當(dāng)IIS 添加成功之后，再進入“開始→設(shè)置→控制面板→管理工具→Internet 服務(wù)管理器(Internet信息服務(wù)) ”以打開IIS 管理器，對于有“已停止”字樣的服務(wù)，均在其上單擊右鍵，選“啟動”來開啟[1]。

安裝成功后的頁面如下（IIS 默認的網(wǎng)站 http://localhost/）：

圖2-1 IIS安裝測試成功頁面

.- 3 -.

2.2 ASP簡介

ASP 是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuà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)頁具有以下特點：

（1）利用ASP 可以實現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實現(xiàn)動態(tài)網(wǎng)頁技術(shù)；

（2）ASP 文件是包含在HTML 代碼所組成的文件中的，易于修改和測試；

（3）服務(wù)器上的ASP 解釋程序會在服務(wù)器端執(zhí)行ASP 程序，并將結(jié)果以HTML 格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽ASP 所產(chǎn)生的網(wǎng)頁；

（4）ASP 提供了一些內(nèi)置對象，使用這些對象可以使服務(wù)器端腳本功能更強。例如可以從web 瀏覽器中獲取用戶通過HTML 表單提交的信息，并在腳本中對這些信息進行處理，然后向web 瀏覽器發(fā)送信息；

（5）ASP 可以使用服務(wù)器端ActiveX 組件來執(zhí)行各種各樣的任務(wù)，例如存取數(shù)據(jù)庫、發(fā)送Email 或訪問文件系統(tǒng)等。

（6）由于服務(wù)器是將ASP 程序執(zhí)行的結(jié)果以HTML 格式傳回客戶端瀏覽器，因此使用者不會看到ASP 所編寫的原始程序代碼，可防止ASP 程序代碼被竊取。

(7)開發(fā)需要有豐富的經(jīng)驗, 否則會留出漏洞, 讓黑客利用進行注入攻擊.

當(dāng)在Web 站點中融入ASP 功能后，將發(fā)生以下事情：

1、用戶向瀏覽器地址欄輸入網(wǎng)址，默認頁面的擴展名是.asp 。

2、瀏覽器向服務(wù)器發(fā)出請求。

3、服務(wù)器引擎開始運行ASP 程序。

4、ASP 文件按照從上到下的順序開始處理，執(zhí)行腳本命令，執(zhí)行HTML 頁面內(nèi)容。

5、頁面信息發(fā)送到瀏覽器。 [2]

2.3 office Access數(shù)據(jù)庫

Access 是微軟公司推出的基于Windows 的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS ，即Relational Database Management System），是Office 系列應(yīng)用

.- 4 -.

軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)А⑸善?、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據(jù)管理的任務(wù)。ASP 訪問數(shù)據(jù)庫的方式：在ASP 腳本中可以通過ADO （activex data objects ）方式訪問數(shù)據(jù)庫[3]。

2.4 Microsoft Dreamweave 8簡介

Dreamweave 是Macromedia 公司推出的可視化網(wǎng)頁制作工具，是較受網(wǎng)頁設(shè)計人員歡迎的網(wǎng)頁制作軟件之一，是網(wǎng)站建設(shè)不可缺少的工具之一。Macromedia Dreamweave 8是建立Web 站點和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，在編輯上可以選擇可視化方式或者源碼編輯方式[4]。

2.5 adode Photoshop CS

Photoshop 是世界頂尖級的圖像設(shè)計與制作工具軟件。圖像處理是對已有的位圖圖像進行編輯加工處理以及運用一些特殊效果，其重點在于圖像的處理加工。在表現(xiàn)圖像中的陰影和色彩的細微變化方面或者進行一些特殊效果處理時，使用位圖形式是最佳的選擇，他在這方面的優(yōu)點是矢量圖無法比擬的。 3 網(wǎng)站設(shè)計

3.1 數(shù)據(jù)庫的設(shè)計

本網(wǎng)站中用到四個數(shù)據(jù)庫分別是音樂數(shù)據(jù)庫Music.mdb 、留言數(shù)據(jù)庫Massage.mdb 、日志數(shù)據(jù)庫suibi.mdb 、網(wǎng)站計數(shù)器數(shù)據(jù)庫jsp.mdb 。頁面如下：

.- 5 -.