淺析個人網(wǎng)站的制作

1、摘 要在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設在Internet應用上的地位顯而易見，倍受人們的重視。為了樹立個人在網(wǎng)絡上的形象，通過設計一個個人網(wǎng)站，以達到個人推薦、展現(xiàn)自我的一個平臺，個人網(wǎng)站為交流提供綜合的網(wǎng)絡環(huán)境，同時也為個人的宣傳，發(fā)展，提供了一個平臺。在已跨入21世紀的今天，人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復雜而巨大。目前，我國上網(wǎng)的人口已近一個億，成立世界上網(wǎng)民最多的國家，許多人

2、在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑， 網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡技術的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個人網(wǎng)站也成為了一種時尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡世界的一片天地，展示自己的才華和風格。關鍵詞： 網(wǎng)站建設；ASP； 互聯(lián)網(wǎng)目 錄 TOC o 1-3 h z u HYPERLINK l _Toc230971882 摘 要 PAGEREF _Toc230971882 h I HYPERLINK l _Toc230971883 目 錄 PAGERE

3、F _Toc230971883 h II HYPERLINK l _Toc230971885 前言 PAGEREF _Toc230971885 h 1 HYPERLINK l _Toc230971886 1概述 PAGEREF _Toc230971886 h 11.1系統(tǒng)說明2 HYPERLINK l _Toc230971888 1.2 系統(tǒng)特點 PAGEREF _Toc230971888 h 2 HYPERLINK l _Toc230971889 1.3 系統(tǒng)功能簡介 PAGEREF _Toc230971889 h 2 HYPERLINK l _Toc230971890 2 開發(fā)環(huán)境介紹 P

4、AGEREF _Toc230971890 h 2 HYPERLINK l _Toc230971891 2.1 常用asp開發(fā)工具 PAGEREF _Toc230971891 h 22.2常用IIS的安裝3 HYPERLINK l _Toc230971893 2.3 Microsoft Access概述 PAGEREF _Toc230971893 h 3 HYPERLINK l _Toc230971894 2.3.1概述 PAGEREF _Toc230971894 h 3 HYPERLINK l _Toc230971895 2.3.2用途 PAGEREF _Toc230971895 h 33系統(tǒng)

5、分析與總體設計43.1系統(tǒng)功能描述43.1.1系統(tǒng)結(jié)構設計53.2數(shù)據(jù)庫設計與實現(xiàn)93.2.1數(shù)據(jù)庫邏輯分析114頁面設置114.1首頁設計154.2相冊圖庫184.3美文共享 204.4資源下載214.5給我留言244.6后臺管理模塊設計與功能現(xiàn)25致謝26參考文獻27個人網(wǎng)站的制作前言隨著Internet國際互聯(lián)網(wǎng)的發(fā)展，越來越多的個人開始建造自己的網(wǎng)站。基于Internet的信息服務，商務服務已經(jīng)成為現(xiàn)代企業(yè)一項不可缺少的內(nèi)容。很多個人都已不滿足于建立一個簡單的僅僅能夠發(fā)布信息的靜態(tài)網(wǎng)站?，F(xiàn)代個人需要的是一個功能強大的，能提供完善的商務服務的動態(tài)個人網(wǎng)站。ASP是Microsoft提出的

6、一種網(wǎng)絡服務器端編程環(huán)境。ASP已經(jīng)成為開發(fā)動態(tài)網(wǎng)站的重要而快速、有效的工具。ASP強大的功能使之成為一種優(yōu)秀的服務器技術。隨著網(wǎng)絡技術的日益成熟，ASP技術在網(wǎng)絡編程中也變得越來越重要。所以，在我們的畢業(yè)設計中，我們采用了ASP作為開發(fā)工具，構建了一個能實現(xiàn)簡單的小型動態(tài)網(wǎng)站個人網(wǎng)站，我做的是展示個人風采的個人網(wǎng)站。該系統(tǒng)能實現(xiàn)文章搜索；能夠美文共享；資源下載等功能。該系統(tǒng)基本上具備一個個人網(wǎng)站應該具備的功能，該設計項目基本上體現(xiàn)了構建一個動態(tài)個人網(wǎng)站所需要的技術，可以說，目前的大型網(wǎng)站也就是我們這個小型網(wǎng)站在內(nèi)容上的擴充和重復。通過這次的畢業(yè)設計，我了解了目前流行的動態(tài)網(wǎng)站的構成和運作原理

7、，掌握了用ASP構建動態(tài)網(wǎng)站的相關知識和技術原理，鍛煉了自己的動手實踐能力。更重要的是，通過這次的畢業(yè)設計，我培養(yǎng)出了刻苦鉆研的學習精神和嚴肅認真的學習態(tài)度，這對我以后的學習和工作有很大的益處。1概述1.1 系統(tǒng)說明本系統(tǒng)是一個能實現(xiàn)簡單的小型動態(tài)網(wǎng)站個人網(wǎng)站，我做的是展示個人風采的個人網(wǎng)站。該系統(tǒng)能實現(xiàn)文章搜索；能夠美文共享；資源下載等功能。 網(wǎng)站的組成有以下幾個子系統(tǒng)組成：(1)主頁，顯示個人基本信息。(2)美文共享。(3)個人日記。(4) 資源下載。(5) 相冊圖庫。(6)推薦酷站(7)通訊錄1.2 系統(tǒng)特點(1) 本系統(tǒng)完全基于Web技術，只要能連接Internet，就能訪問本系統(tǒng)。(

8、2) 采用ASP+Access開發(fā)，具有管理方便，代碼簡單易懂，體積小巧的特點。(3) 具有清新簡潔方便的界面，操作簡單。(4) 支持所有的Windows系列操作系統(tǒng)。1.3 系統(tǒng)功能簡介(1)游客可以瀏覽網(wǎng)站。(2)用戶能夠瀏覽網(wǎng)站。(3)用戶下載資源。(4) 用戶搜索文章。(5)用戶查找通訊錄。(6) 游客留言2 開發(fā)環(huán)境介紹2.1 常用ASP開發(fā)工具由于ASP文件本身就是普通的文本文件而不用經(jīng)過編譯，所以我們可以使用任意中文本編輯器，例如，記事本,EditPlus軟件等等,但是就具體開發(fā)而言，各種工具在編碼便捷方面又有所不同。我認為，對于同時兼任網(wǎng)站頁面設計美工的，我們最好使用Dream

9、weaver，這樣可以快速的在頁面的設計基礎上添加動態(tài)的代碼，Dreamweaver是Macromedia公司的氣質(zhì)產(chǎn)品，網(wǎng)頁制作軟件三劍客之一，使用Dreamweaver不僅可以進行強大的網(wǎng)頁設計，還可以進行非常方便的 ASP編碼。2.2 IIS的安裝 在開發(fā)前我們需要解析一下運行環(huán)境，Microsoft的windows系列都包含了可選安裝的IIS組件，Windows2003和windows2000服務器版操作系統(tǒng)在安裝時就已經(jīng)默認安裝了IIS，我們可以打開”我的電腦”控制面板”管理工具”即可以看到Internet信息服務的IIS管理器，如果系統(tǒng)沒有安裝那么我們就要自己安裝了，首先我們先把系

10、統(tǒng)盤放進光驅(qū)，然后進入“控制面板”，依次選“添加/刪除程序添加/刪除Windows組件”，將“Internet信息服務（IIS）”前的小鉤去掉（如有），重新勾選中后按提示操作即可完成IIS組件的添加。用這種方法添加的IIS組件中將包括Web、FTP、NNTP和SMTP等全部四項服務。當IIS添加成功之后，再進入“開始程序管理工具Internet服務管理器”以打開IIS管理器。2.3 Microsoft Access概述 2.3.1概述Access 是微軟公司推出的基于Windows的桌面關系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊

11、7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)?、生成器、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據(jù)管理的任務。2.3.2用途Microsoft Access在很多地方得到廣泛使用，例如小型企業(yè)，大公司的部門，和喜愛編程的開發(fā)人員專門利用它來制作處理數(shù)據(jù)的桌面系統(tǒng)。它也常被用來開發(fā)簡單的WEB應用程序這些應用程序都利用ASP技術在Internet Information Services運行比較復雜的WEB應用程序則使用PHP/MySQL或者ASP/Microsoft SQL Server它

12、的使用方便程度和強大的設計工具為初級程序員提供許多功能。不過，這種便于使用可能使人誤解。這類開發(fā)者都是沒有在應用或者數(shù)據(jù)設計方面訓練的辦公室從業(yè)人員。因此許多人以為這樣的開發(fā)者能夠創(chuàng)造可用的系統(tǒng)，但也有很多人認為工具本身的局限性產(chǎn)生了這樣的誤導。介紹了開發(fā)環(huán)境，下面我們就來開始做個人網(wǎng)站。通過這個網(wǎng)站，人們可以通過網(wǎng)絡相互了解，不用見面，非常方便。3系統(tǒng)分析與總體設計3.1系統(tǒng)功能描述在做之前，我們先來說一下什么是個人網(wǎng)站，所謂個人網(wǎng)站就是是利用計算機技術、網(wǎng)絡技術和遠程通信技術，實現(xiàn)整個傳播個人信息過程中的電子化、數(shù)字化和網(wǎng)絡化。人們不再是面對面的進行交流向別人展示自己。而是通過網(wǎng)絡，通過在

13、網(wǎng)上發(fā)布自己的信息、樹立自己良好的個人形象。個人網(wǎng)站發(fā)展的特點：更廣闊的環(huán)境：人們不受時間的限制，不受空間的限制，不受傳統(tǒng)登門拜訪的諸多限制，可以隨時隨地在網(wǎng)上交流。更廣闊的交流空間呢：在網(wǎng)上這個世界將會變得很小，一個人可以面對全球的同胞，也可以和全球的任何一個有個人網(wǎng)站的人進行交流互相了解。在網(wǎng)上交流可以節(jié)省大家的時間，更符合時代的要求。個人網(wǎng)站主要是建立網(wǎng)上的個人信息發(fā)布及管理平臺，主要功能有以下幾點：(1)游客可以瀏覽網(wǎng)站。(2)用戶能夠瀏覽網(wǎng)站。(3)用戶下載資源。(4) 用戶搜索文章。(5)用戶查找通訊錄。(6) 游客留言一般個人網(wǎng)站系統(tǒng)都具有上述功能。3.1.1系統(tǒng)結(jié)構設計剛才我們

14、分析了功能，現(xiàn)在我們把系統(tǒng)功能模塊結(jié)構畫出來，如下圖3.1所示。 游客瀏覽游客留言個人網(wǎng)站 用戶瀏覽 下載資源 搜索文章 查找通訊錄 美文共享圖3.1系統(tǒng)功能模塊結(jié)構圖3.2 數(shù)據(jù)庫設計與實現(xiàn)從上面的流程，我們可以看出該系統(tǒng)中我們需要用到一下幾個表：（1）用戶密碼登記表admin用于存儲系統(tǒng)用戶和普通用戶的信息，包括：姓名、口令、驗證碼、名稱，它的設計視圖如圖3.2所示。 圖3.2用戶密碼登記表(2)留言基本檔案表Book用于存儲用戶的檔案包括：ID，留言者名字、留言者QQ、留言者Email、留言內(nèi)容、留言者主頁、留言時間、回復留言、留言頭像、留言表情、留言者IP、留言者地址、留言者主題、其中

15、ID為該表的關鍵字。它的設計視圖如圖3.3所示。圖3.3留言基本檔案表(3)日記基本信息表HN_news,如圖3.4所示。圖3.4日記基本信息表（4）日記分類表HN_clnewsa，如圖3.5所示。圖3.5日記分類表（5）圖片基本信息表HN_pro，如圖3.6所示。圖3.6圖片基本信息表（6）相冊分類表HN_procla，如圖所示3.7所示。圖3.7相冊分類表（7）網(wǎng)站基本信息表WebBasicInfo，如圖3.8所示。 圖3.8網(wǎng)站基本信息表以上數(shù)據(jù)表為Access類型的庫文件，將它定名為：“data.mdb”。3.2.1 數(shù)據(jù)庫邏輯分析用戶表作為一個基本信息,存儲用戶的重要信息,其中某些字

16、段會被其他表所調(diào)用,定單的時候會取出這些字段,所以我們要填寫這些字段,首先我們先新建一個數(shù)據(jù)庫，起名為md，然在數(shù)據(jù)庫里建一張表，表結(jié)構如31所示。表3-1 user表結(jié)構字段名稱數(shù)據(jù)類型userid自動編號username文本useremail文本userpassword文本logins數(shù)字lastlogin日期時間userzhenshiname文本shouname文本shengshi文本shouhuodizhi文本如表 32所示。表3-2 action表結(jié)構字段名稱數(shù)據(jù)類型actionid自動編號username文本actiondate日期時間bookid數(shù)字bookcount數(shù)字ding

17、dan文本zhuangtai數(shù)字shouhuoname文本shouhuodizhi文本youbian數(shù)字liuyan備注shousex數(shù)字zonger數(shù)字userzhenshiname文本useremail文本usertel文本userid數(shù)字表3-3 nclass表結(jié)構字段名稱數(shù)據(jù)類型nclassid自動編號nclass文本nclassdorder數(shù)字anclassid數(shù)字changyong數(shù)字表3-4 books表結(jié)構 字段名稱數(shù)據(jù)類型bookid自動編號bookname文本Shichangjia 數(shù)字huiyuanjia數(shù)字bestbook數(shù)字chengjiaoshu數(shù)字liuyansh

18、u數(shù)字dazhe數(shù)字anclassid數(shù)字bookpic文本4 頁面設置4.1首頁設計網(wǎng)站的首頁是個人的門面，所以首頁設計尤其重要，對于網(wǎng)站頁面設計來說，難點不僅僅有使用的便利性和一貫性，而普通性和創(chuàng)造性也是需要考慮的內(nèi)容。比如，本網(wǎng)站，不僅要兼顧瀏覽者的便利，同時也要把個人優(yōu)秀的風采一起 展示出來。在網(wǎng)頁設計中，對于布局最基本的要求就是要考慮用戶的方便程度并能明確地傳達信息，要凸現(xiàn)網(wǎng)頁設計的這個夠成要素，在開始設計之前，首先要明確這個網(wǎng)站的目的，目標是什么，接著就是要明確制作的每個網(wǎng)頁頁面所要說明的是什么。在布局時，我們應該考慮醒目性，可讀性，明快性。造型性創(chuàng)造性等要素，按照這些要求我們在大

19、腦已經(jīng)有了雛形，本系統(tǒng)的首頁如圖4-1所示。圖4.1 個人網(wǎng)站首頁首先，我們可以很醒目的看到主頁、相冊圖庫、美文共享，在左邊是分類，我們一看就會明白，然后就知道你要想要了解這個人哪方面的資料，當然了，首頁可以顯示所有的個人資料，這個時候就需要分頁，如果你要瀏覽具體哪方面的資料，你既可以點分類，可以在首頁點具體的子系統(tǒng)，分頁如圖4.2所示。 圖4.2 分頁圖分頁片段代碼如下：%End Sub Function showpage(totalnumber,maxperpage,filename) Dim n If totalnumber Mod maxperpage=0 Then n= totaln

20、umber maxperpage Elsen= totalnumber maxperpage+1 End IfResponse.Write Response.Write If CurrentPage2 Then Response.Write 首頁 上一頁 Else Response.Write 首頁 Response.Write 上一頁 End IfIf n-currentpage1 Then Response.Write 下一頁 尾頁 Else Response.Write Response.Write 下一頁 尾頁 End If Response.Write 頁次：&CurrentPage

21、&/&n&頁 Response.Write 共有&totalnumber&種商品 Response.Write 轉(zhuǎn)到： Response.Write End Function %這就是分頁，幾乎在所有的網(wǎng)站里我們都能看到，他的存在大大提高了我們的可讀性。4.2 相冊圖庫如圖4.3所示。圖4.3 相冊圖庫這個就是相冊圖庫的式樣圖，我們打開dreameaver，輸入如下代碼：這是一個動態(tài)態(tài)的html代碼， 當我們進入網(wǎng)站首頁首會看到一組動態(tài)的圖片如圖4.44.10所示圖4.4相冊圖庫圖4.5相冊圖庫圖4.6相冊圖庫圖4.7相冊圖庫圖4.8相冊圖庫圖4.9 相冊圖庫4.3 美文共享，如圖4.10所示

22、圖4.10美文共享這個就是美文共享的式樣圖，我們打開dreameaver，輸入如下代碼：這是一組動態(tài)加靜態(tài)的代碼，進入以后你可以根據(jù)你自己的需要閱讀文章4.4資源下載，如圖4.11所示圖4.11資源下載這個就是資源下載的式樣圖，我們打開dreameaver，輸入如下代碼： 這是一組動態(tài)加靜態(tài)的代碼，進入以后你可以根據(jù)你自己的需要下載資料4.5給我留言，如圖4.12所示圖4.12給我留言網(wǎng)站頁面中的留言板模塊主要作用就是讓瀏覽者可以寫下自己想說的話，寫下對網(wǎng)站，對產(chǎn)品的滿意度，寫下自己的建議及意見，以便后臺的進一步管理。這個就是資源下載的式樣圖，我們打開dreameaver，輸入如下代碼docu

23、ment.write();document.write(相關網(wǎng)友評論a href=./././newspl.asp?id= target=_blank發(fā)表/查看所有評論);%b=0while not rs.eofusername=rs(username)addtime=rs(addtime)content=rs(content)content=replace(content,)content=replace(content,chr(10),)content=replace(content,chr(13),)if b=1 thenbbb=style=background-color: #F8F3

24、F3b=0elseb=b+1bbb=end if%document.write(tr );document.write(評論說：);document.write();%rs.movenextwendif rs.recordcount=0 thenResponse.Write document.write(暫時無評論);end ifrs.closeset rs=nothing%document.write();document.write(form method=POST action=./././NewsPL_save.asp?id=&action=js onsubmit=return Fro

25、ntPage_Form1_Validator(this) language=JavaScript name=FrontPage_Form1231);document.write();document.write(姓名);document.write();document.write(評論);document.write();document.write();document.write( );這是一組動態(tài)動態(tài)代碼，進入以后可以對我的網(wǎng)站進行評價也可以給我留言4.6后臺管理模塊設計與功能實現(xiàn)，如圖4.13、4.14所示圖4.13后臺登陸1圖4.14后臺管理本網(wǎng)站的后臺管理模塊實現(xiàn)了：個人信息管理

26、，新聞發(fā)布管理，站內(nèi)信息管理，站內(nèi)操作管理4大模塊的功能。個人信息管理主要是個人所在目錄管理；新聞管理實現(xiàn)了網(wǎng)站新聞的更新；信息管理主要管理游客的在線留言；操作管理是實現(xiàn)對整個網(wǎng)站內(nèi)容的維護和更新致 謝 在本畢業(yè)設計論文即將完成之際，我要對所有給過我?guī)椭椭С值娜吮硎局孕牡母兄x。首先要感謝的是我的父母，感謝他們對我二十多年來辛勤的養(yǎng)育,并讓我獲取了一定的知識并最終走向社會,為社會貢獻自己的一分力量。 本論文是在*老師悉心指導下完成的。老師淵博的專業(yè)知識，嚴謹?shù)闹螌W態(tài)度，精益求精的工作作風，誨人不倦的高尚師德，嚴以律己、寬以待人的崇高風范，樸實無華、平易近人的人格魅力對我影響深遠。不僅使我樹立了遠大的學術目標、掌握了基本的研究方法，還使我明白了許多待人接物與為人處世的道理。本論文從選題到完成，每一步都是