計算機科學與技術(shù)畢業(yè)論文洛陽牡丹網(wǎng)網(wǎng)頁設(shè)計

1、<p><b>　　本科畢業(yè)論文</b></p><p><b>　?。?0 屆）</b></p><p><b>　　洛陽牡丹網(wǎng)網(wǎng)頁設(shè)計</b></p><p>　　所在學院 </p><p>　　專業(yè)班級

2、 計算機科學與技術(shù) </p><p>　　學生姓名 學號 </p><p>　　指導教師 職稱 </p><p>　　完成日期 年 月 </p><p><b>　　摘 要<

3、;/b></p><p>　　在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，當代企業(yè)紛紛建立自己的網(wǎng)站,借助于互聯(lián)網(wǎng)擴大自己的影響、推廣自己的產(chǎn)品,同時通過互聯(lián)網(wǎng)快速的信息傳遞加速自身的發(fā)展。因此我選擇將宣傳洛陽牡丹的前臺網(wǎng)頁的設(shè)計制作作為我的項目。</p>

4、<p>　　本論文所研究的是如何建設(shè)一個符合大眾化要求的洛陽牡丹文化網(wǎng)站，本論文所提出的方案是采用Dreamweaver、Photoshop、html等制作工具來設(shè)計和建設(shè)一個洛陽牡丹文化網(wǎng)站。該系統(tǒng)的基本功能有牡丹簡介、牡丹文化、牡丹資訊、牡丹花城、牡丹花會、牡丹欣賞、聯(lián)系我們等方面介紹牡丹，讓人們對牡丹有更深的了解。</p><p>　　關(guān)鍵詞：洛陽牡丹；Dreamweaver；網(wǎng)頁設(shè)計 <

5、/p><p><b>　　Abstract</b></p><p>　　Today in the rapid development of internet. The internet has become an important channel for people to obtain ,release and transfer information. It pla

6、ys an important role in people’s all kinds of life , such as political, economic, and so on . It is obviously that the website construction plays an important role in the internet. With the help of the internet, mang ent

7、erprises have set up their own websites to expand their influence, to promote their products. And at the same time, they transfer</p><p>　　This thesis is the study of how to build a line with the popular req

8、uest of Luoyang peony sites. The proposed scheme of this website is to use Dreamweaver, Photoshop, Html and other tools to design and build a Luoyang peony cultural sites. The basis functions of this website is that th

9、e basis information of peony, the cultural of peony, the news of peony, the city of peony, the peony flower show, watching peony any other sides to introduce peony. And then to make a deeper understanding of peon</p&g

10、t;<p>　　Keywords: The peony of Luoyang ; Dreamweaver; website design</p><p><b>　　目 錄</b></p><p><b>　　第1章 緒論1</b></p><p>　　1.1 系統(tǒng)開發(fā)背景1</p>&l

11、t;p>　　1.2 系統(tǒng)研究目的和意義2</p><p>　　1.3 可行性分析2</p><p>　　第2章 系統(tǒng)需求分析4</p><p>　　2.1 用戶功能需求分析4</p><p>　　2.2 系統(tǒng)性能要求4</p><p>　　2.3 業(yè)務(wù)流程分析5</p><p>

12、;　　第3章 網(wǎng)頁總體設(shè)計6</p><p>　　3.1 系統(tǒng)功能模塊分析6</p><p>　　3.1.1 首頁6</p><p>　　3.1.2 牡丹簡介6</p><p>　　3.1.3 牡丹文化6</p><p>　　3.1.4 牡丹花城7</p><p>　　3.1.5 牡

13、丹欣賞9</p><p>　　3.1.6 牡丹花會9</p><p>　　3.1.7 聯(lián)系我們9</p><p>　　3.2 具體框架圖9</p><p>　　第4章 網(wǎng)頁詳細設(shè)計12</p><p>　　4.1 開發(fā)工具簡介12</p><p>　　4.1．1 Dreamweave

14、r 8.0簡介12</p><p>　　4.1．2 HTML簡介12</p><p>　　4.1．3 HTML技術(shù)介紹14</p><p>　　4.2網(wǎng)頁界面設(shè)計14</p><p>　　4.2.1網(wǎng)頁設(shè)計原則14</p><p>　　4.2.2 網(wǎng)頁設(shè)計風格：15</p><p>

15、;　　4.2.3界面構(gòu)成要素：15</p><p>　　4.3 網(wǎng)頁素材的搜集16</p><p>　　4.3.1 文字16</p><p>　　4.3.2 圖片16</p><p>　　4.3.3 視頻、動畫17</p><p>　　4.4 網(wǎng)頁功能模塊的實現(xiàn)17</p><p>

16、　　4.4.1 首頁展示17</p><p>　　4.4.2 牡丹簡介界面20</p><p>　　4.4.3 牡丹文化界面22</p><p>　　4.4.4 牡丹花都界面25</p><p>　　4.4.5 牡丹資訊界面26</p><p>　　4.4.6 牡丹花會界面28</p><

17、;p>　　4.4.7 牡丹欣賞界面30</p><p>　　4.4.8 聯(lián)系我們界面31</p><p>　　第5章 兼容性測試和維護33</p><p>　　5.1 網(wǎng)站的兼容性測試33</p><p>　　5.2 網(wǎng)站的發(fā)布33</p><p>　　5.3網(wǎng)站的維護33</p>&l

18、t;p>　　第6章 工作總結(jié)和展望35</p><p><b>　　參考文獻36</b></p><p><b>　　致 謝37</b></p><p><b>　　第1章 緒論</b></p><p>　　1.1 系統(tǒng)開發(fā)背景 </p><p

19、>　　旅游網(wǎng)站作為宣傳旅游的一種方式在國內(nèi)外都有很大的發(fā)展，同時國內(nèi)外各種旅游網(wǎng)站也各有差異，國內(nèi)要求網(wǎng)頁一定要吸引人，要讓沒來過的人點擊，要讓點擊的人留下繼續(xù)瀏覽；總之，想盡一切辦法搶眼球粗淺的理解，網(wǎng)站就是平面廣告向網(wǎng)絡(luò)延伸；深入的理解，電子商務(wù)平臺或網(wǎng)絡(luò)營銷工具奇思妙想，與眾不同，狼入羊圈，鶴立雞群。國外則要求一定要方便，節(jié)約瀏覽者的時間；總之，把事兒說明白就好，它是一種傳播和溝通的工具，和傳統(tǒng)的郵遞、報紙雜志、電報電話一樣

20、，只是更便捷、更便宜，更聰明、更有效。</p><p>　　洛陽是十三朝古都，有“千年帝都，牡丹花城”的美譽。“洛陽地脈花最宜，牡丹尤為天下奇?！逼湓耘嗍加谒?，鼎盛于唐，宋時甲于天下。它雍容華貴、國色天香、富麗堂皇，寓意吉祥富貴、繁榮昌盛，是華夏民族興旺發(fā)達、美好幸福的象征?！奥尻柲档ぜ滋煜隆保尻栆蚰档ざ兊母利?，牡丹因洛陽而跟絢爛。當今的洛陽正在迅速的發(fā)展，在旅游、工業(yè)農(nóng)業(yè)等都有顯著的成就，同時洛陽也是全國

21、聞名的旅游城市，全國十佳文明城市，洛陽牡丹早就聞名于世，每年洛陽的牡丹花會都會吸引成千上萬的游客前來參觀，這個時期的牡丹盡顯其誘人的姿色，也展示出他作為國民之花的魅力。</p><p>　　迅猛發(fā)展并日益成熟的互聯(lián)網(wǎng)已經(jīng)影響到我們生活的方方面面。人們真真切切的體會到了網(wǎng)絡(luò)帶給大家的便捷，互聯(lián)網(wǎng)也以其獨有的優(yōu)勢快速地滲透到越來越多的傳統(tǒng)領(lǐng)域。通過互聯(lián)網(wǎng)，人們可以了解到各種有用信息，方便了人們生活的方方面面，面對強大

22、的互聯(lián)網(wǎng)時代，各大企業(yè)公司也不失時機的借助這個渠道可以宣傳自己，也是人們的生活更加豐富多彩。企業(yè)網(wǎng)站是一個企業(yè)不可缺少的部分，它能介紹企業(yè)文化、經(jīng)營理念、特色服務(wù)及企業(yè)在全國的網(wǎng)點分布。拓寬顧客市場，增加企業(yè)與客戶之間的聯(lián)系，縮短二者之間的距離。提高企業(yè)知名度，為企業(yè)今后的業(yè)務(wù)發(fā)展開辟一個良好的社會環(huán)境。企業(yè)網(wǎng)站做成檢索迅速、查找方便、可靠性高、存儲量大、保密性好、壽命長、成本低、維護方便、信息實時性強的功能完善的大型企業(yè)網(wǎng)站。這些優(yōu)點

23、能夠極大地提高了企業(yè)網(wǎng)站的效率,也是企業(yè)走向科學化、信息化與世界接軌的重要條件。</p><p>　　洛陽作為發(fā)展中城市洛陽牡丹文化 、河洛歷史文化、在網(wǎng)上可以充分展示出洛陽的魅力。牡丹號稱國民之花，在中國人心目中有舉足輕重的作用，每年的牡丹文化節(jié)都會吸引成千上百的游客前來參觀，這個時候是洛陽每年最繁華的時候，也是牡丹最奪目的時刻，牡丹花開，開的不僅是一種花更是一種文化，一種情懷，反映的是當代中國的生活水平，審美

24、角度。在網(wǎng)上推廣洛陽牡丹文化，詳述各種牡丹的不同特色，讓游客更加深入了解洛陽、了解牡丹。近年來，已出現(xiàn)不少網(wǎng)站對洛陽牡丹進行普及宣傳，提供大量牡丹信息，介紹牡丹的生長習性、牡丹品種、牡丹花會狀況等，具有一定的可讀性和趣味性。設(shè)計此網(wǎng)頁，目的在于盡可能詳細地展示、介紹各種牡丹信息，使更多人了解牡丹的特性,知道洛陽這個全國文明城市，了解牡丹文化節(jié)的內(nèi)涵，更加深刻的體會牡丹的悠久歷史文化以及在中國人心中牡丹作為國民之花的牡丹情懷。</p

25、><p>　　1.2 系統(tǒng)研究目的和意義</p><p>　　正值第32屆洛陽牡丹花會，參考一些網(wǎng)站如中國牡丹網(wǎng)、菏澤牡丹網(wǎng)等，設(shè)計此網(wǎng)頁，其主要目的是為了讓更多人了解牡丹、同時可以給來洛陽旅游的游客們一個詳細的旅游指南。</p><p>　　這個網(wǎng)頁主要從牡丹簡介、牡丹文化、牡丹資訊、牡丹花城、牡丹欣賞、牡丹花會、等方面詳盡介紹牡丹、牡丹文化、洛陽等。又分開介紹牡丹花

26、種、生長環(huán)境、歷史傳統(tǒng)、詩詞文化、花會最新動態(tài)。同時也介紹了洛陽的景點如白馬寺、龍門石窟、洛陽有名的小吃等。用戶通過這個網(wǎng)頁可以得到他們需要資料信息。同時該網(wǎng)頁還可以讓用戶聯(lián)系服務(wù)臺，以便更好的改進維護網(wǎng)站。這樣一方面提高了服務(wù)質(zhì)量，為游客提供了更加人性化的服務(wù)，另一方面也豐富了洛陽旅游業(yè)方面的服務(wù)內(nèi)容，同時優(yōu)化了客流，使各景區(qū)更加具有吸引力。</p><p><b>　　1.3 可行性分析</b

27、></p><p><b>　　1．社會可行性</b></p><p>　　本網(wǎng)頁的設(shè)計簡潔明了，能健康獨立的運行，操作使用方便，能免費提供大量洛陽牡丹信息，用戶通過本平臺不僅可以查閱到自己需要的信息資源，還能及時聯(lián)系服務(wù)人員，以滿足不同地方的牡丹愛好者的需求。</p><p><b>　　2．技術(shù)可行性</b>&l

28、t;/p><p>　　及技術(shù)而言，該網(wǎng)站采用 Dreamweaver8.0軟件作為網(wǎng)頁開發(fā)工具進行系統(tǒng)開發(fā)。Dreamweaver8.0工具軟件以其功能強大、使用靈活的編輯窗口，其代碼和設(shè)計窗口同時并用，以及站點管理和頁面設(shè)計這些特點為開發(fā)功能全面的網(wǎng)頁創(chuàng)造了良好的條件。因此利用它作為開發(fā)洛陽牡丹甲天下網(wǎng)站的工具是完全可行的。</p><p>　　同時，大學四年所學習的專業(yè)知識如Photosh

29、op、flash等的應(yīng)用，使我在一定程度上具備了設(shè)計網(wǎng)頁的能力，現(xiàn)有的計算機設(shè)備也完全可滿足此次開發(fā)的需要。</p><p><b>　　3．經(jīng)濟可行性</b></p><p>　　本洛陽牡丹網(wǎng)站設(shè)計與開發(fā)所要求的硬件（計算機及相關(guān)硬件）和軟件均在市面上易于購買或可直接從網(wǎng)上下載并免費使用，不需要再花費大量的資金去購買高成本的設(shè)備，大大提高了在設(shè)計過程中的工作效率。網(wǎng)

30、頁的主要成本主要集中在開發(fā)過程及后期維護上，開發(fā)周期短，人員經(jīng)濟支出不大，對用戶不會造成過重經(jīng)濟負擔。且投入使用后，可通過招商廣告版面等方式收取費用，以應(yīng)付日常必要開支甚至盈利，因此，本系統(tǒng)在經(jīng)濟上是可行的。 </p><p>　　第2章 系統(tǒng)需求分析</p><p>　　2.1 用戶功能需求分析</p><p>　　隨著洛陽牡丹文化節(jié)歷屆的發(fā)展，洛陽牡丹

31、越來越得到大眾的認可和關(guān)注，建立洛陽牡丹網(wǎng)站的好處：</p><p>　　可以方便游客直接查詢各種牡丹資料。</p><p>　　作為一般的靜態(tài)網(wǎng)頁主要作用是展示用戶信息量，讓用戶對自己想要的東西一目了然，本網(wǎng)頁里面涉及各種牡丹資料，例如牡丹的品種，牡丹的生長、環(huán)境栽培技術(shù)，牡丹文化的起源、歷史發(fā)展、牡丹詩詞書畫等等，全都從游客的角度出發(fā)，方便游客查詢。</p><p&

32、gt;　　更加直觀的提供一個欣賞牡丹的平臺。</p><p>　　不是每個人都可以親眼看到牡丹的姿色，介于這個原因，本網(wǎng)站最大的特點是給用戶一個充分欣賞牡丹的平臺，通過視頻，動畫，圖片等各種圖片選擇各種不同類型的牡丹供用戶欣賞。</p><p>　　讓人們更加深入了解牡丹文化，了解中國人的牡丹情懷。</p><p>　　一個物品只有經(jīng)歷了一定的歷史沉淀才能更加有內(nèi)涵

33、，牡丹從千年前都已經(jīng)進入人們的生活，隨之也有更多的是牡丹文化的積累，不同年代的牡丹文化反應(yīng)了不同時代人們對牡丹的欣賞水平，更體現(xiàn)了人們的牡丹情懷，牡丹文化這一欄的設(shè)置可以讓人們更加深入的了解牡丹文化。</p><p>　　2.2 系統(tǒng)性能要求</p><p>　　洛陽牡丹網(wǎng)頁主要實現(xiàn)以下目標：</p><p>　　系統(tǒng)架構(gòu)清晰、界面友好美觀。</p>

34、<p>　　清晰地條理是一個網(wǎng)頁成功的重要條件之一，只有清楚的展示出自己網(wǎng)頁的線索，才能讓用戶在使用時準確快速地得到想要的信息。當然，界面是給人的第一感覺，界面美觀與否直接影響到網(wǎng)頁的質(zhì)量，所以網(wǎng)頁一定要實現(xiàn)界面友好美觀。</p><p><b>　　文字圖片介紹詳細。</b></p><p>　　這個網(wǎng)頁重要的作用是展示介紹，所以只有詳細的介紹才能盡可能地

35、完善信息。文字圖片是網(wǎng)頁必不可少的兩部分，這兩部分至關(guān)重要，圖片文字的混搭更具有一定的效果。</p><p>　　提供多種信息搜索方式，用戶可根據(jù)需要方便、快捷地查找到所需信息。</p><p>　　在互聯(lián)網(wǎng)發(fā)達的今天，信息量復雜繁多，想要得到更多信息，不僅局限于一個網(wǎng)頁，還可以選擇訪問其他網(wǎng)頁，友情鏈接到其他相關(guān)網(wǎng)站，給用戶更多渠道來了解洛陽牡丹，方便用戶。</p><

36、;p>　　2.3 業(yè)務(wù)流程分析</p><p>　　網(wǎng)頁主要分為8個大塊，分別是：首頁、牡丹簡介、牡丹文化、牡丹資訊、牡丹花都、牡丹花會、牡丹欣賞、聯(lián)系我們。</p><p>　　網(wǎng)頁結(jié)構(gòu)圖如2-1所示：</p><p>　　圖2-1 網(wǎng)頁結(jié)構(gòu)圖</p><p>　　第3章 網(wǎng)頁總體設(shè)計</p><p>　　主頁

37、由標準模式構(gòu)建，其主色調(diào)為橙色，通過導航條的引導可以一步一步了解網(wǎng)站的全部內(nèi)容。用戶能通過導航獲取自己感興趣的信息以及圖文說明。</p><p>　　3.1 系統(tǒng)功能模塊分析</p><p>　　本網(wǎng)頁主要分為首頁、牡丹簡介、牡丹文化、牡丹資訊、牡丹花都、牡丹欣賞、牡丹花會、聯(lián)系我們等八個功能模塊。</p><p><b>　　3.1.1 首頁</b

38、></p><p>　　首頁可以鏈接到本網(wǎng)站的各個主要部分，視頻欣賞讓人們大體了解牡丹成長過程、牡丹文化等。名花介紹鏈接到牡丹簡介，牡丹的各個品種。首頁展示的四種牡丹號稱“牡丹四大名品”分別是姚黃、豆綠、魏紫、趙粉。魅力洛陽鏈接到牡丹花都部分；首頁展示的是洛陽著名的景點龍門石窟、白馬寺、麗景門、關(guān)林廟。牡丹名園連接到牡丹花會部分；洛陽小吃同樣鏈接牡丹花都部分。充分體現(xiàn)出洛陽特色，通過首頁用戶可以大體了解洛陽

39、。</p><p>　　3.1.2 牡丹簡介</p><p>　　包括常見品種的介紹，以及生長環(huán)境的介紹。品種主要介紹了12種花種，姚黃、豆綠、魏紫、趙粉、洛陽紅、荷苞牡丹、綠幕隱玉、粉二喬、烏金耀輝、雪塔、玉樓點翠、醉西施等以圖片和文字搭配介紹。姚黃、豆綠、魏紫、趙粉號稱“牡丹四大名品”是牡丹最具代表性的的幾種，具有很高的觀賞價值。姚黃，光彩照人，婷婷玉立，古人以"花王&quo

40、t;譽之。魏紫，原名洛陽魏紫，被稱為花后。豆綠。顏色淺綠色成花率高，萌蘗枝多，開花期處于后期，此花為世間稀有名貴品種。趙粉，生長勢強，成花率高?；ㄐ呜S滿，根產(chǎn)量高。洛陽紅、烏金耀輝是很具有洛陽特色的牡丹品種。粉二喬是牡丹花里面唯一一種復色花。雪塔又名“觀音白”，傳統(tǒng)牡丹花名種，完全重瓣型；潔白色。玉樓點翠，花梗長，多紫暈較軟，花朵下垂。晚開花品種。醉西施，皇冠型，紅色，株形高，開展，中花品種。</p><p>　

41、　生長環(huán)境包括生長條件和栽培技術(shù)等方面。牡丹性喜溫暖、涼爽、干燥、陽光充足的環(huán)境。喜陽光，也耐半陰，耐寒，耐干旱，耐弱堿，忌積水，怕熱，怕烈日直射。適宜在疏松、深厚、肥沃、地勢高燥、排水良好的中性沙壤土中生長。</p><p>　　3.1.3 牡丹文化</p><p><b>　　牡丹文化包括：</b></p><p><b>　　起

42、源</b></p><p>　　牡丹文化的起源，若從《詩經(jīng)》牡丹進入詩歌，算起距今約3000年歷史。秦漢時代以藥用植物將牡丹記入《神農(nóng)本草經(jīng)》，牡丹已進入藥物學。南北朝時，北齊楊子華畫牡丹，牡丹已進入藝術(shù)領(lǐng)域。</p><p><b>　　牡丹文化簡介</b></p><p>　　牡丹文化自秦漢時以藥植物載人《神農(nóng)本草經(jīng)》始，散于歷

43、代各種古籍者，不乏其文。形成了色括植物學、園藝學、藥物學、地理學、文學、藝術(shù)、民俗學等多學科在內(nèi)的牡丹文化學，它是中華民族文化和民俗學的一組成部分，是中華民族文化完整機體的一個細胞，透過它，可以洞察中華民族文化的一般特征，這就是“文化全息”現(xiàn)象。 </p><p><b>　　歷史發(fā)展</b></p><p>　　牡丹文化的發(fā)展經(jīng)歷了一個很長遠的歷史，若從《詩經(jīng)》帝國

44、牡丹進入詩歌，算起距今約3000年歷史。秦漢時代以藥用植物將牡丹記入《神農(nóng)本草經(jīng)》，南北朝時，北齊楊子華畫牡丹，牡丹已進入藝術(shù)領(lǐng)域。隋煬帝在洛陽建西苑，詔天下進奇石花卉，易州進牡丹二十箱，植于西苑，自此，牡丹進入皇家園林，涉足園藝學。唐代，帝國牡丹詩大量涌現(xiàn)，千古絕唱。宋代開始，除牡丹詩詞大量問世外，又出現(xiàn)了牡丹專著，元姚遂有《序帝國牡丹》，明人高濂有《牡丹花譜》等。解放后，帝國牡丹種植有長足地發(fā)展，牡丹文化被人逐漸重視，出現(xiàn)了大批牡丹

45、研究工作者和專家。一直流傳到今天?！奥尻柲档ぬ煜聼o”，牡丹已被洛陽市定為市花，并確定每年4月15日——25日為“洛陽牡丹花會”。每當花會期間，中外游人群集，共賞花王。除此之外，牡丹在中國稱為花之富貴者也。</p><p><b>　　牡丹詩詞；</b></p><p>　　唐代，帝國牡丹詩大量涌現(xiàn)，劉禹錫的“唯有牡丹真國色，花開時節(jié)動京城”，膾炙人口；李白的“云想衣裳

46、花想容，春風拂檻露化濃”，千古絕唱。宋代開始，除牡丹詩詞大量問世外，又出現(xiàn)了牡丹專著，諸如歐陽修的《帝國洛陽牡丹記》、陸游的《天彭牡丹譜》、丘浚的《牡丹榮辱志》、張邦基的《陳州帝國牡丹記》等。元姚遂有《序帝國牡丹》，明人高濂有《牡丹花譜》、王象晉有《群芳譜》，薛鳳翔有《亳州帝國牡丹史》，清人汪灝有《廣群芳譜》、蘇毓眉有《曹南牡丹譜》、余鵬的有《曹州牡丹譜》等。</p><p><b>　　牡丹畫。<

47、;/b></p><p>　　牡丹是國畫花卉中經(jīng)常描繪的題材，歷代詩人畫家有著無數(shù)贊美牡丹的詩句和畫作，意義不僅在于牡丹美麗的外表還在于寄托詩人、畫家的美好情感。</p><p>　　3.1.4 牡丹花城</p><p><b>　　洛陽景點介紹包括：</b></p><p>　　市區(qū)景點：龍門石窟、白馬寺、麗景門

48、、關(guān)林廟</p><p>　　龍門石窟是中國三大石窟之一，1961年被國務(wù)院公布為全國第一批重點文物保護單位；1982年公布為全國重點風景名勝區(qū)；2000年11月聯(lián)合國教科文組織將其列入《世界遺產(chǎn)名錄》；2006年1月，中央文明辦、國家建設(shè)部、國家旅游局聯(lián)合授予“全國文明風景旅游區(qū)”；2007年5月，國家旅游局將其評為全國首批AAAAA級旅游景區(qū)。白馬寺被稱做“千年第一古剎” 據(jù)說是因當時馱載經(jīng)書佛像的白馬而得名

49、，而白馬寺也因而成為中國佛教的“祖庭”和發(fā)源地。白馬寺屬于中國全國重點文物保護單位。麗景門，中原第一樓，古都第一門麗景門是古都洛陽唯一一家吃、住、行、游、購、娛為一體的大型綜合性旅游景區(qū)，有詩人用“洛陽牡丹甲天下，麗京城樓世無雙 ”來贊美它無限的魅力。洛陽關(guān)林是我國唯一一處“林、廟”合祀關(guān)圣帝君的圣域，也是海內(nèi)外唯一一處可以稱“林”之廟宇。是國家級重點文物保護單位，AAAA級旅游景區(qū)。</p><p>　　2.周

50、邊景點：龍?zhí)秿{、雞冠洞、天池山、神靈寨。</p><p>　　龍?zhí)洞髰{谷是黛眉山世界地質(zhì)公園的核心景區(qū)，先后獲得“國家地質(zhì)公園”、“中國最具發(fā)展?jié)摿皡^(qū)”、“中國優(yōu)秀旅游目的地”、“世界地質(zhì)公園”、“國家AAAA級景區(qū)”等稱號，享有“中國嶂谷第一峽”、“古海洋天然博物館”、“神州奇峽”和“黃河山水畫廊”等美名。雞冠洞，洞內(nèi)石筍、石柱、石盾、石花、石幔、石瀑、石旗密布，景觀壯麗，其觀賞及科研價值國內(nèi)罕見，被譽為“北

51、國第一洞”。 先后被授予“省級風景名勝區(qū)”，“河南省十佳旅游景區(qū)”，“國家AAAA級旅游景區(qū)”。 天池山為嵩縣旅游的奇葩瑰寶。榮獲了“國家級森林公園”、“國家4A級景區(qū)”、“省級文明景區(qū)”、“河南最美景區(qū)”、“洛陽新八大景”等眾多榮譽稱號。神靈寨景區(qū)位于洛陽西南90公里的洛寧縣熊平山北坡三官廟林場境內(nèi)，在縣城東南17公里處。景區(qū)總面積53平方公里，有2200多種植物，300多種動物?！?002年以來，景區(qū)先后被評定為“國家森林公園”、“

52、國家地質(zhì)公園”、“中國美術(shù)家協(xié)會寫生基地”、“中國林業(yè)科研基地”等。</p><p><b>　　洛陽小吃包括：</b></p><p><b>　　1.洛陽鍋貼</b></p><p>　　鍋貼是一種煎烙類食品，是精粉面皮裹瘦肉、韭黃及各種作料制作，放進平底鍋內(nèi)煮前即成。呈柿黃色，吃著黃焦酥脆，皮薄餡香，灌湯流油。洛陽鍋

53、貼更是以其特色使來洛陽的人對此贊不絕口。</p><p><b>　　2.不翻湯</b></p><p>　　洛陽人亦稱其為“九府門不翻湯”， 此款小吃酸辣咸香，醒酒開胃，是一款頗具洛陽地方特色的民間小吃。</p><p><b>　　3.洛陽水席</b></p><p>　　“水席”起源于洛陽，聞

54、名于洛陽，洛陽水席，有三大特點：一是有葷有素，有冷有執(zhí)；二是有湯有水，北方南方均為可口；三是上菜順序有嚴格規(guī)定，搭配合理、選料認真、火候恰當。洛陽水席其上菜程序如行云流水，主要菜肴又均有湯水，故名“水席”。其特點是以酸辣見長，清爽利口。</p><p><b>　　4.牡丹燕菜</b></p><p>　　洛陽燕菜又稱牡丹燕菜，屬河南菜、豫菜。主料有白蘿卜、海參、 魷

55、魚、雞肉。成品洛陽燕菜只見一朵潔白如玉、色澤奪目的牡丹花，浮于湯面之上，菜香花鮮，贏得貴賓們的拍手叫絕。是一道具有豫西地方特色的佳肴，歷來被列為洛陽水席中的首菜。</p><p>　　3.1.5 牡丹欣賞</p><p>　　主要是點擊小圖瀏覽。一共16張照片，分為4個網(wǎng)頁。每一張圖片都具有一定的代表性，有牡丹的近景、遠景、花苞、花開、花落以及常見牡丹品種的不同形態(tài)。</p>

56、<p>　　3.1.6 牡丹花會</p><p>　　包括歷屆牡丹花會簡介、各個牡丹園景點介紹。包括牡丹名園如：中國國花園、隋唐植物園、王城公園、洛陽國際牡丹園。以及歷屆牡丹花會例如第29、30、31、32屆牡丹花會介紹。</p><p>　　中國國花園是目前國內(nèi)面積最大、牡丹開花質(zhì)量最高、觀賞效果最好、珍稀牡丹品種最多、景色最優(yōu)美的牡丹專類觀賞園，種植牡丹1000多個品種70

57、0多畝60余萬株，形成了獨特的牡丹風景園林。王城公園，占地一千零八十畝，是全國第一座遺址公園，也是河南省最大的綜合性公園，為中部地區(qū)最大的綜合性公園之一。始建于1955年，因修建在東周王城遺址上而得名。公園占地約39．77公頃，集牡丹文化與歷史文化、人文園林與自然園林為一體，堪稱“城市氧吧”，這里的牡丹種植年代長久，牡丹株高。形成了獨特的“牡丹精品、周鼎雄踞、河圖洛書、靚思飛瀑、鳳闕迎轂”等王城景觀。洛陽隋唐城遺址植物園是以洛陽的山、水

58、、植物和隋唐城遺址文化為基礎(chǔ)，堅持科學保護與合理利用相結(jié)合，集科研、科普、文化娛樂為一體的綜合性植物園，這里更多側(cè)重的是各種不同類型的植物，當然牡丹也是少不了的。</p><p>　　3.1.7 聯(lián)系我們</p><p>　　文字說明聯(lián)系方式。文字圖片滾動展示。</p><p><b>　　3.2 具體框架圖</b></p>&l

59、t;p><b>　　1. 首頁框架圖</b></p><p>　　首頁主要有視頻展示牡丹的生長，右邊鏈接到牡丹常見品種，下面有介紹洛陽周邊風景、洛陽小吃、牡丹名園、下面連續(xù)播放圖片魅力洛陽。</p><p>　　導航欄框架圖如圖3-1所示：</p><p>　　圖3-1導航欄框架圖</p><p><b>

60、;　　2．牡丹簡介框架圖</b></p><p>　　牡丹簡介主要有常見品種介紹，以及生長環(huán)境介紹。常見品種包括姚黃、豆綠、魏紫、趙粉、洛陽紅、荷包牡丹、綠幕隱玉、粉二喬、烏金耀輝、雪塔、玉樓點翠、醉西施。生長環(huán)境包括生長條件和栽培技術(shù)。</p><p>　　牡丹簡介框架圖如圖3-2所示：</p><p>　　圖3-2 牡丹簡介框架圖</p>

61、<p><b>　　3.牡丹資訊框架圖</b></p><p>　　牡丹資訊主要選取牡丹文化節(jié)期間比較重要的10條新聞信息。</p><p>　　牡丹資訊框架圖如圖3-3所示：</p><p>　　圖3-3 牡丹資訊框架圖</p><p><b>　　4.牡丹花都框架圖</b><

62、/p><p>　　牡丹花都主要包括景點介紹和洛陽小吃兩部分，其中景點介紹有市區(qū)景點介紹如：龍門石窟、白馬寺、麗景門、關(guān)林廟。周邊景點介紹有：龍?zhí)秿{、雞冠洞、天池山、神靈寨。洛陽小吃包括牡丹燕菜、洛陽水席、不翻湯、洛陽鍋貼。</p><p>　　牡丹花都框架圖如圖3-4所示：</p><p>　　圖3-4 牡丹花都框架圖</p><p><b

63、>　　5.牡丹花會框架圖</b></p><p>　　牡丹花會包括歷屆牡丹花會和牡丹名園兩部分，歷屆牡丹花會主要介紹最近四年的牡丹花會，牡丹名園主要介紹中國國花園、隋唐植物園、王城公園、國際牡丹園。</p><p>　　牡丹花會框架圖如圖3-6所示：</p><p>　　圖3-6 牡丹花會框架圖</p><p>　　第4章

64、網(wǎng)頁詳細設(shè)計</p><p>　　4.1 開發(fā)工具簡介</p><p>　　4.1．1 Dreamweaver 8.0簡介</p><p>　　Dreamweaver是在網(wǎng)頁設(shè)計與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強大的軟件，隨著Dreamweaver 8.0的發(fā)布，更堅定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化

65、、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。突出的特點主要有靈活的編寫方式；可視化編輯界面；功能更多的CSS支持——CSS可視化設(shè)計、CSS檢查工具；動態(tài)跨瀏覽器驗證；強大的WEB站點管理功能；內(nèi)建的圖形編輯引擎；豐富的媒體支持能力等。</p><p>　　它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設(shè)計人員都能夠快速創(chuàng)建界面吸引人的基于

66、標準的網(wǎng)站和應(yīng)用程序。開發(fā)人員可以使用 Dreamweaver 及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強大的 Internet 應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、Web 服務(wù)和舊式系統(tǒng)。開發(fā)環(huán)境支持HTML、ASP、ASP.NET、JSP等，提供眾多功能強大的可視化設(shè)計工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持。主要用于素材整理、排版以及后臺程序的交互。</p><p>　　4.1．2 HTML簡介</p>&l

67、t;p>　　全稱：HyperText Mark-up Language </p><p>　　譯稱：超文本標記語言。 </p><p>　　簡意：一種為普通文件中某些字句加上標識的語言，其目的在于運用標記（tag）合文件 達到預(yù)期的效果。 </p><p><b>　　主要特點：</b></p><p>　　設(shè)計H

68、TML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯(lián)系在一起，形成有機的整體，人們不用考慮具體信息是在當前電腦上還是在網(wǎng)絡(luò)的其它電腦上。只需使用鼠標在某一文檔中點取一個圖標，Internet就會馬上轉(zhuǎn)到與此圖標相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺電腦中。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head

69、）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。</p><p>　　另外，HTML是網(wǎng)絡(luò)的通用語言，一種簡單、通用的全置標記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。。</p><p><b>　　基本結(jié)構(gòu)：</b></p>

70、<p>　　一個HTML文檔是由一系列的元素和標簽組成.元素名不區(qū)分大小寫.HTML用標簽來規(guī)定元素的屬性和它在文件中的位置。</p><p>　　HTML超文本文檔分文檔頭和文檔體兩部分，在文檔頭里，對這個文檔進行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。 </p><p>　　下面是一個最基本的html文檔的代碼:1－1.html </p><p

71、>　　<HTML> ---------------------------------------- 開始標簽 </p><p>　　<HEAD> -------------------------------------- </p><p>　　<TITLE> 一個簡單的HTML示例 </TITLE> | 頭部標簽 </p>

72、;<p>　　</HEAD> -------------------------------------- </p><p>　　<BODY> ---------------------------------------- </p><p>　　<CENTER> | </p><p>　　<H1>歡迎光

73、臨我的主頁</H1> | </p><p><b>　　<BR> | </b></p><p>　　<HR> | 文件主體 </p><p>　　<FONT SIZE= 7 COLOR= red> | </p><p>　　這是我第一次做主頁 | </p>&

74、lt;p>　　</FONT> | </p><p>　　</CENTER> | </p><p>　　</BODY> --------------------------------------- </p><p>　　</HTML> ---------------------------------------

75、 結(jié)尾標簽 </p><p>　　<HTML></HTML>在文檔的最外層， 文檔中的所有文本和html標簽都包含在其中，它表示該文檔是以超文本標識語言（HTML）編寫的。事實上，現(xiàn)在常用的Web瀏覽器都可以自動識別HTML文檔，并不要求有 <html>標簽，也不對該標簽進行任何操作，但是為了使HTML文檔能夠適應(yīng)不斷變化的Web瀏覽器，還是應(yīng)該養(yǎng)成不省略這對標簽的良好習慣。

76、</p><p>　　<HEAD></HEAD>是HTML文檔的頭部標簽, 在瀏覽器窗口中，頭部信息是不被顯示在正文中的,在此標簽中可以插入其它標記, 用以說明文件的標題和整個文件的一些公共屬性。若不需頭部信息則可省略此標記，良好的習慣是不省略。 </p><p>　　<title>和</title>是嵌套在<HEAD>頭部標簽中

77、的，標簽之間的文本是文檔標題，它被顯示在瀏覽器窗口的標題欄。 </p><p>　　<BODY> </BODY>標記一般不省略，標簽之間的文本是正文，是在瀏覽器要顯示的頁面內(nèi)容。</p><p>　　上面的這幾對標簽在文檔中都是唯一的，HEAD標簽和BODY標簽是嵌套在HTML標簽中的。</p><p>　　4.1．3 HTML技術(shù)介紹<

78、;/p><p>　　Macromedia公司的Roundtrip HTML技術(shù)讓用戶可以隨意導入HTML文件而無需重新設(shè)置代碼格式，用戶還可以利用Dreamweaver清除或重新格式化HTML代碼，實現(xiàn)代碼的優(yōu)化。</p><p>　　利用Dreamweaver，可以方便地使用動態(tài)HTML功能，卻不需要寫一行行的代碼；利用它還可以檢查作品在所有流行的平臺和瀏覽器中可能發(fā)生的錯誤。</p&

79、gt;<p>　　當然,如果不用DW的話,同樣可以制作出很好的網(wǎng)站來,其實什么樣的程序或者HTML代碼都可以直接用記事本來寫,只不過Dreamweaver實現(xiàn)起來確實方便一些。</p><p><b>　　網(wǎng)頁界面設(shè)計</b></p><p>　　4.2.1網(wǎng)頁設(shè)計原則</p><p><b>　　1.目的性</b

80、></p><p>　　任何一個網(wǎng)站，必須首先具有明確的目的和目標群體。該網(wǎng)站的對象向面象游客以及廣大的牡丹愛好者，主要目的是為了宣傳洛陽牡丹，網(wǎng)頁的建設(shè)采用的是靜態(tài)網(wǎng)頁的展示，建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計等各個方面都受到目的性的直接影響，目的明確。</p><p><b>　　2.實用性</b></p><p>　　網(wǎng)站

81、提供的功能服務(wù)應(yīng)該是切合瀏覽者實際需求的且符合企業(yè)特點的。例如網(wǎng)上銀行提供免費電子郵件和個人主頁空間就既不符合瀏覽者對網(wǎng)上銀行網(wǎng)站的需求也不是銀行的優(yōu)勢，這樣的功能服務(wù)提供不但會削弱瀏覽者對網(wǎng)站的整體印象，還浪費了企業(yè)的資源投入，有弊無利。而這個網(wǎng)頁主要是介紹洛陽牡丹，正值牡丹文化節(jié)時期，人們對牡丹的熱情比以往更加激烈，所以這個網(wǎng)頁可以很好地提供一個牡丹的展示平臺。</p><p><b>　　3.層次

82、性</b></p><p>　　條理清晰的結(jié)構(gòu)，表現(xiàn)為網(wǎng)站的板塊劃分的合理性，信息內(nèi)容的獲取和功能服務(wù)的過程都應(yīng)該盡量將所需要進行的步驟控制在3-5步以內(nèi)，不得不需要更多的步驟的時應(yīng)該有明確的提示。所以導航條起到了至關(guān)重要的作用，本網(wǎng)頁的有點也就是條理清晰，但同時也是一處缺點，因為做的時間匆忙，導航的有些是圖片跟蹤鏈接，但不影響整體效果。</p><p><b>　　

83、4.一致性</b></p><p>　　設(shè)計一個網(wǎng)頁時，規(guī)劃一個統(tǒng)一的主題與風格可以使所有的頁面緊緊聯(lián)系在一起，保持頁面的一致性，既能強化風格定位所帶來的作用，又能在瀏覽體驗上給瀏覽者帶來方便和順暢。</p><p>　?。?）頁面整體設(shè)計風格的一致性</p><p>　　我采用的網(wǎng)頁整個針對一個模板，在模板的基礎(chǔ)上進行修改，而且每個分頁面里面各個小組也

84、用同樣的技術(shù)，具有很好的一致性。</p><p>　?。?）界面元素的命名的一致性</p><p>　　比如導航欄里元素命名簡單明了一致，在各個分頁面，例如牡丹品種里面各種花名的一致性等，每個網(wǎng)頁的界面元素大都是導航、圖片、文字。</p><p><b>　?。?）功能一致性</b></p><p>　　完成同樣的功能應(yīng)

85、該盡量使用同樣的元素，本網(wǎng)頁主要以介紹為主，所以其功能就是給用戶文字圖片等瀏覽信息，唯一的不同就是各種文字圖片展現(xiàn)的方式不同有動有靜。</p><p>　?。?）元素風格一致性</p><p>　　界面元素的美觀風格、擺放位置在同一個界面和不同界面之間都應(yīng)該是一致的，整個網(wǎng)頁的風格都有著古典中國文化的的風格，這個應(yīng)該是背景圖片給人的感覺。</p><p>　　4.2

86、.2 網(wǎng)頁設(shè)計風格：</p><p>　　洛陽牡丹網(wǎng)頁主要是用的紅棕色和黃色為主題色，背景的花紋是代表中國傳統(tǒng)審美的牡丹花圖案，還有祥云的文化概念在中國具有上千年的時間跨度，是具有代表性的中國文化符號 傳達熱情喜慶、祥和內(nèi)在的文化內(nèi)涵。整個設(shè)計簡單大方，讓人賞心悅目。</p><p>　　4.2.3界面構(gòu)成要素：</p><p>　　與傳統(tǒng)媒體不同，網(wǎng)頁除了文字和圖

87、像以外，還包含聲音、視頻和動畫等新興多媒體元素，更借助由代碼語言編程所實現(xiàn)的各種交互式效果，增加了網(wǎng)頁界面的生動性和復雜性，也使得網(wǎng)頁設(shè)計者需要考慮更多頁面元素的排布、優(yōu)化。我設(shè)計的網(wǎng)頁的界面主要由下面幾個因素構(gòu)成：</p><p><b>　　1.文字</b></p><p>　　文字元素是信息傳達的主體部分。網(wǎng)頁中的文字主要包括標題、信息、文字鏈接、幾種主要形式。

88、標題和傳統(tǒng)媒體中信息傳達的基本作用相同，是內(nèi)容的簡概說明一般比較醒目、優(yōu)先編排。介紹牡丹的信息用普通字體簡單大方，傳統(tǒng)的黑色作為百搭顏色，是整個頁面自然和諧美觀。</p><p><b>　　2.圖形</b></p><p>　　本網(wǎng)頁主要構(gòu)成部分是是文字和圖形，圖形的選擇，顏色的搭配，都影響到整個網(wǎng)頁的效果，圖形在網(wǎng)頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^

89、、形象地表現(xiàn)設(shè)計主題。網(wǎng)頁中很多圖形是關(guān)于牡丹花的不同形態(tài)，牡丹花本身就漂亮，所以圖片處理方面不是很多，在大小上調(diào)節(jié)有，里外還有圖片的亮度，不同的圖片的搭配等。我的網(wǎng)頁中常用的圖形格式包括jpg和gif，這樣使圖片加載起來速度變快，也不影響圖片的真實程度，更好的展示出牡丹的風姿，圖形元素包括標題、背景、主圖、鏈接圖標四種。</p><p><b>　　3.頁面版式</b></p>

90、<p>　　版式是網(wǎng)頁界面設(shè)計的重要組成部分，它將文字、圖形等視覺元素進行組合配置，使頁面整體視覺效果美觀和諧，便于閱讀，實現(xiàn)信息傳達的最佳效果。 我的頁面版式主要是左右方向，一欄導航條，剩下的介紹主題，直觀方面。</p><p><b>　　4.色彩</b></p><p>　　主要是紅棕色和淡黃色的暖色調(diào)，更具吸引力；也更好的展示出牡丹在中國人心中雍

91、容華貴的地位，具有一定的象征作用。 </p><p><b>　　5.多媒體</b></p><p>　　網(wǎng)頁構(gòu)成中的多媒體元素主要包括視頻和動畫。視頻更好的展示了牡丹的生長狀態(tài)，動畫運用簡單的flash滾動圖像效果，這些是界面構(gòu)成中比較吸引人的元素 。</p><p><b>　　6.技術(shù)</b></p>

92、<p>　　網(wǎng)頁的技術(shù)要素并非任何情況下在網(wǎng)頁中都能直觀體現(xiàn)，但是卻代表了設(shè)計的整體水平，也是衡量設(shè)計成功的重要標準。網(wǎng)頁界面設(shè)計最基本的技術(shù)要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。</p><p>　　4.3 網(wǎng)頁素材的搜集</p><p><b>　　4.3.1 文字</b></p><p>　　文字元素是信息傳達的主體

93、部分。本網(wǎng)頁里包含很多文字信息。</p><p>　　牡丹品種的介紹，12種不同的牡丹生長習性，花開狀況，牡丹的生長習慣栽培技術(shù)，這些主要在中國牡丹網(wǎng)上搜集相關(guān)資料并自行整理，放在每個文檔里，使用時插入。牡丹文化的介紹里關(guān)于牡丹文化，牡丹歷史，在百度上整理搜索整理，牡丹的著名歷史詩詞，則是通過以前在國花園游玩時所見記錄的，當然主要的途徑也是通過網(wǎng)絡(luò)。牡丹名園、洛陽著名旅游景點介紹信息大多在洛陽旅游網(wǎng)上搜集整理。牡

94、丹資訊則是搜集比較有重要影響的洛陽新聞，展示給游客。</p><p>　　文字素材的準備雖然簡單，但是工作量很大，所以每個相關(guān)文字信息都各自建立了文本文檔命名保存以備后用。</p><p><b>　　4.3.2 圖片</b></p><p>　　圖片主要有牡丹圖片、洛陽景點、洛陽小吃、牡丹花會Logo、場景，以及背景圖片，在圖片搜集過程中原圖

95、片關(guān)于牡丹圖片大多是用的自己親手拍攝的圖片，部分是網(wǎng)上下載，其他的圖片大多原材料是從網(wǎng)上下載的。</p><p>　　但是由于網(wǎng)上的很多不合要求，所以很多圖片經(jīng)過PS處理，重新設(shè)置圖片大小，對圖片進行處理去掉不必要的信息，背景圖片是自己處理的，先從網(wǎng)上下載相關(guān)的圖片，摳圖，從新組合添加圖層，插入文字，設(shè)置顏色字體格式。</p><p>　　4.3.3 視頻、動畫</p>&l

96、t;p>　　視頻動畫的插入使網(wǎng)頁不再變得呆板靜止不動，而且能更加生動展示出想要表現(xiàn)的內(nèi)容，讓網(wǎng)頁活動起來。</p><p>　　網(wǎng)頁中插入了一段視頻，視頻截取自中央臺紀錄片《牡丹》宣傳片，充分反映了牡丹生長歷程、花開花落、歷史變遷、文化影響等具有一定的代表性。</p><p>　　動畫有幾個滾動圖片的flash ，這個是簡單的動畫，自己通過Flash8.0制作然后插入，中間網(wǎng)頁里有w

97、eb相冊，則是通過Dreamweaver8.0自帶的圖像查看其功能實現(xiàn)。</p><p>　　4.4 網(wǎng)頁功能模塊的實現(xiàn)</p><p>　　4.4.1 首頁展示</p><p>　　模板的設(shè)置，插入背景圖片，洛陽牡丹甲天下，該圖片是之前在網(wǎng)上下載又經(jīng)過PS處理，插入四行一列表格，表格寬度為1000，第一行插入導航條，設(shè)置字體為18顏色白色，宋體，鏈接鼠標經(jīng)過時為紅

98、色下劃線，導航條的背景顏色為紅棕色，在第二行表單中設(shè)置背景圖片為導航1，插入文字洛陽牡丹甲天下，設(shè)置字體大小為36，顏色橙色，另插入編輯區(qū)域。第三行留做編輯區(qū)域，第四行，同樣插入背景圖片導航2，插入文字顯示聯(lián)系方式，設(shè)置字體大小14，顏色粉紅。背景顏色白色。</p><p><b>　　圖4-1 模板</b></p><p>　　首頁可以鏈接到本網(wǎng)站的各個主要部分，視

99、頻源自中央臺記錄片《牡丹》片頭，視頻欣賞讓人們大體了解牡丹成長過程、牡丹文化等。名花介紹鏈接到牡丹簡介，牡丹的各個品種。魅力洛陽鏈接到牡丹花都部分；牡丹名園連接到牡丹花會部分；洛陽小吃同樣鏈接牡丹花都部分。插入視頻的代碼如下：</p><p>　　<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=&

100、quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="650" height="450" id="FLVPlayer"></p><p>　　<param name="movie&qu

101、ot; value="FLVPlayer_Progressive.swf" /></p><p>　　<param name="salign" value="lt" /></p><p>　　<param name="quality" value="high" /&g

102、t;</p><p>　　<param name="scale" value="noscale" /></p><p>　　<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Corona_Skin_3&s

103、treamName=../%E3%80%8A%E7%89%A1%E4%B8%B9%E3%80%8B%E9%A6%96%E6%98%A0%E5%BC%8F%E6%80%BB%E5%AE%A3%5B%E9%AB%98%E6%B8%85%E7%89%88%5D&autoPlay=false&autoRewind=false" /></p><p>　　<embed src=&quo

104、t;FLVPlayer_Progressive.swf" flashvars="&MM_ComponentVersion=1&skinName=Corona_Skin_3&streamName=../%E3%80%8A%E7%89%A1%E4%B8%B9%E3%80%8B%E9%A6%96%E6%98%A0%E5%BC%8F%E6%80%BB%E5%AE%A3%5B%E9%AB%98%E6%B

105、8%85%E7%89%88%5D&autoPlay=false&autoRewind=false" quality="high" scale="noscale" width="650" height="450" name="FLVPlayer" salign="LT" type="a

106、pplication/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></p><p><b>　　</object></b></p><p>　　首頁主界面如圖4-3。</p><p>

107、　　插入模板，布局表格，將之前準備好的flv格式的視頻，插入左上方，視頻大小為700*300，插入圖片，設(shè)置圖片大小為100*100，右邊插入四行一列的表格，表格高100px,介紹牡丹品種，設(shè)置超鏈接，設(shè)置連接屬性，連接顏色為黑色，鼠標經(jīng)過時為紅色，并插入html水平線，表格邊框為0。</p><p>　　在其下面部分，布局表格，并將表格拆分為五行三列，插入flash按鈕，圖片、文字，圖片大小為125*125，文

108、字CSS樣式是hua-hua,每一列分別介紹，洛陽景點、牡丹名園、洛陽小吃并分別把圖片文字添加超鏈接。</p><p>　　最后插入web相冊，相冊照片在使用之前用PS處理好為1000*400大小，相冊照片是洛陽的風景照片一共7張，包括龍門石窟、瀛洲橋、老集燈籠街、西工體育塔、音樂噴泉等，設(shè)置相冊屬性，相冊以介紹洛陽風光。</p><p>　　洛陽景點web相冊屬性如圖4-2。</p

109、><p>　　圖4-2 洛陽景點web相冊屬性</p><p>　　圖4-3 首頁主界面</p><p>　　4.4.2 牡丹簡介界面</p><p>　　設(shè)置導航欄，以便用戶查找內(nèi)容，導航欄背景顏色為深綠色，鼠標經(jīng)過顏色為鮮綠色，字體設(shè)置CSS樣式，設(shè)置超鏈接，并在右側(cè)插入四行三列的表格，設(shè)置表格邊框為0，分別在每個單元格中插入圖片文字，圖片大

110、小為190*176，設(shè)置超鏈接。圖片分別為姚黃、魏紫、趙粉、粉二喬、豆綠、荷包牡丹、洛陽紅、雪塔、綠幕隱玉、玉樓點翠、烏金耀輝、醉西施等。介紹牡丹品種的文字大都從網(wǎng)上搜索，大概介紹每種品種的生長習性，花開狀態(tài)、歷史傳說等。牡丹簡介導航頁界面如圖4-4所示。</p><p>　　圖4-4 牡丹簡介導航頁界面</p><p>　　之后每個分頁面都以左邊部分為框架，右邊插入圖片設(shè)置圖片大小為60

111、0*500，文字樣式hua-hua，并把段落文字設(shè)置CSS樣式，是文字排版整齊，文字格式設(shè)置居中對齊，行間距20磅，一共14個分頁，分別介紹牡丹品種，生長習性、栽培技術(shù)。生長習性和栽培技術(shù)的介紹會讓牡丹種植愛好者更加深入了解牡丹的各種習性。在技術(shù)上是文字的編排。文字的樣式hua-hua。Hua-hua的CSS代碼如下：</p><p><b>　　hua_hua {</b></p>

112、;<p>　　font-size: 16px;</p><p>　　color: #000;</p><p>　　text-indent: 2em;</p><p>　　margin: 0px;</p><p>　　line-height: 25px;</p><p>　　text-align: just

113、ify;</p><p>　　vertical-align: top;</p><p><b>　　}</b></p><p>　　牡丹簡介中其中一個分頁“姚黃”如圖4-5所示：</p><p>　　圖4-5 牡丹簡介姚黃界面</p><p>　　4.4.3 牡丹文化界面</p>&

114、lt;p>　　插入一行兩列表格，將右側(cè)表格拆分為7行，在第一行，插入文字，設(shè)置文字CSS樣式，并插入html水平線，第二行設(shè)置字體大小為18加粗，第三行插入文字介紹，同理設(shè)置“簡介”“歷史發(fā)展”部分，將黑色“起源”“簡介”“歷史發(fā)展”設(shè)置錨點，分別為qy、jj、lsfz，在目錄部分設(shè)置鏈接屬性#qy、#jj、#lsfz。</p><p>　　右側(cè)分別插入圖片鏈接相關(guān)的網(wǎng)站，如中國牡丹網(wǎng)、洛陽旅游網(wǎng)、洛陽網(wǎng)等