徽州美食網(wǎng)站的設(shè)計(jì)畢業(yè)設(shè)計(jì)

1、畢業(yè)論文（設(shè)計(jì)）論文題目：徽州美食網(wǎng)站的設(shè)計(jì)院（系部）：計(jì)算機(jī)科學(xué)技術(shù)系專業(yè)名稱：計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)研究方向：網(wǎng)頁網(wǎng)站目錄內(nèi)容摘要 3緒論4一、網(wǎng)頁（一）網(wǎng)頁設(shè)計(jì)背景 4（二）網(wǎng)頁設(shè)計(jì)概述 5二、設(shè)計(jì)語言及軟件介紹（一）HTMI®言介紹 5（二）Dreamweaver介紹 5三、設(shè)計(jì)思路及步驟（一）設(shè)計(jì)思想 6（二）需求分析 6（三）設(shè)計(jì)步驟 6四、設(shè)計(jì)的實(shí)現(xiàn)（一）網(wǎng)站主頁面的設(shè)計(jì) .18（二）菜譜大全界面設(shè)計(jì)： 21（三）健康資訊界面設(shè)計(jì)： 23（四）健腦飲食界面設(shè)計(jì)：2528（六）食材百科界面設(shè)計(jì)： 2931333432結(jié)論展望參考文獻(xiàn)內(nèi)容摘要21 世紀(jì)是一個(gè)信息化的時(shí)代。隨著網(wǎng)絡(luò)信

2、息的飛速發(fā)展，網(wǎng)絡(luò)傳媒以被越來越多的企業(yè)看好，而網(wǎng)站就是傳媒很好的一種方式，目前有很多企業(yè)都在開發(fā)屬于自己的網(wǎng)站，所以研究網(wǎng)站建設(shè)是很有必要的。本文主要概述了建設(shè)一個(gè)網(wǎng)站的具體過程。包括設(shè)計(jì)思路、設(shè)計(jì)步驟以及最后的設(shè)計(jì)實(shí)現(xiàn)。有文本的應(yīng)用、創(chuàng)建圖像頁面、使用csS窗飾網(wǎng)頁、創(chuàng)建多媒體網(wǎng)頁、利用表單對象創(chuàng)建表單文件、網(wǎng)頁連接的應(yīng)用、創(chuàng)建框架頁面、使用javaScript 行為創(chuàng)建動(dòng)態(tài)效果、主要使用的設(shè)計(jì)語言是HTML本文還考慮到了軟件工程在程序設(shè)計(jì)中的應(yīng)用，軟件工程認(rèn)為軟件開發(fā)與各種市場活動(dòng)密切相關(guān)，所以編寫軟件時(shí)不能脫離軟件的需求。Dreamweave也是本文研究的主要對象。本文運(yùn)用Dreamw

3、eaver和相應(yīng)的網(wǎng)站開發(fā)軟件，闡述了網(wǎng)站前后臺設(shè)計(jì)，并對其功能進(jìn)行了論述，實(shí)現(xiàn)了整個(gè)網(wǎng)站功能的使用。通過對整個(gè)網(wǎng)站的設(shè)計(jì)，說明了在制作過程中遇到常見問題的解決方法。網(wǎng)絡(luò)傳媒網(wǎng)站 HTML Dreamweaver緒論網(wǎng)頁網(wǎng)站的應(yīng)用網(wǎng)頁設(shè)計(jì)是近年來興起的設(shè)計(jì)領(lǐng)域，是繼報(bào)紙、廣播、電視之后的又一全新的設(shè)計(jì)媒體。隨著計(jì)算機(jī)的廣泛普及，計(jì)算機(jī)網(wǎng)絡(luò)也得到了飛速的發(fā)展，如今的網(wǎng)絡(luò)這個(gè)平臺讓人們感覺一切都越來越簡單，也逐漸的越來越方面了，慢慢地隨著互聯(lián)網(wǎng)的猛速發(fā)展，人們的生活以及學(xué)習(xí)似乎離不開網(wǎng)絡(luò)。因?yàn)镮nternet這個(gè)大的平臺是實(shí)現(xiàn)網(wǎng)絡(luò)資源共享的資源庫，那么根據(jù)它的發(fā)展歷程與目前的應(yīng)用情況和發(fā)展趨勢，我

4、們可以充分的相信網(wǎng)絡(luò)技術(shù)將會(huì)極大的改善我們的生活和工作方式，甚至抽象的理解為可能連社會(huì)的價(jià)值觀也會(huì)發(fā)生一定的變化。比如說，在近來的網(wǎng)絡(luò)猛速發(fā)展的過程中，越來越多的民間團(tuán)體、企事業(yè)單位都紛紛的在網(wǎng)上自立門戶，這其中最迫切想得到外界了解和認(rèn)可的無疑是那些大小商家們，對他們而言，網(wǎng)絡(luò)就像一座取之不盡用之不竭的天然寶藏，其中蘊(yùn)藏著無窮的機(jī)遇與財(cái)富，而且不論是企業(yè)網(wǎng)站還是個(gè)人網(wǎng)站，各種大型的門戶網(wǎng)站， 都如雨后春筍般的層層的蓬勃發(fā)展壯大起來，這樣一來就更進(jìn)一步的使這樣的互聯(lián)網(wǎng)業(yè)呈現(xiàn)出絢爛多彩的發(fā)展局面。我設(shè)計(jì)的畢業(yè)論文的題目是徽州美食網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)，包括網(wǎng)站的概要設(shè)計(jì)，主要的功能模塊，詳細(xì)的功能以及詳

5、細(xì)的設(shè)計(jì)，最后是結(jié)論與展望，總結(jié)這次畢業(yè)設(shè)計(jì)的收獲和心得。一、網(wǎng)頁（一）網(wǎng)頁設(shè)計(jì)背景隨著 21 世紀(jì)的到來，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來越重要，越來越多的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。掌握計(jì)算機(jī)是職業(yè)的需要， 更是事業(yè)發(fā)展的需要。網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，而一個(gè)網(wǎng)站也是一家企業(yè)不可缺少的一部分。對于我們來說必須要掌握網(wǎng)頁設(shè)計(jì)的相關(guān)知識（二）網(wǎng)頁設(shè)計(jì)概述網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息 （包括產(chǎn)品和服務(wù)）的一種方式，是企業(yè) 開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去 談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)” ，也是企業(yè)無形資產(chǎn)的

6、 組成部分，而網(wǎng)站是Internet上宣傳和反應(yīng)企業(yè)形象和文化的重要窗口二、設(shè)計(jì)語言及軟件介紹（一）HTML®言介紹超文本標(biāo)記語言，即 HTML（ Hypertext Markup Language ）,是用于描述網(wǎng) 頁文檔的一種標(biāo)記語言。是標(biāo)準(zhǔn)通用標(biāo)記下的一個(gè)應(yīng)用， 也是一種規(guī)范，一種標(biāo) 準(zhǔn)，它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以告訴瀏覽器如何顯示其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網(wǎng) 頁文件，然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容， 對書寫出錯(cuò)的標(biāo)記將不指出 其錯(cuò)誤，且不停

7、止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和 出錯(cuò)部位。（二）Dreamweave介紹Dreamweaver是一個(gè)可視化的網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理工具，支持最新的 Webft術(shù)，包含HTML僉查、HTM臍式控制、HTM臍式化選項(xiàng)、可視化網(wǎng)頁設(shè)計(jì)、圖像 編輯、全局查找替換、全 FTP功能、處理Flash和Shockwave等富媒體格式和 動(dòng)態(tài)HTML基于團(tuán)隊(duì)的 Web創(chuàng)作。在編輯上你可以選擇可視化方式或者你喜歡 的源碼編輯方式。三、設(shè)計(jì)思路及步驟（一） 設(shè)計(jì)思想1、網(wǎng)站內(nèi)容要豐富齊全，需要包括一個(gè)主頁面和七個(gè)子頁面，子頁面包括“菜譜大全”、“健康資訊”、“健腦飲食”、“美食團(tuán)購”、“食材百

8、科”、“母嬰飲食”、 “美容飲食”。2、主頁面采用DIV+CSSffi表格混合設(shè)計(jì)，特效有橫幅下拉特效，圖片切換特效。另外注冊和登錄采用數(shù)據(jù)庫技術(shù)，可以簡單實(shí)現(xiàn)，其他還有導(dǎo)航，超級鏈接，頁腳設(shè)計(jì)等等。3、子頁面可以簡單的采用表格制作，頁面要整潔簡單，一目了然。用到的圖片、素材要經(jīng)過Photoshop 的加工、改造。4、登錄頁面和后臺管理頁面等等（二）需求分析通過市場、網(wǎng)上調(diào)查和自己對網(wǎng)頁網(wǎng)站的建立理解，一個(gè)網(wǎng)站應(yīng)該有以下內(nèi)容的比亞需要：1、網(wǎng)站前臺:網(wǎng)站前臺主要是用戶瀏覽本商城網(wǎng)站所得到的一些信息，它包括： 網(wǎng)站首頁，網(wǎng)站導(dǎo)航，網(wǎng)站公告，用戶登錄、注冊，以及商品的搜索模塊信息的顯示功能。前臺模

9、塊的功能網(wǎng)站公告：用戶對網(wǎng)站最新公告的了解用戶注冊：新用戶注冊用戶登錄：已注冊用戶登錄網(wǎng)站瀏覽信息2、網(wǎng)站后臺后臺管理頁面是商城管理員對整個(gè)網(wǎng)站的管理，其要求實(shí)現(xiàn)：商城產(chǎn)品的管理，商城公告的管理等多個(gè)模塊的功能。（三）設(shè)計(jì)步驟網(wǎng)站設(shè)計(jì)的步驟如下：1、需求分析：根據(jù)實(shí)際需要設(shè)計(jì)相關(guān)功能模塊，并根據(jù)此分析給出合理的、滿足要求的設(shè)計(jì)思路。2、收集材料：收集網(wǎng)站可能用到的圖片、文字等等，從圖書、 報(bào)紙、 光盤、多媒體上得來，也從互聯(lián)網(wǎng)上搜集。3、設(shè)計(jì)效果圖：利用了 photoshop 工具等使用圖像處理軟件設(shè)計(jì)出最終效果圖，根據(jù)需要進(jìn)行修改，直到滿意為止。4、網(wǎng)站具體建設(shè)：設(shè)計(jì)視圖中設(shè)計(jì) We頃面外觀

10、，設(shè)置控件的相關(guān)屬性。5、調(diào)試、優(yōu)化和發(fā)布網(wǎng)站。四、設(shè)計(jì)的實(shí)現(xiàn)（一）網(wǎng)站主頁面的設(shè)計(jì):主頁面重點(diǎn)制作和設(shè)計(jì)，包括 LOGO橫幅，網(wǎng)站導(dǎo)航，首頁分導(dǎo)航、超級鏈接、FLASH+J隔片切換，頁腳設(shè)計(jì)等。設(shè)計(jì)效果如下:allCeS徽州 美食網(wǎng)站 皿心日tgSm說苞菅靈原料推薦關(guān)食視撅:.ftO 修斗更小吃推薦用戶主,二記勺京二精色美TV西格美食5ES中國有富少個(gè)宜居犍市宜居城市窗雄的中H式圜刺:工輔爾本擊政常也軍立章大*&隼威力金"Wf音艮居 的城市一審的士仲有/市上Ml it名最好的是龕京的第立 S1國町工咸鞫潴藐肉=M.處而池充./程,三/H重“普 工日三及電，噂奉通 果需莫:&

11、#171;國®由：K其口豆】由向下寞云I巾通口:1K肅行那加入里的唯道或食床重置的障謹(jǐn). 啦率人一定要姐也尤其是女1»干、一個(gè)女耦子見跟霍1耍 悔 見的參了.自鬢出臺心胸降迭.turn廣.強(qiáng)密殖利庫對很 s事情的法，£胃鼻#中華拿希才干”寫.亮JCSS E*【鼻哥注曜：豆4?卜海社M *昔其或R電0。*吐 號幅31*理"于看" PfS?W、證時(shí)能睡汁嗖奇辛：KW電工震林心暑變好在野疆 £!M；圖iM胃設(shè)善誦！ rtlfEKX*好山好其五史云K匕巴燈平H-友情鏈接常餐聘需民E篦鼠看圖二困1祐才彳胃”室在堀噸靠才算畬天R:天下*冠事!餐品

12、需m青跟月也,才耳育耳號SE要官鼻鼻竭中審彳駕隗 t£*r廣片震區(qū)Ba可三事香立食爐騫*意在用肥«!育U出寸聿童曼*才M土卡雇需卸嫻Mg3 san東弟£套用上2均至更*烹4崖1K二 仙一生手耳科？1苴*心置-1*!. 一U CPiiiW3iit 京 TeTig煙，*公邸宜iiQ/iWH/，主要源代碼：<title> 無標(biāo)題文檔</title><script src="js/swfobject.js" type="text/javascript"></script><sty

13、le type="text/css”><!-body,td,th color: #000000;font-size: 12px;.STYLE4 color: #666666.STYLE9 font-size: 24px; color: #FFFFFF; a:link text-decoration: none;color: #FF00FF;a:visited text-decoration: none;a:hover text-decoration: none;a:active text-decoration: none;.STYLE10 font-size: 18px.

14、STYLE11 font-size: 14px;color: #000000;.STYLE12 color: #CC00CC.STYLE14 color: #666666; font-size: 12px; .STYLE16 font-size: 12.STYLE17 font-size: 12px.STYLE18 font-size: 16px.STYLE19 color: #0066CC.STYLE20 color: #00FF00.STYLE22 font-size: 16px; color: #666666; .STYLE23 font-size: 18px; color: #0066

15、CC; .STYLE24 font-size: 16px; color: #00FF00; .STYLE25 color: #990099;font-size: 18px;font-weight: bold;.STYLE27 font-size: 18px;color: #9900FF;font-weight: bold;.STYLE30 font-size: 24px; color: #000000; .STYLE33 color: #333333; font-size: 24px; body background-color: #FFFFCC;#Layer1 position:absolu

16、te;width:200px;height:115px;z-index:1;top: 141px;visibility: hidden;.STYLE36 font-size: 18px;color: #00FFFF;font-weight: bold;.STYLE39 color: #9933CC;font-weight: bold;#Layer2 position:absolute;width:200px;height:96px;z-index:2;top: 139px;visibility: hidden;#Layer3 position:absolute;width:200px;heig

17、ht:64px;z-index:3;top: 144px;visibility: hidden;.STYLE41 font-size: 36px; font-weight: bold; color: #CC6633;.STYLE42 font-family: "Courier New", Courier, monospace-></style><script type="text/JavaScript"><!-function MM_findObj(n, d) /v4.01varp,i,x;if(!d)d=docume

18、nt;if(p=n.indexOf("?")>0&&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p);if(!(x=dn)&&d.all) x=d.alln; for (i=0;!x&&i<d.forms.length;i+)x=d.formsin;for(i=0;!x&&d.layers&&i<d.layers.length;i+)x=MM_findObj(n,

19、d.layersi.document);if(!x && d.getElementById) x=d.getElementById(n); return x;function MM_showHideLayers() /v6.0var i,p,v,obj,args=MM_showHideLayers.arguments;for(i=0;i<(args.length-2);i+=3)if(obj=MM_findObj(argsi)!=null) v=argsi+2;if(obj.style)obj=obj.style;v=(v='show')?'vis

20、ible':(v='hide')?'hidden':v; obj.visibility=v; )/-> </script> </head><body><table width="1109" height="1529" border="0" align="center"> <tr><td width="1103"height="1523" align="le

21、ft" valign="top"><divalign="center"><table width="1101" border="0"> <tr><td width="1095" height="44"><table width="1075" height="36" border="0" align="center"><

22、;tr><tdwidth="150" height="32"> <a href="#"> 返回首頁</a></td><td width="662">&nbsp;</td><tdwidth="127"><span class="STYLE4"><a href="#"><ahref="#"class="o

23、ne"onClick="this.style.behavior='url(#default#homepage)'this.setHomePag e ('');">設(shè)成首頁 </a></span></td><td width="164"><span class="STYLE4"><a href="#">意見反饋 </a></span></td> </tr&g

24、t;</table><palign="center"class="STYLE41"><spanclass="STYLE42"><img src="images/logo.gif" alt="1"width="250" height="30" /> 徽州美食網(wǎng)站 </span><img src="images/logo.gif width="250" height

25、="30" /></p></td> </tr> </table><tablewidth="1100" border="0" bordercolor="#FFFFFF"bgcolor="#9966FF"> <tr><td width="140" height="37"><span class="STYLE9"><a href=&qu

26、ot;#"> 首頁 </a></span></td><tdwidth="140"><divid="Layer1"onmouseover="MM_showHideLayers(,Layerr,show')" onmouseout="MM_showHideLayers(,Layer1',",'hide')"><tablewidth="200" height="113&

27、quot; border="0"bordercolor="#9933FF"bgcolor="#99CC99"onmouseover="MM_showHideLayers(,Layerr,show')" onmouseout="MM_showHideLayers(,Layer1',",'hide')"> <tr> <tdbgcolor="#9966FF"><span class="STYLE

28、36"> 家常菜譜</span></td> </tr> <tr> <tdbgcolor="#9966FF"><span class="STYLE36"> 美容菜譜</span></td> </tr> <tr> <tdbgcolor="#9966FF"><span class="STYLE36"> 營養(yǎng)搭配菜譜 </span></td>

29、 </tr> </table></div><spanclass="STYLE9"><a href="菜譜大全.html”onmouseover="MM_showHideLayers(,Layerr,show')"onmouseout="MM_showHideLayers(,Layer1',",'hide,)"> 菜 譜 大 全</a></span></td><tdwidth="14

30、0"><divid="Layer2"onmouseover="MM_showHideLayers(,Layer2',",show')"onmouseout="MM_showHideLayers(,Layer2',",'hide')"><table width="200" border="0"><tr><tdheight="29" bgcolor="#

31、9966FF"> <spanclass="STYLE36"> 營養(yǎng)常識 </span></td></tr><tr><tdheight="28"bgcolor="#9966FF"><spanclass="STYLE36"> 營養(yǎng)健康 </span></td></tr><tr><tdheight="29" bgcolor="#9966FF

32、" class="STYLE36">營養(yǎng)手冊</td></tr></table></div><spanclass="STYLE30"><a href="健康資訊.html"onmouseover="MM_showHideLayers(,Layer2',",show')"onmouseout="MM_showHideLayers('Layer2',",hide,)"

33、> 健康 資 訊</a></span></td><td width="140"><div id="Layer3"><tablewidth="200"height="61"border="0"onmouseover="MM_showHideLayers('Layer3',",'show')onmouseout="MM_showHideLayers('Laye

34、r3',",'hide')"><tr><tdheight="27" bgcolor="#9966FF" class="STYLE36">相冊</td></tr><tr><tdheight="26" bgcolor="#9966FF" class="STYLE36">隨拍</td></tr></table></div

35、><spanclass="STYLE9"><a href="健腦飲食.html”onmouseover="MM_showHideLayers('Layer3','','show')onmouseout="MM_showHideLayers('Layer3','','hide')">健腦 飲 食</a></span></td><td width="140&quo

36、t; bgcolor="#9966FF"><span class="STYLE9"><ahref="美食團(tuán)購.html"> 美食團(tuán)購 </a></span></td><tdwidth="140"><span科.html”> 食材百科 </a></span></td><tdwidth="140"><span食.html”> 母嬰飲食 </a&g

37、t;</span></td><tdwidth="140"><span食.html”> 美容飲食 </a></span></td>class="STYLE9"><a href="食材百class="STYLE9"><a href="母嬰飲class="STYLE9"><a href="美容飲</tr></table><table width

38、="1093" height="181" border="0"><tr><td width="448" height="177" align="left" valign="top"><div id="jiaodianContent"></div><script type="text/javascript">/焦點(diǎn)var xmlData="&l

39、t;list><item><title>近 期 活 動(dòng)</title><img>images/59045.jpg</img><url>m><title> 菠 菜 </title><title2>美 食 精 選</title2><img>images/63797.jpg</img><url> tem><item><title> 家常菜菜譜 </title><title2> 主題

40、食譜</title2><img>images/07664.jpg</img><url> tem><item><title>12鮮肉</title><title2></title2><img>images/09188.jpg</img><url>http:/www.1土豆</title><title2></title2><img>images/1.jpg</img><url>h

41、ttp:/www.123.c om/</url></item><item><title></title><title2></title2><img>images/88480.jpg</img><url>><title2></title2><img>images/93291.jpg</img><url></url></item><item><title></t

42、itle><title2></title2><img>images/47593.jpg</img><url>itle2></title2><img>images/61998.jpg</img><url>rl></item><item><title></title><title2></title2><img>images/71442.jpg</img><url> e

43、2></title2><img>images/41464.gif</img><url></item><item><title></title><title2></title2><img>images/58248.gif</img><url></title2><img>images/71442.gif</img><url> tem><item><title>牛

44、奶</title><title2></title2><img>images/70031.jpg</img><url>http:/www.1讓 口 水 飛</title2><img>images/12724.jpg</img><url> tem><item><title></title><title2></title2><img>images/22547a33126743d 9a69_765048.j

45、pg</img><url> m><title></title><img>images/05731.jpg</img><url> /url><item><title></title><title2></title2><img>images/26198.jpg</img><url> title2><img>images/88480.jpg</img><url> m&g

46、t;<item><title></title><title2></title2><img>images/93291.jpg</img><u rl>le2><img>images/47593.jpg</img><url> item><title></title><title2></title2><img>images/61998.jpg</img><url>><

47、;img>images/64153.jpg</img><url> m><title></title><title2></title2><img>images/41464.gif</img><url>http:/ mg>images/58248.gif</img><url> title></title><title2></title2><img>images/71442.gif</img&

48、gt;<url>http:/ /images/70031.jpg</img><url> le></title><title2>讓口水飛</title2><img>images/12724.jpg</img><url> tem><item><title></title><title2></title2><img>images/22547a33126743d 9a69_765048.jpg</img&g

49、t;<url> m><title></title><img>images/44541.jpg</img><url> /url><item><title></title><title2></title2><img>images/47593.jpg</img><url> title2><img>images/61998.jpg</img><url> m><item&g

50、t;<title></title><title2></title2><img>images/64153.jpg</img><url> le2><img>images/41464.gif</img><url>item><title></title><title2></title2><img>images/58248.gif</img><url>><img>image

51、s/71442.gif</img><url>m><title></title><title2></title2><img>images/70031.jpg</img><url>http:/讓 口水飛</title2><img>images/1.jpg</img><url><item><title></title><title2></title2><img>imag

52、es/1.jpg</img><url>http:/本 周 主 打</title><img>images/68518.jpg</img><url>m><title></title><title2></title2><img>images/41464.gif</img><url>http:/mg>images/58248.gif</img><url>title></title><tit

53、le2></title2><img>images/71442.gif</img><url>http:/牛奶</title><title2></title2><img>images/70031.jpg</img><url>http:/www.1讓口 水 飛</title2><img>images/12724.jpg</img><url>tem><item><title></title>

54、;<title2></title2><img>images/22547a33126743d9a69_765048.jpg</img><url>m><title></title><img>images/75516.jpg</img><url>/url><item><title></title><title2></title2><img>images/70031.jpg</img>&l

55、t;url>讓口水飛</title2><img>images/12724.jpg</img><url>tem><item><title></title><title2></title2><img>images/1.jpg</img><url>var flashvars = xmlData:xmlData;var params = menu:false,wmode:"transparent"var attributes =

56、 ;（二）菜譜大全界面設(shè)計(jì):設(shè)計(jì)效果如下：返回首面MiCateSi jwtiwsM徽州 美食網(wǎng)站 就心或eSi iiamk舟神時(shí)尚吠晶31 外菜曜fcff視頻享普俄破爐藥第方火糊底料 圭年人 U桂席墓干累制常寶寶食厝步北音恬羯離裊 滿鹵瘦索常常私雜菜普7卻就廢主直孕婦產(chǎn)婦拉等：3B7'jBES-E + m TS友情鏈接*K4里費(fèi)*避后景麗后用%展己E*星羽史!"Ei£tE底工界提!（云星2 二 :曹照界少，島百卡其對之后出SJHTr dUR弱者廠導(dǎo)修民尊mMM3t'lf F黑電口電好!vfrlt德比: 3：卜備彳EG翼上漕障圈奧3E 值喔通口 土罩看中置瑪啖

57、本/霞土的 jMtMj E» Jf laiKTi# 霏爐，11&g!號#1131WKTI3,!*主要源代碼：<td width="150" height="32"> <a href="#">返回首頁 </a></td><td width="662">&nbsp;</td><td width="127"><span class="STYLE4"><a

58、href="#"><a href="#" class="one"onClick="this.style.behavior='url(#default#homepage)'this.setHomePag('');"> 設(shè)成首頁 </a></span></td><td width="164"><span class="STYLE4"><a href="#&

59、quot;>意見反饋 </a></span></td></tr></table><p align="center"><span class="STYLE41 "><span class="STYLE42"><img src="images/logo.gif' alt="1" width="250" height="30" /> 徽州美食網(wǎng)站 &l

60、t;/span><img src="images/logo.gif' alt="0" width="250" height="30" /></span></p></td></tr></table><table width="1100" border="0" bordercolor="#FFFFFF" bgcolor="#9966FF"><tr&

61、gt;<td width="140" height="37"><span class="STYLE9"><a href="#"> li M </a></span></td><td width="140"><div id="Layer1"onmouseover="MM_showHideLayers(,Layerr,show')"onmouseout="

62、MM_showHideLayers(,Layer1',",'hide')"><table width="200" height="113" border="0"bordercolor="#9933FF" bgcolor="#99CC99"onmouseover="MM_showHideLayers(,Layerr,show')" onmouseout="MM_showHideLayers(,Layer1

63、,hide,)"><tr><tdbgcolor="#9966FF"><span class="STYLE36"> 家常菜if </span></td></tr><tr><tdbgcolor="#9966FF"><span class="STYLE36"> 美容菜if </span></td></tr><tr><tdbgcolor="

64、;#9966FF"><span class="STYLE36"> 營養(yǎng)搭酉己菜譜</span></td></tr></table></div><span class="STYLE9"><a href="菜譜大全.html”onmouseover="MM_showHideLayers(,Layerr,show')" onmouseout="MM_showHideLayers('Layer1 

65、9;:'hide')" 菜譜大全 </a></span></td><td width="140"><div id="Layer2"onmouseover="MM_showHideLayers(,Layer2',",show')" onmouseout="MM_showHideLayers(,Layer2',",'hide')"><table width="

66、200" border="0"><tr><td height="29" bgcolor="#9966FF"> <span class="STYLE36"> 營養(yǎng)常識 </span></td></tr><tr><td height="28" bgcolor="#9966FF"><span class="STYLE36"> 營養(yǎng)健康 &l

67、t;/span></td></tr><tr><tdheight="29" bgcolor="#9966FF" class="STYLE36">營養(yǎng)手冊</td></tr></table></div><span class="STYLE9"><a href="健康資訊.html”onmouseover="MM_showHideLayers(,Layer2',",show')"onmouseout="MM_s