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

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

2、敏銳的觀察力，不斷地沖擊傳統(tǒng)媒體。一個好的網(wǎng)站，可以達到宣傳自己或者傳遞信息的目的！個人網(wǎng)站也需要界面友好，視覺效果美觀。一個方便易用的網(wǎng)站能更好地展示自己的風格、個性以及吸引力。因此，我采用php和SQL Server 2005開發(fā)了我自己的個人網(wǎng)站。關(guān)鍵字：信息；松松個人網(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一、個人網(wǎng)站設(shè)計的理論基礎(chǔ)2二、開發(fā)環(huán)境選用及介紹2（一） Dreamweaver8.02（二） Photoshop CS3（三）ASP動態(tài)網(wǎng)站腳本語言4（四）數(shù)據(jù)庫的選擇：SQL Server 20055第二章 網(wǎng)站需求分析6一、用戶需求6二、可行性分析6三、功能需求6四、可行性分析7第三章 個人網(wǎng)站的設(shè)計構(gòu)思8一、個人網(wǎng)站的主題與風格8二、選擇有創(chuàng)意的內(nèi)容8第四章 網(wǎng)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

40、 /button下劃線off的顏色var TimeOut=5000; /每張圖切換時間 (單位毫秒);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;焦點字框高度樣式表 開始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、在線留言功能的實現(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)計查詢頁面assign(msg,抱歉，您沒有權(quán)限瀏覽此界面);$smarty-assign(return_url,right.php);$smarty-display(showmsg_diy.tpl);return;/權(quá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