【正文】 設(shè) 計(jì)題目 個(gè)人網(wǎng)站的設(shè)計(jì)與制作姓 名 xxxx 學(xué) 號(hào) xxxxxxxxxx 系（院）信息工程系 班 級(jí) xxxxxx 指導(dǎo)教師________ 職 稱__________ 201x年x月xx日淄博職業(yè)學(xué)院畢業(yè)設(shè)計(jì)摘 要 隨著經(jīng)濟(jì)社會(huì)的發(fā)展，Internet的日益興起和以網(wǎng)頁為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁制作得到發(fā)展的空間，網(wǎng)站建設(shè)和網(wǎng)頁制作也成為計(jì)算機(jī)網(wǎng)絡(luò)領(lǐng)域最熱門的話題。動(dòng)態(tài)網(wǎng)站是當(dāng)前網(wǎng)站建設(shè)的趨勢(shì)。動(dòng)態(tài)網(wǎng)頁以數(shù)據(jù)庫技術(shù)為基礎(chǔ)，可以大大降低網(wǎng)站維護(hù)的工作量。本課題運(yùn)用我們所學(xué)的ASP與數(shù)據(jù)庫技術(shù)，通過Dreamweaver等相關(guān)軟件來創(chuàng)建了一個(gè)個(gè)人網(wǎng)站，網(wǎng)站主要有：主頁、個(gè)人簡(jiǎn)介、圖片、日志、留言和管理幾個(gè)模塊。圖片則是用來展示我們平時(shí)收集的一些照片，喜歡的明星和唯美的圖片。留言則是瀏覽者用來彼此交流的地方，瀏覽者可以在這里發(fā)表留言，發(fā)表的信息將展示在留言板上。通過設(shè)計(jì)這個(gè)個(gè)人網(wǎng)站，以達(dá)到個(gè)人推薦，展現(xiàn)自我的一個(gè)空間，以及為交流提供綜合的網(wǎng)絡(luò)環(huán)境，同時(shí)也為個(gè)人發(fā)展提供了一平臺(tái)。他們鉆研并且努力進(jìn)入到這一個(gè)新的空間，新的領(lǐng)域?；ヂ?lián)網(wǎng)也是一個(gè)互動(dòng)性極強(qiáng)的平臺(tái)，它自由、寬容、平等、共享，并使來自民間的聲音參與到了構(gòu)建主流話語的行動(dòng)中來[1]。 Internet飛速發(fā)展使得網(wǎng)站不再僅僅為企業(yè)或公司等大型結(jié)構(gòu)所擁有，互聯(lián)網(wǎng)也成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。 課題的意義隨著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)用戶的新追求。從建站的實(shí)際情況出發(fā)，經(jīng)過對(duì)相關(guān)網(wǎng)站的一番考察和分析，確立了采用asp和access數(shù)據(jù)庫技術(shù)，以Dreamweaver作為開發(fā)環(huán)境，綜合運(yùn)用其他設(shè)計(jì)軟件，最終實(shí)現(xiàn)個(gè)人網(wǎng)站的主要功能。網(wǎng)站主要有：主頁、個(gè)人簡(jiǎn)介、圖片、日志、留言和管理幾個(gè)模塊。圖片則是用來展示我們平時(shí)收集的一些照片。留言則是瀏覽者用來彼此交流的地方，瀏覽者可以在這里發(fā)表留言。真正的做到“學(xué)以致用”，“把理論與實(shí)踐相結(jié)合”。第二章，介紹了個(gè)人網(wǎng)站開發(fā)的關(guān)鍵技術(shù)；如ASP，ACCESS以及Dreamweaver的簡(jiǎn)介。第四章，介紹了系統(tǒng)的需求分析、功能模塊和網(wǎng)站的設(shè)計(jì)風(fēng)格；為方便用戶彼此交流信息，構(gòu)建“我的主頁”網(wǎng)站，有留言板，日志，圖片，個(gè)人簡(jiǎn)介等模塊，以及數(shù)據(jù)表的建立。第六章，介紹了網(wǎng)站的測(cè)試。第二章 關(guān)鍵技術(shù)簡(jiǎn)介 ASP的簡(jiǎn)介ASP技術(shù) ASP（Active Server Pages動(dòng)態(tài)網(wǎng)頁）是微軟公司推出的一種用以取代CGI（Common Gateway Interface通用網(wǎng)關(guān)接口）的技術(shù)。簡(jiǎn)單地講，ASP是一個(gè)位于服務(wù)器端的腳本運(yùn)行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運(yùn)行動(dòng)態(tài)的交互式Web服務(wù)器應(yīng)用程序，如交互式動(dòng)態(tài)網(wǎng)頁，包括使用HTML表單收集和處理信息，上傳與下載等[5]。通過ASP內(nèi)置的對(duì)象、服務(wù)器組件（Server Component）可以完成非常復(fù)雜的任務(wù)，而且用戶還可以自己開發(fā)或利用別人開發(fā)的服務(wù)器組件完成專門的任務(wù)[7]。 ，容易編寫，可在服務(wù)器端直接執(zhí)行。 （Browser Independence），客戶端只要使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽Active Server Pages所設(shè)計(jì)的網(wǎng)頁內(nèi)容。除了可使用VB Script或JScript語言來設(shè)計(jì)外，還通過plug－in的方式，使用由第三方所提供的其它腳本語言，譬如REXX 、Perl 、Tcl等。 Server Components（ActiveX 服務(wù)器組件）具有無限可擴(kuò)充性。ASP技術(shù)與其他技術(shù)相比，此技術(shù)實(shí)現(xiàn)比較簡(jiǎn)單、快捷，適用于小型的網(wǎng)絡(luò)。 ACCESS的簡(jiǎn)介Microsoft Access 2010 的特點(diǎn)，就在于使用簡(jiǎn)便。在追蹤與共享數(shù)據(jù)，或是利用數(shù)據(jù)制作報(bào)表時(shí)，將更加輕松無負(fù)擔(dān)，這些數(shù)據(jù)自然也就更具影響力。在 Access 2010 中，可以發(fā)揮社群的力量。 ，以及從其他來源鏈接或匯入的信息，以整合Access 報(bào)表，讓閱讀報(bào)表的人都能更容易掌握趨勢(shì)、洞燭機(jī)先。將數(shù)據(jù)庫延伸到網(wǎng)絡(luò)上，讓沒有 Access 客戶端的使用者，也能透過瀏覽器開啟網(wǎng)絡(luò)窗體與報(bào)表。 。Access 2010 能簡(jiǎn)化尋找及使用各項(xiàng)功能的方式。經(jīng)過簡(jiǎn)化的“表達(dá)式建立器”可以更快、更輕松地建立數(shù)據(jù)庫中的邏輯與表達(dá)式。Access 2010 擁有面目一新的宏設(shè)計(jì)工具，可以更輕松地建立、編輯并自動(dòng)化執(zhí)行數(shù)據(jù)庫邏輯。重復(fù)使用由數(shù)據(jù)庫的其他用戶所建置的數(shù)據(jù)庫組件，節(jié)省時(shí)間與心力?？梢越?jīng)由網(wǎng)絡(luò)服務(wù)通訊協(xié)議，聯(lián)機(jī)到數(shù)據(jù)源[9]。SQL SERVER 是中型DBMS，適于較大數(shù)據(jù)量和高性能要求的應(yīng)用，管理相對(duì)復(fù)雜，但是功能強(qiáng)大，存儲(chǔ)過程，觸發(fā)器，自定義函數(shù)，定時(shí)JOB，MAIL通知等很多功能[10]。自Dreamweaver問世以來已更換了多個(gè)版本，而每一次升級(jí)都會(huì)給用戶帶來更多的驚喜，當(dāng)前最新版本Dreamweaver CS5的出現(xiàn)同樣不負(fù)眾望，又在原版本的基礎(chǔ)上增加了一些新的功能，并對(duì)一些不足之處進(jìn)行了調(diào)整，從而使Dreamweaver的功能更加強(qiáng)大，使用起來也更加得心用手。即對(duì)WordPress、Joomla！和Drupal等內(nèi)容管理系統(tǒng)框架的創(chuàng)作和測(cè)試支持。在DreamweaverCS5中能以可是方式顯示詳細(xì)的CSS框模型，使用戶可以輕松切換CSS屬性，并且無需讀取代碼或使用其他實(shí)用程序?？墒褂枚鄠€(gè)查看、診斷和比較工具預(yù)覽動(dòng)態(tài)網(wǎng)頁和本地內(nèi)容。為自定義PHP函數(shù)顯示適當(dāng)?shù)恼Z法，可幫助用戶更準(zhǔn)確的書寫代碼?？蓮腄reamweaver中的非標(biāo)準(zhǔn)文件和目錄代碼提示中受益[12]。（如圖31所示）圖31 程序和功能對(duì)話框【打開或關(guān)閉Windows功能】項(xiàng)，打開“Windows功能”對(duì)話框，在對(duì)話框“組件”列表中，選中“Internet（如圖32所示）圖32 windows功能對(duì)話框 “Internet隨后系統(tǒng)會(huì)自動(dòng)彈出“正在配置組件”提示框，這時(shí)候用戶需等待一段時(shí)間。 設(shè)置數(shù)據(jù)源（ODBC）在windows 7中設(shè)置“數(shù)據(jù)源”（ODBC） 【開始】【控制面板】【管理工具】，打開“管理工具”對(duì)話框。（如圖34所示）圖34 ODBC數(shù)據(jù)源管理器 “ODBC數(shù)據(jù)源管理器”對(duì)話框中，選擇【系統(tǒng)DSN】，在右側(cè)點(diǎn)擊【添加】按鈕，彈出【創(chuàng)建新數(shù)據(jù)源】對(duì)話框，在【創(chuàng)建新數(shù)據(jù)源】對(duì)話框中選中“Microsoft Access Driver （*.mdb）”，單擊【完成】按鈕。（如圖36所示）圖36 修改數(shù)據(jù)源名稱【數(shù)據(jù)庫】選項(xiàng)下的【選擇】按鈕打開【選擇數(shù)據(jù)庫】對(duì)話框，在【選擇數(shù)據(jù)庫】對(duì)話框中設(shè)置【數(shù)據(jù)庫名稱】為“”，【文件類型】為Access數(shù)據(jù)庫（*.mdb）。 【確定】按鈕回到【ODBC數(shù)據(jù)源管理器】對(duì)話框，然后單擊【確定】按鈕完成設(shè)置。（如圖38所示）圖38 定義站點(diǎn)【下一步】，彈出【是否使用服務(wù)器技術(shù)】中，選擇【是，我想使用服務(wù)器技術(shù)。（如圖39所示）圖39 選擇服務(wù)器【下一步】，在【開發(fā)過程中，您打算如何使用您的文件？】項(xiàng)，選擇【在本地進(jìn)行編輯和測(cè)試】項(xiàng)，然后，在【將把文件存儲(chǔ)在計(jì)算機(jī)上的什么位置】中選擇我們的目錄所在位置“D:\畢業(yè)設(shè)計(jì)\Family\”。會(huì)彈出【URL前綴測(cè)試成功】對(duì)話框，單擊【確定】。（如圖312所示）圖312 本地開發(fā)測(cè)試 【下一步】，單擊【完成】后就建立好了這個(gè)站點(diǎn)。如果沒有建立好站點(diǎn)，那么Dreamweaver的開發(fā)功能將會(huì)不能使用。人是社會(huì)性的動(dòng)物，具有多方面的欲望和追求，被人理解、被社會(huì)承認(rèn)是人的高級(jí)欲望中的一種。傳統(tǒng)的個(gè)人形象展示依靠照相、錄像、演講、交談或文字說明等形式，而個(gè)人網(wǎng)站是所有形式中最新穎、最直觀、最有效、最綜合、最高級(jí)的形式。其需求描述如下： ：是網(wǎng)站的首頁，通過首頁可以鏈接到任何頁面，方便、快捷。 ：以列表的形式顯示文章信息，這樣可以在頁面顯示大量的日志信息。 ：在留言頁面以表格的形式來顯示用戶所發(fā)送的留言。 ：在圖片頁面以排列的方式顯示圖片，圖片分為幾種類型，可以根據(jù)自己的喜好欣賞。管理員可以在這里對(duì)網(wǎng)站進(jìn)行定期的更新和維護(hù)。個(gè)人網(wǎng)站的操作流程主