個人網(wǎng)頁設計論文-薔薇花園

廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 1 廣西理工職業(yè)技術學院廣西理工職業(yè)技術學院 畢業(yè)設計 論文 畢業(yè)設計 論文 題題目 目 薔薇花園薔薇花園 個人網(wǎng)站制作個人網(wǎng)站制作 系系別 別 計信系計信系 專業(yè)班級 專業(yè)班級 計算機網(wǎng)絡計算機網(wǎng)絡 姓姓名 名 梁艷萍梁艷萍 學學號 號 0950239 指導教師 指導教師 葉維裕葉維裕 二 二 一一一一年年 十一十一月月 十十 日日 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 2 摘摘要要 本文就個人網(wǎng)站的規(guī)劃與建設 以軟件工程的方法對全過程進行了分析與研究 本文的主要 工作集中在 1 對 Web 頁進行概述 主要是對 Internet 的歷史和發(fā)展作了回顧 并對 Web 頁的定義和特 性進行闡述 并對網(wǎng)站開發(fā)過程中使用的開發(fā)工具和技術作了簡要的介紹 2 對網(wǎng)站建設中提及到的術語進行了解釋 并對個人網(wǎng)站的由來和發(fā)展進行了討論 3 對自己的個人網(wǎng)站從規(guī)劃到建設進行了詳細的分析 4 使用 ASP Access Flash photoshop 技術實現(xiàn)了我的網(wǎng)站的美化和各種功能 其中和數(shù) 據(jù)庫的連接使用到了 ODBC 技術 5 就網(wǎng)站建設提出了自己的觀點與建議 關鍵詞 關鍵詞 ASP Access Flash 創(chuàng)意 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 3 目錄 摘要 2 引言 4 1 1 網(wǎng)站網(wǎng)站設計的簡介設計的簡介 4 1 1 網(wǎng)站的背景 4 1 2 網(wǎng)站的簡述 4 1 3 網(wǎng)站的運行需求 5 2 2 網(wǎng)站開發(fā)技術簡介網(wǎng)站開發(fā)技術簡介 5 2 1 Dreamweavar 網(wǎng)頁設計軟件介紹 5 2 2 ASP 簡介 5 2 3 CSS 簡介 7 2 4 其他應用軟件介紹 8 2 4 1 Adobe Flash 應用簡介 8 2 4 2 Microsoft Access 簡介 8 2 4 3 Adobe photoshop 簡介 8 3 3 網(wǎng)站的總體設計網(wǎng)站的總體設計 9 3 1 站點設計 9 3 2 總體結(jié)構(gòu) 9 3 3 功能模塊的概述 10 4 4 數(shù)據(jù)庫與后臺數(shù)據(jù)庫與后臺 14 4 1 數(shù)據(jù)庫設計 14 4 1 1 需求分析 14 4 1 2 結(jié)構(gòu)設計 14 4 2 后臺管理系統(tǒng) 15 5 5 網(wǎng)站調(diào)試和用戶使用說明網(wǎng)站調(diào)試和用戶使用說明 17 5 1 網(wǎng)站的調(diào)試 17 5 2 用戶使用說明 17 結(jié)結(jié)論論 18 參考文獻參考文獻 19 致致謝謝 20 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 4 引引言言 伴隨著社會的發(fā)展和科學的進步 上網(wǎng)成為越來越多人們的選擇 隨著互聯(lián)網(wǎng)的飛速發(fā)展 有關網(wǎng)絡的技術也層出不窮 如今互聯(lián)網(wǎng)上的個人網(wǎng)站如雨后春筍般蓬勃發(fā)展 絢麗多彩的主頁 比比皆是 每個人都有發(fā)揮個人才能 揮灑自己個性的網(wǎng)上伊甸園 在 hao123 神話以后 網(wǎng)站大 全類網(wǎng)站又再一次達到頂峰 然而這個模式拷貝成功的網(wǎng)站卻寥寥無幾 而對于技術薄弱的個人 網(wǎng)站來說 似乎網(wǎng)址類網(wǎng)站應該是一個很好的切入點 但是由于搜索的異軍突起 網(wǎng)址類網(wǎng)站似 乎變得可有可無 網(wǎng)頁實際是一個文件 他存放在世界某個角落的某一臺計算機中而這臺計算機必須是與互聯(lián) 網(wǎng)相連的 網(wǎng)頁經(jīng)由網(wǎng)址 URL 來識別與存取 當我們在瀏覽器輸入網(wǎng)址后 經(jīng)過一段復雜而又 快速的程序 網(wǎng)頁文件會被傳送到你的計算機 然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容 再展示到你 的眼前 文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素 可以簡單的理解為 文字 就是網(wǎng)頁 的內(nèi)容 圖片 就是網(wǎng)頁的美觀 除此之外 網(wǎng)頁的元素還包括動畫 音樂 程序等等 網(wǎng)頁實 際上只是一個純文本文件 它通過各式各樣的標記對頁面上的文字 圖片 表格 聲音等元素進 行描述 例如字體 顏色 大小 而瀏纜器則對這些標記進行解釋并生成頁面 1 1 網(wǎng)站開發(fā)技術簡介網(wǎng)站開發(fā)技術簡介 1 11 1 網(wǎng)站的背景網(wǎng)站的背景 我?guī)е啻旱募で楹颓舐毜挠?伴隨著即將離別的憂傷和對未來美好的憧憬 我即將走完 我的大學之旅 我結(jié)合 photoshop 圖片處理軟件和 FLASH 動畫制作軟件來完成我的個人網(wǎng)站 在已跨入 21 世紀的今天 人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻 擋的革命 這次革命將比印刷術的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復雜而巨大 目 前 我國上網(wǎng)的人口已近一個億 成立世界上網(wǎng)民最多的國家 許多人在需要查詢信息 首先想 到的就是上網(wǎng) 網(wǎng)站的迷人之處在于綜合使用文本 圖象 聲音 動畫和視頻的信息和內(nèi)容 具 有豐富的多媒體表現(xiàn)與互動特點 無可置疑 網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和 方式 隨著網(wǎng)絡技術的發(fā)展 各類網(wǎng)站紛紛出現(xiàn) 個人網(wǎng)站也成為了一種時尚 越來越多的人希 望擁有自己的網(wǎng)站 開辟網(wǎng)絡世界的一片天地 展示自己的才華和風格 1 21 2 網(wǎng)站的網(wǎng)站的簡述簡述 1 網(wǎng)站的作用 讓別人了解我 認識我的生活 2 網(wǎng)站的規(guī)模 以為是個人網(wǎng)站一般都是由一二十個頁面組成 所以規(guī)模不大 3 網(wǎng)站目標客戶 同學 朋友 和廣大青年朋友 4 網(wǎng)站特色 我的這類網(wǎng)站受眾一般為青年人 所以在色彩上合設計風格上追求青年人的口 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 5 味 畫面絢燦 多媒體的技術支持 使得網(wǎng)站生動化 1 31 3 網(wǎng)站的運行需求網(wǎng)站的運行需求 在調(diào)試和運行過程中 應該能夠讓系統(tǒng)正常使用時不出錯 若運行時遇到不可恢復的系統(tǒng)錯 誤 也應該保證數(shù)據(jù)完好無損 對數(shù)據(jù)的精確度 時間特性 適應性等都有一定要求 要求系統(tǒng) 運行時 能夠保證數(shù)據(jù)的正確性 信息的可靠性 實現(xiàn)的高效性 系統(tǒng)的易使用性 系統(tǒng)管理的 可維護性 信息的可測試性 數(shù)據(jù)的復用性 數(shù)據(jù)的可移植性以及網(wǎng)絡互聯(lián)性 2 2 網(wǎng)站開發(fā)技術簡介網(wǎng)站開發(fā)技術簡介 2 12 1 DreamweavarDreamweavar 網(wǎng)頁設計軟件介紹網(wǎng)頁設計軟件介紹 Dreamweaver 之所以能成為許多專業(yè)網(wǎng)頁設計人員與業(yè)余人員制作網(wǎng)頁的首選而且能保持著 多年的壟斷地位 主要是因為其是 所見既所得 的網(wǎng)頁編輯軟件 即使對 HTML 不熟悉 也可以 作出精彩的網(wǎng)頁來 Dreamweaver 不但能夠完成一般的網(wǎng)頁編輯工作 而且能夠?qū)崿F(xiàn)過去需要通 過編程才能實現(xiàn)的一些效果 并且 Dreamweaver 對于 DHTML 動態(tài)網(wǎng)頁 的支持也非常好 可以 方便地作出許多眩目的動態(tài)特效 因此 一直以來 Dreamweaver 都是網(wǎng)頁制作人員的首選工具 利用它可以輕而易舉地制作出跨越不同平臺和瀏覽器的動態(tài)網(wǎng)頁 Dreamweaver 是為網(wǎng)頁編排所 設計的軟件 它具有將設計要素進行整合排列的功能 Dreamweaver 又是一本實踐性很強的一部 2 2 2 2 ASPASP 簡介簡介 1 ASP 的優(yōu)勢 ASP 技術 ASP Active Server Pages 動態(tài)網(wǎng)頁 是微軟公司推出的一種用以取代 CGI Common Gateway Interface 通用網(wǎng)關接口 的技術 目前 Internet 上的許多基于 Windows 平臺的 Web 站點已開始應用 ASP 來替換 CGI 5 簡單地講 ASP 是一個位于服務器端的腳本運行環(huán)境 通過 這種環(huán)境 用戶可以創(chuàng)建和運行動態(tài)的交互式 Web 服務器應用程序 如交互式動態(tài)網(wǎng)頁 包括使 用 HTML 表單收集和處理信息 上傳與下載等等 通常情況下 用戶通過瀏覽器看到的網(wǎng)頁大多是 靜態(tài)的 目前 Internet 上的許多站點 仍然提供 靜態(tài) static 的主頁內(nèi)容 ASP 與常見的在 Client 端實現(xiàn)動態(tài)主頁的技術如 Java Applet ActiveX Control VBScript JavaScript 等不同 ASP 中的命令和 Script 語句都是由服務器來解釋執(zhí)行的 執(zhí)行結(jié)果產(chǎn)生動態(tài) 生成的 Web 頁面并送到瀏覽器 而 Client 端技術的 Script 命令則是由瀏覽器來解釋執(zhí)行 由于 ASP 是在服務器端解釋執(zhí)行 開發(fā)者可以不必考慮瀏覽器是否支持 ASP 同時由于它在服務器端執(zhí) 行 開發(fā)者也不必擔心別人下載程序從而竊取編程邏輯 6 ASP 通過后綴名為 asp 的 ASP 文件來 實現(xiàn) 一個 asp 文件相當于一個可執(zhí)行文件 因此必須放在 Web 服務器上有可執(zhí)行權(quán)限的目錄下 當用戶從瀏覽器輸入了 asp 文件的地址后 瀏覽器就將這個 URL 請求發(fā)給 Web Server 如果 Web 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 6 Server 上裝了 ASP 就調(diào)用 ASP ASP 讀出相應 asp 文件 解釋并執(zhí)行命令 動態(tài)生成一個 HTML 頁面回傳 Web Server 然后 Web Server 再把結(jié)果發(fā)送給瀏覽器 ASP 文件的制作和 HTML 類似 且和 HTML 開發(fā)集成 可以在同一個過程完成 利用 ASP 將可以執(zhí)行的腳本嵌入到 HTML 文件中 將 HTML 文件的后綴名改為 asp 這使得 HTML 文件的編寫與腳本的開發(fā)融合在一起 通過 ASP 內(nèi)置 的對象 服務器組件 Server Component 可以完成非常復雜的任務 而且用戶還可以自己開發(fā) 或利用別人開發(fā)的服務器組件完成專門的任務 7 ASP 比較網(wǎng)關及服務器擴展模式有著以下優(yōu) 點 1 完全與 HTML 文件融合在一起 2 容易創(chuàng)建 不需要其它編譯 鏈接程序 3 面向?qū)ο蟮牟⑼ㄟ^ ActiveX Server 對象可擴展 2 ASP 的特點 1 組件在 ASP 技術中起著核心作用 要想開發(fā)出具有實用價值的動態(tài) Web 應用程序 ASP 腳本必須與基本 COM 標準的組件配合使 用 組件對象模型的微軟公司體現(xiàn)用戶的一種基于二進制的軟件標準 與語言無關 Visual Basic Visual C Visual J 等都能創(chuàng)建 COM 組件 在不同的語言實現(xiàn)的組件之間 依據(jù) COM 標準可 以進行交互操作 8 ASP 提供了 10 個內(nèi)置組件 每個組件中包括一個或多個對象 在使用前 組件的對象需要 被實例化 ASP 提高了 6 個內(nèi)置對象 這 6 個內(nèi)置對象可以被 ASP 腳本直接使用 不需要被實例 化 除了內(nèi)置組件和內(nèi)置對象 開發(fā)人員還可以自行制作實現(xiàn)特殊功能的組件 2 支持幾乎所有的腳本語言 除了支持 VBScript JavaScript 外 ASP 還支持 REXX Perl 等多種腳本語言 VBScript 是 ASP 支持的默認腳本語言 在同一個 ASP 文件中 ASP 腳本可 調(diào)用不同的腳本語言 從而發(fā)揮各種腳本語言的優(yōu)勢 3 易于操控數(shù)據(jù)庫 ASP 可以輕易地通過 ODBC Open Database Connectivity 驅(qū)動程序連接各種不同的數(shù)據(jù)庫 例如 Access VFP DBase Oracle 等等 另外 ASP 亦可將 文本文件 或是 Excel 文件 當成數(shù)據(jù)庫用 4 ASP 的七個對象 對象名稱功能描述 Request 用于獲取客戶通過瀏覽器向服務器發(fā)送的信息 Response 用于將輸出結(jié)果發(fā)送到瀏覽器 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 7 Server 用于提供對服務器方法 屬性的存取 Session 用于在一個擁護對話 Session 中存儲公用的信息 Application 用于在 ASP 應用的多個對象之間共享信息 Asperror 用于 ASP 應用的錯誤處理 Objectcontext 用于通過 Microsoft Transaction Server MTS 來提交或中止一項交易 從客戶端取得信息將信息送給客戶端提供一些 Web 服務器工具儲存在一個 Session 內(nèi)的用 戶信息 該信息僅可被該用戶訪問在一個 ASP Application 中讓不同的客戶端共享信息可以用來 配合 Microsoft Transaction 服務器進行分布式事務處理 9 5 ASP 的工作原理 當用戶瀏覽網(wǎng)頁時 客戶端瀏覽器與 WEB 站點之間進行交互的過程 如圖 2 2 1 圖 2 2 1 ASP 工作原理 當服務器看到文件的擴展名為 asp 時 就會讀取文件內(nèi)容 解釋執(zhí)行其中的 VBScript 程序 當遇到基于 COM 標準的組件 組件本身是經(jīng)過便宜的可重用的二進制代碼 時 ASP 引擎將啟動 相應組件完成指定的功能 若 ASP 文件含有訪問數(shù)據(jù)庫的請求時 ASP 內(nèi)置組件 ADO ActiveX Data Object 能與數(shù)據(jù)庫連接 對數(shù)據(jù)庫進行訪問 并將訪問結(jié)果返回服務器 最后 生成標準的 HTML 文件 并將生成的 HTML 文件傳送給瀏覽器 這樣就完成了用戶瀏覽器對服務器的訪問 2 32 3 CSSCSS 簡介簡介 CSS Cascading Style Sheet 可譯為 層疊樣式表 或 級聯(lián)樣式表 是一組格式設置 規(guī)則 用于控制 Web 頁面的外觀 通過使用 CSS 樣式設置頁面的格式 可將頁面的內(nèi)容與表現(xiàn)形 式分離 頁面內(nèi)容存放在 HTML 文檔中 而用于定義表現(xiàn)形式的 CSS 規(guī)則則存放在另一個文件中或 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 8 HTML 文檔的某一部分 通常為文件頭部分 將內(nèi)容與表現(xiàn)形式分離 不僅可使維護站點的外觀更 加容易 而且還可以使 HTML 文檔代碼更加簡練 縮短瀏覽器的加載時間 2 42 4 其他應用軟件介紹其他應用軟件介紹 2 4 12 4 1 FlashFlash 應用簡介應用簡介 Flash 網(wǎng)站具有設計精美 擁有更多聲效 動畫 流媒體剪輯 美術效果及兼顧互動性 等特征 非常適合公司作在線產(chǎn)品展示 Flash 網(wǎng)站基本以圖形和動畫為主 所以比較適合做那 些文字內(nèi)容不太多 以平面 動畫效果為主的應用 如 企業(yè)品牌推廣 特定網(wǎng)上廣告 網(wǎng)絡游 戲 個性網(wǎng)站等 Flash 在網(wǎng)頁上的應用正是目前流行的一種美化手法 因此薔薇花園個人網(wǎng)站 時 選擇 Flash 進行美化 而把 Flash 應用于網(wǎng)頁上 代碼是必不可少德 比如簡單的連接 on release getURL XX com blank 就可以實現(xiàn) FLASH 動畫鏈接網(wǎng)頁 同時利用 FLASH 動畫使得我的個人網(wǎng)站變得比較生動活潑 更 吸引年輕人的眼球 2 4 22 4 2MicrosoftMicrosoft AccessAccess 簡介簡介 Access 功能強大 使用方便 是最優(yōu)秀的桌面數(shù)據(jù)庫開發(fā)工具之一 Access 與其他數(shù)據(jù)庫開 發(fā)系統(tǒng)之間有相當顯著的區(qū)別就是 Access 數(shù)據(jù)庫系統(tǒng)把數(shù)據(jù)庫應用程序的建立移到了用戶環(huán)境 中 用戶不用寫一行代碼 就可以在很短的時間里開發(fā)出一個功能強大而且相當專業(yè)的數(shù)據(jù)庫應 用程序 并且這一過程完全是可視的 3 Access 與其他桌面數(shù)據(jù)庫的另一個重要區(qū)別是 Access 中的數(shù)據(jù)庫文件既包括存儲數(shù)據(jù)的 表 又包括操作或控制數(shù)據(jù)的其他對象 它由七種對象組成 表 查詢 窗體 報表 WEB 頁 宏和模塊 Access 2003 在網(wǎng)絡功能上有了很大的改進 在數(shù)據(jù)庫中通過超級鏈接字段可以直接鏈接到 指定的 WEB 頁面或網(wǎng)絡文件 也可以通過 數(shù)據(jù)訪問頁 將數(shù)據(jù)庫文件中的數(shù)據(jù)發(fā)布到網(wǎng)絡上 從而實現(xiàn)數(shù)據(jù)共享 2 4 32 4 3AdobeAdobe PhotoshopPhotoshop 簡介簡介 Photoshop 是 Adobe 公司旗下最為出名的圖像處理軟件之一 集圖像掃描 編輯修改 圖像 制作 廣告創(chuàng)意 圖像輸入與輸出于一體的圖形圖像處理軟件 深受廣大平面設計人員和電腦美 術愛好者的喜愛 本個人網(wǎng)站大多數(shù)都是運用了 photoshop 圖像處理軟件進行設計和美觀 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 9 3 3 網(wǎng)站的網(wǎng)站的總體設計總體設計 3 13 1 站點設計站點設計 打開 Dreamweaver CS3 站點 新建站點 進入 站點定義 窗口 點擊 高級 選項卡 進入 本地信息 分類窗口分別輸入 站點名稱 liangyp 本地根文件夾 E liangyp 進入 測試服務器 窗口 分別選擇 服務器模型 ASP VBScript 訪問 本地 網(wǎng)絡 點擊 確定 按鈕完成站點設置 完成后右下角的站點窗口會顯示一個新的站點 如圖 3 1 1 圖 3 1 1 3 3 2 2 總體結(jié)構(gòu)總體結(jié)構(gòu) 網(wǎng)站主要有前臺界面 后臺管理和數(shù)據(jù)庫三大部分組成 網(wǎng)站前臺主要界面一共有 5 個 分 別是 我的首頁 我的相冊 我的日志 我的生活 我的作品 該導航是運用 FLASH 動畫軟件 制作的 如圖 如圖 3 2 1 圖 3 2 1 網(wǎng)站添加了背景音樂 代碼如下 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 10 網(wǎng)站體現(xiàn)出個人的風格 在界面上用色較為絢麗繽紛 比較符合現(xiàn)在年輕人的品位 網(wǎng)站使用許 多 FLASH 動畫 很形象的表達出個人網(wǎng)站生動活潑 網(wǎng)站的總體結(jié)構(gòu)如 如圖 3 2 2 圖 3 2 2 3 3 3 3 功能模塊的概述功能模塊的概述 個人網(wǎng)站主要是展現(xiàn)自我的平臺 最要是運用了 FLASH 動畫來使網(wǎng)站更吸引年輕人的眼球 功能不多 網(wǎng)頁也比較簡潔花俏 主要以相片居多 日志頁面可以讓別人預覽 管理者可以對其 發(fā)表日志 和對日志的修改 添加 刪除 功能比較簡潔 網(wǎng)站中的各個導航的主要功能如下 開場動畫進入 我的首頁 我的相冊 我的日志 我的生活 我的作品 首頁相冊班級相冊 生活相冊 學習相冊 詳細內(nèi)容 后臺管理 添加日志 修改日志 刪除日志 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 11 開場動畫 使用 FLASH 動畫形式進入主頁 比較吸引眼球 如圖 3 3 1 圖 3 3 1 我的首頁 第一時間給別人知道這是一個有特點的個人網(wǎng)站 網(wǎng)站使用 photoshop 圖像處理 軟件設計 里面加入了 FLASH 動畫 比較多個性化的東西 如圖 3 3 2 圖 3 3 2 我的相冊 同樣采用 FLASH 動畫作為主要形式 主要以 FLASH 相冊為主題 以觀看相片為主 要目的 點擊每個圖片都會有個 FLASH 動畫 如圖 3 3 3 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 12 如圖 3 3 3 我的日志 給用戶瀏覽日志文章 還設用后臺管理 可以添加 修改 刪除日志作用 但只 限于管理者 功能比較簡單 如圖 3 3 4 如圖 3 3 4 我的生活 以 FLASH 動畫加上文字表達出我的生活 如圖 3 3 5 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 13 如圖 3 3 5 我的作品 以 FLASH 動畫為主展示我的作品 如圖 3 3 6 如圖 3 3 6 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 14 4 4 數(shù)據(jù)庫與后臺數(shù)據(jù)庫與后臺 4 4 1 1 數(shù)據(jù)庫設計數(shù)據(jù)庫設計 數(shù)據(jù)庫在一個網(wǎng)站系統(tǒng)中占有非常重要的地位 數(shù)據(jù)庫結(jié)構(gòu)設計的好壞將直接影響到網(wǎng)站的 執(zhí)行效率 對實現(xiàn)的效果產(chǎn)生影響 數(shù)據(jù)庫設計是對一個給定的應用環(huán)境 構(gòu)造最優(yōu)的數(shù)據(jù)庫模 式 建立數(shù)據(jù)庫及其應用系統(tǒng) 有效存儲數(shù)據(jù) 滿足管理者對信息要求和處理要求 合理的數(shù)據(jù) 庫結(jié)構(gòu)設計可以提高數(shù)據(jù)儲存效率 保證數(shù)據(jù)的完整性和一致性 設計數(shù)據(jù)庫系統(tǒng)時應該首先充分了解管理者方面的需求 包括現(xiàn)有的以及將來可能增加的需 求 數(shù)據(jù)庫設計一般包括如下幾個步驟 1 數(shù)據(jù)庫需求分析 2 數(shù)據(jù)庫概念結(jié)構(gòu)設計 3 數(shù)據(jù)庫邏輯結(jié)構(gòu)設計 4 4 1 1 1 1 需求分析需求分析 進行對數(shù)據(jù)庫創(chuàng)建的時候 要分析網(wǎng)站需要的后臺管理的數(shù)據(jù)包括有哪些 才能正確的建立 合理的數(shù)據(jù)庫 日志頁面主要是提供用戶瀏覽文字的信息的 所以要用對用戶提供信息的標題和 內(nèi)容的字段 在管理方面 要有一個管理者登陸的賬戶 對其日志信息進行添加 修改 刪除等 作用 收集基本數(shù)據(jù) 數(shù)據(jù)結(jié)構(gòu)及數(shù)據(jù)處理的流程 組成一份詳盡的數(shù)據(jù)字典 為后面的具體設 計打下基礎 薔薇花園個人網(wǎng)站有兩個表 1 管理員表 包括的數(shù)據(jù)項有用戶姓名 密碼 2 日志表 包括的數(shù)據(jù)項有標題 時間 內(nèi)容 4 4 1 2 1 2 結(jié)構(gòu)設計結(jié)構(gòu)設計 根據(jù)網(wǎng)站的需求 將數(shù)據(jù)庫設計如圖下 圖 4 1 2 1 為管理者表 圖 4 1 2 1 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 15 圖 4 1 2 2 為日志表 圖 4 1 2 1 4 4 2 2 后臺管理系統(tǒng)后臺管理系統(tǒng) 網(wǎng)站后臺主要是為了方面管理者登陸后臺對日志內(nèi)容進行添加 修改 刪除 在 rizhi asp 頁面進入管理者的登陸界面 管理者登陸界面 如圖 4 2 1 圖 4 2 1 日志管理界面 如圖 4 2 2 圖 4 2 2 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 16 添加日志界面 如圖 4 2 3 圖 4 2 3 修改日志界面 如圖 4 2 4 圖 4 2 4 刪除日志界面 如圖 4 2 6 圖 4 2 6 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 17 5 5 網(wǎng)站調(diào)試和用戶使用說明網(wǎng)站調(diào)試和用戶使用說明 5 5 1 1 網(wǎng)站的調(diào)試網(wǎng)站的調(diào)試 應用程序的調(diào)試對編程來說是一項十分重要的工作 當程序有錯誤時 通過調(diào)試將問題找出 來 加以解決 其應用的步驟如下 1 選擇要調(diào)試的對象或者文件 打開對應文件 代碼將顯示在 Dreamwaver 中 然后在 Dreamwaver 中進行調(diào)試 2 修改某段代碼后可一在瀏覽器中預覽結(jié)果 如果仍有問題重復 1 再次反復重復 1 2 步驟 直到程序無錯誤為止 5 5 2 2 用戶使用說明用戶使用說明 1 此網(wǎng)站運行的環(huán)境為安裝有 IIS 組件的 WINDOWS XP 或更高版本的操作系統(tǒng) 2 系統(tǒng)數(shù)據(jù)庫為Microsoft Office Access 3 此網(wǎng)站的操作人員要有一定的計算機基礎 4 登錄身份驗證可以在數(shù)據(jù)庫中自行設定 但必須在相應的程序中進行修改 5 管理員可以對日志的相關記錄進行添加 刪除 修改等操作 6 由于此網(wǎng)站還有許多需要改進的地方 所以在功能及使用范圍方面存在一定的局限性 7 本網(wǎng)站是個人的畢業(yè)設計作品 不能與其他個人網(wǎng)站進行對比 8 本網(wǎng)站初始后臺管理員用戶名為 admin 密碼為 123 9 本網(wǎng)站已通過 Microsoft Internet Explorer 6 7 8 搜狗瀏覽器等工具的測試 廣西理工職業(yè)技術學院大專生畢業(yè)設計 論文 18 結(jié)結(jié)論論 經(jīng)過一個多月以來的努力 在葉老師和同學之間的相互交流下我終于順利的把畢業(yè)設計完 成了 在這次做畢業(yè)設計的過程中 使我深深的了解到自己的不足 有很多東西還有待去了解和 學習 我同時翻閱了大量的資料 包括網(wǎng)上資料 書本及學校的一些相關資料 經(jīng)過近一段時間的 努力 個人網(wǎng)站的設計制作告一段落 總結(jié)這次 薔薇花園 個人網(wǎng)站 開發(fā)制作過程 我綜合使 用了目前因特網(wǎng)上比較流行的各種 FLASH 網(wǎng)頁制作方法及交互式動態(tài)網(wǎng)站的制作設計手段 并利 用后臺程序完成了網(wǎng)站的動態(tài)響應與生成網(wǎng)頁的技術 同時也從中學習了對靜態(tài)頁面的處理風格 色彩搭配 頁面導航方面有了一定經(jīng)驗 對用 asp 制作動態(tài)效果也有了更進一步的認識 在設計 時使用了 Access 建立數(shù)據(jù)庫 以及對數(shù)據(jù)庫瀏覽 修改 添加 刪除 對我來說 能夠設計出這樣一個特色的個人網(wǎng)頁已經(jīng)算很容易的 雖然它不是很完美 但也 是我用這兩年多來所學到的知識和心思去做的 在做網(wǎng)站的過程中 使我受益非淺 雖然不能與 其他人相比 但也能慰籍我的一片小小心靈 通過一個多月來所吸收的知識扎實 豐富 由于本 人所學的知識水平有限 所以本網(wǎng)站的功能不是很齊全也不是很完善 還有待更新 望大家多多 見諒與包含 我會努力學習更多的知