個人美食網(wǎng)站

摘 要在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了讓更多客人了解不同信息的情況，提高信息共享度。本網(wǎng)站通過用Dreamweaver、Javascript、CSS等編寫的美食網(wǎng)站，其主要包括幾個模塊:首頁、美味時尚、地方特色、專題、最新推薦等。通過本網(wǎng)站系統(tǒng)能提供各種與美食相關(guān)的信息以及各種美食信息的交流。與其它企業(yè)網(wǎng)站一樣，也應(yīng)通過Internet來對外宣傳網(wǎng)站。關(guān)鍵字：Dreamweaver Javascript Internet DIV CSSAbstractIn the Internet today, with the rapid development of Internet become people to quickly get, distribution and transfer information important channel, it in people politics, economy, life aspects plays an important role. Internet information placed mainly through the website to realize, obtaining information is also to be in the Internet sea in accordance with certain retrieval methods will be required information from web site download. Therefore website construction in the Internet application status are obvious, it has become the government, enterprises, an important part of informatization construction, thus much attention. In order to let more guests to understand different information, improve information sharing degree.This website passes to use Dreamweaver,javascript,CSS etc. of delicacies website, it mainly includes a few mold piece:home page,delicacies specialty area,sweet article specialty area, delicacies material,forum etc. Passing this website system can provide various and the delicacies related information and various delicacies information of exchanges. Similar to other business enterprise websiteses,should also pass Intemet to publicizee a website outward.This website passes to use Dreamweaver,javascript,CSS etc. of delicacies website, it mainly includes a few mold piece:home page,delicacies specialty area,sweet article specialty area, delicacies material,forum etc. Passing this website system can provide various and the delicacies related information and various delicacies information of exchanges. Similar to other business enterprise websiteses,should also pass Intemet to publicizee a website outward.Keywords: Dreamweaver Javascript Internet DIV CSS目 錄引 言1第一章 網(wǎng)頁制作概述21.1網(wǎng)頁的基礎(chǔ)知識21.1.1 Internet簡介21.1.2 網(wǎng)頁的概述21.1.3 站點與網(wǎng)頁的建立21.2個人網(wǎng)站設(shè)計的主要因素31.2.1網(wǎng)站的定位31.2.2網(wǎng)站的構(gòu)思3第二章 開發(fā)工具和運行環(huán)境42.1 網(wǎng)站設(shè)計的基本知識42.2 Dreamweaver 開發(fā)工具概述42.3 HTML簡介52.4 HTML技術(shù)介紹52.4.1網(wǎng)頁和Html語言52.4.2 CSS簡介62.5 Flash 概述72.6 網(wǎng)站運行環(huán)境7第三章 美食網(wǎng)站需求分析93.1 美食網(wǎng)站功能描述93.2 系統(tǒng)的可行性分析9第四章 網(wǎng)站系統(tǒng)的實現(xiàn)104.1 素材的準備104.2 首頁的制作104.3 其他網(wǎng)頁的制作154.3.1 美味時尚模塊實現(xiàn)154.3.2 地方特色模塊實現(xiàn)164.4 網(wǎng)頁中特效的制作16第五章 網(wǎng)站測試與維護215.1 網(wǎng)站的建成215.2 網(wǎng)站的發(fā)布21總 結(jié)22參考文獻2427引 言2010年上半年，我國餐飲市場消費需求較旺，景氣指數(shù)明顯攀升，營業(yè)額繼續(xù)保持較強的增長勢頭。據(jù)國家統(tǒng)計局統(tǒng)計，上半年餐飲業(yè)實現(xiàn)營業(yè)額3373.7億元，與去年同期增長24.5%：其中一季度實現(xiàn)營業(yè)額1742.3億元，同比增長16.6%；二季度餐飲業(yè)實現(xiàn)營業(yè)額1631.4億元，同比增長達到34.2%，增幅較大，主要是去年同期餐飲業(yè)受非典影響增幅下降10.1個百分點，同比基數(shù)較低的因素影響。據(jù)推算，我國現(xiàn)有餐飲網(wǎng)點達到400萬個，其中個體私營企業(yè)380萬個，占到95%左右；外資合資與國有企業(yè)約20萬個，占到5%左右，企業(yè)結(jié)構(gòu)不斷調(diào)整，行業(yè)規(guī)模繼續(xù)擴大。近兩年來，一大批網(wǎng)站正在吸引著人們的眼球。然而，除了少數(shù)網(wǎng)站受到風(fēng)險投資的青睞并實現(xiàn)飛躍式發(fā)展之外，很大一部分正處于迷茫摸索甚至掙扎的狀態(tài)。在餐飲業(yè)這樣一個與老百姓“衣食住行”息息相關(guān)的傳統(tǒng)領(lǐng)域，各種網(wǎng)站走出了不同電子商務(wù)之路，催生出餐飲業(yè)電子商務(wù)發(fā)展。隨著生活質(zhì)量的提高，對飲食消費理性化、經(jīng)營特色化和市場細分化的特點日益突現(xiàn)出來。調(diào)查反映，2010年上半年的餐飲消費在需求能力有所提高的同時，顧客的就餐選擇性和多樣性的特點明顯，更加追求企業(yè)的品牌特色、營養(yǎng)健康和環(huán)境服務(wù)的綜合水平，特別是對餐飲企業(yè)的經(jīng)營特色化和差異性的要求不斷提高，特色餐飲對消費的吸引力明顯增強。餐飲企業(yè)的創(chuàng)新能力不斷提升，在經(jīng)營業(yè)態(tài)、菜品推出、風(fēng)味設(shè)計和文化氛圍等方面加大開發(fā)力度，市場細分化趨勢增強，更加豐富多彩。隨著飲食市場的不斷變化對業(yè)界提出了一系列新的要求，而通過電子商務(wù)網(wǎng)站形式加強企業(yè)的競爭能力已經(jīng)成為一種趨勢，所以我建立了一個美食網(wǎng)站。本文主要針對該網(wǎng)站的各方面內(nèi)容進行描述。第一章 網(wǎng)頁制作概述1.1網(wǎng)頁的基礎(chǔ)知識1.1.1 Internet簡介 Internet 最早來源于美國國防部高級研究計劃局DARPA的前身ARPA建立的ARPAnet，該網(wǎng)于1969年投入使用。從60年代開始，ARPA就開始向美國國內(nèi)大學(xué)的計算機系和一些私人有限公司提供經(jīng)費，以促進基于分組交換技術(shù)的計算機網(wǎng)絡(luò)的研究。1968年，ARPA為ARPAnet網(wǎng)絡(luò)項目立項，這個項目基于這樣一種主導(dǎo)思想：網(wǎng)絡(luò)必須能夠經(jīng)受住故障的考驗而維持正常工作，一旦發(fā)生戰(zhàn)爭，當(dāng)網(wǎng)絡(luò)的某一部分因遭受攻擊而失去工作能力時，網(wǎng)絡(luò)的其他部分應(yīng)當(dāng)能夠維持正常通信。最初，ARPAnet主要用于軍事研究目的它有五大特點：(1) 支持資源共享；(2) 采用分布式控制技術(shù)；(3) 采用分組交換技術(shù)；(4) 使用通信控制處理機；(5) 采用分層的網(wǎng)絡(luò)通信協(xié)議。1.1.2 網(wǎng)頁的概述網(wǎng)站，就是指在網(wǎng)際網(wǎng)路上，根據(jù)一定的規(guī)則使用HTML等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來提供相關(guān)的網(wǎng)絡(luò)服務(wù)。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需要的資訊或者享受網(wǎng)絡(luò)服務(wù)。網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。通俗說，網(wǎng)站就是由網(wǎng)頁組成的。網(wǎng)頁通常是HTML格式。1.1.3 站點與網(wǎng)頁的建立在制作網(wǎng)頁之前，首先要創(chuàng)建和設(shè)置本地站點。首先要創(chuàng)建本地站點的文件夾，命名為index.html,然后分別建立“首頁”、“美味時尚”、“地方特色”、“專題”等主要網(wǎng)頁。然后在“美味時尚”中有設(shè)分頁，將內(nèi)容進一步擴展。編輯網(wǎng)頁時，直接點擊右側(cè)文件中的相應(yīng)網(wǎng)頁即可。1.2個人網(wǎng)站設(shè)計的主要因素1.2.1網(wǎng)站的定位網(wǎng)站的定位很重要，制作一個好的網(wǎng)站，必須對網(wǎng)站風(fēng)格及內(nèi)容有一個準確的定位。美食網(wǎng)站的主題通常取決于網(wǎng)站作者的愛好和興趣。本網(wǎng)站的一個美食網(wǎng)站，所以命名為“小饞貓美食網(wǎng)”。1.2.2網(wǎng)站的構(gòu)思美食網(wǎng)的前臺主要包括首頁、美味時尚、地方特色、專題、最新推薦等模塊。為了方便讀者對系統(tǒng)文件有更清晰的認識和使用，我使用了以下一個設(shè)計構(gòu)思：首 頁美味時尚專 題地方小吃圖1-1 系統(tǒng)功能圖第二章 開發(fā)工具和運行環(huán)境2.1 網(wǎng)站設(shè)計的基本知識靜態(tài)編程最重要的特征就是由程序自動生成網(wǎng)頁，最終形成供瀏覽器解釋的HTML。那么如何設(shè)計出精美的網(wǎng)頁以及動態(tài)更新交互的站點，這就需要網(wǎng)頁編程與網(wǎng)頁制作相結(jié)合。本章主要介紹網(wǎng)站建設(shè)所必須掌握的基礎(chǔ)知識，如網(wǎng)頁文檔的結(jié)構(gòu)、超鏈接、表格和表單等基本的HTML標(biāo)識的寫法要求，網(wǎng)頁編輯的常用工具，動態(tài)網(wǎng)站項目工程的設(shè)計步驟要求，以及網(wǎng)站的發(fā)布與維護、網(wǎng)站的主機方案等相關(guān)知識。2.2 Dreamweaver 開發(fā)工具概述Dreamweaver是在網(wǎng)頁設(shè)計與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強大的軟件，隨著Dreamweaver 8的發(fā)布，更堅定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。突出的特點主要有靈活的編寫方式；可視化編輯界面；功能更多的CSS支持CSS可視化設(shè)計、CSS檢查工具；動態(tài)跨瀏覽器驗證；強大的WEB站點管理功能；內(nèi)建的圖形編輯引擎；豐富的媒體支持能力等。將世界一流水平的“設(shè)計”和“代碼”編輯器合二為一，在設(shè)計窗口中精華源代碼，使用戶能夠按工作的需要定制自己的用戶界面。1. 利用豐富的CSS樣式表支持構(gòu)筑復(fù)雜，標(biāo)準規(guī)范的站點。同時提供了豐富的用于快速的工具和樣式屬性控制工具。2. 跨瀏覽器有效性檢查。保存時自動地檢查當(dāng)前文檔跨瀏覽器的有效性，兼容性。3. 使用內(nèi)置的圖像編輯器程序讓開發(fā)更加節(jié)省時間。裁剪，縮放等一些輔助性的圖像編輯功能可以不用離開Dreamweaver就能夠完成，編輯工具是內(nèi)嵌的Macromedia Fireworks技術(shù)。4. 增強與其他軟件的結(jié)合能力，包括Flash,Fireworks及其他設(shè)計開發(fā)工具。5. 支持Macromedia Flash 元素。通過內(nèi)置的Flash構(gòu)件，Dreamweaver 8增加了頁面的交互性，導(dǎo)入一個Flash構(gòu)件就像定制標(biāo)簽一樣輕松。6. 基本支持改良:插入條,表格工具都有改進!7. 增強代碼編寫工具:編輯代碼更省時,例如右鍵編寫代碼工具,增強的查找和替換,高效的屬性面板。8. 改進的設(shè)計開放環(huán)境:一個改良的用戶界面,更高的實用性,非常親切和有邏輯,讓你快速找到你想要的東西,一個新的開始屏幕讓你快速訪問最近的文件和教程資源。2.3 HTML簡介全稱：HyperText Mark-up Language。 譯稱：超文本標(biāo)記語言。 簡意：一種為普通文件中某些字句加上標(biāo)識的語言，其目的在于運用標(biāo)記（tag）合文件 達到預(yù)期的效果。 HTML 是在 SGML 定義下的一個描述性的語言，或可說 HTML 是 SGML 的一個應(yīng)用程式。HTML 不是程式語言，如 C+ 和 Java 之類，它只是標(biāo)記語言，基本上你只要明白了各種 標(biāo)記的用法便算學(xué)懂了 HTML，HTML 的格式非常簡單，只是由文字及標(biāo)記組合而成，于 編輯部方面，任何文字編輯器都市可以，只要能將檔案存為文本格式即可， 用專門的網(wǎng)頁編輯工具當(dāng)然更好。2.4 HTML技術(shù)介紹Macromedia公司的Roundtrip HTML技術(shù)讓用戶可以隨意導(dǎo)入HTML文件而無需重新設(shè)置代碼格式，用戶還可以利用Dreamweaver清除或重新格式化HTML代碼，實現(xiàn)代碼的優(yōu)化。2.4.1網(wǎng)頁和Html語言我們的網(wǎng)頁是用html語言編寫的一個網(wǎng)站，html中文翻譯為“超文本標(biāo)記語言”，所謂“超文本”就是指頁面內(nèi)可以包含圖片，鏈接，多媒體等非問字的元素，通過html語言將這些元素表示出來，就形成了html代碼。瀏覽器的工作主要是將這些標(biāo)記語言進行“翻譯”，并按照定義的格式顯示出來，這就是我們所看到的網(wǎng)頁。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。 另外，HTML是網(wǎng)絡(luò)的通用語言,一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。其主要特點如下：（1）簡易性，HTML版本升級采用超集方式，從而更加靈活方便。（2）可擴展性，HTML語言的廣泛應(yīng)用帶來了加強功能，增加標(biāo)識符等要求，HTML采取子類元素的方式，為系統(tǒng)擴展帶來保證。（3）平臺無關(guān)性。雖然PC機大行其道，但使用MAC等其他機器的大有人在，HTML可以使用在廣泛的平臺上。2.4.2 CSS簡介CSS (層疊樣式表) 是一系列格式設(shè)置規(guī)則，它們控制 Web 頁面內(nèi)容的外觀。使用 CSS 設(shè)置頁面格式時，請將內(nèi)容與表現(xiàn)形式分開。頁面內(nèi)容（即 HTML 代碼）駐留在 HTML 文件自身中，而用于定義代碼表現(xiàn)形式的 CSS 規(guī)則駐留在另一個文件（外部樣式表）或 HTML 文檔的另一部分（通常為文件頭部分）中。使用 CSS 可以非常靈活并更好地控制具體的頁面外觀，從精確的布局定位到特定的字體和樣式。CSS 允許控制 HTML 無法獨自控制的許多屬性。除設(shè)置文本格式外，還可以使用 CSS 控制 Web 頁面中塊級別元素的格式和定位。CSS 的主要優(yōu)點是: 它提供了便利的更新功能；更新一處的 CSS 規(guī)則時，使用該已定義樣式的所有文檔的格式都會自動更新為新樣式。外部 CSS 樣式表是一系列存儲在一個單獨的外部 CSS (.css) 文件（并非 HTML 文件）中的 CSS 規(guī)則。利用文檔文件頭部分中的鏈接，該文件被鏈接到 Web 站點中的一個或多個頁面。內(nèi)部（或嵌入式）CSS 樣式表是一系列包含在 HTML 文檔文件頭部分的 style 標(biāo)簽內(nèi)的 CSS 規(guī)則2.5 Flash 概述Flash是Macromedia公司開發(fā)一款優(yōu)秀的網(wǎng)頁動畫開發(fā)軟件，從簡單的動畫到復(fù)雜的交互式Web應(yīng)用程序，它使用戶可以創(chuàng)建任何作品。通過添加圖片、聲音和視頻，可以使Flash應(yīng)用程序媒體豐富多彩。Flash包含了許多種功能，如拖入用戶界面組件、將動作腳本添加到文檔的內(nèi)置行為，以及可以添加到對象的特殊效果。這些功能使Flash不僅功能強大，而且易于使用。最嘆引人的還是Flash作品SWF文件體積出奇的小，并且可以以插件的形式加入到網(wǎng)頁中，通常幾分鐘的復(fù)雜動畫才幾百KB，是目前網(wǎng)絡(luò)中最常用的動畫格式。Flash MX 2004是Web設(shè)計人員、交互式媒體專業(yè)人員或開發(fā)多媒體內(nèi)容的主要專家的理想工具。該版本注重于創(chuàng)建、導(dǎo)入和處理多種類型的媒體（音頻、視頻、位圖、矢量、文本和數(shù)據(jù)）。2.6 網(wǎng)站運行環(huán)境 服務(wù)器： 操作系統(tǒng)： windows XP Server； Web服務(wù)器：IIS5.0 數(shù)據(jù)平臺：Access 客戶端： 任意操作系統(tǒng)下的瀏覽器均可。 配置要求： CPU Intel或兼容機Pentium 166Mhz或以上 企業(yè)版：至少64M建議128M或更多 內(nèi)存 標(biāo)準版：至少512M 開發(fā)版：至少512M 硬盤 Service：至少80G，一般為160G English Query：80M顯視器 VGA或更高分辨率在服務(wù)器端的電腦上運行microsoft windows XP server，或者是Windows V7的Personal Web，安裝好Macromedia Dreamweaver 8，將用Macromedia Dreamweaver 8制作的文件名的后綴一定要改為 .html ，然后上傳到服務(wù)器上一個有執(zhí)行權(quán)的目錄下，瀏覽器端的電腦，只要是上得了英特網(wǎng)的就可以了，目前的個人電腦基本上都符合這個程序的瀏覽與運行，比如現(xiàn)在的瀏覽器是微軟的explorer使用的最多，然后不管是內(nèi)網(wǎng)和外網(wǎng)，只要用瀏覽端瀏覽器的地址欄輸入正確的要瀏覽WEB的地址或叫路徑發(fā)送，服務(wù)端就會根據(jù)瀏覽器的要求執(zhí)行 Macromedia Dreamweaver 8 程序，腳本程序?qū)⒁徽酌畎l(fā)送給腳本解釋器 ( 即腳本引擎 ) ，由腳本解釋器進行翻譯并將其轉(zhuǎn)換成服務(wù)器所能執(zhí)行的命令，得到答案并將標(biāo)準的 HTML 頁面，返回給用戶瀏覽端。第三章 美食網(wǎng)站需求分析在進行一個網(wǎng)站項目開發(fā)之前，應(yīng)對這一開發(fā)項目進行了需求分析，以確定網(wǎng)站開發(fā)者需要完成哪些工作才能滿足用戶的需求。3.1 美食網(wǎng)站功能描述在現(xiàn)今的信息共享的時代，網(wǎng)絡(luò)信息化管理工作系統(tǒng)經(jīng)信息量大、數(shù)據(jù)準確、速度快、管理工作全面等特點在現(xiàn)實生活中得到廣泛地應(yīng)用?；ヂ?lián)網(wǎng)商業(yè)的普及應(yīng)用已經(jīng)成為網(wǎng)絡(luò)經(jīng)濟的大勢所趨。本章介紹的美食網(wǎng)站是建立在用戶和美食信息之間的，用戶可以方便、快捷地查找到自己所需要了解的有關(guān)于食物制作方法的信息，可以足不出戶就能了解到自己喜歡的美食的制作方法的基本信息，從而提高自己的做菜水平以及在以后生活中能夠有需要的去體驗不一樣的口味。3.2 系統(tǒng)的可行性分析(1)實用性網(wǎng)站的宗旨是根據(jù)用戶需求的有關(guān)食物信息和現(xiàn)今發(fā)展形勢提供有關(guān)與美食制作的詳細信息，(2)技術(shù)性網(wǎng)站提供給客戶了了解食物的的基本信息和各種歷史信息，使客戶能夠更好的在本站內(nèi)獲得他們所需的東西。(3)經(jīng)濟性網(wǎng)站能夠提供給致力于推廣美食文化的企業(yè)或者個人來達到所能達到的經(jīng)濟效益，并且能夠達到預(yù)期的推廣效果。第四章 網(wǎng)站系統(tǒng)的實現(xiàn)4.1 素材的準備準備做網(wǎng)站的素材是最重要的一環(huán)，不僅要收集許多內(nèi)容各異的文字圖片，還要設(shè)計各種網(wǎng)站的排版格式與美工。這個網(wǎng)站的排版格式是我自己用Dreamweaver畫出來的，其中的圖片有的是自己處理的，也有些是從網(wǎng)上下載后自己用Photoshop、Fireworks處理的。4.2 首頁的制作先把素材整理成一些整齊的目錄，最好就在網(wǎng)頁需要放置的目錄下，我把它放在文件夾“網(wǎng)頁/image和flash”下。定義站點是選擇這個目錄，這樣素材就全位于站點以內(nèi)，處理比較方便。1、定義站點（1）啟動Dreamweaver。（2）打開“站點”菜單，選擇“新建站點”命令。圖4-1 站點的定義（3）在彈出的“站點定義”對話框中的“站點命令”文本框中輸入“小饞貓美食網(wǎng)”，在下面的“本地根目錄文件夾”文本框中輸入本地網(wǎng)站預(yù)保存的路徑，單擊“確認”按鈕。（4）隨即在組合面板中彈出“站點”面板，現(xiàn)在可以在其中添加頁面了。（5）右鍵單擊“站點”面板中的根目錄，在彈出菜單中選擇“新建文件”命令，把新建文件的名稱改為”index.html”。（6）雙擊index.html，進入頁面編輯狀態(tài)。（7）首先劃分整個頁面的布局。點擊“布局”按鈕進入布局模式，劃分頁面，將整個頁面劃分為五部分：上面橫幅部分，用來表明頁面的主題；接著橫幅部分是一小塊鏈接部分，用來鏈接其他的幾個頁面；左面較為狹窄的部分，是一些鏈接，算是修飾部分吧；右面是主要部分，頁面的主要內(nèi)容放在這里；最底下的小塊部分，說明網(wǎng)站的制作者和聯(lián)系方式。圖4-2 表格建立（8）然后在頁面頭部添加背景圖片： ，并在頭部右側(cè)寫好自己網(wǎng)站的各個部分名稱，并且設(shè)置好背景圖片設(shè)置好鏈接 首 頁 美味時尚 地方特色/a專 題   （圖5-3）圖5-3（9）然后在頁面中部的左側(cè)設(shè)置上背景和相關(guān)CSS設(shè)置，寫上些自我介紹的文字。（圖5-4）圖 5-4（10）在頁面的左上角插入5張圖片，放入事先設(shè)置好的表格。運用javascript的代碼，做一個變換效果。代碼如下： Loading. 黑巧克力玫瑰蛋糕 原料：低筋粉90克、蛋黃4個 、蛋白4個、好時Special Dark特濃黑巧克力。 做法：1、4個蛋黃，加入30克白糖攪勻顏色變淡，比較粘稠時，再加入50克橄欖油、50克水拌勻，再篩入低筋粉90克，奶粉20克，泡打粉2克，鹽2克。 2、4 白中滴入白醋，分三次加入150克白糖打發(fā)，直至將打蛋器立起，被打發(fā)的蛋清. （11）在頁面的中部加上個人簡介 并且設(shè)置好CSS樣式和各個鏈接。圖 5-5(12)最后添加首頁站內(nèi)索引，相關(guān)鏈接的鏈接，代碼如下： 韓式大醬湯 草莓酸奶沙拉 菊花三泡臺 tr方便面煎蛋餅 黑芝麻豆渣餅 蒙布朗 貴州美食 感受云南民俗 紫薯椰蓉球 花生醬吐司 之心可樂餅等4.3 其他網(wǎng)頁的制作4.3.1 美味時尚模塊實現(xiàn)圖 5-6這一組是美味時尚頁面，我使用了的是圖像鏈接，代碼如下： /p4.3.2 地方特色模塊實現(xiàn)圖 5-7 4.4 網(wǎng)頁中特效的制作網(wǎng)頁特效的運用在整個網(wǎng)站中并不是最重要的，但也是不可取少的，它在一定程度上起到了畫龍點睛的作用！也許你會說，有沒有特效無所謂，只要網(wǎng)頁構(gòu)思好，網(wǎng)頁頁面設(shè)計的得好就可以了！這種想法是不對的，過多的網(wǎng)頁特效會使得頁面顯得雜亂而且不整潔，但是適度的網(wǎng)頁特效卻能使網(wǎng)頁更具有靈動性，更能吸引人的眼球！在我們的網(wǎng)站的不同頁面中分別運用了一些網(wǎng)頁特效，是從網(wǎng)上下載的網(wǎng)頁特效的代碼，具體如下：1、滾屏特效效果：該特效的效果和幻燈片播放效果類似，多個圖片循環(huán)出現(xiàn)，不停互換。在所有頁面中都有體現(xiàn)。圖 5-8圖5-9代碼如下：var s=function()var interv=2000; /切換間隔時間var interv2=10; /切換速速var opac1=80; /文字背景的透明度var source=fade_focus /圖片容器id/獲取對象function getTag(tag,obj)if(obj=null)return document.getElementsByTagName(tag)elsereturn obj.getElementsByTagName(tag)function getid(id)return document.getElementById(id);var opac=0,j=0,t=63,num,scton=0,timer,timer2,timer3;var id=getid(source);id.removeChild(getTag(div,id)0);var li=getTag(li,id);var div=document.createElement(div);var title=document.createElement(div);var span=document.createElement(span);var button=document.createElement(div);button.className=button;for(var i=0;ili.length;i+)var a=document.createElement(a);a.innerHTML=i+1;a.onclick=function()clearTimeout(timer);clearTimeout(timer2);clearTimeout(timer3);j=parseInt(this.innerHTML)-1;scton=0;t=63;opac=0;fadeon();a.className=b1;a.onmouseover=function()this.clas sName=b2;a.onmouseout=function()this.className=b1;sc(j);button.appendChild(a);/控制透明度function alpha(obj,n)if(document.all)obj.style.filter=alpha(opacity=+n+);elseobj.style.opacity=(n/100);/控制焦點按鈕function sc(n)for(var i=0;ili.length;i+)button.childNodesi.className=b1;button.childNodesn.className=b2;title.className=num_list;title.appendChild(span);alpha(title,opac1);id.className=d1;div.className=d2;id.appendChild(div);id.appendChild(title);id.appendChild(button);/漸顯var fadeon=function()opac+=5;div.innerHTML=lij.innerHTML;span.innerHTML=getTag(img,lij)0.alt;alpha(div,opac);if(scton=0)sc(j);num=-2;scrolltxt();scton=1;if(opac0)timer=setTimeout(fadeout,interv2)elseif(jli.length-1)j+elsej=0;fadeon();/滾動文字var scrolltxt=function()t+=num;span.style.marginTop=t+px;if(num3)timer3=setTimeout(scrolltxt,interv2)else if(num0&t62)timer3=setTimeout(scrolltxt,interv2)elsescton=0;fadeon();/初始化window.onload=s;|xGv00|1d9efe72e6c0a6843b8e0c919b8b9f76|xGv00|7ae188d82f1163746583ef18aa3a58e8 首 頁 美味時尚 地方特色 專 題   Loading. 黑巧克力玫瑰蛋糕 原料：低筋粉90克、蛋黃4個 、蛋白4個、好時Special Dark特濃黑巧克力。 做法：1、4個蛋黃，加入30克白糖攪勻顏色變淡，比較粘稠時，再加入50克橄欖油、50克水拌勻，再篩入低筋粉90克，奶粉20克，泡打粉2克，鹽2克。 2、4 白中滴入白醋，分三次加入150克白糖打發(fā)，直至將打蛋器立起，被打發(fā)的蛋清. /div第五章 網(wǎng)站測試與維護5.1 網(wǎng)站的建成網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束，網(wǎng)站內(nèi)容需要不斷更新， 并且網(wǎng)站發(fā)布前要進行細致周密的測試，以保證正常瀏覽和使用。主要測試內(nèi)容： 1、服務(wù)器穩(wěn)定性、安全性。2、程序軟件的測試。 3、網(wǎng)頁兼容性測試，如瀏覽器、顯示器。 4、根據(jù)需要的其他測試。5.2 網(wǎng)站的發(fā)布網(wǎng)站發(fā)布后也要定時的對網(wǎng)站進行維護，以保證網(wǎng)站的正常瀏覽和使用。主要的維護內(nèi)容有：1、服務(wù)器及相關(guān)軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應(yīng)時間。 2、內(nèi)容的更新、調(diào)整等。 3、制定相關(guān)網(wǎng)站維護的規(guī)定，將網(wǎng)站維護制度化、規(guī)范化。總 結(jié)實踐是檢驗真理的唯一標(biāo)準，當(dāng)然也是檢驗學(xué)習(xí)成果的標(biāo)準。通過這次畢業(yè)設(shè)計讓我對前面學(xué)過的許多課程有了更為深刻的理解，也是我對這兩年所學(xué)的東西的一個綜合體現(xiàn)。然而這次設(shè)計讓我感受頗深，它讓我體會到了理論知識結(jié)合實踐的重要性，光有理論知識是遠遠不夠的。首先，我選的課題是旅游美食網(wǎng)站設(shè)計，隨之而來的就是我如何來確定該網(wǎng)站的主題,起初自己把問題想的過于簡單了，總覺得