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