計(jì)算機(jī)專業(yè)成品畢業(yè)論文-個(gè)人網(wǎng)站制作.doc

《計(jì)算機(jī)專業(yè)成品畢業(yè)論文-個(gè)人網(wǎng)站制作.doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《計(jì)算機(jī)專業(yè)成品畢業(yè)論文-個(gè)人網(wǎng)站制作.doc（29頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 長春職業(yè)技術(shù)學(xué)院畢業(yè)論文（設(shè)計(jì)）專用紙 畢業(yè)論文（設(shè)計(jì)）題目 個(gè)人網(wǎng)站設(shè)計(jì) 學(xué)生姓名 學(xué)號(hào) 班 級(jí) 專 業(yè) 分 院 指導(dǎo)教師 2012年 4 月長春瑄瑄情商樂園畢業(yè)設(shè)計(jì)專用紙 網(wǎng)址http:/ http:/ 摘 要隨著互聯(lián)網(wǎng)的發(fā)展，信息傳播的效率逐步為人們所關(guān)注。越來越多的企業(yè)開始走向網(wǎng)絡(luò)，通過網(wǎng)絡(luò)加大對(duì)自己的宣傳，互聯(lián)網(wǎng)在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。它以個(gè)人為中心傳播出有影響力的消息、新聞等。鮮明的個(gè)人特色引人矚目。它以獨(dú)特的視角、

2、敏銳的觀察力，不斷地沖擊傳統(tǒng)媒體。一個(gè)好的網(wǎng)站，可以達(dá)到宣傳自己或者傳遞信息的目的！個(gè)人網(wǎng)站也需要界面友好，視覺效果美觀。一個(gè)方便易用的網(wǎng)站能更好地展示自己的風(fēng)格、個(gè)性以及吸引力。因此，我采用php和SQL Server 2005開發(fā)了我自己的個(gè)人網(wǎng)站。關(guān)鍵字：信息；松松個(gè)人網(wǎng)站；php；SQL Server 2005Abstract With the development of the Internet , its information dissemination efficiency concern for people gradually. More and more compani

3、es began to network, through the network to increase with the propaganda, it in people politics, economy, life and other aspects played an important role. The Internet publishing information mainly through the web site to implementation , access to information is also to be in the Internet ocean acc

4、ording to certain in retrieval methods will need information from the website and download down. It to individual as the center spread out of the influential news, news , etc . Bright individual features eye-catching . It with unique Angle of view, keen observation, and constantly impact to the trad

5、itional media.A good website, can achieve promotion or transfer the purpose of their information.Personal website also needs through a has friendly interface, visual effectisbeautiful, easy web site to show his style, personality and attractive. Therefore, I use PHP and SQL Server 2005 developed my

6、own personal website. With the development of the Internet, its information dissemination efficiency concern for people gradually. More and more companies began to network, through the network to increase with the propaganda, it in people politics, economy, life and other aspects played an important

7、 role. The Internet publishing information mainly through the web site to implementation, access to information is also to be in the Internet ocean according to certain in retrieval methods will need information from the website and download down. It to individual as the center spread out of the inf

8、luential news, news, etc. Bright individual features eye-catching. It with unique Angle of view, keen observation, and constantly impact to the traditional media. A good website, can achieve promotion or transfer the purpose of their information. Personal website also needs through a has friendly in

9、terface, visual effect is beautiful, easy web site to show his style, personality and attractive. Therefore, I use PHP and SQL Server 2005 developed my own personal website. With the development of the Internet, its information dissemination efficiency concern for people gradually. More and more com

10、panies began to network, through the network to increase with the propaganda, it in people politics, economy, life and other aspects played an important role. The Internet publishing information mainly through the web site to implementation, access to information is also to be in the Internet ocean

11、according to certain in retrieval methods will need information from the website and download down. It to individual as the center spread out of the influential news, news, etc. Bright individual features eye-catching. It with unique Angle of view, keen observation, and constantly impact to the trad

12、itional media. A good website, can achieve promotion or transfer the purpose of their information. Personal website also needs through a has friendly interface, visual effect is beautiful, easy web site to show his style, personality and attractive. Therefore, I use PHP and SQL Server 2005 developed

13、 my own personal website. Keywords: Information; Song song personal website; PHP; SQL Server 2005目 錄緒 論1第一章 網(wǎng)站概述2一、個(gè)人網(wǎng)站設(shè)計(jì)的理論基礎(chǔ)2二、開發(fā)環(huán)境選用及介紹2（一） Dreamweaver8.02（二） Photoshop CS3（三）ASP動(dòng)態(tài)網(wǎng)站腳本語言4（四）數(shù)據(jù)庫的選擇：SQL Server 20055第二章 網(wǎng)站需求分析6一、用戶需求6二、可行性分析6三、功能需求6四、可行性分析7第三章 個(gè)人網(wǎng)站的設(shè)計(jì)構(gòu)思8一、個(gè)人網(wǎng)站的主題與風(fēng)格8二、選擇有創(chuàng)意的內(nèi)容8第四章 網(wǎng)

14、站詳細(xì)設(shè)計(jì)9一、首頁設(shè)計(jì)9二、二級(jí)頁面的設(shè)計(jì)9（一）、個(gè)人展示9（二）、在線留言模塊10（三）、網(wǎng)站后臺(tái)管理界面10三、數(shù)據(jù)庫的設(shè)計(jì)10（一）、數(shù)據(jù)庫的需求分析10（二）、數(shù)據(jù)庫的物理設(shè)計(jì)11（三）網(wǎng)站實(shí)現(xiàn)代碼12參考文獻(xiàn)24緒 論隨著互聯(lián)網(wǎng)的發(fā)展，信息傳播的效率逐步為人們所關(guān)注。越來越多的企業(yè)開始走向網(wǎng)絡(luò)，通過網(wǎng)絡(luò)加大對(duì)自己的宣傳?；ヂ?lián)網(wǎng)在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用，甚至個(gè)人的生活觀念都在發(fā)生著根本性的變化。目前許多政府機(jī)關(guān)、學(xué)校、企事業(yè)單位均已建立自己的網(wǎng)站。為了宣傳自己和傳遞信息，建設(shè)自己個(gè)人的網(wǎng)站已經(jīng)是迫切需要，以個(gè)人為中心傳播出有影響力的消息、新聞等?；ヂ?lián)網(wǎng)正以獨(dú)

15、特的視角、敏銳的觀察力，不斷地沖擊傳統(tǒng)媒體。一個(gè)好的網(wǎng)站，可以達(dá)到宣傳自己或者傳遞信息的目的！個(gè)人網(wǎng)站也需要界面友好，視覺效果美觀。一個(gè)方便易用的網(wǎng)站能更好地展示自己的風(fēng)格、個(gè)性以及吸引力。 因此，我開發(fā)了我自己的個(gè)人網(wǎng)站。通過該網(wǎng)站，全面宣傳、展示個(gè)人的風(fēng)采和特色，發(fā)布我的最新消息、動(dòng)態(tài)等信息內(nèi)容，使我的朋友對(duì)我有一個(gè)詳細(xì)的了解。在Internet網(wǎng)上，讓他人看到我發(fā)布的重要信息，同時(shí)也提高了我個(gè)人的知名度。 一個(gè)好的網(wǎng)站不僅宣傳了我個(gè)人還可以加大人們對(duì)我的認(rèn)識(shí)，松松個(gè)人網(wǎng)站可以通過建立消息平臺(tái)，借助網(wǎng)絡(luò)推廣個(gè)人的形象、宣傳個(gè)人最新信息、發(fā)布個(gè)人最新動(dòng)態(tài)，同時(shí)通過信息反饋使我更加了解他人對(duì)我

16、的關(guān)注。網(wǎng)站是虛擬與現(xiàn)實(shí)生活的有機(jī)的結(jié)合，將會(huì)有利于我的影響力，更好地宣傳我自己。隨著全球信息網(wǎng)絡(luò)的發(fā)展，Internet在世界上已不僅僅是一種技術(shù)，更重要的是它已成為一種新的交友方式。總結(jié)上述，松松個(gè)人網(wǎng)站建設(shè)目標(biāo)可總結(jié)如下：一、宣傳個(gè)人形象、展示個(gè)人風(fēng)采、傳遞最新動(dòng)態(tài)。二、充分利用網(wǎng)絡(luò)快捷、跨地域優(yōu)勢(shì)進(jìn)行信息傳遞，對(duì)我個(gè)人的近況進(jìn)行及時(shí)的展示。三、通過在線回復(fù)功能，優(yōu)化信息的流通渠道。第一章 網(wǎng)站概述一、個(gè)人網(wǎng)站設(shè)計(jì)的理論基礎(chǔ)信息時(shí)代已經(jīng)來臨，互聯(lián)網(wǎng)的觸角早已覆蓋了這個(gè)世界的每個(gè)角落，如今，個(gè)人建立自己的網(wǎng)站已經(jīng)成為一種生存在信息時(shí)代的必要手段一個(gè)展示個(gè)人能力的網(wǎng)站，在整個(gè)網(wǎng)站的建設(shè)規(guī)劃方

17、面要明確。因此在規(guī)劃我的這個(gè)網(wǎng)站時(shí)，我選擇了和大學(xué)生的生活及學(xué)習(xí)相關(guān)聯(lián)的主題，以達(dá)到建站目的。對(duì)于網(wǎng)站的設(shè)計(jì)者來說，在設(shè)計(jì)規(guī)劃網(wǎng)站時(shí)必須要明確自己網(wǎng)站的瀏覽者，確定自己的用戶群體。在已經(jīng)確定了建設(shè)目的的前提下，應(yīng)根據(jù)建站方向所會(huì)導(dǎo)致出現(xiàn)的不同用戶群體的需求來規(guī)劃設(shè)計(jì)整個(gè)網(wǎng)站。同時(shí)也為個(gè)人信息瀏覽提供了方便，所以，我個(gè)人建立網(wǎng)站的意義如下:1、擁有自己的域名，建立自己的網(wǎng)站，樹立自己在網(wǎng)絡(luò)中的完美形象。作為第四媒體的互聯(lián)網(wǎng)，其特點(diǎn)就是可以跨越時(shí)空，正常情況下，他人可以跨越時(shí)空了解個(gè)人，利用多媒體技術(shù)，個(gè)人可以向他人展示自己的最近動(dòng)態(tài)、信息、動(dòng)向、個(gè)人愛好、個(gè)人形象，樹立現(xiàn)代個(gè)人形象，增加個(gè)人網(wǎng)站

18、的訪問量。 2、宣傳個(gè)人，大多數(shù)的人是通過上網(wǎng)來了解他人的，可見個(gè)人網(wǎng)站已成為許多人接觸他人、了解他人相關(guān)信息的選擇。 3、加強(qiáng)個(gè)人與他人溝通，宣傳自己?？梢酝ㄟ^網(wǎng)站建立與他人溝通的便捷渠道，全面展示自己的形象。自己的形象更加立體地呈現(xiàn)在好友面前，就算個(gè)人僅僅把網(wǎng)站當(dāng)成宣傳冊(cè)來使用，也較傳統(tǒng)的宣傳模式更加的多姿多彩、更加地易于發(fā)布與傳播、更加的經(jīng)濟(jì)與環(huán)保。 4、豐富宣傳手段，網(wǎng)站可以滿足一部分用戶網(wǎng)上查詢與了解的需要。個(gè)人網(wǎng)站可以宣傳自己的個(gè)人形象。我們所處的時(shí)代是高度信息化的互聯(lián)網(wǎng)時(shí)代，互聯(lián)網(wǎng)正在滲透到我們生活中的方方面面，并且在以十倍甚至百倍的速度提高著我們的工作效率?；ヂ?lián)網(wǎng)的發(fā)展帶來了一

19、場(chǎng)規(guī)?？涨暗男袠I(yè)革命，他不僅改變了許多傳統(tǒng)行業(yè)的運(yùn)作模式，同時(shí)也產(chǎn)生了許多新的網(wǎng)站，并且可以重新排定網(wǎng)站內(nèi)各個(gè)網(wǎng)頁的地位?？梢哉f互聯(lián)網(wǎng)時(shí)代是一個(gè)資源和財(cái)富再分配的時(shí)代。互聯(lián)網(wǎng)絡(luò)真正的內(nèi)涵在于其內(nèi)容的豐富性，幾乎無所不包。對(duì)于個(gè)人來說，其具有網(wǎng)絡(luò)溝通能力的標(biāo)志是自己擁有自己的獨(dú)立網(wǎng)站。二、開發(fā)環(huán)境選用及介紹（一） Dreamweaver8.0Dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器，是網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，Dreamweaver 8的發(fā)布，更加堅(jiān)定了Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支

20、持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。1、靈活的編寫方式Dreamweaver具有靈活編寫網(wǎng)頁的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。2、可視化編輯界面Dreamweaver是一種所見即所得的HTML編輯器，可實(shí)現(xiàn)頁面元素的插入和生成。可視化的編輯環(huán)境大大減少了代碼的編寫，同時(shí)亦保證了其專業(yè)性和兼容性，并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時(shí)的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使

21、用戶設(shè)計(jì)網(wǎng)頁和管理網(wǎng)站變得更容易。3、功能更多的CSS支持CSS可視化設(shè)計(jì)、CSS檢查工具4、動(dòng)態(tài)跨瀏覽器驗(yàn)證保存時(shí)系統(tǒng)會(huì)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測(cè)試用瀏覽器，同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁面有沒有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對(duì)tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。5、強(qiáng)大的WEB站點(diǎn)管理功能6、內(nèi)建的圖形編輯引擎7、Dreamweaver的集成特性Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁。8、豐富的

22、媒體支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實(shí)現(xiàn)網(wǎng)頁元素的動(dòng)作和交互操作。Dreamweaver還提供行為和時(shí)間線兩種控件來產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫處理。9、超強(qiáng)的擴(kuò)展能力Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展Dreamweaver的功能，并且可以發(fā)布這些插件。（二） Photoshop CSPhotoshop CS是一款圖形、圖像編輯軟件，在網(wǎng)頁設(shè)計(jì)領(lǐng)域被廣泛得應(yīng)用。

23、以下是其10大最新功能：1、改進(jìn)的文件瀏覽器使用功能強(qiáng)大文件瀏覽器的可以快速預(yù)覽、標(biāo)注和排序圖片;搜索或編輯圖像的數(shù)據(jù)元或關(guān)鍵詞;并且可以自動(dòng)批量共享文件。2、匹配顏色命令可以迅速從一張圖片的顏色校正另外一張圖像的顏色。3、直方圖調(diào)色板隨時(shí)根據(jù)對(duì)圖像的調(diào)整更新直方圖調(diào)色板(Histogram Palette)。4、陰影/加亮區(qū)修正使用“陰影/加亮區(qū)修正(hadow/Highlight correction)”可以快速調(diào)整照片中曝光過渡或欠缺的區(qū)域。5、沿路徑放置文本可以像在Illustrator中一樣把文本沿著路徑放置，并且你還可以在Illustrator直接編輯文本。6、支持?jǐn)?shù)碼相機(jī)的raw

24、模式支持多款數(shù)碼相機(jī)的raw模式，讓用戶可以得到更真實(shí)的圖像輸入。7、全面支持16位圖像可以在層、筆刷、文字、圖形中精確的編輯、潤飾16位的圖像。8、Layer Comps可以在一個(gè)文件中保存不同層的合并效果，以便對(duì)各種效果進(jìn)行快速察看。9、輸入Flash文件使用ImageReady可以創(chuàng)建flash矢量文件。10、自定義快捷鍵用戶可以按照自己的習(xí)慣定義Photoshop的快捷鍵。（三）ASP動(dòng)態(tài)網(wǎng)站腳本語言ASP是Active Server Page的縮寫，意為“動(dòng)態(tài)服務(wù)器頁面”。ASP是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互，是一種簡單、方便的編程工具

25、。ASP的網(wǎng)頁文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。ASP采用腳本語言VBScript(Java script)作為自己的開發(fā)語言。ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或Web應(yīng)用程序。使用 ASP 可以組合 HTML頁、VBScript腳本命令和JavaScript腳本命令等，以創(chuàng)建交互的 Web 頁和基于 Web 的功能強(qiáng)大的應(yīng)用程序。ASP網(wǎng)頁可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等。利用ASP可以向網(wǎng)頁中添加交互式內(nèi)容(如在線表單)，也可以創(chuàng)建使用HTML網(wǎng)頁作為用戶界面的web應(yīng)用程序。ASP的文件后綴名為.asp，以區(qū)別于同樣可以包

26、含Script的HTML 文件。一個(gè).asp文件是一個(gè)文本文件，可以包括下列元素的任意組合： 文本(text)、HTML標(biāo)志(tags)、Script命令。由于腳本程序是在服務(wù)器上而不是在客戶端運(yùn)行，傳送到瀏覽器上的 Web 頁是在 Web 服務(wù)器上生成的。所以不必?fù)?dān)心瀏覽器能否處理腳本：Web 服務(wù)器已經(jīng)完成了所有腳本的處理，并將標(biāo)準(zhǔn)的 HTML 頁面?zhèn)鬏數(shù)綖g覽器。由于只有腳本的結(jié)果返回到瀏覽器，所以服務(wù)器端腳本不易被別人復(fù)制。用戶看不到創(chuàng)建他們正在瀏覽的頁的腳本命令。（四）數(shù)據(jù)庫的選擇：SQL Server 2005SQL Server 是一個(gè)關(guān)系數(shù)據(jù)庫管理系統(tǒng)，它最初是由Microsof

27、t、Sybase 和Ashton-Tate三家公司共同開發(fā)的，主要特性有：1、Internet 集成。SQL Server 2005 數(shù)據(jù)庫引擎提供完整的XML 支持。它還具有構(gòu)成最大的Web 站點(diǎn)的數(shù)據(jù)存儲(chǔ)組件所需的可伸縮性、可用性和安全功能。SQL Server 2005 程序設(shè)計(jì)模型與 Windows DNA 構(gòu)架集成，用以開發(fā) Web 應(yīng)用程序，并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服務(wù)等功能，在Web 應(yīng)用程序中包含了用戶友好的查詢和強(qiáng)大的搜索功能。 2、可伸縮性和可用性。同一個(gè)數(shù)據(jù)庫引擎可以在不同的平臺(tái)上使用，從運(yùn)行 Mi

28、crosoft Windows® 98 的便攜式電腦，到運(yùn)行 Microsoft Windows 2005 數(shù)據(jù)中心版的大型多處理器服務(wù)器。SQL Server 2005 企業(yè)版支持聯(lián)合服務(wù)器、索引視圖和大型內(nèi)存支持等功能，使其得以升級(jí)到最大 Web 站點(diǎn)所需的性能級(jí)別。 3、企業(yè)級(jí)數(shù)據(jù)庫功能。SQL Server 2005 關(guān)系數(shù)據(jù)庫引擎支持當(dāng)今苛刻的數(shù)據(jù)處理環(huán)境所需的功能。數(shù)據(jù)庫引擎充分保護(hù)數(shù)據(jù)完整性，同時(shí)將管理上千個(gè)并發(fā)修改數(shù)據(jù)庫的用戶的開銷減到最小。SQL Server 2005 分布式查詢使您得以引用來自不同數(shù)據(jù)源的數(shù)據(jù)，就好象這些數(shù)據(jù)是 SQL Server 2005 數(shù)據(jù)

29、庫的一部分，同時(shí)分布式事務(wù)支持充分保護(hù)任何分布式數(shù)據(jù)更新的完整性。復(fù)制同樣使您得以維護(hù)多個(gè)數(shù)據(jù)復(fù)本，同時(shí)確保單獨(dú)的數(shù)據(jù)復(fù)本保持同步?？蓪⒁唤M數(shù)據(jù)復(fù)制到多個(gè)移動(dòng)的脫接用戶，使這些用戶自主地工作，然后將他們所做的修改合并回發(fā)布服務(wù)器。 4.易于安裝、部署和使用。 SQL Server 2005 中包括一系列管理和開發(fā)工具，這些工具可改進(jìn)在多個(gè)站點(diǎn)上安裝、部署、管理和使用 SQL Server 的過程。SQL Server 2005 還支持基于標(biāo)準(zhǔn)的、與 Windows DNA 集成的程序設(shè)計(jì)模型，使 SQL Server 數(shù)據(jù)庫和數(shù)據(jù)倉庫的使用成為生成強(qiáng)大的可伸縮系統(tǒng)的無縫部分。這些功能使您得以快

30、速交付 SQL Server 應(yīng)用程序，使客戶只需最少的安裝和管理開銷即可實(shí)現(xiàn)這些應(yīng)用程序。 25第二章 網(wǎng)站需求分析一、用戶需求經(jīng)過對(duì)廣大網(wǎng)民的詳細(xì)調(diào)查，加深了對(duì)個(gè)人網(wǎng)站的深刻了解，與此同時(shí)，將整個(gè)個(gè)人網(wǎng)站的流程描述如下：1、作為松松個(gè)人網(wǎng)站的界面，要求界面友好，視覺效果美觀。2、由于對(duì)網(wǎng)站進(jìn)行更新時(shí)涉及隱私較多，要求要有較好的權(quán)限管理。3、頁面簡單方便，支持在線留言功能。4、在相應(yīng)的權(quán)限下，刪除數(shù)據(jù)方便簡單，數(shù)據(jù)穩(wěn)定性好；二、可行性分析根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，按照系統(tǒng)開發(fā)的基本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站做如下劃分：首頁包含七個(gè)模塊：1、首頁2、個(gè)人簡介3、信息展示4、新聞中心

31、5、在線留言6、聯(lián)系我們7、管理員登錄首 頁在線留言首頁新聞中心信息展示管理員登錄個(gè)人簡介聯(lián)系我們圖2.1 個(gè)人網(wǎng)站系統(tǒng)數(shù)據(jù)流圖（頂層DFD圖）三、功能需求經(jīng)過以上詳細(xì)的用戶調(diào)查，在現(xiàn)行個(gè)人網(wǎng)站流程和數(shù)據(jù)分析的基礎(chǔ)上，基本可以確定系統(tǒng)設(shè)計(jì)必須達(dá)到的目標(biāo)。 以下是個(gè)人網(wǎng)站必須具備的功能：對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！ “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語）

32、、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。 四、可行性分析為了保證系統(tǒng)能夠長期、安全、穩(wěn)定、可靠、高效的運(yùn)行，個(gè)人網(wǎng)站應(yīng)該滿足以下的性能需求：1、系統(tǒng)處理的準(zhǔn)確性和及時(shí)性系統(tǒng)處理的準(zhǔn)確性和及時(shí)性是系統(tǒng)的必要性能。在系統(tǒng)設(shè)計(jì)和開發(fā)過程中，要充分考慮系統(tǒng)當(dāng)前和將來可能承受的工作量，使系統(tǒng)的處理能力和響應(yīng)時(shí)間能夠滿足學(xué)校對(duì)信息處理的需求。2、系統(tǒng)的開放性和系統(tǒng)的可擴(kuò)充性個(gè)人網(wǎng)站在開發(fā)過程中，應(yīng)該充分考慮以后的可

33、擴(kuò)充性。例如用戶留言的需求也會(huì)不斷的更新和完善。3、系統(tǒng)的易用性和易維護(hù)性3、系統(tǒng)的標(biāo)準(zhǔn)性系統(tǒng)在設(shè)計(jì)開發(fā)使用過程中都要涉及到很多計(jì)算機(jī)硬件、軟件。所有這些都要符合主流國際、國家和行業(yè)標(biāo)準(zhǔn)。4、系統(tǒng)的先進(jìn)性目前計(jì)算系統(tǒng)的技術(shù)發(fā)展相當(dāng)快，作為個(gè)人網(wǎng)站，在系統(tǒng)的生命周期盡量做到系統(tǒng)的先進(jìn)，充分完成企業(yè)信息處理的要求而不至于落后。這一方面通過系統(tǒng)的開放性和可擴(kuò)充性，不斷改善系統(tǒng)的功能完成。5、系統(tǒng)的響應(yīng)速度原則是保證操作人員不會(huì)因?yàn)樗俣葐栴}而影響工作效率。第3章 個(gè)人網(wǎng)站的設(shè)計(jì)構(gòu)思一、個(gè)人網(wǎng)站的主題與風(fēng)格做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。如果自己在某些方面有興趣，或掌握的資料

34、較多，也可以做一個(gè)自己感興趣的網(wǎng)站，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時(shí)不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。 對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來困難。 “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文

35、字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。 風(fēng)格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是一成不變的。 總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對(duì)瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作

36、為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊?，風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。 二、選擇有創(chuàng)意的內(nèi)容好的內(nèi)容選擇需要有好的創(chuàng)意。作為網(wǎng)頁設(shè)計(jì)制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意，網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對(duì)網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng)放棄這個(gè)創(chuàng)意。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地再怎樣精美，仍然不會(huì)有多少用戶，記得“內(nèi)容為王”。第四章 網(wǎng)站詳細(xì)設(shè)計(jì)一、首頁設(shè)計(jì) 網(wǎng)站首頁采用靜、動(dòng)相結(jié)合的方式，即靜態(tài)的主畫面和動(dòng)態(tài)的圖片、透明輪換相結(jié)合，體現(xiàn)本個(gè)人的勃勃生

37、氣；動(dòng)態(tài)首頁方式包括圖片展示、新聞中心、基地風(fēng)采、在線留言等模塊利用php與數(shù)據(jù)庫結(jié)合的技術(shù)建立數(shù)據(jù)庫查詢所有信息，采用交互式的動(dòng)態(tài)的web畫面來實(shí)現(xiàn)如圖4.1所示。圖4.1網(wǎng)站首頁設(shè)計(jì)二、二級(jí)頁面的設(shè)計(jì)（一）、個(gè)人展示 在導(dǎo)航菜單中點(diǎn)擊“個(gè)人展示”，可鏈接到產(chǎn)品展示的功能模塊，即可瀏覽全部的個(gè)人信息。如圖4.2所示圖4.2 個(gè)人展示設(shè)計(jì)（二）、在線留言模塊 在導(dǎo)航菜單中點(diǎn)擊“在線留言”可鏈接到在線留言的功能模塊。如圖4.3所示圖4.3 在線留言（三）、網(wǎng)站后臺(tái)管理界面圖4.4網(wǎng)站后臺(tái)管理界面三、數(shù)據(jù)庫的設(shè)計(jì)（一）、數(shù)據(jù)庫的需求分析進(jìn)行整個(gè)數(shù)據(jù)庫設(shè)計(jì)必須準(zhǔn)確了解與分析用戶需求（包括數(shù)據(jù)和處理）

38、。用戶需求分析是整個(gè)設(shè)計(jì)過程的基礎(chǔ)，是最困難、最耗費(fèi)時(shí)間的一步。作為最基本的需求分析做得是否充分與準(zhǔn)確，決定了在其構(gòu)建數(shù)據(jù)庫的速度和質(zhì)量。用戶需求具體體現(xiàn)在各種信息的提供、存儲(chǔ)、更新和查詢方面，這就要求數(shù)據(jù)庫結(jié)構(gòu)能充分滿足各種信息的輸出與輸入。收集基本數(shù)據(jù)、數(shù)據(jù)結(jié)構(gòu)及數(shù)據(jù)處理的流程，組成一份詳盡的數(shù)據(jù)字典，為后面的具體設(shè)計(jì)打下基礎(chǔ)。以這種思想作為設(shè)計(jì)策略。（二）、數(shù)據(jù)庫的物理設(shè)計(jì)依據(jù)數(shù)據(jù)庫的原理，即可進(jìn)行數(shù)據(jù)庫的物理設(shè)計(jì)?；谝陨蠑?shù)據(jù)庫的邏輯設(shè)計(jì)，考慮程序設(shè)計(jì)的簡易性，同時(shí)考慮題目的時(shí)間，該系統(tǒng)的數(shù)據(jù)庫采用Microsoft SQL Server 2005。本系統(tǒng)決定采用一個(gè)數(shù)據(jù)庫，數(shù)據(jù)庫如下

39、：圖4.5 數(shù)據(jù)庫的物理設(shè)計(jì)（一）圖4.6 數(shù)據(jù)庫的物理設(shè)計(jì)（二）（三）網(wǎng)站實(shí)現(xiàn)代碼1、利用javascript腳本語言實(shí)現(xiàn)圖片輪換var imgWidth=940; /圖片寬var imgHeight=262; /圖片高var textFromHeight=0; /焦點(diǎn)字框高度 (單位為px)var textStyle=f12; /焦點(diǎn)字class style (不是連接class)var textLinkStyle=p1; /焦點(diǎn)字連接class stylevar buttonLineOn=#ff8f33; /button下劃線on的顏色var buttonLineOff=#dbdbdd;

40、 /button下劃線off的顏色var TimeOut=5000; /每張圖切換時(shí)間 (單位毫秒);var imgUrl=new Array();var imgLink=new Array();var imgtext=new Array();var imgAlt=new Array();var imgContent=new Array();var adNum=0;var theTimer;var firstTime=true;焦點(diǎn)字框高度樣式表 開始document.write();document.write(#focuseFromwidth:+(imgWidth)+;margin: 0p

41、x; padding:0px;height:+(imgHeight+textFromHeight)+px; overflow:hidden;);document.write(#txtFromheight:+textFromHeight+px;line-height:+textFromHeight+px;width:+imgWidth+px;overflow:hidden;);document.write(#imgTitlewidth:+imgWidth+;top:-+(textFromHeight+23)+px;height:18px);document.write();document.wr

42、ite(); imgUrl1=proimg/01.jpg;imgtext1=長春瑄瑄情商樂園;imgLink1=http:/ http:/ http:/ http:/ http:/ 2、在線留言功能的實(shí)現(xiàn)?phpinclude ./config/auth.php;include ./config/public_include.php;include ./config/db_function.php; include ./config/functions.inc.php; $conn = Connect_DB($DB_VARS_ARRAY);$userid=$_SESSIONSESSION_US

43、ERID; $page_now=$_GETpage_now;if(strlen($page_now)$pages)$page_now=$pages;if($page_now1)$after_page=$page_now+1;else$after_page=1;else$before_page=$page_now-1;if($page_now 0)mysql_data_seek($rec,$i);$tmpnum=$i;while($row=mysql_fetch_array($rec,MYSQL_ASSOC)$userarray$tmpiid=$rowId;$userarray$tmpiid1=

44、$tmpnum+1;$userarray$tmpiuserid=$rowuserid;$userarray$tmpipassword=$rowpassword;$dtime=date(Y-m-d H:i:s,$rowlastlogin_time);$userarray$tmpilastlogin_time=$dtime;$querys=$rowquerys;$inss=$rowinss;$upds=$rowupds;$dels=$rowdels;$modalpower=$rowmodalpower;if($tmpi%2=0)$userarray$tmpiclass=altbg3;else$us

45、erarray$tmpiclass=altbg4;if($querys=y)$userarray$tmpiq1=查詢;if($inss=y)$userarray$tmpiq2=錄入;if($upds=y)$userarray$tmpiq3=修改;if($dels=y)$userarray$tmpiq4=刪除;$userarray$tmpiurl=adminadm_del.php?id=.$rowId;$tmpnum+;$tmpi+;if($tmpi=$page_recs)break;$smarty-assign(userid,$_SESSIONSESSION_USERID);$smarty-a

46、ssign(url,$url);$smarty-assign(userarray,$userarray);$smarty-assign(page_now,$page_now);$smarty-assign(page_recs,$page_recs);$smarty-assign(pages,$pages);$smarty-assign(total_user,$total_user);$smarty-assign(before_page,$before_page);$smarty-assign(after_page,$after_page);$smarty-display(adminadm.tp

47、l);?3、留言統(tǒng)計(jì)查詢頁面assign(msg,抱歉，您沒有權(quán)限瀏覽此界面);$smarty-assign(return_url,right.php);$smarty-display(showmsg_diy.tpl);return;/權(quán)限校驗(yàn)結(jié)束$conn = Connect_DB($DB_VARS_ARRAY); $action=$_GETaction;$smarty-assign(action,$action);if($action=submit)$ids=$_GETid;$product=$_GETproduct;$time1=$_GETtime1;$time2=$_GETtime2;

48、 $names1=urlencode($names);$smarty-assign(names1,$names1); $smarty-assign(time1,$time1); $smarty-assign(time2,$time2); $smarty-assign(product,$product); $smarty-assign(id,$ids);if($product=)$a=1=1;else$a=a.bianhao=$product;if($time1=|$time2=)$d=1=1;else$d=c.riqi between $time1 and $time2;if($dept=0)

49、$e=1=1;else$e=deptid=$dept;$page_now=$_GETpage_now;if(strlen($page_now)$pages)$page_now=$pages;if($page_now1)$after_page=$page_now+1;else$after_page=1;else$before_page=$page_now-1;if($page_now 0)mysql_data_seek($rec,$i);while($row=mysql_fetch_array($rec) $userarray$tmpihao=$tmpi+1;$userarray$tmpixuh

50、ao=$rowcid;$userarray$tmpibianhao=$row5;$userarray$tmpinames=$row1;$ckid=$row2;$userarray$tmpick=$ckid;$userarray$tmpinums=$row3;$userarray$tmpiprices=$row4;if($tmpi%2=0)$userarray$tmpiclass=altbg3;else$userarray$tmpiclass=altbg4;$tmpi+;if($tmpi=$page_recs)break; $sql=select * from gys;$rec=mysql_qu

51、ery($sql,$conn);$i=1;while($row=mysql_fetch_array($rec,MYSQL_ASSOC)$userarray1$iid=$rowId;$userarray1$ifullname=$rowfullname;$i+;$sql1=select * from type1;$rec1=mysql_query($sql1,$conn);$i=1;while($row1=mysql_fetch_array($rec1,MYSQL_ASSOC)$userarray2$iid=$row1Id;$userarray2$inames=$row1names;$i+;$sm

52、arty-assign(userarray1,$userarray1);$smarty-assign(userarray2,$userarray2);$smarty-assign(userarray,$userarray);$smarty-assign(page_now,$page_now);$smarty-assign(page_recs,$page_recs);$smarty-assign(pages,$pages);$smarty-assign(total_user,$total_user);$smarty-assign(before_page,$before_page);$smarty-assign(after_page,$after_page);$smarty-display(cgrk_query.tpl);?4、信息中心?phpinclude ./config/auth.php;include ./config/public_include.php;include ./config/db_function.php; include ./config/function