飲食文化網(wǎng)的設(shè)計(jì)畢業(yè)論文

1、<p>　　畢業(yè)設(shè)計(jì)（?？疲┤蝿?wù)書</p><p><b>　　[第1頁(yè)/共2頁(yè)]</b></p><p>　　注：第2頁(yè)/共2頁(yè)；本表由指導(dǎo)教師填寫一式三份。</p><p>　　【摘要】隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展, 當(dāng)代企業(yè)紛紛建立自己的網(wǎng)站,借助于互聯(lián)網(wǎng)擴(kuò)大自己的影響、推廣自己的產(chǎn)品,同時(shí)通過(guò)互聯(lián)網(wǎng)快速的信息傳遞加速自身的發(fā)展。因此

2、我選擇將地方文化網(wǎng)站的設(shè)計(jì)以及前臺(tái)網(wǎng)頁(yè)的設(shè)計(jì)制作作為我的項(xiàng)目。網(wǎng)絡(luò)應(yīng)用正在深入，網(wǎng)絡(luò)營(yíng)銷知識(shí)在普及，越來(lái)越多企業(yè)老總、管理人員意識(shí)到：一個(gè)一、兩年沒(méi)更新過(guò)的網(wǎng)站，以及一個(gè)做得精美但沒(méi)有多少人知道的網(wǎng)站，完全是在浪費(fèi)資源?！靶畔⒒痹瓉?lái)并非一次性投資建一個(gè)網(wǎng)站那么簡(jiǎn)單，更重要的工作在于網(wǎng)站建成后的長(zhǎng)期更新與推廣過(guò)程。重點(diǎn)項(xiàng)目主要指搜索引擎推廣、網(wǎng)絡(luò)廣告。國(guó)內(nèi)搜索引擎和網(wǎng)絡(luò)廣告的業(yè)務(wù)開展都力推代理制，可以在網(wǎng)站上找到它們?cè)诟鞯貐^(qū)的授權(quán)代理商

3、，有時(shí)候，通過(guò)代理的價(jià)格比媒體網(wǎng)站自己的對(duì)外報(bào)價(jià)還低。本論文所研究的是如何建設(shè)一個(gè)符合大眾化要求的地方文化網(wǎng)站，本論文所提出的方案是采用現(xiàn)在比較流行的ASP技術(shù)配合網(wǎng)頁(yè)三劍客（dreamweaver、fireworks、flash）、photoshop、html等制作工具來(lái)設(shè)計(jì)和建設(shè)一個(gè)地方文化網(wǎng)站。該系統(tǒng)的基本功能有公司的簡(jiǎn)介、飲食文化、在線留言等等來(lái)設(shè)計(jì)。</p><p>　　【關(guān)鍵詞】飲食文化 網(wǎng)頁(yè)設(shè)計(jì)

4、 功能模塊</p><p><b>　　目 錄</b></p><p><b>　　前 言1</b></p><p>　　第一章 企業(yè)網(wǎng)站建設(shè)方案2</p><p>　　第一節(jié) 建立網(wǎng)站的必要性和可行性2</p><p>　　一、建立網(wǎng)站的必要性2</p&

5、gt;<p><b>　　二、可行性分析3</b></p><p>　　第二節(jié) 企業(yè)網(wǎng)站建站目的3</p><p>　　第三節(jié) 網(wǎng)站設(shè)計(jì)需求4</p><p>　　一、課題來(lái)源及意義4</p><p>　　二、系統(tǒng)基本達(dá)到的目標(biāo)及結(jié)論4</p><p>　　三、需求分析

6、結(jié)果5</p><p>　　第四節(jié) 企業(yè)網(wǎng)站設(shè)計(jì)原則5</p><p><b>　　一、目的性6</b></p><p><b>　　二、專業(yè)性6</b></p><p><b>　　三、實(shí)用性6</b></p><p><b>　

7、　四、層次性6</b></p><p><b>　　五、一致性6</b></p><p>　　第五節(jié) 網(wǎng)站架設(shè)步驟7</p><p>　　第六節(jié) 網(wǎng)站建設(shè)流程8</p><p>　　第二章 開發(fā)工具的選擇和介紹19</p><p>　　第一節(jié) HTML語(yǔ)言19<

8、;/p><p>　　一、Html語(yǔ)言介紹19</p><p><b>　　二、圖象標(biāo)記21</b></p><p><b>　　三、表單標(biāo)記21</b></p><p>　　第二節(jié) 網(wǎng)頁(yè)三劍客23</p><p>　　一、Flash23</p><

9、p>　　二、Fireworks23</p><p>　　三、Dreamweaver24</p><p>　　第三節(jié) IIS服務(wù)器25</p><p>　　第三章 網(wǎng)頁(yè)的界面設(shè)計(jì)27</p><p>　　第一節(jié) 網(wǎng)站設(shè)計(jì)原則27</p><p>　　第二節(jié) 設(shè)計(jì)風(fēng)格28</p>&

10、lt;p>　　第三節(jié) 網(wǎng)頁(yè)界面構(gòu)成要素28</p><p>　　第四節(jié) 網(wǎng)頁(yè)的色彩搭配29</p><p>　　第五節(jié) 網(wǎng)頁(yè)的整體造型30</p><p>　　第四章 企業(yè)網(wǎng)站功能模塊的實(shí)現(xiàn)31</p><p>　　第一節(jié) 導(dǎo)航的實(shí)現(xiàn)31</p><p><b>　　一、網(wǎng)站首頁(yè)3

11、1</b></p><p><b>　　二、企業(yè)介紹32</b></p><p><b>　　三、最新動(dòng)態(tài)33</b></p><p><b>　　四、產(chǎn)品手冊(cè)34</b></p><p><b>　　五、旅游景點(diǎn)35</b></

12、p><p><b>　　六、網(wǎng)上預(yù)訂36</b></p><p>　　七、聯(lián)系我們和在線留言37</p><p>　　第二節(jié) 企業(yè)網(wǎng)站的搭配方式39</p><p>　　一、注重企業(yè)網(wǎng)站色彩的和諧搭配及統(tǒng)一39</p><p>　　二、注重企業(yè)網(wǎng)站內(nèi)容建設(shè)39</p><

13、;p>　　三、注重企業(yè)網(wǎng)站下載速度40</p><p>　　第五章 網(wǎng)站開發(fā)的后續(xù)工作41</p><p>　　第一節(jié) 兼容性測(cè)試41</p><p>　　第二節(jié) 網(wǎng)站的發(fā)布41</p><p>　　第三節(jié) 網(wǎng)站的維護(hù)42</p><p><b>　　結(jié) 論33</b>

14、</p><p><b>　　結(jié)束語(yǔ)34</b></p><p><b>　　參考文獻(xiàn)35</b></p><p>　　附錄一：頭部文件代碼36</p><p>　　附錄二：底部文件代碼37</p><p>　　附錄三：css文件38</p><

15、p><b>　　前 言</b></p><p>　　企業(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ā)展開辟一個(gè)良好的社會(huì)環(huán)境。它的內(nèi)容對(duì)于企業(yè)來(lái)說(shuō)至關(guān)重要,企業(yè)概況、企業(yè)論談、企業(yè)特色服務(wù)、最新企業(yè)新聞動(dòng)態(tài)等部分應(yīng)該能夠?yàn)橛脩籼峁┏渥愕男畔?。企業(yè)

16、網(wǎng)站做成檢索迅速、查找方便、可靠性高、存儲(chǔ)量大、保密性好、壽命長(zhǎng)、成本低、維護(hù)方便、信息實(shí)時(shí)性強(qiáng)的功能完善的大型企業(yè)網(wǎng)站。這些優(yōu)點(diǎn)能夠極大地提高了企業(yè)網(wǎng)站的效率,也是企業(yè)走向科學(xué)化、信息化與世界接軌的重要條件。</p><p>　　中國(guó)已進(jìn)入溫飽問(wèn)題基本得到解決的小康社會(huì)，人們對(duì)食物的要求越來(lái)越高，不僅僅局限于能吃飽就好，越來(lái)越多人在追求更多的美食。**菜歷經(jīng)千余年而形成和發(fā)展，以其獨(dú)特風(fēng)味自成一體，是**人民經(jīng)

17、過(guò)長(zhǎng)期的積累、改進(jìn)而形成的地方美食，享譽(yù)世界。作為土生土長(zhǎng)的**人，**菜一直是我們的驕傲，不管到任何地方都會(huì)想念家鄉(xiāng)那熟悉的味道。潮州雖然只是個(gè)粵東小城市，但在悠久傳統(tǒng)文化的熏陶下，蘊(yùn)含豐富的人文底蘊(yùn)及濃郁的地方特色的潮州菜系早就受到全國(guó)甚至全世界的認(rèn)可。</p><p>　　迅猛發(fā)展并日益成熟的互聯(lián)網(wǎng)已經(jīng)影響到我們生活的方方面面。人們真真切切的體會(huì)到了網(wǎng)絡(luò)帶給大家的便捷，互聯(lián)網(wǎng)也以其獨(dú)有的優(yōu)勢(shì)快速地滲透到越來(lái)

18、越多的傳統(tǒng)領(lǐng)域。**悠久的飲食文化、推陳出新的美食特色、種類多樣的選擇無(wú)疑可以在互聯(lián)網(wǎng)上“大展拳腳”，在網(wǎng)上推廣**美食，詳述各種美食做法必定可以受到徽菜愛(ài)好者們的追捧。近年來(lái)，已出現(xiàn)不少網(wǎng)站對(duì)徽菜進(jìn)行普及宣傳，提供大量美食信息，介紹**菜系和小吃的飲食文化、飲食習(xí)俗、飲食習(xí)慣等，具有一定的可讀性和趣味性。開發(fā)此網(wǎng)站，目的在于盡可能詳細(xì)地展示、介紹各種美食信息，同時(shí)提供美食愛(ài)好者一個(gè)交流的平臺(tái)，使得更多的美食傳統(tǒng)做法得到推廣，也可激發(fā)更

19、多美食創(chuàng)意的產(chǎn)生。</p><p>　　第一章 企業(yè)網(wǎng)站建設(shè)方案</p><p>　　第一節(jié) 建立網(wǎng)站的必要性和可行性</p><p>　　一、建立網(wǎng)站的必要性</p><p>　　二十一世紀(jì)進(jìn)入信息發(fā)展高速路，數(shù)碼化革命給所有領(lǐng)域帶來(lái)新的改變。隨著電腦辦公自動(dòng)化的普及，企業(yè)紛紛建立自己所需的網(wǎng)站應(yīng)運(yùn)而生，一切都?xì)w功于Internet的巨

20、大貢獻(xiàn)，互聯(lián)網(wǎng)的世界里蘊(yùn)藏?zé)o限生機(jī)，這里只有想不到的、沒(méi)有做不到的。由于國(guó)際互聯(lián)網(wǎng)是一個(gè)不受時(shí)空限制的信息交換系統(tǒng)，所以它是目前最直接、最豐富和最快捷的聯(lián)系方式，信息溝通的高效率為企業(yè)帶來(lái)了最大的方便。所以在現(xiàn)今社會(huì)對(duì)于一個(gè)企業(yè)來(lái)說(shuō)，網(wǎng)站已經(jīng)是不可缺少的一部分了。而我們做網(wǎng)站不是為了趕一時(shí)的潮流或是博取一個(gè)好聽的名聲才做的，只有把網(wǎng)絡(luò)技術(shù)同企業(yè)管理體系、工作流程和商務(wù)動(dòng)作實(shí)現(xiàn)緊密地集成，才能真正發(fā)揮企業(yè)網(wǎng)站的作用。一個(gè)企業(yè)建網(wǎng)的最終目的

21、和它的經(jīng)營(yíng)目的應(yīng)該是一致的，就是通過(guò)企業(yè)網(wǎng)站來(lái)降低企業(yè)的管理成本和交易成本以及通過(guò)開展商業(yè)活動(dòng)來(lái)獲得更多的利潤(rùn)。明確了這一目標(biāo)，才能正確地經(jīng)營(yíng)這個(gè)網(wǎng)站，并使其為企業(yè)服務(wù)。在此，我們應(yīng)結(jié)合企業(yè)的現(xiàn)狀與網(wǎng)站未來(lái)發(fā)展方向，為企業(yè)度身定做一套符合自己需求的網(wǎng)站建設(shè)方案。</p><p>　　隨著全球信息向網(wǎng)絡(luò)化方向發(fā)展，Internet（因特網(wǎng)）在世界上已不再單純是一種技術(shù)，更主要的是 Internet已成為一種新的經(jīng)營(yíng)

22、模式，從4C （Connection、Communication、Commerce & Co-operation）層次上徹底改變了人類的工作、生活、學(xué)習(xí)和娛樂(lè)方式，已成為國(guó)家經(jīng)濟(jì)和區(qū)域性經(jīng)濟(jì)增長(zhǎng)的主要?jiǎng)恿?Internet正成為世界最大的公共資料庫(kù)。它包容著數(shù)不清的信息資源，任何最新的信息都可以通過(guò)網(wǎng)絡(luò)搜尋迅速獲得，更重要的是，大部分信息都是免費(fèi)的。企業(yè)網(wǎng)站的建設(shè)，可以使企業(yè)得到以前無(wú)法獲得的商業(yè)資源，真是商機(jī)無(wú)限，在激烈的市場(chǎng)

23、競(jìng)爭(zhēng)中領(lǐng)先對(duì)手。</p><p><b>　　二、可行性分析</b></p><p><b>　　1、社會(huì)可行性</b></p><p>　　本網(wǎng)站的開發(fā)符合國(guó)家法律法規(guī)，能健康獨(dú)立的運(yùn)行，操作使用方便，能免費(fèi)提供大量潮州美食信息，用戶通過(guò)本平臺(tái)不僅可以查閱到自己需要的信息資源，還能進(jìn)行評(píng)論和交流，滿足不同地方的美食愛(ài)好者

24、的需求。</p><p><b>　　2、技術(shù)可行性</b></p><p>　　就技術(shù)層面而言，此美食網(wǎng)站開發(fā)基于B/S模式，擬建的方案較為成熟，技術(shù)難度不大。主要包括前端應(yīng)用程序以及后臺(tái)數(shù)據(jù)庫(kù)的建立和維護(hù)，前者要求具備功能完善、方便使用等特點(diǎn)，而后者則要求能夠建立數(shù)據(jù)一致性和完整性強(qiáng)，安全性好的庫(kù)。</p><p>　　網(wǎng)站使用的Acces

25、s數(shù)據(jù)庫(kù)、ASP開發(fā)語(yǔ)言作為開發(fā)工具，IIS作為Ｗeb服務(wù)器，這些都已經(jīng)是目前十分成熟的技術(shù)，應(yīng)用數(shù)量日益增多。</p><p>　　同時(shí)，大學(xué)四年所學(xué)習(xí)的專業(yè)知識(shí)使我在一定程度上具備了開發(fā)這一網(wǎng)站的能力，現(xiàn)有的計(jì)算機(jī)設(shè)備也完全可滿足此次開發(fā)的需要。</p><p><b>　　3、經(jīng)濟(jì)可行性</b></p><p>　　本美食網(wǎng)站設(shè)計(jì)與開發(fā)所

26、要求的硬件（計(jì)算機(jī)及相關(guān)硬件）和軟件（Dreamweaver + Accsess + IIS 等）均在市面上易于購(gòu)買或可直接從網(wǎng)上下載并免費(fèi)使用，不需要再花費(fèi)大量的資金去購(gòu)買高成本的設(shè)備，大大提高了在設(shè)計(jì)過(guò)程中的工作效率。網(wǎng)站的主要成本主要集中在開發(fā)過(guò)程及后期維護(hù)上，開發(fā)周期短，人員經(jīng)濟(jì)支出不大，對(duì)用戶不會(huì)造成過(guò)重經(jīng)濟(jì)負(fù)擔(dān)。且投入使用后，可通過(guò)招商廣告版面等方式收取費(fèi)用，以應(yīng)付日常必要開支甚至盈利，因此，本系統(tǒng)在經(jīng)濟(jì)上是可行的。<

27、/p><p>　　第二節(jié) 企業(yè)網(wǎng)站建站目的</p><p>　　形象展示：樹立企業(yè)形象，展示企業(yè)實(shí)力，宣傳企業(yè)文化，建立企業(yè)品牌。</p><p>　　產(chǎn)品展示：發(fā)布產(chǎn)品信息，提供產(chǎn)品詳細(xì)技術(shù)參數(shù)。</p><p>　　信息發(fā)布：及時(shí)發(fā)布企業(yè)信息，產(chǎn)品動(dòng)態(tài)。</p><p>　　聯(lián)系企業(yè)：為客戶提供在線聯(lián)系企業(yè)，解答客戶

28、疑問(wèn)，提供與客戶信息交流的渠道。</p><p>　　人員招聘：發(fā)布集團(tuán)各企業(yè)招聘信息。</p><p>　　第三節(jié) 網(wǎng)站設(shè)計(jì)需求</p><p><b>　　一、課題來(lái)源及意義</b></p><p>　　信息產(chǎn)業(yè)的發(fā)展，促使相關(guān)技術(shù)也得到相應(yīng)的發(fā)展。電子商務(wù)作為未來(lái)商務(wù)、流通等領(lǐng)域的熱門從1999年開始也得到飛速發(fā)

29、展，而基于網(wǎng)上的網(wǎng)站建設(shè)、網(wǎng)頁(yè)制作和發(fā)布也得到了重視。</p><p>　　建立美食網(wǎng)站的好處：</p><p>　　可以利用網(wǎng)站及時(shí)得到客戶的反饋信息。</p><p><b>　　可以降低通信費(fèi)用。</b></p><p>　　可以與潛在客戶建立商業(yè)聯(lián)系。</p><p>　　可以與客戶保持密

30、切聯(lián)系。</p><p>　　可以全面詳細(xì)地介紹美食及其制作方法。</p><p>　　二、系統(tǒng)基本達(dá)到的目標(biāo)及結(jié)論</p><p>　　在線美食網(wǎng)主要實(shí)現(xiàn)以下目標(biāo)：</p><p>　　系統(tǒng)架構(gòu)清晰、界面友好美觀。</p><p>　　動(dòng)態(tài)式信息發(fā)布：為充分展現(xiàn)網(wǎng)站的時(shí)實(shí)性，在線美食網(wǎng)采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)實(shí)現(xiàn)內(nèi)容發(fā)布。&

31、lt;/p><p>　　提供多種信息搜索方式，用戶可根據(jù)需要方便、快捷地查找到所需信息。</p><p>　　采用地圖查詢名店信息方便直觀。</p><p>　　提供用戶留言板，增強(qiáng)網(wǎng)站的互動(dòng)性。</p><p><b>　　三、需求分析結(jié)果</b></p><p><b>　　樹立企業(yè)形象

32、</b></p><p><b>　　吸引更多的客戶</b></p><p>　　為現(xiàn)有的客戶提供更有效的服務(wù) </p><p><b>　　保持市場(chǎng)的領(lǐng)先地位</b></p><p><b>　　提高管理效率</b></p><p><

33、;b>　　開發(fā)新的商業(yè)機(jī)會(huì)</b></p><p>　　建立完善的售后服務(wù)系統(tǒng)</p><p><b>　　圖1.1前臺(tái)信息</b></p><p>　　第四節(jié) 企業(yè)網(wǎng)站設(shè)計(jì)原則</p><p>　　企業(yè)網(wǎng)站的建設(shè)是有一定的原則的,下面就這些原則來(lái)談?wù)勂髽I(yè)網(wǎng)站的建設(shè)。</p><p

34、><b>　　一、目的性</b></p><p>　　任何一個(gè)網(wǎng)站，必須首先具有明確的目的和目標(biāo)群體。網(wǎng)站是面對(duì)客戶、供應(yīng)商、消費(fèi)者還是全部？主要目的是為了介紹企業(yè)、宣傳某種產(chǎn)品還是為了試驗(yàn)電子商務(wù)？如果目的不是唯一的，還應(yīng)該清楚的列出不同目的的輕重關(guān)系。建站包括類型的選擇、內(nèi)容功能的籌備、界面設(shè)計(jì)等各個(gè)方面都受到目的性的直接影響，因此目的性是一切原則的基礎(chǔ)。</p>&

35、lt;p><b>　　二、專業(yè)性 </b></p><p>　　網(wǎng)站的信息內(nèi)容應(yīng)該充分展現(xiàn)企業(yè)的專業(yè)特性，對(duì)外介紹企業(yè)自身，最主要的目的是向外界介紹企業(yè)的業(yè)務(wù)范圍、性質(zhì)和實(shí)力，從而創(chuàng)造更多的商機(jī)。</p><p><b>　　三、實(shí)用性</b></p><p>　　網(wǎng)站提供的功能服務(wù)應(yīng)該是切合瀏覽者實(shí)際需求的且符合

36、企業(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ú)利。</p><p><b>　　四、層次性</b></p><p>　　條理清晰的結(jié)構(gòu)，表現(xiàn)為網(wǎng)站的板塊劃分的合理性，信息內(nèi)容的獲取和功能服務(wù)的過(guò)程都應(yīng)該盡量將所需要進(jìn)行的步驟控

37、制在3-5步以內(nèi)，不得不需要更多的步驟的時(shí)應(yīng)該有明確的提示。</p><p><b>　　五、一致性</b></p><p>　　頁(yè)面整體設(shè)計(jì)風(fēng)格的一致性：整體頁(yè)面布局和用圖用色風(fēng)格前后一致。</p><p>　　界面元素的命名的一致性：同樣的元素應(yīng)該用同樣的命名；同類元素命名滿足一致性，做到即使某個(gè)元素的表述不清楚也能從上下文推斷其義。<

38、;/p><p>　　功能一致性：完成同樣的功能應(yīng)該盡量使用同樣的元素。</p><p>　　元素風(fēng)格一致性：界面元素的美觀風(fēng)格、擺放位置在同一個(gè)界面和不同界面之間都應(yīng)該是一致的。</p><p>　　第五節(jié) 網(wǎng)站架設(shè)步驟</p><p>　　針對(duì)企業(yè)發(fā)展方向及戰(zhàn)略部署計(jì)劃對(duì)網(wǎng)站進(jìn)行規(guī)劃，以實(shí)現(xiàn)良好的運(yùn)行，實(shí)現(xiàn)網(wǎng)站架設(shè)目標(biāo)。一般網(wǎng)站設(shè)計(jì)大體包含分

39、兩個(gè)方面：</p><p><b>　　第一：網(wǎng)站信息布局</b></p><p>　　網(wǎng)站的主體信息結(jié)構(gòu)及布局，它是總體網(wǎng)站的框架，所有的內(nèi)容信息都會(huì)以此為依據(jù)進(jìn)行布局，清晰明了的布局會(huì)使瀏覽者能方便快捷地取得所需信息。</p><p>　　第二：網(wǎng)站頁(yè)面制作先進(jìn)技術(shù)應(yīng)用</p><p>　　這是一個(gè)成功網(wǎng)站所不可缺少

40、的重要部分，中國(guó)企業(yè)網(wǎng)在這方面有著非常雄厚的實(shí)力，能為我們尋找友好的合作伙伴。</p><p>　　網(wǎng)站的內(nèi)容必須要生動(dòng)活潑，網(wǎng)站的整體風(fēng)格創(chuàng)意設(shè)計(jì)，才能吸引瀏覽者停留，我們采用現(xiàn)今網(wǎng)絡(luò)上最流行的CSS，F(xiàn)LASH，Javascript等技術(shù)進(jìn)行網(wǎng)站的靜態(tài)和動(dòng)態(tài)頁(yè)面設(shè)計(jì)，動(dòng)態(tài)的按鈕，活動(dòng)的小圖標(biāo)，優(yōu)美協(xié)調(diào)的色彩配以悅耳的背景音樂(lè)，將會(huì)使瀏覽者留下深刻的印象。</p><p>　　網(wǎng)站的某些

41、適當(dāng)?shù)奈恢脭[放一些動(dòng)態(tài)的小圖案，在保證瀏覽速度的情況下，在網(wǎng)站各欄目之間加入適量的動(dòng)態(tài)的連接，網(wǎng)站的互動(dòng)性會(huì)大加強(qiáng)。</p><p>　　應(yīng)根據(jù)企業(yè)的各種產(chǎn)品的特性，配合整個(gè)網(wǎng)站本身的設(shè)計(jì)風(fēng)格對(duì)每個(gè)系列的產(chǎn)品進(jìn)行網(wǎng)上的重新包裝設(shè)計(jì)，務(wù)求達(dá)到展現(xiàn)企業(yè)的品牌形象。</p><p>　　FLASH是現(xiàn)時(shí)網(wǎng)絡(luò)上最歡迎的網(wǎng)絡(luò)技術(shù)，作為一種可以用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的SHOCKWAVE,它的優(yōu)點(diǎn)是

42、體積小，可邊下載邊播放，這樣就避免了用戶長(zhǎng)時(shí)間的等待。用FLASH制作的動(dòng)畫，還可以加入很cool、很有感染力的音樂(lè)。這樣就能生成多媒體的圖形和界面，而且使文件的體積很小。</p><p>　　另外，網(wǎng)頁(yè)的信息中，除了小圖標(biāo)，Banner，按鈕之外，還有大量的文字和圖象，需要處理，CGI、圖片和文字支持是不可缺少的部分，我們先進(jìn)設(shè)備和認(rèn)真的工作態(tài)度一定能制作出令你滿意的網(wǎng)站。</p><p&g

43、t;　　第六節(jié) 網(wǎng)站建設(shè)流程</p><p>　　了解企業(yè)的最真實(shí)的需求，為該企業(yè)提供專業(yè)的策劃方案；</p><p>　　根據(jù)該企業(yè)名稱、行業(yè)特點(diǎn)、地域等相關(guān)信息策劃域名構(gòu)成；</p><p>　　確定網(wǎng)站建設(shè)內(nèi)容、網(wǎng)站結(jié)構(gòu)、應(yīng)用系統(tǒng)、規(guī)模等；</p><p>　　進(jìn)行資料收集、上傳所需要的文檔；</p><p>

44、　　網(wǎng)站風(fēng)格策劃、網(wǎng)頁(yè)設(shè)計(jì)、內(nèi)容整理、圖片處理、文字錄入；</p><p>　　設(shè)計(jì)完成網(wǎng)站初稿，提供給老師檢查并提出修改意見(jiàn)和建議；</p><p>　　根據(jù)畢業(yè)設(shè)計(jì)要求和老師建議對(duì)網(wǎng)站進(jìn)行修改和調(diào)整；</p><p>　　網(wǎng)站上傳，網(wǎng)站正式開放發(fā)布；</p><p><b>　　網(wǎng)站維護(hù)和推廣。</b></p&

45、gt;<p>　　第二章 開發(fā)工具的選擇和介紹</p><p>　　第一節(jié) HTML語(yǔ)言</p><p>　　一、Html語(yǔ)言介紹</p><p>　　HTML（HyperTextMark-upLanguage）即超文本標(biāo)記語(yǔ)言，是WWW的描述語(yǔ)言。html 是在 sgml 定義下的一個(gè)描述性語(yǔ)言，或可說(shuō) html 是 sgml 的一個(gè)應(yīng)用程式，h

46、tml 不是程式語(yǔ)言，它只是標(biāo)示語(yǔ)言。</p><p><b>　　1、主要特點(diǎn)</b></p><p>　　設(shè)計(jì)HTML語(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)

47、容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說(shuō)明的具體內(nèi)容。</p><p>　　另外，HTML是網(wǎng)絡(luò)的通用語(yǔ)言，一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)

48、面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。神奇嗎?一點(diǎn)都不神奇,因?yàn)楝F(xiàn)在你看到的就是這種語(yǔ)言寫的頁(yè)面。</p><p>　　也許你聽說(shuō)過(guò)許多可以編輯網(wǎng)頁(yè)的軟件，事實(shí)上，你不需要用任何專門的軟件來(lái)建立HTML頁(yè)面；你所需要的只是一個(gè)文字處理器（如McrosoftWord\記事本\寫字板等等）以及HTML的工作常識(shí)。其實(shí)你很快就會(huì)發(fā)現(xiàn),基礎(chǔ)的HTML語(yǔ)言很容易。</p><

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

50、面是一個(gè)最基本的html文檔的代碼:1－1.html </p><p>　　<HTML> ---------------------------------------- 開始標(biāo)簽 </p><p>　　<HEAD> -------------------------------------- </p><p>　　<TITLE>

51、 一個(gè)簡(jiǎn)單的HTML示例 </TITLE> | 頭部標(biāo)簽 </p><p>　　</HEAD> -------------------------------------- </p><p>　　<BODY> ---------------------------------------- </p><p>　　<CENTE

52、R> | </p><p>　　<H1>歡迎光臨我的主頁(yè)</H1> | </p><p><b>　　<BR> | </b></p><p>　　<HR> | 文件主體 </p><p>　　<FONT SIZE= 7 COLOR= red> | <

53、/p><p>　　這是我第一次做主頁(yè) | </p><p>　　</FONT> | </p><p>　　</CENTER> | </p><p>　　</BODY> --------------------------------------- </p><p>　　</HTML

54、> --------------------------------------- 結(jié)尾標(biāo)簽 </p><p>　　<HTML></HTML>在文檔的最外層， 文檔中的所有文本和html標(biāo)簽都包含在其中，它表示該文檔是以超文本標(biāo)識(shí)語(yǔ)言（HTML）編寫的。事實(shí)上，現(xiàn)在常用的Web瀏覽器都可以自動(dòng)識(shí)別HTML文檔，并不要求有 <html>標(biāo)簽，也不對(duì)該標(biāo)簽進(jìn)行任何操作，但是為

55、了使HTML文檔能夠適應(yīng)不斷變化的Web瀏覽器，還是應(yīng)該養(yǎng)成不省略這對(duì)標(biāo)簽的良好習(xí)慣。 </p><p>　　<HEAD></HEAD>是HTML文檔的頭部標(biāo)簽, 在瀏覽器窗口中，頭部信息是不被顯示在正文中的,在此標(biāo)簽中可以插入其它標(biāo)記, 用以說(shuō)明文件的標(biāo)題和整個(gè)文件的一些公共屬性。若不需頭部信息則可省略此標(biāo)記，良好的習(xí)慣是不省略。 </p><p>　　<t

56、itle>和</title>是嵌套在<HEAD>頭部標(biāo)簽中的，標(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)

57、簽中的。</p><p><b>　　二、圖象標(biāo)記</b></p><p>　　1、鏈入圖象的基本語(yǔ)法</p><p>　　<img src=#> #=圖象的 URL</p><p>　　<img alt=#></p><p>　　#=在瀏覽器尚未完全讀入圖象時(shí)，在圖象位置

58、顯示的文字。</p><p>　　<img src="f.gif" alt="MY FACE :-)"></p><p>　　2、圖象和文字的對(duì)齊</p><p>　　img align=#> #=top, middle, bottom</p><p>　　<img src=UR

59、L align=top或align=middle或align= bottom > My face!</p><p><b>　　3、邊框</b></p><p>　　<img border=#> #=value</p><p>　　<a href="URL"></p><p&

60、gt;　　<img src=URL border=15></p><p><b>　　</a></b></p><p><b>　　三、表單標(biāo)記</b></p><p><b>　　1、表單的基本語(yǔ)法</b></p><p>　　<form act

61、ion="url" method=*></p><p><b>　　... </b></p><p><b>　　... </b></p><p>　　<input type=submit> <input type=reset></p><p>&l

62、t;b>　　</form></b></p><p>　　2、文字輸入和密碼輸入</p><p>　　<form action=/cgi-bin/post-query method=POST></p><p><b>　　您的姓名: </b></p><p>　　<input

63、 type=text name=姓名><br></p><p><b>　　您的主頁(yè)的網(wǎng)址: </b></p><p>　　<input type=text name=網(wǎng)址 value=http://><br></p><p><b>　　密碼: </b></p>&

64、lt;p>　　<input type=password name=密碼><br></p><p>　　<input type=submit value="發(fā)送"><input type=reset value="重設(shè)"></p><p><b>　　</form></b

65、></p><p>　　3、復(fù)選框(Checkbox) 和單選框(RadioButton)</p><p>　　<form action=/cgi-bin/post-query method=POST></p><p>　　<input type=checkbox name=水果1>Banana<p></p>

66、<p>　　<input type=checkbox name=水果2 checked>Apple<p></p><p>　　<input type=checkbox name=水果3 value=橘子>Orange<p></p><p>　　<input type=submit><input type=reset

67、></p><p><b>　　</form></b></p><p>　　4、列表框(Selectable Menu)</p><p>　　<form action=/cgi-bin/post-query method=POST></p><p>　　<select name=fru

68、its size=3></p><p>　　<option>Banana</p><p>　　<option selected>Apple</p><p>　　<option value=My_Favorite>Orange</p><p>　　<option>Peach</p>

69、;<p><b>　　</select></b></p><p>　　<input type=submit><input type=reset></p><p><b>　　</form></b></p><p>　　第二節(jié) 網(wǎng)頁(yè)三劍客</p>

70、<p>　　Dreamweaver，F(xiàn)ireworks，F(xiàn)lash被稱為網(wǎng)頁(yè)制作的“三劍客”，這三款工具相輔相承，是制作網(wǎng)頁(yè)的最佳拍檔之一。</p><p><b>　　一、Flash</b></p><p>　　FLASH的基本界面及操作如圖2.1所示。</p><p>　　圖2.1FLASH的基本界面</p>&

71、lt;p>　　圖中①是工具面版。這里要注意的就是顏色，這里的顏色定義有兩個(gè)，則是區(qū)塊顏色和邊框顏色。②這個(gè)面版叫時(shí)間軸面版，左邊是圖層。右邊則是控制動(dòng)畫的時(shí)間軸了。③我們稱作舞臺(tái)，也就是我們所作的對(duì)象都是在這里出現(xiàn)，我們也可以叫它畫布。④⑤這兩個(gè)就是顏色屬性和一些其他的屬性，都是浮動(dòng)的面版。</p><p>　　二、Fireworks </p><p>　　Fireworks的工作界

72、面如圖2.2所示。</p><p>　　圖2.2 Fireworks 的基本界面</p><p>　　Fireworks的工作界面由“菜單欄”、“工具欄”、“工作區(qū)”、“工具條”、“組合面板”和“屬性框”六個(gè)部分組成。</p><p>　　三、Dreamweaver </p><p>　　Dreamweaver工作區(qū)界面如圖2-3所示。&

73、lt;/p><p>　　標(biāo)記的文檔窗口、可對(duì)接的面板組、可自定義的工具條和集成的文件瀏覽將直觀的工作區(qū)呈現(xiàn)在我們眼前。</p><p>　　圖2.3 Dreamweaver 的基本界面</p><p>　　第三節(jié) IIS服務(wù)器</p><p>　　IIS的配置。我們可以建立一個(gè)新站點(diǎn)。一個(gè)Web站點(diǎn)實(shí)際上是IIS服務(wù)器上的一個(gè)目錄，并且該目

74、錄的訪問(wèn)權(quán)限由IIS控制。安裝好Web服務(wù)器后，它將在系統(tǒng)中自動(dòng)建立一個(gè)默認(rèn)Web站點(diǎn)，用戶可以直接使用這個(gè)站點(diǎn)發(fā)布網(wǎng)頁(yè)。默認(rèn)情況下，IIS將它的根目錄設(shè)置到C:\Inetpub\wwwroot下，也可以另外建立其他的站點(diǎn)使用。Internet信息服務(wù)管理控制臺(tái)所圖2.4所示。</p><p>　　圖2.4Internet信息服務(wù)管理控制臺(tái)</p><p>　　在開始菜單中選“程序→管理工

75、具→Internet服務(wù)管理器”，打開管理控制臺(tái)。</p><p>　　用鼠標(biāo)右鍵單擊默認(rèn)網(wǎng)站，在彈出的菜單中選擇“屬性”。在“Web站點(diǎn)”的“IP地址”欄內(nèi)輸入或選擇一個(gè)有效的IP地址作為此站點(diǎn)的地址。設(shè)置想要使用的TCP端口號(hào)，如80。</p><p>　　在“主目錄””選項(xiàng)卡的“本地路徑”中填寫“C:\Inetpub\wwwroot”。如果不想使用默認(rèn)的路徑，則可以先在C盤或者是其他

76、盤上建立一實(shí)際目錄，如在D盤上建立D:\stuaspplus目錄，然后通過(guò)“瀏覽”選擇該目錄，即可建立自己的站點(diǎn)。</p><p>　　在“文檔”選項(xiàng)卡，修改瀏覽器默認(rèn)調(diào)用的文件名及調(diào)用順序，如圖2-8所示。</p><p>　　圖2.5 “文檔”選項(xiàng)卡的設(shè)置</p><p>　　建立虛擬目錄。在Internet信息服務(wù)文件夾下右擊默認(rèn)站點(diǎn)，選擇“新建”→“虛擬目錄

77、”，彈出虛擬目錄創(chuàng)建向?qū)В瑔螕簟跋乱徊健卑粹o，在彈出對(duì)話框的別名處鍵入wwwroot，如果是用新建立的站點(diǎn)，就輸入該站點(diǎn)名稱，如stuaspplus。再單擊“瀏覽”按鈕，選擇C:\Inetpub\wwwroot。單擊“下一步”后采用默認(rèn)設(shè)置，按向?qū)崾締螕簟跋乱徊健本涂梢酝瓿商摂M目錄的設(shè)置。</p><p>　　如果采用Windows 98操作系統(tǒng)，那么其配置如下：Windows 98+PWS。若是Windows

78、 XP或Windows 2003，則配置如下：Windows XP+IIS、Windows 2003+IIS，但這種配置較少采用。因?yàn)閄P對(duì)IIS不是完全兼容支持，有些功能配合得不夠完美。所以我們推薦使用Windows 2000+IIS5這對(duì)組合，因?yàn)閃indows 2000是相對(duì)比較穩(wěn)定的系統(tǒng)，對(duì)于服務(wù)器網(wǎng)絡(luò)方面微軟投入得較多，比較適合做為服務(wù)</p><p>　　第三章 網(wǎng)頁(yè)的界面設(shè)計(jì)</p>

79、<p>　　第一節(jié) 網(wǎng)站設(shè)計(jì)原則</p><p><b>　　網(wǎng)頁(yè)內(nèi)容要易讀</b></p><p>　　網(wǎng)站設(shè)計(jì)最重要的訣竅，恐怕就是你的網(wǎng)頁(yè)要易讀 。這就意味著,你必須花點(diǎn)心思來(lái)規(guī)劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺(jué)效果，別用花里胡哨的色彩組合，讓人看起來(lái)你的網(wǎng)頁(yè)來(lái)很費(fèi)勁。一般來(lái)說(shuō)，淺色背景下的深色文字為佳 。這個(gè)要點(diǎn)要

80、求你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來(lái)難受；文字太大，或者文字視覺(jué)效果變化頻繁，像是沖著人大喊大叫，看起來(lái)不舒服。另外，最好讓文本左對(duì)齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因?yàn)檫@符合讀者的閱讀習(xí)慣。</p><p><b>　　網(wǎng)站導(dǎo)航要清晰</b></p><p>　　所有的超鏈接應(yīng)清晰無(wú)誤地向讀者標(biāo)

81、識(shí)出來(lái)，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識(shí)，讓人看得明白，千萬(wàn)別光顧視覺(jué)效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問(wèn)的，藍(lán)色；點(diǎn)擊過(guò)的，紫色或栗色。總之，文本鏈接一定要和頁(yè)面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向 。</p><p><b>　　網(wǎng)頁(yè)風(fēng)格要統(tǒng)一</b></p><p>　　你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏

82、色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。</p><p><b>　　頁(yè)面容量要較小</b></p><p>　　有研究顯示，如果一個(gè)網(wǎng)站頁(yè)面的主體在15秒之內(nèi)顯現(xiàn)不出來(lái)，訪客會(huì)很快失去對(duì)該站的興趣。如果用戶不能夠迅速地進(jìn)入你的網(wǎng)站，或操作不便捷，網(wǎng)站設(shè)計(jì)就是失敗的。不要讓用戶失望而轉(zhuǎn)

83、向你的對(duì)手的網(wǎng)站。要限定頁(yè)面的大小，就得從各個(gè)角度考慮節(jié)省 。最大的一頭是圖像，有的好東西，只得割愛(ài)了。</p><p><b>　　頁(yè)面內(nèi)容要新穎</b></p><p>　　網(wǎng)頁(yè)內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個(gè)“新”字，這個(gè)原則要求我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)容時(shí)不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個(gè)獨(dú)一無(wú)二的網(wǎng)站。 放眼望去，網(wǎng)上的許多個(gè)人主頁(yè)簡(jiǎn)直就是&qu

84、ot;雜貨店"，內(nèi)容包羅萬(wàn)象,題材千篇一律，人人都是"軟件下載",個(gè)個(gè)都有"網(wǎng)絡(luò)導(dǎo)航"，從頭到尾找不出一絲“鮮”意。所以，我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)時(shí)，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅(jiān)持天天更新的話,我相信這樣的網(wǎng)頁(yè)一定會(huì)受到大家的歡迎。</p><p><b>　　第二節(jié) 設(shè)計(jì)風(fēng)格</b></p>

85、<p>　　我的文化飲食網(wǎng)主要是用的棕色和黃色為主題色，背景的花紋是代表中國(guó)古代的一種象征，還有祥云的文化概念在中國(guó)具有上千年的時(shí)間跨度，是具有代表性的中國(guó)文化符號(hào) 傳達(dá)熱情喜慶、祥和內(nèi)在的文化內(nèi)涵。頭部上面還有一副水墨畫，中國(guó)水墨畫是中華民族文化的重要組成部分,有自己獨(dú)立的繪畫美學(xué)體系,在世界繪畫藝術(shù)中,代表著東方而獨(dú)樹一幟。從中國(guó)水墨畫的本質(zhì)看,注重的是主體的內(nèi)在精神,追求的是一種氣與韻、神與形和情與物的統(tǒng)一。加上在中

86、國(guó)山水畫的認(rèn)識(shí)方法上注重“格物致知”的自覺(jué);在中國(guó)水墨畫的創(chuàng)作過(guò)程中注重的是“默識(shí)”和“神會(huì)”;在中國(guó)水墨畫的藝術(shù)表現(xiàn)上注重“意致”;而在中國(guó)山水畫中最重要的追求是“風(fēng)氣韻度”,其核心是“氣韻”。畫論中的“氣韻”與中國(guó)水墨畫的古代傳統(tǒng)是分不開的,從東晉南朝、隋、唐、五代、兩宋、元、明、清到近現(xiàn)代傳統(tǒng)都把“氣韻”放在重要位置甚至首位。中國(guó)水墨畫繪畫的氣韻作用遠(yuǎn)遠(yuǎn)超過(guò)了塑造形體的要求,成為表達(dá)畫家的意念、思想、感情的手段。</p>

87、;<p>　　第三節(jié) 網(wǎng)頁(yè)界面構(gòu)成要素</p><p>　　與傳統(tǒng)媒體不同，網(wǎng)頁(yè)除了文字和圖像以外，還包含聲音、視頻和動(dòng)畫等新興多媒體元素，更借助由代碼語(yǔ)言編程所實(shí)現(xiàn)的各種交互式效果，增加了網(wǎng)頁(yè)界面的生動(dòng)性和復(fù)雜性，也使得網(wǎng)頁(yè)設(shè)計(jì)者需要考慮更多頁(yè)面元素的排布、優(yōu)化。一般來(lái)說(shuō)，網(wǎng)頁(yè)的界面主要由下面幾個(gè)因素構(gòu)成：</p><p>　　文字：文字元素是信息傳達(dá)的主體部分。網(wǎng)頁(yè)中的

88、文字主要包括標(biāo)題、信息、文字鏈接、幾種主要形式。標(biāo)題和傳統(tǒng)媒體中信息傳達(dá)的基本作用相同，是內(nèi)容的簡(jiǎn)概說(shuō)明一般比較醒目、優(yōu)先編排。文字作為占據(jù)頁(yè)面重要比率的元素，同時(shí)又是信息重要載體，它的字體、大小、顏色和排布對(duì)頁(yè)面整體設(shè)計(jì)影響極大。</p><p>　　圖形：圖形在網(wǎng)頁(yè)界面中具有重要作用。合理的運(yùn)用圖形?？梢陨鷦?dòng)直觀、形象地表現(xiàn)設(shè)計(jì)主題。網(wǎng)頁(yè)中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器

89、的支持，下載速度快，具有跨平臺(tái)的特性，不需要瀏覽器安裝插件即可直接閱覽。圖形元素包括標(biāo)題、背景、主圖、鏈接圖標(biāo)四種。</p><p>　　頁(yè)面版式：版式是網(wǎng)頁(yè)界面設(shè)計(jì)的重要組成部分，它將文字、圖形等視覺(jué)元素進(jìn)行組合配置，使頁(yè)面整體視覺(jué)效果美觀和諧，便于閱讀，實(shí)現(xiàn)信息傳達(dá)的最佳效果。 </p><p>　　色彩：彩色網(wǎng)頁(yè)比單色網(wǎng)頁(yè)更具吸引力；色彩本身具有象征作用。 </p>&

90、lt;p>　　多媒體：網(wǎng)頁(yè)構(gòu)成中的多媒體元素主要包括音頻、視頻和動(dòng)畫。這些是界面構(gòu)成中最吸引人的元素 。</p><p>　　技術(shù)：網(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>　　第四節(jié) 網(wǎng)頁(yè)的色彩搭配</p>&l

91、t;p>　　打開一個(gè)網(wǎng)站，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的版面布局，而是網(wǎng)站的色彩。色彩對(duì)人的視覺(jué)效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)成功與否，在某種程度上取決于設(shè)計(jì)者對(duì)色彩的運(yùn)用和搭配。因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)屬于一種平面效果設(shè)計(jì)，在排除立體圖形、動(dòng)畫效果之外，在平面圖上，色彩的沖擊力是最強(qiáng)的，它很容易給用戶留下深刻的印象。因此，在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，必須要高度重視色彩的搭配。</p><p>　　在色彩搭配

92、中一般遵循下述一些原則：</p><p>　　特色鮮明：一個(gè)網(wǎng)站的用色必須要有自己獨(dú)特的風(fēng)格，這樣才能顯得個(gè)性鮮明，給瀏覽者留下深刻的印象。</p><p>　　搭配合理：網(wǎng)頁(yè)設(shè)計(jì)雖然屬于平面設(shè)計(jì)的范疇，但它又與其它平面設(shè)計(jì)不同，它在遵從藝術(shù)規(guī)律的同時(shí)，還考慮人的生理特點(diǎn)，色彩搭配一定要合理，給人一種和諧、愉快的感覺(jué)，避免采用純度很高的單一色彩，這樣容易造成視覺(jué)疲勞。</p>

93、<p>　　講究藝術(shù)性：網(wǎng)站設(shè)計(jì)也是一種藝術(shù)活動(dòng)，因此它必須遵循藝術(shù)規(guī)律，在考慮到網(wǎng)站本身特點(diǎn)的同時(shí)，按照內(nèi)容決定形式的原則，大膽進(jìn)行藝術(shù)創(chuàng)新，設(shè)計(jì)出既符合網(wǎng)站要求，又有一定藝術(shù)特色的網(wǎng)站。</p><p>　　在設(shè)計(jì)本網(wǎng)站時(shí)主要考慮的因素是要能讓用戶瀏覽過(guò)之后，以后還會(huì)再登陸該網(wǎng)站，因此用了樸素、大方、簡(jiǎn)潔、和諧的設(shè)計(jì)原則。</p><p>　　第五節(jié) 網(wǎng)頁(yè)的整體造型<

94、;/p><p>　　網(wǎng)頁(yè)的整體造型在整個(gè)制作中至關(guān)重要，一個(gè)雜亂無(wú)章的網(wǎng)頁(yè)，給人第一印象極差的網(wǎng)頁(yè)，用戶訪問(wèn)過(guò)之后是不會(huì)再訪問(wèn)的。在制作本網(wǎng)頁(yè)時(shí)，主要以學(xué)校主頁(yè)界面形式作為參考，因?yàn)樗瓷先ケ容^柔和、簡(jiǎn)潔、和諧，給用戶清新的感覺(jué)。</p><p>　　造型就是創(chuàng)造出來(lái)的物體形象。這里是指頁(yè)面的整體形象，這種形象應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對(duì)于

95、頁(yè)面的造型，你可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。</p><p>　　對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表正式，規(guī)則，注意到很多ICP和政府網(wǎng)頁(yè)都是以矩形為整體造型；圓形代表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁(yè)面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁(yè)面整體造型；菱形代表著平衡，協(xié)調(diào)

96、，公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁(yè)面整體造型。雖然不同形狀代表著不同意義，但目前的網(wǎng)頁(yè)制作多數(shù)是接合多個(gè)圖形加以設(shè)計(jì)，在這其中某種圖形的構(gòu)圖比例可能占的多一些。</p><p>　　制作中主要采用Dreamweaver作為主要制作工具，其中插入了gif動(dòng)畫，還用了Photoshop處理其中圖片，這樣能使網(wǎng)頁(yè)更加生動(dòng)。</p><p>　　第四章 企業(yè)網(wǎng)站功能模塊的實(shí)現(xiàn)</p>

97、;<p>　　本網(wǎng)站是一個(gè)功能比較齊全的企業(yè)網(wǎng)站，包括企業(yè)簡(jiǎn)介、產(chǎn)品展示、企業(yè)榮譽(yù)、人才招聘、信息反饋、客戶服務(wù)等。本章重點(diǎn)介紹以下幾個(gè)部分。</p><p>　　第一節(jié) 導(dǎo)航的實(shí)現(xiàn)</p><p><b>　　一、網(wǎng)站首頁(yè)</b></p><p>　　網(wǎng)站首頁(yè)體現(xiàn)的是一個(gè)網(wǎng)站的門面，也顯示了企業(yè)的一些相關(guān)的消息，是網(wǎng)站設(shè)計(jì)中比

98、較重要的一部分，它以網(wǎng)站綜合平臺(tái)的形式展示整個(gè)企業(yè)網(wǎng)站各部分的主體內(nèi)容，是整個(gè)網(wǎng)站的導(dǎo)航，能夠讓瀏覽者在第一時(shí)間內(nèi)領(lǐng)略到企業(yè)特色所在。我的**文化網(wǎng)的首頁(yè)主要是針對(duì)飲食文化、聯(lián)系信息、和地址等的一些大概的描述，通過(guò)首頁(yè)瀏覽者就可以大概的了解到了我們這個(gè)**文化的多樣性和特色所在，在首頁(yè)下面右邊和左邊分別布了三個(gè)div，如圖4.1，在右邊分別是最新動(dòng)態(tài)、關(guān)于老湯口和產(chǎn)品展示，在最新動(dòng)態(tài)里面是關(guān)于**最近的一些動(dòng)態(tài)，展現(xiàn)出來(lái)的方式是<

99、ul><li></li></ul>。關(guān)于老湯口的一個(gè)div中還分了兩個(gè)div，在第二個(gè)div中又分了連個(gè)div，一個(gè)在左邊，一個(gè)在右邊，左邊的div是用來(lái)展現(xiàn)地理位置的，而右邊的div就是對(duì)**的介紹。右邊的最后一個(gè)div是產(chǎn)品展示，但是在這里我沒(méi)有做，不過(guò)這個(gè)的作用是展現(xiàn)當(dāng)?shù)氐淖钚伦詈玫漠a(chǎn)品。右邊的主要是有聯(lián)系方式、飲食文化和旅游景點(diǎn)。聯(lián)系方式是瀏覽者的更方便的和商家溝通，飲食文化是介紹每種食

100、物的來(lái)源和意義。旅游景點(diǎn)是介紹當(dāng)?shù)氐木包c(diǎn)，飲食文化和旅游景點(diǎn)都是用的<ul><li></li</p><p>　　圖4.1 首頁(yè)展示</p><p><b>　　二、企業(yè)介紹</b></p><p>　　主要介紹企業(yè)的背景，經(jīng)營(yíng)項(xiàng)目，榮譽(yù)資質(zhì)，最新動(dòng)態(tài)等。讓瀏覽者能夠直接清楚的了解企業(yè)的基本情況，便于樹立企業(yè)形象

101、。那么我所做的這個(gè)**飲食文化網(wǎng)的企業(yè)介紹除了對(duì)飲食的大概描述之外，還對(duì)當(dāng)?shù)鼐包c(diǎn)進(jìn)行了提出，這樣讓瀏覽者更能感受到我們的體貼。我們還具體介紹了當(dāng)?shù)氐奶禺a(chǎn)食物的制作背景進(jìn)行了闡述，讓瀏覽者放心。而且在右邊的還有一個(gè)站內(nèi)搜索，主要是對(duì)本站的一些信息的搜索，在搜索框的旁邊有一個(gè)分類，這樣可以縮小范圍。</p><p>　　圖4.2 企業(yè)介紹</p><p><b>　　三、最新動(dòng)態(tài)&

102、lt;/b></p><p>　　主要介紹公司最新的新聞、熱點(diǎn)推薦、公司動(dòng)態(tài)和業(yè)界動(dòng)態(tài)，讓瀏覽者了解企業(yè)的最新情況，了解企業(yè)在整個(gè)行業(yè)中的情況，在整個(gè)行業(yè)中所處的位置。而且我們?cè)谧筮呑隽艘粋€(gè)熱點(diǎn)推薦，這樣不會(huì)讓瀏覽者太傷神的去想這些都是新品到底應(yīng)該怎么樣選擇最好的。而圖片新聞是介紹當(dāng)?shù)氐淖钚碌囊恍┬侣?，選擇圖片可以讓人的視覺(jué)得到?jīng)_擊，可以吸引人的眼球，公司動(dòng)態(tài)是最近的公司有什么變動(dòng)和新的信息的發(fā)布，可一在這

103、里查詢。業(yè)界動(dòng)態(tài)是了解這個(gè)文化網(wǎng)的一些業(yè)績(jī)，和一些瀏覽者了解這個(gè)行業(yè)的介紹，這樣可以讓瀏覽者的安心，在最新動(dòng)態(tài)里可以讓一些瀏覽者在這里發(fā)現(xiàn)一些新奇的東西，這本是傳統(tǒng)的文化食品，而對(duì)于最新的動(dòng)態(tài)大家都很比較注重。而這個(gè)最新動(dòng)態(tài)，除了給瀏覽者安心，而且可以對(duì)自己的新食品進(jìn)行宣傳，這樣對(duì)商家和顧客都有一個(gè)好的作用。</p><p>　　圖4.3 最新動(dòng)態(tài)</p><p><b>　　

104、四、產(chǎn)品手冊(cè)</b></p><p>　　主要是產(chǎn)品的展示，展示企業(yè)最新的產(chǎn)品，瀏覽者只要點(diǎn)擊產(chǎn)品，就可以看到產(chǎn)品的詳細(xì)介紹以及清楚的圖片，方便瀏覽者更清楚的了解該企業(yè)的產(chǎn)品。主要是先是一系列的列表，當(dāng)你點(diǎn)擊其中你心意的菜的列表后就會(huì)是當(dāng)種菜的大圖，這樣能夠清楚的了解此種食物。在這個(gè)方面布局都比較簡(jiǎn)單，沒(méi)有那么多的復(fù)雜的布局，在這個(gè)手冊(cè)里面對(duì)每一種菜都會(huì)有精心的介紹，包括每一菜種的原材料的介紹，這些介

105、紹大多都會(huì)有一種典故，這種典故是一些傳統(tǒng)的文化，讓瀏覽者覺(jué)得商家更精心的在服務(wù)，我們做網(wǎng)站不只是為了宣傳網(wǎng)站，更主要的是讓瀏覽者感受到我們用心的程度。在產(chǎn)品手冊(cè)這一欄主要是讓顧客更能理解我們的菜種到底是怎么樣的，而不是只像其他菜種一樣名字好聽而并不知道菜的原材料。所以產(chǎn)品手冊(cè)可以展現(xiàn)所有的菜種的樣式和材料。讓顧客不是吃的糊涂菜。</p><p>　　圖4.4 產(chǎn)品手冊(cè)</p><p>&

106、lt;b>　　五、旅游景點(diǎn)</b></p><p>　　是對(duì)當(dāng)?shù)睾椭苓叺囊恍┚包c(diǎn)和食品的介紹和推薦，為瀏覽者進(jìn)行分析自己想要去的地方想了解的文化。而且對(duì)景點(diǎn)有詳細(xì)的介紹和景點(diǎn)的很多圖片。讓瀏覽者有更多的了解后再進(jìn)行選擇。在黃山風(fēng)光的左上角和右下角都有一小條，這個(gè)小條可以專門給圖片的一個(gè)修飾作用，也更能吸引瀏覽者的眼球，在導(dǎo)航的右邊有更多內(nèi)容的文字，這個(gè)一般大多數(shù)網(wǎng)站都具備的，因?yàn)樵谡麄€(gè)網(wǎng)頁(yè)首先展

107、現(xiàn)出來(lái)的是有名氣和特征的景點(diǎn)，旁邊的更多內(nèi)容里面主要是把當(dāng)?shù)卮蠖嗟木包c(diǎn)都寫了進(jìn)去，讓當(dāng)?shù)赜慰统丝梢云穱L到當(dāng)?shù)氐娘嬍澄幕?，還能夠給他們提供景點(diǎn)信息。在周邊景點(diǎn)里主要是對(duì)當(dāng)?shù)匾馔獾牡胤降木包c(diǎn)的介紹，這些景點(diǎn)除了文化之外，就是離**比較近，可以讓瀏覽者有第二個(gè)地方的選擇。</p><p>　　圖4.5 旅游景點(diǎn)</p><p><b>　　六、網(wǎng)上預(yù)訂</b></

108、p><p>　　對(duì)于一些遠(yuǎn)方的瀏覽者方便，像有一些優(yōu)惠活動(dòng)和其他什么新動(dòng)態(tài)，但是瀏覽者不能直接到當(dāng)?shù)囟ㄖ品?wù)，就可以網(wǎng)上預(yù)訂。方便游客，也方便了公司。在這一欄是很簡(jiǎn)單的布局，但是所填寫的東西都是為了聯(lián)系顧客的方式，比如公司名稱、聯(lián)系人的姓名、電話、所在城市、有沒(méi)有什么特別注意的，點(diǎn)擊提交就可以了，在右邊還設(shè)置了一個(gè)重置按鈕，這樣方便一次性的清楚所有的選框，在這些選框中有些瀏覽者不愿意填寫，所以有選填的選框，但是以便于

109、聯(lián)系，有些選框又是必填的，所以在必填的框中沒(méi)有填寫就會(huì)有提醒，如下圖，表中星號(hào)就是提示顧客必須填寫的類容。</p><p>　　圖4.6 網(wǎng)上預(yù)訂</p><p>　　七、聯(lián)系我們和在線留言</p><p>　　聯(lián)系我們這一項(xiàng)有很多的作用，雖然在整個(gè)網(wǎng)站沒(méi)有在線加盟，但是有意向做當(dāng)?shù)仫嬍澄幕囊部梢酝ㄟ^(guò)聯(lián)系方式來(lái)加盟我們，讓飲食文化的這種傳統(tǒng)風(fēng)俗不會(huì)只是在一個(gè)地方

110、有，而是對(duì)各個(gè)地方都有這樣的店，不是只有到了當(dāng)?shù)夭拍艹缘疆?dāng)?shù)氐奈幕澄?，因?yàn)橛行g覽者也許只是無(wú)意的瀏覽到這一頁(yè)，也并沒(méi)有去旅游的想法，也就有些遺憾了，也可以聯(lián)系我們。在線留言是瀏覽者也許對(duì)我們的網(wǎng)站或者是來(lái)過(guò)的游客的食物的意見(jiàn)和建議，在留言過(guò)后我們也可以通過(guò)這個(gè)發(fā)現(xiàn)我們的不足和好的地方，要是發(fā)現(xiàn)我們的不好，我們也可以聽收寶貴的意見(jiàn)更改，也可以給可以的意見(jiàn)的回復(fù)，對(duì)于好的我們也可以讓更多的瀏覽者看到，顧客的評(píng)價(jià)是對(duì)其他的瀏覽者的最大的信

111、任。而且我們的在線留言不只是單調(diào)的留言方式，我們有很多的欄目，比如說(shuō)有卡通頭像的選擇，留言者在這個(gè)時(shí)候可以選擇自己喜歡的卡通頭像。在留言的上面還有查詢留言和我要咨詢，當(dāng)你點(diǎn)擊咨詢的時(shí)候就可以直接連接到服務(wù)臺(tái)，給顧客的疑難問(wèn)題進(jìn)行回答，解除疑惑。</p><p>　　圖4.7 旅游景點(diǎn)</p><p>　　圖4.8 在線留言</p><p>　　第二節(jié) 企業(yè)網(wǎng)站

112、的搭配方式</p><p>　　一、注重企業(yè)網(wǎng)站色彩的和諧搭配及統(tǒng)一</p><p>　　色彩是人的視覺(jué)最敏感的東西。頁(yè)面的色彩處理得好, 可以錦上添花, 達(dá)到事半功倍的效果。要根據(jù)不同類型的網(wǎng)站選擇最適合的色彩。不同類型的網(wǎng)站需要運(yùn)用不同的色彩去表現(xiàn), 使形式與內(nèi)容相統(tǒng)一, 符合人們?nèi)粘９逃械恼J(rèn)知習(xí)慣。例如醫(yī)學(xué)類較適合雅致、安靜的顏色, 食品類多考慮能引發(fā)食欲的食物固有色, 環(huán)境類當(dāng)然以

113、綠色、藍(lán)色為首選。適宜而統(tǒng)一的整體色調(diào)很容易在瀏覽者頭腦中形成一種連續(xù)的記憶, 是網(wǎng)站通過(guò)設(shè)計(jì)反映企業(yè)形象的一個(gè)重要途徑。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào), 局部對(duì)比”,也就是: 網(wǎng)頁(yè)的整體色彩效果應(yīng)該是和諧的, 只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上, 可以根據(jù)主頁(yè)內(nèi)容的需要, 分別采用不同的主色調(diào)。網(wǎng)頁(yè)的顏色應(yīng)用并沒(méi)有數(shù)量的限制, 但不能毫無(wú)節(jié)制地運(yùn)用多種顏色, 一般情況下, 根據(jù)總體風(fēng)格的要求定出主色調(diào)、

114、輔色調(diào)、點(diǎn)睛色和背景色。色彩還具有明顯的心里感覺(jué)和民族性。充分運(yùn)用色彩的這些特性, 可以使我們的網(wǎng)頁(yè)具有深刻的藝術(shù)內(nèi)涵, 從而提升網(wǎng)頁(yè)的文化品位。</p><p>　　二、注重企業(yè)網(wǎng)站內(nèi)容建設(shè)</p><p>　　內(nèi)容的可讀性無(wú)疑是留住客戶的關(guān)鍵, 提高內(nèi)容效率的核心就是頁(yè)面結(jié)構(gòu)設(shè)計(jì), 由此網(wǎng)頁(yè)設(shè)計(jì)必然依賴于對(duì)企業(yè)營(yíng)銷業(yè)務(wù)的分析, 一方面是面向目標(biāo)群體, 另一方面就是營(yíng)銷過(guò)程, 分析企業(yè)目

115、標(biāo)群體以及產(chǎn)品特征和交付模式, 是希望網(wǎng)站內(nèi)容滿足主要客戶的需求; 分析營(yíng)銷過(guò)程, 了解主要營(yíng)銷項(xiàng)目和工具等, 是希望能夠通過(guò)在線方式來(lái)傳遞營(yíng)銷信息,頁(yè)面結(jié)構(gòu)的設(shè)計(jì)就是實(shí)現(xiàn)這個(gè)目標(biāo), 在內(nèi)容的規(guī)劃時(shí), 主要是為不同訪問(wèn)者設(shè)計(jì)差異化內(nèi)容, 如一般訪問(wèn)者、興趣訪問(wèn)者、需求訪問(wèn)者等。</p><p>　　實(shí)質(zhì)上內(nèi)容為王的時(shí)代已來(lái)臨, 內(nèi)容的優(yōu)劣決定了您網(wǎng)站的訪問(wèn)量。企業(yè)網(wǎng)站注重的是對(duì)產(chǎn)品信息的自我描述, 但國(guó)內(nèi)存在的問(wèn)

116、題是大家相互抄襲的產(chǎn)品介紹, 造成了大量重復(fù)的, 沒(méi)有價(jià)值的資料。通常, 瀏覽者并沒(méi)有查閱這些重復(fù)信息的習(xí)慣, 您的網(wǎng)站有可能因?yàn)樾畔⒌睦淄粷撛诳蛻舸蜷_后迅速關(guān)閉, 訪問(wèn)機(jī)會(huì)也就這樣錯(cuò)失。所以, 能夠帶來(lái)穩(wěn)定訪問(wèn)量的先決條件是: 不用抄襲來(lái)的內(nèi)容、不用轉(zhuǎn)載的內(nèi)容, 若用轉(zhuǎn)載也要加上自己的見(jiàn)解。最好是大量的、高質(zhì)量的、原創(chuàng)的、相關(guān)的內(nèi)容。根據(jù)企業(yè)所在行業(yè)以及公司背景撰寫網(wǎng)頁(yè)內(nèi)容, 并在適當(dāng)?shù)奈恢脧?qiáng)化您的產(chǎn)品信息。讓瀏覽者產(chǎn)生購(gòu)物沖動(dòng)。&

117、lt;/p><p>　　三、注重企業(yè)網(wǎng)站下載速度</p><p>　　人們?yōu)g覽一個(gè)網(wǎng)站是為了獲取某些需要的信息, 頁(yè)面下載速度是一個(gè)優(yōu)秀網(wǎng)站的第一要素。在網(wǎng)站設(shè)計(jì)時(shí)應(yīng)該為節(jié)省訪問(wèn)者的時(shí)間精心設(shè)計(jì)。據(jù)研究發(fā)現(xiàn), 下載速度是網(wǎng)站留住訪問(wèn)者的關(guān)鍵因素, 如果10s 以內(nèi)不能打開一個(gè)網(wǎng)頁(yè), 一般人就會(huì)沒(méi)有耐心。如果不能讓每個(gè)頁(yè)面都保持較快的下載速度, 至少應(yīng)該確保主頁(yè)速度盡可能快。下載速度慢由兩種因素