網(wǎng)頁制作畢業(yè)設(shè)計(jì)論文

1、<p><b>　　綜合設(shè)計(jì)</b></p><p>　　日 期2012年12月26日</p><p><b>　　摘 要</b></p><p>　　在21世紀(jì)的今天，隨著電腦的普及，信息的交互，讓網(wǎng)絡(luò)成為了人們不可替代的東西。最近幾年，越來越多的人在網(wǎng)絡(luò)上建立的自己的網(wǎng)站，讓更多的人們來了解自己的網(wǎng)站，讓

2、更多的人民來關(guān)注自己，網(wǎng)站的已經(jīng)成為了一種趨勢，人們越來越喜歡在網(wǎng)絡(luò)上展現(xiàn)自己.Internet正在以強(qiáng)大的沖擊力影響著人類的生活。Internet的出現(xiàn)和迅速發(fā)展，徹底改變了人們的傳統(tǒng)生活方式。Internet現(xiàn)在已經(jīng)滲透到了人類社會的各個(gè)領(lǐng)域，以及人們的日常生活的各個(gè)環(huán)節(jié)。Internet的迅速普及，正是依靠不計(jì)其數(shù)、豐富多彩的網(wǎng)站。網(wǎng)站是由網(wǎng)頁按照一定的鏈接順序組成?，F(xiàn)在有越來越多的人希望在網(wǎng)絡(luò)上擁有自己的個(gè)人主頁或個(gè)人網(wǎng)站，來展

3、示個(gè)人的個(gè)性和特點(diǎn)。以這種廉價(jià)的方式獲取最大的宣傳效果。所以說，網(wǎng)頁制作已經(jīng)成為現(xiàn)代社會中人們的一種基本功，越來越多的人希望學(xué)習(xí)如何制作網(wǎng)頁，同時(shí)越來越多的網(wǎng)頁制作工具展現(xiàn)在人們面前。在本文中，我會涉及對Dreamweaver軟件網(wǎng)頁制作的知識的詳細(xì)講解，通過設(shè)計(jì)的過程來學(xué)習(xí)制作網(wǎng)站的步驟和相關(guān)技術(shù)。</p><p>　　本文就碭山“梨花節(jié)”主題網(wǎng)站的規(guī)劃、設(shè)計(jì)與制作，對全過程進(jìn)行了分析與研究。本文的主要工作集中

4、在：對首頁的制作流程進(jìn)行了詳細(xì)的闡述、對網(wǎng)站建設(shè)中要用到的軟件進(jìn)行了介紹，并對主題網(wǎng)站的需求進(jìn)行了分析說明、對自己的主題網(wǎng)站從規(guī)劃到建設(shè)進(jìn)行了詳細(xì)的分析、使用HTML+Javascript+Access+photoshop技術(shù)實(shí)現(xiàn)了主題網(wǎng)站的美化和各種功能，其中和數(shù)據(jù)庫的連接使用到了ODBC技術(shù)、就網(wǎng)站的設(shè)計(jì)與建設(shè)提出了自己的觀點(diǎn)與建議。關(guān)鍵詞：HTML；Access；Javascript；分析。</p><p&

5、gt;<b>　　目 錄</b></p><p><b>　　摘 要2</b></p><p><b>　　前 言4</b></p><p>　　第1章.網(wǎng)站需求分析5</p><p>　　1.1網(wǎng)站的背景5</p><p>　　1.2網(wǎng)站

6、的簡述5</p><p>　　1.3網(wǎng)站的運(yùn)行需求5</p><p>　　第2章.網(wǎng)站概要設(shè)計(jì)6</p><p>　　2.1網(wǎng)頁制作所需軟件介紹6</p><p>　　2.1.1 Dreamweaver 8 簡介6</p><p>　　2.1.2 Adobe Photoshop CS5 簡介6</p&

7、gt;<p>　　2.1.3 Adobe flash 簡介6</p><p>　　2.2網(wǎng)頁制作所需技術(shù)介紹7</p><p>　　2.2.1 CSS簡介7</p><p>　　2.2.2 DIV+CSS簡介7</p><p>　　2.3主題網(wǎng)站所需材料7</p><p>　　2.4網(wǎng)站的總體設(shè)

8、計(jì)7</p><p>　　2.4.1確定網(wǎng)站主題7</p><p>　　2.4.2確定網(wǎng)站形象8</p><p>　　2.4.3確定網(wǎng)站風(fēng)格8</p><p>　　2.4.4確定網(wǎng)站內(nèi)容8</p><p>　　2.5規(guī)劃布局結(jié)構(gòu)9</p><p>　　2.6功能模塊的概述9<

9、/p><p>　　第3章.網(wǎng)站詳細(xì)設(shè)計(jì)10</p><p>　　3.1站點(diǎn)設(shè)計(jì)10</p><p>　　3.2頁面的制作11</p><p>　　第4章.網(wǎng)站調(diào)試和用戶使用說明17</p><p>　　4.1網(wǎng)站的調(diào)試17</p><p>　　4.2用戶使用說明17</p>

10、<p>　　第5章 總 結(jié)18</p><p><b>　　致 謝19</b></p><p><b>　　參考文獻(xiàn)20</b></p><p><b>　　前 言</b></p><p>　　伴隨著社會的發(fā)展和科學(xué)的進(jìn)步，上網(wǎng)成為越來越多人們的選擇。隨著

11、互聯(lián)網(wǎng)的飛速發(fā)展，有關(guān)網(wǎng)絡(luò)的技術(shù)也層出不窮。如今互聯(lián)網(wǎng)上的網(wǎng)站如雨后春筍般蓬勃發(fā)展，絢麗多彩的主頁比比皆是。每個(gè)人都有發(fā)揮個(gè)人才能，揮灑自己個(gè)性的網(wǎng)上伊甸園。在hao123神話以后，網(wǎng)站大全類網(wǎng)站又再一次達(dá)到頂峰。然而這個(gè)模式拷貝成功的網(wǎng)站卻寥寥無幾。而對于技術(shù)薄弱的個(gè)人網(wǎng)站來說，似乎網(wǎng)址類網(wǎng)站應(yīng)該是一個(gè)很好的切入點(diǎn)。但是由于搜索的異軍突起，網(wǎng)址類網(wǎng)站似乎變得可有可無。 網(wǎng)頁實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的某一臺計(jì)算機(jī)中而

12、這臺計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（URL）來識別與存取，當(dāng)我們在瀏覽器輸入網(wǎng)址后，經(jīng)過一段復(fù)雜而又快速的程序，網(wǎng)頁文件會被傳送到你的計(jì)算機(jī)，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。文字與圖片是構(gòu)成一個(gè)網(wǎng)頁的兩個(gè)最基本的元素?？梢院唵蔚睦斫鉃椋何淖?，就是網(wǎng)頁的內(nèi)容，圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。網(wǎng)頁實(shí)際上只是一個(gè)純文本文件，它通過各式各樣的標(biāo)記對頁面上的文字、圖片、表格、聲音等

13、元素進(jìn)行描述（例如字體、顏色、大?。?，而瀏纜器則對這些標(biāo)記</p><p>　　第1章.網(wǎng)站需求分析</p><p><b>　　1.1網(wǎng)站的背景 </b></p><p>　　2013年4月4日至4月15日碭山縣將舉辦“2013中國·碭山梨花旅游暨民俗文化節(jié)”。本屆梨花旅游節(jié)由西地亞集團(tuán)主辦，宴嬉臺集團(tuán)公司和御都星城協(xié)辦，本著“節(jié)儉

14、為主、企業(yè)主辦、政府指導(dǎo)”的原則，以“游黃河故道，賞萬頃梨花；品梨鄉(xiāng)文化，享農(nóng)家風(fēng)情”為主題，以節(jié)招商，以節(jié)興旅，以節(jié)富民，以節(jié)譽(yù)碭，提升擴(kuò)大“果海綠洲、梨都碭山”的知名度和美譽(yù)度。</p><p>　　主要活動有“西地亞之春”文藝匯演、“西地亞·巴黎春天杯”碭山縣第四屆梨花仙子選拔賽、“宴嬉臺”書畫筆會、“宴嬉臺”“梨都鳳舞”書畫聯(lián)展、“宴嬉臺”嗩吶大賽、《朱溫傳》發(fā)行贈書儀式、“暢游故黃河，飛越梨花

15、?！甭糜物w機(jī)觀光活動、“學(xué)習(xí)十八大，喜看美麗碭山新變化”攝影大賽、項(xiàng)目簽約儀式、民俗活動展演、“御都星城杯”自駕游、2013“春暖花開，暢游梨花?！睅づ翊髸认盗谢顒印?lt;/p><p>　　2012 9月21日—23日黃石市將舉辦"中國·黃石第三屆國際乒乓節(jié)暨第二屆國際礦冶文化旅游節(jié)"，即"雙節(jié)"活動。本次節(jié)會為國家體育總局乒羽中心、省體育局、省文化廳、省旅游局、

16、省外僑辦、黃石市政府共同主辦，節(jié)會主題是：弘揚(yáng)礦冶文化，傳承國球精髓，推動跨越發(fā)展。節(jié)會舉辦時(shí)間為：2012年9月21日—23日。節(jié)會舉辦宗旨是：打響城市品牌，擴(kuò)大對外開放，促進(jìn)跨越發(fā)展。</p><p>　　節(jié)會主要內(nèi)容包括世界杯女子乒乓球賽、第二屆國際礦冶文化研討會、中國（黃石）國際時(shí)裝模特表演賽、"嘉年華"萬人乒乓球比賽、"激情舞動·活力無限"黃石市體育舞蹈

17、大賽等活動。</p><p>　　黃石礦冶文化旅游節(jié)，是由湖北省政府主辦，省文化廳、省旅游局和黃石市政府共同承辦的國際性大型節(jié)會活動。首屆礦冶文化旅游節(jié)于2010年8月隆重舉辦，與黃石市建市60周年慶祝大會同步進(jìn)行，是黃石建市以來規(guī)格最高、規(guī)模最大的一次文化盛會。</p><p><b>　　1.2網(wǎng)站的簡述</b></p><p>　　1.網(wǎng)

18、站的作用：制作碭山“梨花節(jié)”主題網(wǎng)站主要是宣傳碭山的特產(chǎn)、民俗文化、旅游文化和景點(diǎn)。</p><p>　　制作黃石“雙節(jié)”主題網(wǎng)站主要是宣傳黃石的礦冶文化、乒乓球文化、旅游文化和景點(diǎn)，展示黃石所取得的各項(xiàng)矚目的成就。</p><p>　　2.網(wǎng)站的規(guī)模：主要制作碭山“梨花節(jié)”主題網(wǎng)站的首頁以及相關(guān)子網(wǎng)站的制作</p><p>　　主要制作黃石“雙節(jié)”主題網(wǎng)站的首頁以

19、及相關(guān)子網(wǎng)站的制作。</p><p>　　3.網(wǎng)站特色：詳細(xì)的介紹了碭山“梨花節(jié)”，，主題鮮明，富有時(shí)代特色。</p><p>　　詳細(xì)的介紹了黃石“雙節(jié)”，主題鮮明，富有時(shí)代特色。</p><p>　　1.3網(wǎng)站的運(yùn)行需求 </p><p>　　在調(diào)試和運(yùn)行過程中，應(yīng)該能夠讓系統(tǒng)正常使用時(shí)不出錯(cuò)，若運(yùn)行時(shí)遇到不可恢復(fù)的系統(tǒng)錯(cuò)誤，也應(yīng)該保證數(shù)

20、據(jù)完好無損，對數(shù)據(jù)的精確度、時(shí)間特性、適應(yīng)性等都有一定要求，要求系統(tǒng)運(yùn)行時(shí)，能夠保證數(shù)據(jù)的正確性、信息的可靠性、實(shí)現(xiàn)的高效性、系統(tǒng)的易使用性、系統(tǒng)管理的可維護(hù)性、信息的可測試性、數(shù)據(jù)的復(fù)用性、數(shù)據(jù)的可移植性以及網(wǎng)絡(luò)互聯(lián)性。</p><p>　　第2章.網(wǎng)站概要設(shè)計(jì)</p><p>　　2.1網(wǎng)頁制作所需軟件介紹</p><p>　　2.1.1MacromediaDr

21、eamweaver 8簡介</p><p>　　Macromedia Dreamweaver 8是建立Web站點(diǎn)和應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強(qiáng)大，使得各個(gè)層次的開發(fā)人員和設(shè)計(jì)人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。從對基于CSS的設(shè)計(jì)的領(lǐng)先支持到手工編碼功能，Dreamweaver提供了專業(yè)在一個(gè)集成、高效的環(huán)境中所需的工具。開發(fā)人員可以

22、使用Dreamweaver及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強(qiáng)大的Internet應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、Web服務(wù)和舊式系統(tǒng)。</p><p>　　2.1.2 Adobe Photoshop CS5 簡介</p><p>　　Adobe Photoshop CS5 Extended 是電影、視頻和多媒體領(lǐng)域的專業(yè)人士, 使用 3D 和動畫的圖形和 Web 設(shè)計(jì)人員, 以及工程和

23、科學(xué)領(lǐng)域的專業(yè)人士的理想選擇。呈現(xiàn) 3D 圖像并將它合并到 2D 復(fù)合圖像中。輕松編輯視頻圖層上的動畫圖形, 讓時(shí)間停下來。以及使用測量、計(jì)數(shù)和可視化工具, 探查您的圖像。 </p><p>　　CS5中最閃亮的明星莫過于Photoshop CS5。作為Adobe的核心產(chǎn)品，Photoshop CS5歷來最受關(guān)注，Adobe也在2010年4月12日發(fā)布了其正式版版。選擇Photoshop CS5的理由不僅僅是它會

24、完美兼容Vista和Windows7 ，更重要的是幾十個(gè)激動人心的全新特性，諸如支持寬屏顯示器的新式版面、集20多個(gè)窗口于一身的dock、占用面積更小的工具欄、多張照片自動生成全景、靈活的黑白轉(zhuǎn)換、更易調(diào)節(jié)的選擇工具、智能的濾鏡、改進(jìn)的消失點(diǎn)特性、更好的32位HDR圖像支持，等等等等。另外，Photoshop從CS5首次開始分為兩個(gè)版本，分別是常規(guī)的標(biāo)準(zhǔn)版和支持3D功能的Extended(擴(kuò)展)版。 </p><p&

25、gt;　　這些組件中我們最熟悉的可能就是Photoshop了，Photoshop CS5有標(biāo)準(zhǔn)版和擴(kuò)展版兩個(gè)版本。Photoshop CS5標(biāo)準(zhǔn)版適合攝影師以及印刷設(shè)計(jì)人員使用，Photoshop CS5擴(kuò)展版除了包含標(biāo)準(zhǔn)版的功能外還添加了用于創(chuàng)建和編輯 3D 和基于動畫的內(nèi)容的突破性工具。</p><p>　　2.1.3 Adobe flash 簡介</p><p>　　Adobe Fl

26、ash（原稱Macromedia Flash，簡稱Flash；前身FutureSplash），是 美國 Macromedia公司（現(xiàn)在已被Adobe公司收購）所設(shè)計(jì)的一種二維動畫軟件。通常包括Macromedia Flash，用于設(shè)計(jì)和編輯Flash文檔，以及Adobe Flash Player，用于播放Flash文檔。</p><p>　　2.2網(wǎng)頁制作所需技術(shù)介紹</p><p>　　

27、2.2.1 CSS簡介 </p><p>　　CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn)HTML或 XML等文件樣式的計(jì)算機(jī)語言。 </p><p>　　CSS目前最新版本為CSS3，能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語言。相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁中的對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體

28、字號樣式，擁有對網(wǎng)頁對象盒模型的能力，并能夠進(jìn)行初步交互設(shè)計(jì)，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語言。</p><p>　　2.2.2 DIV+CSS簡介</p><p>　　DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱“WEB標(biāo)準(zhǔn)”）中常用術(shù)語之一，div+css 是一種網(wǎng)頁的布局方法，這一種網(wǎng)頁布局方法有別于傳統(tǒng)的HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式，可實(shí)現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。X

29、HTML是The Extensible HyperText Markup Language（可擴(kuò)展超文本標(biāo)識語言）的縮寫。XHTML基于可擴(kuò)展標(biāo)記語言（XML），是一種在HTML 基礎(chǔ)上優(yōu)化和改進(jìn)的的新語言，目的是基于XML應(yīng)用與強(qiáng)大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。在XHTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。</p><p>　　2.3主題網(wǎng)站所需材料&

30、lt;/p><p>　　碭山“梨花節(jié)”主題網(wǎng)站的各種文字、圖片、視頻材料主要是通過在網(wǎng)絡(luò)上以及報(bào)紙上搜集來的。有部分圖片是通過photoshuop軟件自己制作的。</p><p>　　黃石“雙節(jié)”主題網(wǎng)站的各種文字、圖片、視頻材料主要是通過在網(wǎng)絡(luò)上以及報(bào)紙上搜集來的。有部分圖片是通過Photoshop軟件自己制作的。</p><p>　　2.4網(wǎng)站的總體設(shè)計(jì)</p

31、><p>　　2.4.1確定網(wǎng)站主題</p><p>　　做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。如果自己在某些方面有興趣，或掌握的資料越多，也可以做一個(gè)自己感興趣的東西。你可以有自己的見解，做出自己的特色。對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會失去網(wǎng)站的特色，也會帶來高強(qiáng)度的勞動，給網(wǎng)站的及時(shí)更新帶來困難。我的

32、網(wǎng)站主題是碭山“梨花節(jié)”。</p><p>　　2.4.2確定網(wǎng)站形象</p><p>　　網(wǎng)站形象的設(shè)計(jì)可以從網(wǎng)站標(biāo)志、網(wǎng)站色彩、網(wǎng)站字體等這些方面著手。</p><p>　　網(wǎng)站色彩，網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，給人以整體統(tǒng)一的感覺。我的主題網(wǎng)站的色彩確定

33、為以白色（#FFFFFF）為主，以綠色(#006000)和灰色（# 6C6C6C）為輔，給人一種清新、簡潔、大方的感覺。</p><p>　　網(wǎng)站字體，和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)題、主菜單的特有字體。為了體現(xiàn)網(wǎng)站的特有風(fēng)格，可以根據(jù)自已網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。我的主題網(wǎng)站的標(biāo)準(zhǔn)字體是宋體。</p><p>　　2.4.3確定網(wǎng)站風(fēng)格</p><p&g

34、t;　　風(fēng)格是抽象的，是指網(wǎng)站的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括網(wǎng)站的標(biāo)志、色彩、字體、標(biāo)語等諸多因素。網(wǎng)站是可以平易近人、生動活潑的，也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局、還是交互方式，只要你能由此讓瀏覽者明確的分辨出這是你網(wǎng)站獨(dú)所有的，這就形成了風(fēng)格。</p><p>　　一個(gè)人擁有自己獨(dú)特的風(fēng)格，是一般人所沒有的，就會讓人注意到那個(gè)人的特別，若那個(gè)人的風(fēng)格是正面的，甚至就會引起別

35、人的羨慕與注意，或是贊賞。就如同一個(gè)網(wǎng)站，擁有別的網(wǎng)站所沒有的風(fēng)格，就會讓瀏覽者愿意多停留些時(shí)間，細(xì)細(xì)品嘗該站的內(nèi)容，甚至該站會得到多人的鼓勵(lì)與注目。</p><p>　　風(fēng)格是有人性的，通過網(wǎng)站的色彩、排版、特效、文字、布局、內(nèi)容、交互方式可以概括出一個(gè)網(wǎng)站的風(fēng)格；我的主題網(wǎng)站風(fēng)格是以簡潔為主，最大限度的方便瀏覽者在較短的時(shí)間內(nèi)獲取最及時(shí)以及最有價(jià)值的有關(guān)碭山“梨花節(jié)”舉辦的各種信息。</p>&

36、lt;p>　　2.4.4確定網(wǎng)站內(nèi)容</p><p>　　我制作的碭山“梨花節(jié)”主題網(wǎng)站主要包括了一些內(nèi)容：首頁、活動安排、志愿者風(fēng)采、紀(jì)錄、留言板等網(wǎng)站常用內(nèi)容，方便大家瀏覽。</p><p><b>　　2.5規(guī)劃布局結(jié)構(gòu)</b></p><p>　　網(wǎng)頁布局結(jié)構(gòu)如圖2.5.1所示</p><p><b&

37、gt;　?。▓D2.5.1）</b></p><p>　　2.6功能模塊的概述</p><p>　　碭山“梨花節(jié)”主題網(wǎng)站主要是展現(xiàn)自我的平臺。最要是運(yùn)用了JS特效來使網(wǎng)站更吸引年瀏覽者的眼球。功能不多，網(wǎng)頁也比較簡潔明了，主要是關(guān)于“梨花節(jié)”的各種信息以及碭山本地的風(fēng)景圖片，目的是宣傳碭山的特產(chǎn)、民俗文化、旅游文化和景點(diǎn)。展示碭山所取得的各項(xiàng)矚目的成就。</p>

38、<p>　　網(wǎng)站中的各個(gè)導(dǎo)航的主要功能如下：</p><p>　　首頁：第一時(shí)間給別人知道這是一個(gè)有特點(diǎn)的宣傳碭山“梨花節(jié)”的主題網(wǎng)站，網(wǎng)站使用photoshop圖像處理軟件設(shè)計(jì)，里面加入了焦點(diǎn)圖，以及碭山的有名景點(diǎn)的照片，還有一些有關(guān)碭山“梨花節(jié)”的服務(wù)信息和動態(tài)，有效的宣傳了碭山的特產(chǎn)、民俗文化、旅游文化和景點(diǎn)、方便了廣大瀏覽者對碭山“梨花節(jié)”重要信息的獲取。</p><p>

39、;　　活動安排：主要是宣傳碭山“梨花節(jié)”期間所組織的各種活動。碭山“梨花節(jié)”歷時(shí)多天，要主辦的活動也豐富多彩，涉及到經(jīng)濟(jì)、文化、旅游等諸多方面。對碭山“梨花節(jié)”期間要組織舉辦的活動安排進(jìn)行宣傳，可以為瀏覽者有計(jì)劃的觀看碭山“梨花節(jié)”期間所舉行的各種活動提供信息服務(wù)。</p><p>　　志愿者風(fēng)采：展示志愿者的風(fēng)采，傳播志愿者的精神。在碭山舉辦“梨花節(jié)”期間，有很多的志愿者在默默的為“梨花節(jié)”提供服務(wù)。如志愿者為

40、外國友人提供翻譯，為“梨花節(jié)”活動的場所做保潔等等，這些看似微薄的力量，甚至是不為廣大人民群眾所知的志愿者活動，卻是必要的和重要的?？偠灾X山“梨花節(jié)”的主辦離不開志愿者的無私奉獻(xiàn)。</p><p>　　紀(jì)錄：全程紀(jì)錄碭山“梨花節(jié)”的點(diǎn)點(diǎn)滴滴，為廣大瀏覽者提供“節(jié)前”和“節(jié)后”的各種相關(guān)信息。</p><p>　　留言板：留言板以“我為“梨花節(jié)”建言獻(xiàn)策”為主題。主要是為了讓瀏覽者與瀏

41、覽者提供一個(gè)相互交流的平臺。瀏覽者可以在留言板版塊各抒己見，發(fā)表對碭山“梨花節(jié)”的期望和看法。</p><p><b>　　第3章網(wǎng)站詳細(xì)設(shè)計(jì)</b></p><p>　　3.1站點(diǎn)設(shè)計(jì) </p><p>　　打開【Macromedia Dreamweaver 8】→【站點(diǎn)】→【新建站點(diǎn)】；</p><p>　　進(jìn)入

42、【站點(diǎn)設(shè)置對象】對話框，點(diǎn)擊【站點(diǎn)】選項(xiàng)卡，設(shè)置如圖3.1.1所示：</p><p><b>　　圖3.1.1 </b></p><p><b>　　圖3.1.2</b></p><p>　　點(diǎn)擊【保存】按鈕完成站點(diǎn)設(shè)置。</p><p>　　完成后右上角的站點(diǎn)窗口會顯示一個(gè)新的站點(diǎn).如圖3.1.

43、3所示</p><p><b>　　圖3.1.3 </b></p><p><b>　　3.2頁面的制作</b></p><p>　　網(wǎng)站前臺主要頁面一共有5個(gè)，分別是：首頁、活動安排、志愿者風(fēng)采、紀(jì)錄、留言板。</p><p>　　首頁banner 如圖3.2.1所示</p><

44、;p><b>　　圖3.2.1</b></p><p>　　首頁導(dǎo)航欄效果如圖3.2.2所示</p><p><b>　　圖3.2.2</b></p><p><b>　　導(dǎo)航欄代碼</b></p><p>　　<div id="nav">

45、</p><p><b>　　<ul></b></p><p>　　<li><a href="index.html">首頁</a></li></p><p>　　<li><a href="anpai.html">活動安排&

46、lt;/a></li></p><p>　　<li><a href="zhiyuanzhe.html">志愿者風(fēng)采</a></li></p><p>　　<li><a href="jilu.html">紀(jì)錄</a></li></p&

47、gt;<p>　　<li><a href="liuyamban.html">留言板</a></li></p><p><b>　　</ul></b></p><p><b>　　</div></b></p><p>　

48、　網(wǎng)站登錄效果如圖3.2.3所示</p><p><b>　　圖3.2.3</b></p><p><b>　　登錄界面代碼 </b></p><p>　　<div class="log"></p><p>　　<div class="log1&quo

49、t;></p><p>　　<div id="time" class="fRight"></div></p><p><b>　　</div></b></p><p>　　<div class="log2"></p>

50、<p><b>　　<span></b></p><p>　　<form height="25px"></p><p>　　用戶名：<input type="text" height="20px"/></p><p>　　密碼：<in

51、put type="password" height="20px" /></p><p>　　<input type="submit" value="登錄" height="20px"/></p><p><b>　　</form></b>

52、</p><p><b>　　</span></b></p><p><b>　　</div></b></p><p><b>　　</div></b></p><p><b>　　首頁左側(cè)焦點(diǎn)圖代碼</b></p

53、><p>　　<div id="KinSlideshow" style="visibility:hidden;"></p><p>　　<a href="#" target="_blank"><img src="photo/20129211015286491.jpg"

54、; alt="“兩節(jié)”開幕式文藝晚會盛大上演" width="313" height="229" /></a> </p><p>　　<a href="#"target="_blank"><img src="photo/W020120913141417927532.jp

55、g" alt="書記市長檢查節(jié)前籌備情況" width="313" height="229" /></a> </p><p>　　<a href="#"target="_blank"> <img src="photo/20129249081691.jpg&qu

56、ot; alt="女乒世界杯賽圓滿落幕" width="313" height="229" /></a> </p><p>　　<a href="#"target="_blank"><img src="photo/20129221127582501.jpg"

57、alt="萬人乒乓總決賽結(jié)束" width="313" height="229" /></a> </p><p>　　<ahref="fabuhui.html"target="_blank"><imgsrc="photo/U8625P1190DT201209051520

58、17.jpg" </p><p>　　alt="碭山“梨花節(jié)”新聞發(fā)布會在碭山舉行" width="313" height="229" /></a></p><p>　　<a href="#" target="_blank"><img src=&

59、quot;photo/113167340_11n.jpg" alt="碭山“梨花節(jié)”昨晚炫彩開幕群星閃爍" width="313" height="229" /></a></p><p><b>　　</div></b></p><p>　　首頁右側(cè)選項(xiàng)卡式面板代碼&l

60、t;/p><p>　　<div id="TabbedPanels1" class="TabbedPanels"></p><p>　　<ul class="TabbedPanelsTabGroup"></p><p>　　<li class="TabbedPanelsTa

61、b" tabindex="0">通告</li></p><p>　　<li class="TabbedPanelsTab" tabindex="0">動態(tài)</li></p><p><b>　　</ul></b></p><p

62、>　　<div class="TabbedPanelsContentGroup"></p><p>　　<div class="TabbedPanelsContent"></p><p>　　<a href="chixu.html">關(guān)于“兩節(jié)”開幕式現(xiàn)場秩序的通告</a>&l

63、t;br /></p><p>　　<a href="jingqu.html">關(guān)于黃石“兩節(jié)”期間免除景區(qū)(景點(diǎn))門票的通告</a><br /></p><p>　　<a href="jiaotongguanzhi.html">黃石市公安局關(guān)于“兩節(jié)”期間黃石城區(qū)部分路段實(shí)行交通管制的通告<

64、;/a><br /></p><p>　　<a href=""></a><br /></p><p>　　<a href=""></a><br /></p><p>　　<a href=""></a&

65、gt;<br /></p><p>　　<!-- end .TabbedPanelsContent --></div></p><p>　　<div class="TabbedPanelsContent"></p><p>　　<a href="waishangtouzi.html&

66、quot;>黃石“兩節(jié)”引來眾多中外客商</a><br /></p><p>　　<a href=""></a><br /></p><p>　　<a href=""></a><br /></p><p>　　<a hr

67、ef=""></a><br /></p><p>　　<a href=""></a><br /></p><p>　　<!-- end .TabbedPanelsContent --></div></p><p>　　<!-- en

68、d .TabbedPanelsContentGroup --></div></p><p>　　<!-- end .TabbedPanels --></div></p><p><b>　　頁底圖片輪播代碼</b></p><p>　　<div id=demo style="overfl

69、ow:hidden;width:950;" align=center></p><p>　　<table border=0 align=center cellpadding=1 cellspacing=1 cellspace=0 ></p><p><b>　　<tr></b></p><p>　　<

70、;td valign=top bgcolor=ffffff id=marquePic1></p><p>　　<table width='100%' border='0' cellspacing='0'></p><p><b>　　<tr></b></p><p>

71、　　<td align=center><a href='zhaopian/dongfangshan.jpg'><img src="photo/dongfangshan.jpg" width=120 height=90 border=0><br>東方山</a></td></p><p>　　<td al

72、ign=center><a href='zhaopian/xiaoleishan.jpg'><img src="photo/xiaoleishan.jpg" width=120 height=90 border=0><br>大冶雷山</a></td></p><p>　　<td align=center&g

73、t;<a href='zhaopian/cihu.jpg'><img src="photo/cihu.jpg" width=120 height=90 border=0><br>黃石磁湖</a></td></p><p>　　<td align=center><a href='zhaopian

74、/xisaishan.jpg'><img src="photo/xisaishan.jpg" width=120 height=90 border=0><br>西塞山</a></td></p><p>　　<td align=center><a href='zhaopian/kuangshan.jpg

75、9;><img src="photo/kuangshan.jpg" width=120 height=90 border=0><br>礦山公園</a></td></p><p>　　<td align=center><a href='zhaopian/xiandaohu.jpg'><img sr

76、c="photo/xiandaohu.jpg" width=120 height=90 border=0><br>陽新仙島湖</a></td></p><p>　　<td align=center><a href='zhaopian/lingyuan.jpg'><img src="photo/li

77、ngyuan.jpg" width=120 height=90 border=0><br>湘鄂贛烈士陵園</a></td></p><p>　　<td align=center><a href='zhaopian/chengyuedao.jpg'><img src="photo/chengyuedao.jp

78、g" width=120 height=90 border=0><br>黃石澄月島</a></td></p><p>　　<td align=center><a href='zhaopian/yerendao.jpg'><img src="photo/yerendao.jpg" width=120

79、 height=90 border=0><br>仙島湖野人島</a></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</td></b&g

80、t;</p><p>　　<td id=marquePic2 valign=top></td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</div

81、></b></p><p>　　網(wǎng)站的腳注效果如圖3.2.4所示</p><p><b>　　圖3.2.4</b></p><p>　　網(wǎng)頁首頁效果如圖3.2.5所示</p><p><b>　　圖3.2.5</b></p><p>　　第4章.網(wǎng)站調(diào)試和用

82、戶使用說明</p><p><b>　　4.1網(wǎng)站的調(diào)試</b></p><p>　　應(yīng)用程序的調(diào)試對編程來說是一項(xiàng)十分重要的工作。當(dāng)程序有錯(cuò)誤時(shí)，通過調(diào)試將問題找出來，加以解決，其應(yīng)用的步驟如下：</p><p>　　(1)選擇要調(diào)試的對象或者文件，打開對應(yīng)文件，代碼將顯示在Dreamwaver中，然后在Dreamwaver中進(jìn)行調(diào)試。<

83、;/p><p>　　(2)修改某段代碼后可一在瀏覽器中預(yù)覽結(jié)果，如果仍有問題重復(fù)(1)。</p><p>　　再次反復(fù)重復(fù)(1)，(2)步驟，直到程序無錯(cuò)誤為止。</p><p><b>　　4.2用戶使用說明</b></p><p>　　(1)此網(wǎng)站運(yùn)行的環(huán)境為安裝有IIS組件的WINDOWS XP或更高版本的操作系統(tǒng)。&

84、lt;/p><p>　　(2)系統(tǒng)數(shù)據(jù)庫為 Microsoft Office Access。</p><p>　　(3)此網(wǎng)站的操作人員要有一定的計(jì)算機(jī)基礎(chǔ)。</p><p>　　(4)由于此網(wǎng)站還有許多需要改進(jìn)的地方，所以在功能及使用范圍方面存在一定的局限性。</p><p>　　(5)本網(wǎng)站是個(gè)人的畢業(yè)設(shè)計(jì)作品，不能與其他個(gè)人網(wǎng)站進(jìn)行對比。

85、</p><p>　　(6)本網(wǎng)站的網(wǎng)頁已通過Microsoft Internet Explorer 8，百度瀏覽器，世界之窗瀏覽器，淘寶瀏覽器等瀏覽器的測試。</p><p><b>　　第5章 總 結(jié)</b></p><p>　　經(jīng)過一個(gè)多月以來的努力，在指導(dǎo)老師和同學(xué)之間的相互幫助下我終于順利的把畢業(yè)設(shè)計(jì)完成了。在這次做畢業(yè)設(shè)計(jì)的過程中，

86、使我深深的了解到自己的不足，有很多東西還有待去了解和學(xué)習(xí)。我同時(shí)翻閱了大量的資料，經(jīng)過近一段時(shí)間的努力，黃石“雙節(jié)”主題網(wǎng)站的設(shè)計(jì)與制作告一段落?？偨Y(jié)這次黃石“雙節(jié)”主題網(wǎng)站的設(shè)計(jì)、制作過程，我使用了目前因特網(wǎng)上比較流行的CSS+DIV網(wǎng)頁制作、布局方法及交互式動態(tài)網(wǎng)站的設(shè)計(jì)、制作手段，并利用后臺程序完成了網(wǎng)站的動態(tài)響應(yīng)與生成網(wǎng)頁的技術(shù)。同時(shí)也從中學(xué)習(xí)到了對靜態(tài)頁面的處理風(fēng)格，色彩搭配，網(wǎng)頁布局，頁面導(dǎo)航等方面的很多知識。</p&

87、gt;<p>　　對我來說，我所設(shè)計(jì)、制作的黃石“雙節(jié)”主題網(wǎng)站雖然它不是很完美，在網(wǎng)頁美工方面存在較大的問題，但也是我用這兩年多來所學(xué)到的知識和心思去做的。在做網(wǎng)站的過程中，使受益匪淺，這一個(gè)多月來也學(xué)到了很多。由于我所學(xué)的知識水平有限，所以本網(wǎng)站的功能不是很齊全也不是很完善，還有待更新，望大家多多見諒與包含，我會努力學(xué)習(xí)更多的知識來充實(shí)自己，完善自我，相信我以后會做的更好、更理想。</p><p&g

88、t;<b>　　致 謝</b></p><p>　　彈指一揮間，大學(xué)三年已經(jīng)接近了尾聲。大學(xué)三年，生活其實(shí)很簡單，只是一些讀書、寫字和考試的周而復(fù)始。如果把這種單調(diào)的生活看作一場場循環(huán)的演出，那么我只是一個(gè)安靜的演員。這篇畢業(yè)論文也稱不上什么精彩的臺詞，只不過是這種循環(huán)演出即將告一段落時(shí)的謝幕詞。但是無論多么安靜的演員，無論臺下有多少觀眾，即使是只說給自己聽，在他謝幕時(shí)也總要感激一些人，是

89、這些人幫助他走上舞臺，成功或者不那么成功地“演出”。</p><p>　　敲完最后一個(gè)字符，重新從頭細(xì)細(xì)閱讀早已不陌生的文字，我感觸頗多。雖然其中沒有什么值得特別炫耀的成果，但對我而言，是寶貴的。它是無數(shù)教誨、關(guān)愛和幫助的結(jié)果。書到用時(shí)方恨少，在畢業(yè)設(shè)計(jì)的制作和這篇論文的寫作過程中，我深感自己的水平還非常的欠缺，對于一些重大的難題和一些簡單的問題不能自己獨(dú)立的去解決。生命不息，學(xué)習(xí)不止，人生就是一個(gè)不斷學(xué)習(xí)和完善

90、的過程。敢問路在何方?路在腳下!</p><p>　　最后，感謝和我共度三年美好大學(xué)生活的10級計(jì)算機(jī)網(wǎng)絡(luò)班的全體同學(xué)。感謝所有的授課老師和指導(dǎo)老師，你們使我終身受益。感謝所有關(guān)心、鼓勵(lì)、支持我的人。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1]譚浩強(qiáng).《Web開發(fā)應(yīng)用技術(shù)》.中國鐵道出版社，2009</p&g

91、t;<p>　　[2]鐘欣榮.《網(wǎng)站規(guī)劃建設(shè)與管理維護(hù)》.中國鐵道出版社，2009</p><p>　　[3]楊學(xué)全.《SQL Server實(shí)例教程》.電子工業(yè)出版社，2010</p><p>　　[4]趙立超.《JSP完全實(shí)例教程》.電子工業(yè)出版社，2010</p><p>　　[5]齊建玲.《網(wǎng)頁制作教程》.中國水利水電出版社，2006</p