【正文】 。同時(shí)，越來越多的商業(yè)網(wǎng)站開始免費(fèi)提供個(gè)人主頁空間，這些良好的外部極大地促進(jìn)了個(gè)人網(wǎng)站的發(fā)展，涌現(xiàn)了一批很著名的個(gè)人網(wǎng)頁，從1998年下半年開始，隨著互聯(lián)網(wǎng)應(yīng)用的深入的普及，隨著眾多主頁制作工具的出現(xiàn)，使得建站成為一件非常容易的事，創(chuàng)建一個(gè)能充分體現(xiàn)自我風(fēng)格和特色的個(gè)人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。（三）我的個(gè)人網(wǎng)站的設(shè)計(jì)與規(guī)劃明確架設(shè)網(wǎng)站的目的及客戶要求通常情況下，架設(shè)個(gè)人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達(dá)個(gè)人在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個(gè)人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗(yàn)，讓和我有共同愛好的朋友有一個(gè)傾訴的地方。我的個(gè)人網(wǎng)站概貌因?yàn)槭莻€(gè)人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風(fēng)格和特點(diǎn)的同時(shí)，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計(jì)技術(shù)和數(shù)據(jù)庫技術(shù)。因此將網(wǎng)站設(shè)計(jì)分為前臺(tái)頁面展示平臺(tái)和后臺(tái)在線管理平臺(tái)。功能劃分網(wǎng)站設(shè)計(jì)有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺(tái)管理頁面中，通過身份認(rèn)證，管理員——我，可以對(duì)網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。功能描述(1)新聞嵌入百度新聞每日更新代碼，使用在本站首頁顯示今日國內(nèi)國際新聞和體育新聞，供瀏覽者瀏覽。(2)留言板是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。(3)后臺(tái)管理頁面 是我管理和添加到新內(nèi)容的地方，為了方便實(shí)現(xiàn)信息的經(jīng)常更新，我設(shè)計(jì)了這個(gè)管理頁面，經(jīng)過身份認(rèn)證后我可以進(jìn)入網(wǎng)站對(duì)其中的信息進(jìn)行管理。(4)日記在其中展示我喜愛的東西，包括我的日記、精品文章、社會(huì)文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來欣賞。(5)相冊(cè)在其中展示漂亮的圖片，包括我的照片、我的同學(xué)、風(fēng)景照片、妹眉帥哥欄目。讓大家一起來欣賞人物、風(fēng)景風(fēng)采。(6)音樂在其中展示個(gè)人喜歡的歌曲，朋友們可以在里面點(diǎn)播自己喜歡的歌。(7)頁面組織和數(shù)據(jù)庫設(shè)計(jì)在明確了我的個(gè)人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計(jì)和數(shù)據(jù)庫設(shè)計(jì)。建立一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。因此我將自己的個(gè)人網(wǎng)站分為五個(gè)欄目，分別是關(guān)于我、相冊(cè)、日記、音樂、留言。三、詳細(xì)設(shè)計(jì)界面設(shè)計(jì)（1）相冊(cè)是一個(gè)個(gè)人相片和精彩圖片展示的地方，在相冊(cè)中，我們可以了解到站長的個(gè)人風(fēng)采和自己喜歡的圖片。a、功能利用ASP對(duì)象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時(shí)每個(gè)圖片都有快照功能，可以瀏覽圖片的全圖。b、組成構(gòu)造相冊(cè)結(jié)果顯示頁面 ：用來顯示所有圖片，同時(shí)還具備圖片的分類功能和圖片單個(gè)瀏覽功能。站長基本信息顯示頁面 ： 數(shù)據(jù)庫連接頁面 (2)日記是一個(gè)記錄個(gè)人日記和精品收藏文章的地方，供給大家一起分享。a、功能利用ASP對(duì)象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章b、組成結(jié)構(gòu)日記或文章顯示頁面 ：顯示所有日記或文章，同時(shí)還具備顯示不同子類日記或文章站長基本信息顯示頁面 數(shù)據(jù)庫連接頁面 c、日記頁面瀏覽效果圖，如圖12。(3)、音樂是一個(gè)音樂收藏和音樂欣賞的地方。a、功能利用ASP對(duì)象語句來顯示歌曲曲目、演唱人和在線播放功能。b、組成結(jié)構(gòu)歌曲顯示播放頁面 ：完成曲目的顯示和播放功能的頁面。站長基本信息顯示頁面 數(shù)據(jù)庫連接頁面 (4)、留言本是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。a、功能利用SQL語法過濾特定的用戶留言意見，讓站長可以針對(duì)某位特定用戶所發(fā)表的意見作出獨(dú)立的回答，同時(shí)，用戶在發(fā)表個(gè)人意見時(shí)，若認(rèn)為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會(huì)被顯示出來讓大家看到，當(dāng)然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進(jìn)行各個(gè)用戶的單獨(dú)意見回復(fù)，而且還能看到用戶所留下的“悄悄話b、組成構(gòu)造：用來顯示用戶發(fā)言與站長回復(fù)內(nèi)容，同時(shí)還具備查看留言和發(fā)表留言兩個(gè)功能。站長基本信息顯示頁面 數(shù)據(jù)庫連接頁面 (三)、關(guān)鍵代碼設(shè)計(jì)分頁功能模塊代碼% if not then 39。注意放到前面來,否則到任何頁總是在第一個(gè)記錄上/ppend if =MaxPerPage 39。設(shè)置每頁最多顯示多少條記錄/ppIf trim(Request(“Page”))“ then 39。如果請(qǐng)求的頁次不為空/ppCurrentPage= CLng(request(”Page“))39。clng是轉(zhuǎn)換成長整型數(shù)據(jù)類型,并賦值到當(dāng)前頁次上/ppIf CurrentPage then 39。如果當(dāng)前頁次大于總頁數(shù),則將最大頁次賦值到當(dāng)前頁次上/ppCurrentPage = /ppEnd If Else/ppCurrentPage= 1 39。一切條件不成立,將當(dāng)前頁設(shè)為第一頁 End If totalPut= 39。將總記錄賦值于TOTALPUT/ppif CurrentPage1 then 39。如果當(dāng)前頁數(shù)不等于第一頁/ppif(currentPage1)*MaxPerPagetotalPut then 39。如果當(dāng)前頁減一乘以每頁最大的記錄數(shù)小于總記錄的話/pp(currentPage1)*MaxPerPage 39。相對(duì)當(dāng)前記錄數(shù)向后移動(dòng)/ppdim bookmark 39。定義書簽變量/ppbookmark= 39。將當(dāng)前記錄的標(biāo)簽賦于變量BOOKMARK上/ppend if/ppend if/ppdim n,k/ppif(totalPut mod MaxPerPage)=0 then 39。總記錄數(shù)與每頁最大記錄數(shù)求余的結(jié)果為零時(shí),則N返回整數(shù)頁次,= totalPut MaxPerPage/ppelse/ppn= totalPut MaxPerPage + 1/ppend if %圖片顯示功能模塊代碼“ rel=”lightbox[plants]“ % if then exit for if then exit do next % %k=k+1 Loop % 日記、音樂顯示模塊代碼段相似。發(fā)表留言提交內(nèi)容判斷模塊代碼 % if request(”action“)=”“ then ”?action=show“ if request(”action“)=”post“ then dim bookname dim bookwhere dim bookpic bookname=request(”name“)bookwhere=request(”where“)bookpic=request(”pic“)bookface=request(”face“)bookip=(”REMOTE_ADDR“)if bookname=”“ then ”script LANGUAGE=39。JavaScript39?！? ”alert(39。留言昵稱不能為空！39。)。“ ”(1)。“ ”/script“/pp %（四）、網(wǎng)站管理系統(tǒng)完成站長對(duì)網(wǎng)站信息管理及更新的系統(tǒng)，包括以下幾部分：（1）（2）（3）（4）（5）管理登陸管理系統(tǒng)的登陸頁面，主要用于管理登陸和判斷用戶是否已注冊(cè)。（1）其中判斷是否是非法登陸的代碼為： % admin_pass=md5(admin_pass)set rs=(”“)sql=”select * from admin where admin_name=39?！癮mp。admin_nameamp?！?9。 and admin_pass=39?！癮mp。admin_passamp?！?9?！?pp sql,conn,1,3/ppif then ”script language=JavaScriptalert(39。用戶或密碼錯(cuò)誤！非管理員勿入！39。)。“ ”=39。39。/script“/ppelse/ppsession(”admin_name“)=request(”admin_name“)/ppsession(”loc“)=1/pp ”“ end if %（2）其中驗(yàn)證碼驗(yàn)證代碼：% dim verifycode,verifycode2 if verifycodeverifycode2 then ”script language=JavaScriptalert(39。您輸入的驗(yàn)證碼不正確！39。)?！?”=39。39。/script“ founderr=true else session(”verifycode“)=”“ %主要功能程序段（1）打開數(shù)據(jù)庫 % set conn = (”“) ”YourDSNName“,”username“,”password“ %（2）數(shù)據(jù)庫查詢操作 大類查訊setrs=()小類查詢 dimrs2 setrs2=(),nclassidfromnclasswhereanclassid=amp。rs(anclassid)amp。orderbynclassidorder,conn,1,1 ==amp。rs(anclassid)amp。amp。nid=amp。rs2(nclassid)amp。amp。trim(rs2(nclass))amp。A loop（3）添加記錄操作setrs=()可寫方式,username,zhuangtai,zongerfromactions,conn,1,3 添加一條新記錄 rs(bookid)=bookid 添加相應(yīng)的記錄 rs(username)=username ???? rs(zhuangtai)=6 rs(zonger)=0 更新數(shù)據(jù)庫（4）刪除記錄操作從表actions中刪除actionid匹配的記錄 = amp。(actionid)四、編碼、測試與維護(hù)（一）測試與維護(hù)IIS(Internet 信息服務(wù))安裝配置可以在”添加或刪除程序 添加/刪除Windows組件“對(duì)話框中把”Internet 信息服務(wù)(IIS)“前的勾選中，點(diǎn)”下一步“進(jìn)行安裝就行了(注：在這之前應(yīng)把系統(tǒng)安裝盤放到光驅(qū))。IIS 裝好之后再作一下簡單的配置。定位到”開始管理工具Internet 信息服務(wù)(IIS)管理器“，打開IIS管理器。在”本地計(jì)算機(jī)網(wǎng)站默認(rèn)網(wǎng)站“上右鍵單擊，在快捷菜單里選”屬性“(或者直接在操作菜單下選”屬性“)，彈出如下對(duì)話框圖16: 圖16 切換到”主目錄“標(biāo)簽(圖2)，重新選擇網(wǎng)站根目錄(我選擇的是E盤下的my web目錄)，默認(rèn)是”系統(tǒng)盤:Inetpubroot“,因?yàn)橄到y(tǒng)盤不宜放太多的非系統(tǒng)文件，所以在這里重設(shè)默認(rèn)網(wǎng)站要目錄，如果嫌麻煩可以跳過這步。再切換到”文檔“標(biāo)簽，通過”添加“、”刪除“、”上移“、”下移 “，把站點(diǎn)的默認(rèn)文檔設(shè)置如圖17：圖17 可能有些朋友會(huì)疑惑，設(shè)置默認(rèn)內(nèi)容文檔有什么作用？細(xì)心的朋友應(yīng)該會(huì)發(fā)現(xiàn)，在瀏覽一些大網(wǎng)站的首頁時(shí)用它的一級(jí)域名就行了，并不需要指定請(qǐng)求頁的文件名，這就是設(shè)置了默認(rèn)內(nèi)容文檔的緣故，它的作用就是在瀏覽器請(qǐng)求沒有指定文檔的名稱時(shí)，將默認(rèn)文檔提供給瀏覽器。要得到更詳盡的解釋說明，可以點(diǎn)擊圖3中的“幫助”。之所以有這步，不大符合國人習(xí)慣。Dream weaver測試站點(diǎn)和用IIS測試本地站點(diǎn)Dream weaver MX提供了全面檢測站點(diǎn)的功能，它比檢測鏈接更全面。全面地檢測內(nèi)部、外部鏈接、去除錯(cuò)標(biāo)簽、空標(biāo)簽、多余的標(biāo)簽等，它的使用相當(dāng)簡單，使用全面檢測站點(diǎn)功能如下：（1）、選擇菜單中【站點(diǎn)】的【報(bào)告】命令，打開一個(gè)窗口。（2）、選擇檢測范圍，在【報(bào)告】選項(xiàng)中有四個(gè)內(nèi)容供選擇：Current Document、Entire Local Site、Select Files in site、Folder。（3）、對(duì)工作流方面的信息進(jìn)行檢測。（4）、對(duì)HTML文件的信息做出檢查。把編好的網(wǎng)站文件復(fù)制到D:/my web文件夾中，可以打開瀏覽器，在地址欄中輸入://localhost/my web/ ,就會(huì)看見網(wǎng)站了。維護(hù)網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新，這樣才會(huì)不斷的吸引更多的瀏覽者訪問，才能成為一個(gè)優(yōu)秀的網(wǎng)站。通過FTP軟件將更新過的網(wǎng)頁上傳到服務(wù)器或通過Dream weaver MX來遠(yuǎn)程管理站點(diǎn)，同時(shí)還要認(rèn)真回復(fù)瀏覽者的電子郵件和留言，做到有問比答。平時(shí)多收集資料，多聽聽別人建議，定期更新版面，還有推廣站點(diǎn)。（二）設(shè)計(jì)技巧和解決方法用服務(wù)器端包含技術(shù)實(shí)現(xiàn)對(duì)文件的引用系統(tǒng)中有許多頁面都會(huì)引用相同的代碼文件，所以使用include語句將已完成代碼的文件包含進(jìn)來，就可以簡化代碼的縮寫。結(jié)束語經(jīng)過老師耐心細(xì)致的指導(dǎo)，及同學(xué)之間的相互交流，同時(shí)翻閱了大量的資料(包括網(wǎng)上資料，書本及學(xué)校的一些相關(guān)資料)經(jīng)過近一段時(shí)間的努力，個(gè)人網(wǎng)站的設(shè)計(jì)制作告一段落?？偨Y(jié)這次“文武屋個(gè)人網(wǎng)站”開發(fā)制作過程，我們綜合使用了目前因特網(wǎng)上比較流行的各種靜態(tài)制作方法及交互式動(dòng)態(tài)網(wǎng)站的制作設(shè)計(jì)手段，并對(duì)初步利用后臺(tái)程序完成了網(wǎng)站的動(dòng)態(tài)響應(yīng)與生成網(wǎng)頁的技術(shù)。同時(shí)也從中學(xué)習(xí)了對(duì)靜態(tài)頁面的處理風(fēng)格，色彩搭配，頁面導(dǎo)航方面有了一定經(jīng)驗(yàn)。對(duì)用Javascript語言制作動(dòng)態(tài)效果也有了更進(jìn)一步的認(rèn)識(shí)。在交互式網(wǎng)頁設(shè)計(jì)學(xué)會(huì)了如何使用Access建立數(shù)據(jù)庫，以及對(duì)數(shù)據(jù)庫瀏覽，修改