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

1、word可編輯徽州美食網(wǎng)站的設(shè)計(jì)畢業(yè)設(shè)計(jì)方案.word可編輯畢業(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 緒論一、網(wǎng)頁一網(wǎng)頁設(shè)計(jì)背景 4二網(wǎng)頁設(shè)計(jì)概述 5二、設(shè)計(jì)語言及軟件介紹一HTML語言介紹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ì):25五美食團(tuán)購(gòu)界面設(shè)計(jì)：28六食材百科界面設(shè)計(jì)：29七母嬰飲食界面設(shè)計(jì)31八美容飲食界面設(shè)計(jì)：32結(jié)論展望33參考文獻(xiàn)

2、34內(nèi)容摘要21世紀(jì)是一個(gè)信息化的時(shí)代。隨著網(wǎng)絡(luò)信息的飛速開展，網(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)頁、利用表單對(duì)象創(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ā)與各種市場(chǎng)活動(dòng)密切相關(guān)，所以編寫軟件時(shí)不能脫離軟件的需求。Dreamwe

3、aver也是本文研究的主要對(duì)象。本文運(yùn)用Dreamweaver和相應(yīng)的網(wǎng)站開發(fā)軟件，闡述了網(wǎng)站前后臺(tái)設(shè)計(jì)，并對(duì)其功能進(jìn)行了論述，實(shí)現(xiàn)了整個(gè)網(wǎng)站功能的使用。通過對(duì)整個(gè)網(wǎng)站的設(shè)計(jì)，說明了在制作過程中遇到常見問題的解決方法?！娟P(guān)鍵字】網(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ò)也得到了飛速的開展，如今的網(wǎng)絡(luò)這個(gè)平臺(tái)讓人們感覺一切都越來越簡(jiǎn)單，也逐漸的越來越方面了，慢慢地隨著互聯(lián)網(wǎng)的猛速開展，人們的生活以及學(xué)習(xí)似乎離不開網(wǎng)絡(luò)。因?yàn)镮nternet這個(gè)大的平臺(tái)是實(shí)現(xiàn)網(wǎng)絡(luò)資源

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

5、計(jì)與實(shí)現(xiàn)，包括網(wǎng)站的概要設(shè)計(jì)，主要的功能模塊，詳細(xì)的功能以及詳細(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è)開展的需要。網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，而一個(gè)網(wǎng)站也是一家企業(yè)不可缺少的一局部。對(duì)于我們來說必須要掌握網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)二網(wǎng)頁設(shè)計(jì)概述 網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息包括產(chǎn)品和效勞的一種方式，是企業(yè)開展電子商務(wù)的根底設(shè)施和信息平臺(tái)，離開網(wǎng)站或者只是利用第三方網(wǎng)站去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱

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

7、行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。(二Dreamweaver介紹Dreamweaver是一個(gè)可視化的網(wǎng)頁設(shè)計(jì)和網(wǎng)站管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項(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)購(gòu)、“食材百科、“母嬰飲食、“美容飲食。2

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

9、：新用戶注冊(cè)用戶登錄：已注冊(cè)用戶登錄網(wǎng)站瀏覽信息2、網(wǎng)站后臺(tái)后臺(tái)管理頁面是商城管理員對(duì)整個(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ì)Web頁面外觀，設(shè)置控件的相關(guān)屬性。5、 調(diào)試、優(yōu)化和發(fā)布網(wǎng)站。四、

10、設(shè)計(jì)的實(shí)現(xiàn)一網(wǎng)站主頁面的設(shè)計(jì)：主頁面重點(diǎn)制作和設(shè)計(jì)，包括LOGO，橫幅，網(wǎng)站導(dǎo)航，首頁分導(dǎo)航、超級(jí)鏈接、FLASH+JS圖片切換，頁腳設(shè)計(jì)等。設(shè)計(jì)效果如下：主要源代碼：<title>無標(biāo)題文檔</title><script src="js/" type="text/javascript"></script><style type="text/css"><!-body,td,th color: #000000;font-size: 12px;.STYLE4 color:

11、#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.STYLE11 font-size: 14px;color: #000000;.STYLE12 color: #CC00CC.STYLE14 color: #666666; fon

12、t-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: #0066CC; .STYLE24 font-size: 16px; color: #00FF00; .STYLE25 color: #990099;font-size: 18px;font

13、-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:absolute;width:200px;height:115px;z-index:1;top: 141px;visibility: hidden;.STYLE36 font-size: 18

14、px;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;height:64px;z-index:3;top: 144px;visibility: hidden;.STYLE41 font-size: 36px; font-weight: bol

15、d; color: #CC6633;.STYLE42 font-family: "Courier New", Courier, monospace-></style><script type="text/JavaScript"><!-function MM_findObj(n, d) / var p,i,x; if(!d) d=document; if(p=("")>0&&) d=(p+1).document; n=(0,p); if(!(x=dn)&&) x=

16、n; for (i=0;!x&&i<i+) x=in; for(i=0;!x&&&&i<i+) x=MM_findObj(n,i.document); if(!x && ) x=(n); return x;function MM_showHideLayers() / var i,p,v,obj,args=; for (i=0; i<(); i+=3) if (obj=MM_findObj(argsi)!=null) v=argsi+2; if () obj=; v=(v='show')'v

17、isible':(v='hide')'hidden':v; =v; /-></script></head><body><table width="1109" height="1529" border="0" align="center"> <tr> <td width="1103" height="1523" align="left" valig

18、n="top"><div align="center"> <table width="1101" border="0"> <tr> <td width="1095" height="44"><table width="1075" height="36" border="0" align="center"> <tr> &l

19、t;td width="150" height="32"> <a href="#">返回首頁</a></td> <td width="662">&nbsp;</td> <td width="127"><span class="STYLE4"><a href="#"><a href="#" class="one&q

20、uot; onClick="='url(#default#homepage)'('');">設(shè)成首頁</a></span></td> <td width="164"><span class="STYLE4"><a href="#">意見反響</a></span></td> </tr> </table> <p align="cente

21、r" class="STYLE41"><span class="STYLE42"><img src="images/" alt="1" width="250" height="30" />徽州美食網(wǎng)站</span><img src="images/" width="250" height="30" /></p></td> <

22、/tr> </table> <table width="1100" border="0" bordercolor="#FFFFFF" bgcolor="#9966FF"> <tr> <td width="140" height="37"><span class="STYLE9"><a href="#">首頁</a></span><

23、/td> <td width="140"><div id="Layer1" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')"> <table width="200" height="113"

24、border="0" bordercolor="#9933FF" bgcolor="#99CC99" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')"> <tr> <td bgcolor="#9966FF"

25、;><span class="STYLE36">家常菜譜</span></td> </tr> <tr> <td bgcolor="#9966FF"><span class="STYLE36">美容菜譜</span></td> </tr> <tr> <td bgcolor="#9966FF"><span class="STYLE36">營(yíng)

26、養(yǎng)搭配菜譜</span></td> </tr> </table> </div> <span class="STYLE9"><a href="" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')"

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

28、ot;200" border="0"> <tr> <td height="29" bgcolor="#9966FF"> <span class="STYLE36">營(yíng)養(yǎng)常識(shí)</span></td> </tr> <tr> <td height="28" bgcolor="#9966FF"><span class="STYLE36">營(yíng)養(yǎng)

29、健康</span></td> </tr> <tr> <td height="29" bgcolor="#9966FF" class="STYLE36">營(yíng)養(yǎng)手冊(cè)</td> </tr> </table> </div> <span class="STYLE30"><a href="" onmouseover="MM_showHideLayers('Layer

30、2','','show')" onmouseout="MM_showHideLayers('Layer2','','hide')">健康資訊</a></span></td> <td width="140"><div id="Layer3"> <table width="200" height="61" border="

31、0" onmouseover="MM_showHideLayers('Layer3','','show')" onmouseout="MM_showHideLayers('Layer3','','hide')"> <tr> <td height="27" bgcolor="#9966FF" class="STYLE36">相冊(cè)</td> </t

32、r> <tr> <td height="26" bgcolor="#9966FF" class="STYLE36">隨拍</td> </tr> </table> </div> <span class="STYLE9"><a href="" onmouseover="MM_showHideLayers('Layer3','','show')&qu

33、ot; onmouseout="MM_showHideLayers('Layer3','','hide')">健腦飲食</a></span></td> <td width="140" bgcolor="#9966FF"><span class="STYLE9"><a href="">美食團(tuán)購(gòu)</a></span></td> <td

34、 width="140"><span class="STYLE9"><a href="">食材百科</a></span></td> <td width="140"><span class="STYLE9"><a href="">母嬰飲食</a></span></td> <td width="140"><

35、span class="STYLE9"><a href=""> 美容飲食</a></span></td> </tr> </table> <table width="1093" height="181" border="0"> <tr> <td width="448" height="177" align="left" valign

36、="top"><div id="jiaodianContent"></div> <script type="text/javascript">/焦點(diǎn)var xmlData="<list><item><title>近期活動(dòng)</title><img>images/</img><url></url><item><title> 菠菜</title><tit

37、le2>美食精選</title2><img>images/</img><url></url></item><item><title>家常菜菜譜</title><title2>主題食譜</title2><img>images/</img><url></url></item><item><title>12鮮肉</title><title2></tit

38、le2><img>images/</img><url></url></item><item><title>土豆</title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</

39、img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url>&l

40、t;/item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title

41、></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2>

42、</title2><img>images/</img><url></url></item><item><title>牛奶</title><title2></title2><img>images/</img><url></url></item><item><title></title><title2>讓口水飛</title2><img>

43、images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item></item><item><title></title><img>images/</img><url></url><it

44、em><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title>

45、;<title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2>&l

46、t;img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><

47、url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item>

48、<item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2>讓口水飛</title2><img>images/</img><url></url></item><item><title><

49、;/title><title2></title2><img>images/</img><url></url></item></item><item><title></title><img>images/</img><url></url><item><title></title><title2></title2><img>images/<

50、;/img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url>

51、</item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><tit

52、le></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2&g

53、t;讓口水飛</title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item></item><item><title>本周主打</title><img>images/</

54、img><url></url><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item>&l

55、t;item><title></title><title2></title2><img>images/</img><url></url></item><item><title>牛奶</title><title2></title2><img>images/</img><url></url></item><item><title></ti

56、tle><title2>讓口水飛</title2><img>images/</img><url></url></item><item><title></title><title2></title2><img>images/</img><url></url></item></item><item><title></title><img&

57、gt;images/</img><url></url><item><title></title><title2></title2><img>images/</img><url></url></item><item><title></title><title2>讓口水飛</title2><img>images/</img><url></url

58、></item><item><title></title><title2></title2><img>images/</img><url></url></item></item></list>"var flashvars = xmlData:xmlData;var params = menu:false,wmode:"transparent"var attributes = ;二菜譜大全界面設(shè)計(jì)：設(shè)計(jì)效果

59、如下：主要源代碼：<td width="150" height="32"> <a href="#">返回首頁</a></td> <td width="662">&nbsp;</td> <td width="127"><span class="STYLE4"><a href="#"><a href="#" class=

60、"one" onClick="='url(#default#homepage)'('');">設(shè)成首頁</a></span></td> <td width="164"><span class="STYLE4"><a href="#">意見反響</a></span></td> </tr> </table> <p align=

61、"center"><span class="STYLE41"><span class="STYLE42"><img src="images/" alt="1" width="250" height="30" />徽州美食網(wǎng)站</span><img src="images/" alt="0" width="250" height="

62、;30" /></span></p></td> </tr> </table> <table width="1100" border="0" bordercolor="#FFFFFF" bgcolor="#9966FF"> <tr> <td width="140" height="37"><span class="STYLE9"><

63、;a href="#">首頁</a></span></td> <td width="140"><div id="Layer1" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')"> &

64、lt;table width="200" height="113" border="0" bordercolor="#9933FF" bgcolor="#99CC99" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')&

65、quot;> <tr> <td bgcolor="#9966FF"><span class="STYLE36">家常菜譜</span></td> </tr> <tr> <td bgcolor="#9966FF"><span class="STYLE36">美容菜譜</span></td> </tr> <tr> <td bgcolor="#9

66、966FF"><span class="STYLE36">營(yíng)養(yǎng)搭配菜譜</span></td> </tr> </table> </div> <span class="STYLE9"><a href="" onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideL

67、ayers('Layer1','','hide')">菜譜大全</a></span></td> <td width="140"><div id="Layer2" onmouseover="MM_showHideLayers('Layer2','','show')" onmouseout="MM_showHideLayers('Layer2',&#

68、39;','hide')"> <table width="200" border="0"> <tr> <td height="29" bgcolor="#9966FF"> <span class="STYLE36">營(yíng)養(yǎng)常識(shí)</span></td> </tr> <tr> <td height="28" bgcolor="#99

69、66FF"><span class="STYLE36">營(yíng)養(yǎng)健康</span></td> </tr> <tr> <td height="29" bgcolor="#9966FF" class="STYLE36">營(yíng)養(yǎng)手冊(cè)</td> </tr> </table> </div> <span class="STYLE9"><a href="

70、" onmouseover="MM_showHideLayers('Layer2','','show')" onmouseout="MM_showHideLayers('Layer2','','hide')">健康資訊</a></span></td> <td width="140"><div id="Layer3"> <table widt

71、h="200" height="61" border="0" onmouseover="MM_showHideLayers('Layer3','','show')" onmouseout="MM_showHideLayers('Layer3','','hide')"> <tr> <td height="27" bgcolor="#9966FF&qu

72、ot; class="STYLE36">相冊(cè)</td> </tr> <tr> <td height="26" bgcolor="#9966FF" class="STYLE36">隨拍</td> </tr> </table> </div> 三健康資訊界面設(shè)計(jì)：主要源代碼： </tr> </table> <table width="1097" border="

73、0"> <tr> <td width="1087" bgcolor="#FF9966"><span class="STYLE37">各種水果的功能</span></td> </tr> <tr> <td><div align="left">火龍果：</div></td> </tr> <tr> <td><div align=&quo

74、t;left"> 四健腦飲食界面設(shè)計(jì)：網(wǎng)頁設(shè)計(jì)圖如下：主要源代碼： <table width="1098" border="0"> <tr> <td width="734"><span class="STYLE54">八大補(bǔ)腦食品 最新排行</span></td> <td width="348" rowspan="17" valign="top"><img src="images/" width="350" height="449" /></td> </tr> <tr> <td> <div align="left">深色綠葉菜 </div></td> </tr> <tr&