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

1、<p><b>　　本科畢業(yè)論文</b></p><p><b>　　（20 屆）</b></p><p><b>　　洛陽(yáng)牡丹網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)</b></p><p>　　所在學(xué)院 </p><p>　　專業(yè)班級(jí)

2、 計(jì)算機(jī)科學(xué)與技術(shù) </p><p>　　學(xué)生姓名 學(xué)號(hào) </p><p>　　指導(dǎo)教師 職稱 </p><p>　　完成日期 年 月 </p><p><b>　　摘 要<

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

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

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)開(kāi)發(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)頁(yè)總體設(shè)計(jì)6</p><p>　　3.1 系統(tǒng)功能模塊分析6</p><p>　　3.1.1 首頁(yè)6</p><p>　　3.1.2 牡丹簡(jiǎn)介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 牡丹花會(huì)9</p><p>　　3.1.7 聯(lián)系我們9</p><p>　　3.2 具體框架圖9</p><p>　　第4章 網(wǎng)頁(yè)詳細(xì)設(shè)計(jì)12</p><p>　　4.1 開(kāi)發(fā)工具簡(jiǎn)介12</p><p>　　4.1．1 Dreamweave

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

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

16、　　4.4.1 首頁(yè)展示17</p><p>　　4.4.2 牡丹簡(jiǎn)介界面20</p><p>　　4.4.3 牡丹文化界面22</p><p>　　4.4.4 牡丹花都界面25</p><p>　　4.4.5 牡丹資訊界面26</p><p>　　4.4.6 牡丹花會(huì)界面28</p><

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

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

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

20、，只是更便捷、更便宜，更聰明、更有效。</p><p>　　洛陽(yáng)是十三朝古都，有“千年帝都，牡丹花城”的美譽(yù)。“洛陽(yáng)地脈花最宜，牡丹尤為天下奇。”其栽培始于隋，鼎盛于唐，宋時(shí)甲于天下。它雍容華貴、國(guó)色天香、富麗堂皇，寓意吉祥富貴、繁榮昌盛，是華夏民族興旺發(fā)達(dá)、美好幸福的象征?！奥尻?yáng)牡丹甲天下”，洛陽(yáng)因牡丹而變的更美麗，牡丹因洛陽(yáng)而跟絢爛。當(dāng)今的洛陽(yáng)正在迅速的發(fā)展，在旅游、工業(yè)農(nóng)業(yè)等都有顯著的成就，同時(shí)洛陽(yáng)也是全國(guó)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

60、;　　2．牡丹簡(jiǎn)介框架圖</b></p><p>　　牡丹簡(jiǎn)介主要有常見(jiàn)品種介紹，以及生長(zhǎng)環(huán)境介紹。常見(jiàn)品種包括姚黃、豆綠、魏紫、趙粉、洛陽(yáng)紅、荷包牡丹、綠幕隱玉、粉二喬、烏金耀輝、雪塔、玉樓點(diǎn)翠、醉西施。生長(zhǎng)環(huán)境包括生長(zhǎng)條件和栽培技術(shù)。</p><p>　　牡丹簡(jiǎn)介框架圖如圖3-2所示：</p><p>　　圖3-2 牡丹簡(jiǎn)介框架圖</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>　　牡丹花都主要包括景點(diǎn)介紹和洛陽(yáng)小吃兩部分，其中景點(diǎn)介紹有市區(qū)景點(diǎn)介紹如：龍門(mén)石窟、白馬寺、麗景門(mén)、關(guān)林廟。周邊景點(diǎn)介紹有：龍?zhí)秿{、雞冠洞、天池山、神靈寨。洛陽(yáng)小吃包括牡丹燕菜、洛陽(yáng)水席、不翻湯、洛陽(yáng)鍋貼。</p><p>　　牡丹花都框架圖如圖3-4所示：</p><p>　　圖3-4 牡丹花都框架圖</p><p><b

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

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

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

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

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

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

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

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

71、>　　<HTML> ---------------------------------------- 開(kāi)始標(biāo)簽 </p><p>　　<HEAD> -------------------------------------- </p><p>　　<TITLE> 一個(gè)簡(jiǎn)單的HTML示例 </TITLE> | 頭部標(biāo)簽 </p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

99、頻源自中央臺(tái)記錄片《牡丹》片頭，視頻欣賞讓人們大體了解牡丹成長(zhǎng)過(guò)程、牡丹文化等。名花介紹鏈接到牡丹簡(jiǎn)介，牡丹的各個(gè)品種。魅力洛陽(yáng)鏈接到牡丹花都部分；牡丹名園連接到牡丹花會(huì)部分；洛陽(yáng)小吃同樣鏈接牡丹花都部分。插入視頻的代碼如下：</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>　　首頁(yè)主界面如圖4-3。</p><p>

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

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

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

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

111、0*500，文字樣式hua-hua，并把段落文字設(shè)置CSS樣式，是文字排版整齊，文字格式設(shè)置居中對(duì)齊，行間距20磅，一共14個(gè)分頁(yè)，分別介紹牡丹品種，生長(zhǎng)習(xí)性、栽培技術(shù)。生長(zhǎng)習(xí)性和栽培技術(shù)的介紹會(huì)讓牡丹種植愛(ài)好者更加深入了解牡丹的各種習(xí)性。在技術(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>　　牡丹簡(jiǎn)介中其中一個(gè)分頁(yè)“姚黃”如圖4-5所示：</p><p>　　圖4-5 牡丹簡(jiǎn)介姚黃界面</p><p>　　4.4.3 牡丹文化界面</p>&

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