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

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

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

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

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è)計需求4</p><p>　　一、課題來源及意義4</p><p>　　二、系統(tǒng)基本達到的目標及結(jié)論4</p><p>　　三、需求分析

6、結(jié)果5</p><p>　　第四節(jié) 企業(yè)網(wǎng)站設(shè)計原則5</p><p><b>　　一、目的性6</b></p><p><b>　　二、專業(yè)性6</b></p><p><b>　　三、實用性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語言19<

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

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

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

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

12、p><p><b>　　六、網(wǎng)上預訂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é) 兼容性測試41</p><p>　　第二節(jié) 網(wǎng)站的發(fā)布41</p><p>　　第三節(jié) 網(wǎng)站的維護42</p><p><b>　　結(jié) 論33</b>

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

15、p><b>　　前 言</b></p><p>　　企業(yè)網(wǎng)站是一個企業(yè)不可缺少的部分，它能介紹企業(yè)文化、經(jīng)營理念、特色服務(wù)及企業(yè)在全國的網(wǎng)點分布。拓寬顧客市場，增加企業(yè)與客戶之間的聯(lián)系，縮短二者之間的距離。提高企業(yè)知名度，為企業(yè)今后的業(yè)務(wù)發(fā)展開辟一個良好的社會環(huán)境。它的內(nèi)容對于企業(yè)來說至關(guān)重要,企業(yè)概況、企業(yè)論談、企業(yè)特色服務(wù)、最新企業(yè)新聞動態(tài)等部分應(yīng)該能夠為用戶提供充足的信息。企業(yè)

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

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

18、越多的傳統(tǒng)領(lǐng)域。**悠久的飲食文化、推陳出新的美食特色、種類多樣的選擇無疑可以在互聯(lián)網(wǎng)上“大展拳腳”，在網(wǎng)上推廣**美食，詳述各種美食做法必定可以受到徽菜愛好者們的追捧。近年來，已出現(xiàn)不少網(wǎng)站對徽菜進行普及宣傳，提供大量美食信息，介紹**菜系和小吃的飲食文化、飲食習俗、飲食習慣等，具有一定的可讀性和趣味性。開發(fā)此網(wǎng)站，目的在于盡可能詳細地展示、介紹各種美食信息，同時提供美食愛好者一個交流的平臺，使得更多的美食傳統(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>　　二十一世紀進入信息發(fā)展高速路，數(shù)碼化革命給所有領(lǐng)域帶來新的改變。隨著電腦辦公自動化的普及，企業(yè)紛紛建立自己所需的網(wǎng)站應(yīng)運而生，一切都歸功于Internet的巨

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

36、企業(yè)特點的。例如網(wǎng)上銀行提供免費電子郵件和個人主頁空間就既不符合瀏覽者對網(wǎng)上銀行網(wǎng)站的需求也不是銀行的優(yōu)勢，這樣的功能服務(wù)提供不但會削弱瀏覽者對網(wǎng)站的整體印象，還浪費了企業(yè)的資源投入，有弊無利。</p><p><b>　　四、層次性</b></p><p>　　條理清晰的結(jié)構(gòu)，表現(xiàn)為網(wǎng)站的板塊劃分的合理性，信息內(nèi)容的獲取和功能服務(wù)的過程都應(yīng)該盡量將所需要進行的步驟控

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

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

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

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

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

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

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

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

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

46、tml 不是程式語言，它只是標示語言。</p><p><b>　　1、主要特點</b></p><p>　　設(shè)計HTML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯(lián)系在一起，形成有機的整體，人們不用考慮具體信息是在當前電腦上還是在網(wǎng)絡(luò)的其它電腦上。只需使用鼠標在某一文檔中點取一個圖標，Internet就會馬上轉(zhuǎn)到與此圖標相關(guān)的內(nèi)

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

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

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

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

51、 一個簡單的HTML示例 </TITLE> | 頭部標簽 </p><p>　　</HEAD> -------------------------------------- </p><p>　　<BODY> ---------------------------------------- </p><p>　　<CENTE

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

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

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

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

56、itle>和</title>是嵌套在<HEAD>頭部標簽中的，標簽之間的文本是文檔標題，它被顯示在瀏覽器窗口的標題欄。 </p><p>　　<BODY> </BODY>標記一般不省略，標簽之間的文本是正文，是在瀏覽器要顯示的頁面內(nèi)容。</p><p>　　上面的這幾對標簽在文檔中都是唯一的，HEAD標簽和BODY標簽是嵌套在HTML標

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

58、顯示的文字。</p><p>　　<img src="f.gif" alt="MY FACE :-)"></p><p>　　2、圖象和文字的對齊</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>　　三、表單標記</b></p><p><b>　　1、表單的基本語法</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>　　您的主頁的網(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、復選框(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)頁三劍客</p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

90、lt;p>　　多媒體：網(wǎng)頁構(gòu)成中的多媒體元素主要包括音頻、視頻和動畫。這些是界面構(gòu)成中最吸引人的元素 。</p><p>　　技術(shù)：網(wǎng)頁的技術(shù)要素并非任何情況下在網(wǎng)頁中都能直觀體現(xiàn)，但是卻代表了設(shè)計的整體水平，也是衡量設(shè)計成功的重要標準。網(wǎng)頁界面設(shè)計最基本的技術(shù)要求包括：瀏覽器、傳輸速度、屏幕分辨率、顏色顯示。</p><p>　　第四節(jié) 網(wǎng)頁的色彩搭配</p>&l

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

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

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

94、;/p><p>　　網(wǎng)頁的整體造型在整個制作中至關(guān)重要，一個雜亂無章的網(wǎng)頁，給人第一印象極差的網(wǎng)頁，用戶訪問過之后是不會再訪問的。在制作本網(wǎng)頁時，主要以學校主頁界面形式作為參考，因為它看上去比較柔和、簡潔、和諧，給用戶清新的感覺。</p><p>　　造型就是創(chuàng)造出來的物體形象。這里是指頁面的整體形象，這種形象應(yīng)該是一個整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對于

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

116、題是大家相互抄襲的產(chǎn)品介紹, 造成了大量重復的, 沒有價值的資料。通常, 瀏覽者并沒有查閱這些重復信息的習慣, 您的網(wǎng)站有可能因為信息的雷同被潛在客戶打開后迅速關(guān)閉, 訪問機會也就這樣錯失。所以, 能夠帶來穩(wěn)定訪問量的先決條件是: 不用抄襲來的內(nèi)容、不用轉(zhuǎn)載的內(nèi)容, 若用轉(zhuǎn)載也要加上自己的見解。最好是大量的、高質(zhì)量的、原創(chuàng)的、相關(guān)的內(nèi)容。根據(jù)企業(yè)所在行業(yè)以及公司背景撰寫網(wǎng)頁內(nèi)容, 并在適當?shù)奈恢脧娀漠a(chǎn)品信息。讓瀏覽者產(chǎn)生購物沖動。&

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