計算機專業(yè)成品畢業(yè)論文-個人網站制作

計算機專業(yè)成品畢業(yè)論文 摘 要 隨著互聯(lián)網的發(fā)展信息傳播的效率逐步為人們所關注越來越多的企業(yè)開始走向網絡通過網絡加大對自己的宣傳互聯(lián)網在人們政治經濟生活等各個方面發(fā)揮著重要的作用 發(fā)布信息主要是通過網站來實現(xiàn)的獲取信息也要在 洋中按照一定的檢索方式將所需要的信息從網站上下載下來它以個人為中心傳播出有影響力的消息新聞等鮮明的個人特色引人矚目它以獨特的視角敏銳的觀察力不斷地沖擊傳統(tǒng)媒體 一個好的網站可以達到宣傳自己或者傳遞信息的目的個人網站也需要界面友好視覺效果美 觀一個方便易用的網站能更好地展示自己的風格個性以及吸引力 因此我采用 005 開發(fā)了我自己的個人網站 關鍵字信息松松個人網站 005 of to to it in an to is to be in to in t to as of It of to or of a to HP 005 my of to to it in an to to is to be in to in t to as of t of to A or of a is to HP 005 my of to to it in an to to is to be in to in t to as of t of to A or of a is to HP 005 my 005目 錄 緒 論 1 第一章 網站概述 2 一個人網站設計的理論基礎 2 二開發(fā)環(huán)境選用及介紹 2 一 二 S 3 三 態(tài)網站腳本語言 4 四數(shù)據(jù)庫的選擇 005 5 第二章 網站需求分析 6 一用戶需求 6 二可行性分析 6 三功能需求 6 四可行性分析 7 第三章 個人網站的設計構思 8 一個人網站的主題與風格 8 二選擇有創(chuàng)意的內容 8 第四章 網站詳細設計 9 一首頁設計 9 二二級頁面的設計 9 一個人展示 9 二在線留言模塊 10 三網站后臺管理界面 10 三數(shù)據(jù)庫的設計 10 一數(shù)據(jù)庫的需求分析 10 二數(shù)據(jù)庫的物理設計 11 三網站實現(xiàn)代碼 12 參考文獻 24 緒 論 隨著互聯(lián)網的發(fā)展信息傳播的效率逐步為人們所關注越來越多的企業(yè)開始走向網絡通過網絡加大對自己的宣傳互聯(lián)網在人們政治經濟生活等各個方面發(fā)揮著重要的作用甚至個人的生活觀念都在發(fā)生著根本性的變化目前許多政府機關學校 企事業(yè)單位均已建立自己的網站為了宣傳自己和傳遞信息建設自己個人的網站已經是迫切需要以個人為中心傳播出有影響力的消息新聞等互聯(lián)網正以獨特的視角敏銳的觀察力不斷地沖擊傳統(tǒng)媒體 一個好的網站可以達到宣傳自己或者傳遞信息的目的個人網站也需要界面友好視覺效果美觀一個方便易用的網站能更好地展示自己的風格個性以及吸引力 因此我開發(fā)了我自己的個人網站 通過該網站全面宣傳展示個人的風采和特色發(fā)布我的最新消息動態(tài)等信息內容使我的朋友對我有一個詳細的了解在 上讓他人看到我發(fā)布的重要信息同時也提高了我個人的知 名度 一個好的網站不僅宣傳了我個人還可以加大人們對我的認識松松個人網站可以通過建立消息平臺借助網絡推廣個人的形象宣傳個人最新信息發(fā)布個人最新動態(tài)同時通過信息反饋使我更加了解他人對我的關注網站是虛擬與現(xiàn)實生活的有機的結合將會有利于我的影響力更好地宣傳我自己隨著全球信息網絡的發(fā)展 世界上已不僅僅是一種技術更重要的是它已成為一種新的交友方式 總結上述松松個人網站建設目標可總結如下 一宣傳個人形象展示個人風采傳遞最新動態(tài) 二充分利用網絡快捷跨地域優(yōu)勢進行信息傳遞對我個人的近況進行及時的展示 三 通過在線回復功能優(yōu)化信息的流通渠道 第一章 網站概述 一個人網站設計的理論基礎 信息時代已經來臨互聯(lián)網的觸角早已覆蓋了這個世界的每個角落如今個人建立自己的網站已經成為一種生存在信息時代的必要手段 一個展示個人能力的網站在整個網站的建設規(guī)劃方面要明確因此在規(guī)劃我的這個網站時我選擇了和大學生的生活及學習相關聯(lián)的主題以達到建站目的 對于網站的設計者來說在設計規(guī)劃網站時必須要明確自己網站的瀏覽者確定自己的用戶群體在已經確定了建設目的的前提下應根據(jù)建站方向所會導致出現(xiàn)的不同用戶群體的需求來規(guī)劃設計整個網站同時也為個人 信息瀏覽提供了方便所以我個人建立網站的意義如下 1擁有自己的域名建立自己的網站樹立中的完美形象作為第四媒體的互聯(lián)網其特點就是可以跨越時空正常情況下可以跨越時空了解利用多媒體技術可以向形象樹立現(xiàn)代形象增 2 宣傳的人是通過上網可見網站已成為許多人相關信息的選擇 3加強溝通宣傳可以通過網站建立與溝通的便捷渠道全面展示形象更加立體地呈現(xiàn)在面前就算僅僅把網站當成宣傳冊來使用也較傳統(tǒng)的宣傳模式更加的多姿多彩更加地易于發(fā)布與傳播更加的經濟與環(huán)保 4豐富手段網站可以滿足一部分網上查詢與的需要網站可以我們所處 的時代是高度信息化的互聯(lián)網時代互聯(lián)網正在滲透到我們生活中的方方面面并且在以十倍甚至百倍的速度提高著我們的工作效率互聯(lián)網的發(fā)展帶來了一場規(guī)?？涨暗男袠I(yè)革命他不僅改變了許多傳統(tǒng)行業(yè)的運作模式同時也產生了許多新的并且可以重新排定內各個的地位可以說互聯(lián)網時代是一個資源和財富再分配的時代互聯(lián)網絡真正的內涵在于其內容的豐富性幾乎無所不包對于來說其具有網絡溝通能力的標志是擁有自己的獨立網站 的軟件 的發(fā)布更堅定 該領域的地位它集網頁設計網站開發(fā)和站點管理功能于一身具有可視化支持多平臺和跨瀏覽器的特性是目前網站設計開發(fā)制作的首選工具 1 靈活的編寫方式 2 可視化編輯界面 一種所見即所得的 6輯器可實現(xiàn)頁面元素的插入和生成視化編輯環(huán)境大減少了代碼的編寫同時 亦保證了其專業(yè)性和兼容性并且可以對內部的 輯器和任何第三方的輯器進行實時的訪問無論用戶習慣手工輸入 能提供便捷的方式使用戶設計網頁和管理網站變得更容易 3 功能更多的 持 視化設計 查工具 4 動態(tài)跨瀏覽器驗證 保存時系統(tǒng)自動檢查當前文檔的跨瀏覽器有效性可以指定何種瀏覽器為測試用瀏覽器同時系統(tǒng)自動檢驗以確定頁面有沒有目標瀏覽器不支持的 構動態(tài)跨瀏覽器有效性檢查功能可以自動核對 則是否適應目前的主瀏覽器 5 強大的 點管理功能 6 內建的圖形編輯引擎 7集成特性 繼承了 集成特性可以在這些 作工具之間自由地切換輕松地創(chuàng)建美觀實用的網頁 8 豐富的媒體支持能力 可以方便地加入 及其他媒體 言代碼輕松地實現(xiàn)網頁元素的動作和交互操作 提供行為和時間線兩種控件來產生交互式響應和進行動畫處理 9 超強的擴展能力 功能并且可以發(fā)布這些插件 S S 是一款圖形圖像編輯軟件在網頁設計領域被廣泛得應用以下是其 10 大最新功能 1 改進的文件瀏覽器 使用功能強大文件瀏覽器的可以快速預覽標注和排序圖片搜索或編輯圖像的數(shù)據(jù)元或關鍵詞并且 可以自動批量共享文件 2 匹配顏色命令 可以迅速從一張圖片的顏色校正另外一張圖像的顏色 3 直方圖調色板 隨時根據(jù)對圖像的調整更新直方圖調色板 4 陰影加亮區(qū)修正 使用陰影加亮區(qū)修正 以快速調整照片中曝光過渡或欠缺的區(qū)域 5 沿路徑放置文本 可以像在 一樣把文本沿著路徑放置并且你還可以在 接編輯文本 6 支持數(shù)碼相機的 式 支持多款數(shù)碼相 機 式讓用戶可以得到更真實的圖像輸入 7 全面支持 16 位圖像 可以在層刷文字圖形中精確的編輯潤飾 16 位的圖像 8以在一個文件中保存不同層的合并效果以便對各種效果進行快速察看 9 輸入 件 使用 以創(chuàng)建 量文件 10 自定義快捷鍵 用戶可以按照自己的習慣定義 快捷鍵 態(tài)網站腳本語言 縮寫意為動態(tài)服務器頁面 本程序的一種應用它可以與數(shù)據(jù)庫和其它程序進行交互是一種簡單方便的編程工具 網頁文件的格式是 在常用于各種動態(tài)網站中 用腳本語言 為自己的開發(fā)語言 用程序使用 以組合 本命令和 本命令等以創(chuàng)建交互的 和基于 功能強大的應用程序 頁可以包含 記普通文本腳本命令以及件等利用 頁中添加交互式內容 如在線表單 也可以創(chuàng)建使用 頁作為用戶界面的 用程序 文件后綴名為 區(qū)別于同樣可以包含 件一個 件是一個文本文件可以包括下列元素的任意組合 文本 志 令 由于腳本程序是在服務器上而不是在客戶端運行傳送到瀏覽器上的 是在 務器上生成的所以不必擔心瀏覽器能否處理腳本 務器已經完成了所有腳本的處理并將標準的 面?zhèn)鬏數(shù)綖g覽器由于只有腳本的結果返回 到瀏覽器所以服務器端腳本不易被別人復制用戶看不到創(chuàng)建他們正在瀏覽的頁的腳本命令 四數(shù)據(jù)庫的選擇 005 一 個 關 系 數(shù) 據(jù) 庫 管 理 系 統(tǒng) 它 最 初 是 由 家公司共同開發(fā)的主要特性有 1成 005 數(shù)據(jù)庫引擎提供完整的 持它還具有構成最大的 點的數(shù)據(jù)存儲組件所需的可伸縮性可用性和安全功能 005 程序設計模型與 架集成用 以開發(fā) 用程序并且 005 支持 索服務等功能在 用程序中包含了用戶友好的查詢和強大的搜索功能 2可伸縮性和可用性同一個數(shù)據(jù)庫引擎可以在不同的平臺上使用從運行 8 的便攜式電腦到運行 005 數(shù)據(jù)中心版的大型多處理器服務器 005 企業(yè)版支持聯(lián)合服務器索引視圖和大型內存支持等功能使其得以升級到最大 點 所需的性能級別 3 企業(yè)級數(shù)據(jù)庫功能 005 關系數(shù)據(jù)庫引擎支持當今苛刻的數(shù)據(jù)處理環(huán)境所需的功能數(shù)據(jù)庫引擎充分保護數(shù)據(jù)完整性同時將管理上千個并發(fā)修改數(shù)據(jù)庫的用戶的開銷減到最小 005 分布式查詢使您得以引用來自不同數(shù)據(jù)源的數(shù)據(jù)就好象這些數(shù)據(jù)是 005 數(shù)據(jù)庫的一部分同時分布式事務支持充分保護任何分布式數(shù)據(jù)更新的完整性復制同樣使您得以維護多個數(shù)據(jù)復本同時確保單獨的數(shù)據(jù)復本保持同步可將一組數(shù)據(jù)復制到多個移動的脫接用戶使這些用戶自主地工作然后將他 們所做的修改合并回發(fā)布服務器 4 易于安裝部署和使用 005 中包括一系列管理和開發(fā)工具這些工具可改進在多個站點上安裝部署管理和使用 過程 005 還支持基于標準的與 成的程序設計模型使 據(jù)庫和數(shù)據(jù)倉庫的使用成為生成強大的可伸縮系統(tǒng)的無縫部分這些功能使您得以快速交付 用程序使客戶只需最少的安裝和管理開銷即可實現(xiàn)這些應用程序 圖 21 個人網站系統(tǒng)數(shù)據(jù)流圖頂層 三功能需求 經過以上詳細的用戶調查在現(xiàn)行個人網站流程和數(shù)據(jù)分析的基礎上基本可以確定系統(tǒng)設計必須達到的目標 以下是個人網站必須具備的功能 對于內容主題的選擇要做到小而精主題定位要小內容要精不要去試圖制作一個包羅萬象的站點這往往會失去網站的特色也會帶來高強度的勞動給網站的及時更新帶來困難記住在互聯(lián)網上只有第一沒有第二 風格是抽象的是指站點的整體形象給瀏覽者的綜合感受這個整體形象包括站點的 志色彩字體標語版面布局瀏覽方式交互性文字語氣內容價值等等諸多因素網站可以是平易近人的生動活潑的也可以是專業(yè)嚴肅的不管是 色彩技術文字布局還是交互方式只要你能由此讓瀏覽者明確分辨出這是你網站獨有的這就形成了網站的風格 四可行性分析 為了保證系統(tǒng)能夠長期安全穩(wěn)定可靠高效的運行個人網站應該滿足以下的性能需求 1 系統(tǒng)處理的準確性和及時性 系統(tǒng)處理的準確性和及時性是系統(tǒng)的必要性能在系統(tǒng)設計和開發(fā)過程中要充分考慮系統(tǒng)當前和將來可能承受的工作量使系統(tǒng)的處理能力和響應時間能夠滿足學校對信息處理的需求 2 系統(tǒng)的開放性和系統(tǒng)的可擴充性 個人網站在開發(fā)過程中應該充分考慮以后的可擴充性例如用戶留言的需求也會不斷的更新和完善 3 系統(tǒng)的易用性和易維護 性 3 系統(tǒng)的標準性 系統(tǒng)在設計開發(fā)使用過程中都要涉及到很多計算機硬件軟件所有這些都要符合主流國際國家和行業(yè)標準 4 系統(tǒng)的先進性 目前計算系統(tǒng)的技術發(fā)展相當快作為個人網站在系統(tǒng)的生命周期盡量做到系統(tǒng)的先進充分完成企業(yè)信息處理的要求而不至于落后這一方面通過系統(tǒng)的開放性和可擴充性不斷改善系統(tǒng)的功能完成 5 系統(tǒng)的響應速度 原則是保證操作人員不會因為速度問題而影響工作效率 個人網站的設計構思 一個人網站的主題與風格 做網站首先必須要解決的就是網站內容問題即確定網站的主題如果自己在某些方面有興趣或掌握的資料較多也可以 做一個自己感興趣的網站一者你可以有自己的見解做出自己的特色二者在制作網站時不會覺得無聊或者力不從心興趣是制作網站的動力沒有創(chuàng)作熱情很難設計制作出優(yōu)秀的作品 對于內容主題的選擇要做到小而精主題定位要小內容要精不要去試圖制作一個包羅萬象的站點這往往會失去網站的特色也會帶來高強度的勞動給網站的及時更新帶來困難 風格是抽象的是指站點的整體形象給瀏覽者的綜合感受這個整體形象包括站點的 志色彩字體標語版面布局瀏覽方式交互性文字語氣內容價值等等諸多因素網站可以是平易近人的生動活潑的也可以是專業(yè)嚴肅的不管是色彩技術 文字布局還是交互方式只要你能由此讓瀏覽者明確分辨出這是你網站獨有的這就形成了網站的風格 風格是有人性的通過網站的色彩技術文字布局交互方式可以概括出一個站點的個性是粗獷豪放的還是清新秀麗的是溫文儒雅的還是執(zhí)著熱情的是活潑易變的還是一成不變的 總之有風格的網站與普通網站的區(qū)別在于在普通網站上你看到的只是堆砌在一起的信息你只能用理性的感受來描述比如信息量多少瀏覽速度快慢等在有風格的網站上你可以獲得除內容之外的更感性的認識比如站點的品位對瀏覽者的態(tài)度等 在明確自己想給人以怎樣的印象后要找出網站中最有特色的東西 就是最能體現(xiàn)網站風格的東西并以它作為網站的特色加以重點強化宣傳總之風格的形成不是一次定位的你可以在實踐中不斷強化調整改進 二選擇有創(chuàng)意的內容 好的內容選擇需要有好的創(chuàng)意作為網頁設計制作者最苦惱的就是沒有好的內容創(chuàng)意網絡上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結合創(chuàng)意的目的是為了更好的宣傳與推廣網站如果創(chuàng)意很好卻對網站發(fā)展毫無意義那么網站設計制作者也應當放棄這個創(chuàng)意另外主頁內容是網站的根本之所在如果內容空洞即使頁面制作地再怎樣精美仍然不會有多少用戶記得內容為王 第四章 網站詳細設計 一首頁設計 網站首頁采用靜 動相結合的方式即靜態(tài)的主畫面和動態(tài)的圖片透明輪換相結合體現(xiàn)本個人的勃勃生氣動態(tài)首頁方式包括圖片展示新聞中心基地風采在線留言等模塊利用 數(shù)據(jù)庫結合的技術建立數(shù)據(jù)庫查詢所有信息采用交互式的動態(tài)的 面來實現(xiàn)如圖 41所示 圖 41 網站首頁設計 二二級頁面的設計 一個人展示 在導航菜單中點擊個人展示可鏈接到產品展示的功能模塊即可瀏覽全部的個人信息如圖 42 所示 圖 42 個人展示設計 二在線留言模塊 在導航菜單中點擊在線留言可鏈接到在線留言的功能模塊如圖 43 所示 圖 43 在線留言 三網站后臺 管理界面 圖 44 網站后臺管理界面 三數(shù)據(jù)庫的設計 一數(shù)據(jù)庫的需求分析 進行整個數(shù)據(jù)庫設計必須準確了解與分析用戶需求包括數(shù)據(jù)和處理用戶需求分析是整個設計過程的基礎是最困難最耗費時間的一步作為最基本的需求分析做得是否充分與準確決定了在其構建數(shù)據(jù)庫的速度和質量 用戶需求具體體現(xiàn)在各種信息的提供存儲更新和查詢方面這就要求數(shù)據(jù)庫結構能充分滿足各種信息的輸出與輸入收集基本數(shù)據(jù)數(shù)據(jù)結構及數(shù)據(jù)處理的流程組成一份詳盡的數(shù)據(jù)字典為后面的具體設計打下基礎以這種思想作為設計策略 二數(shù)據(jù)庫的物理設計 依據(jù)數(shù)據(jù)庫的原理即可進行數(shù)據(jù)庫的 物理設計基于以上數(shù)據(jù)庫的邏輯設計考慮程序設計的簡易性同時考慮題目的時間該系統(tǒng)的數(shù)據(jù)庫采用 005 本系統(tǒng)決定采用一個數(shù)據(jù)庫數(shù)據(jù)庫如下 圖 45 數(shù)據(jù)庫的物理設計一 圖 46 數(shù)據(jù)庫的物理設計二 三網站實現(xiàn)代碼 1 利用 本語言實現(xiàn)圖片輪換 0 0 40 td 40 圖片寬 62 圖片高 焦點字框高度 單位為 焦點字 不是連接 焦點字連接 劃線 顏色 劃線 顏色 000 每張圖切換時間 單位毫秒 點字框高度樣式表 開始 px px 長春瑄瑄情商樂園 模板王 碼 碼 導航菜單 導航菜單 模板王 模板王 2 在線留言功能的實現(xiàn) if 1 5 每頁顯示記錄數(shù) if if 1 if if i if i is i