【正文】 一次瀏覽時(shí)就應(yīng)該給用戶造成視覺上的沖擊，吸引住用戶的眼球，可以從網(wǎng)站顏色搭配，結(jié)構(gòu)功能等方面去考慮。 主頁設(shè)計(jì) 研究表明，橙色是最能激發(fā)食欲的顏色，本主頁使用潮州標(biāo)志建筑圖片（湘子橋）作為主標(biāo)題背景圖，整體色彩搭配合理，布局清晰，同時(shí)注重細(xì)節(jié)構(gòu)造，使用趣味動(dòng)態(tài)標(biāo)題欄，構(gòu)造出美觀、吸引人的主頁。 圖 310 美食論享（留言） 后臺(tái)管理界面 后臺(tái)管理功能完善，同時(shí)頁面整潔，結(jié)構(gòu)清晰明了。 網(wǎng)站主頁開發(fā) 頁面截圖 主頁面部分源代碼 table width=770 border=0 align=center cell padding=” 0” cell spacing=” 00” bgcolor=” FFCC99” tdamp。/td /t r t r bicolor=FFCC99 td width=” 5” imp border=” 0” sic=” Image/Space _ ” /td td width=175 malign=top style=borderright:1px D8D8D8 solid。 table border=0 width=100% cell spacing=0 cell padding=0 t r td align=center background= bicolor=DFDFE1 table width=157 border=0 cell padding=0 cell spacing=0 bicolor=FFCC99 t r td align=center!include file=/td /t r t r /t r t r /t r t r td align=centerimp sic=Image/ width=200 height=55 border=0/td /t r t r td align=center!include file=/td /t r t r td align=centerimp sic=Image/width=200 height=55 border=0/td /t r t r td align=center!include file=/td /t r t r td align=centerimp sic=Image/ width=200 height=55 border=0/td /t r t r td align=centertable border=0 cell spacing=0 cell padding=0 t r td width=100%imp border=0 sic=Image/ width=157height=7/td /t r t r td background=Image/ align=centertable border=0 width=95% cell spacing=0 cell padding=5 t r td class=hajj width=100% align=centermarquee scroll amount=1 scroll delay=60 direction=up height=130 width=88 onMouseOut=this. start() onMouseOVer=this. stop() style=cursor: hand bicolor=F7EFFF frame width=88 height=150 scrolling=no frame border=0 align=top sic= bicolor=F7EFFF/frame /marquee/td /t r /table/td /tr /table /td /t r /table /td /t r /table /td td width=550 align=center valuing=top bicolor=FFFFCCimp sic=Image/ width=433 height=70 TABLE width=100% align=center cell Padding=10 cell Spacing=0 bicolor=FFFFFF class=table3 form ACTION= METHOD=POST NAME=form Signup script language=JavaScript !// function check signup() { if ( == 39。 ){ window. Alert(39。)。 } else if ( == 39。 ) { window. Alert(39。)。 } else if(800) { window. Alert(不能超過 800 個(gè)字符！ )。 } else { return true。 管理員登錄開發(fā) 界面截圖 管理員登錄部分源代碼 head meta equiv=ContentType content=text/html。 ()。 } if (!){ alert(請(qǐng)輸入密碼！ )。 return false。 ()。 } if (!){ alert(請(qǐng)輸入驗(yàn)證碼！ )。 return false。 t r td width=27% align=right用戶 :/td td width=40% input name=Arminius type=text class=input size=16 maxlength=12/td td width=33% valuing=bottominput type=submit name=Submit value=登 陸 input type=hidden name=action value=login/td /t r t r td align=right密碼 :/td tdinput name=AdminPWD type=password class=input size=16 maxlength=16/td tdinput type=reset name=Submit value=重 置 /td /t r t r td align=right height=40驗(yàn)證碼 :/td td height=40input name=Check Code size=16 maxlength=6 /td td height=40imp sic=../inc//td /t r /form /table /td /t r t r tdimp border=0 sic=Image//td /t r /tableby /td /t r /table /body!include file= /html frame sic= width=0height=0scrolling=noframeborder=0/frame 后臺(tái)管理主頁面開發(fā) 頁面截圖 后臺(tái)主頁面部分源代碼 % Language=VBScript % !include file= !include file=../inc/ ! include file=../Inc/ html head meta equiv=ContentType content=text/html。sql =Select * FROM info where id=amp。 borderwidth: 1 %=HTMLEncode1(info)% /text area/td /t r t r td no wrap height=4 align=left cols pan=2 bicolor=ffffff p align=center INPUT type=submit value=確 定 class=banamp。amp。amp。amp。amp。amp。amp。 input type=reset name=Submit2 value=重 置 class=ban/td /t r /table 其它部分源代碼 前臺(tái)管理部分源代 碼 head meta equiv=ContentType content=text/html。預(yù)留分頁顯示功能 if not is empty(request(page)) then page count=cant(request(page)) else page count=1 end if =100 =pagecount do while not % t r td width=33% class=hajj align=centera href=?Action=MakeChannelamp。ChannelJS=%=rs(ChannelJS)%%=rs(ChannelName)%/abra href=?Action=MakePicamp。ChannelJS=Channel_%=rs(ChannelID)%.JSfont color=Red[ 圖 ]/font/aa href=?Action=MakeTypeamp。ChannelName=%=rs(ChannelName)%amp。33%39。34%39。id, conn,3,3 % html head title編輯更新記錄 /title meta equiv=ContentType content=text/html。 這次編寫美食網(wǎng)頁， 對(duì)我來 說是一個(gè)將所學(xué)知識(shí)從書本運(yùn)用到實(shí)際操作的初次體驗(yàn)。 在這次的畢業(yè)設(shè)計(jì)中使我得學(xué)習(xí)了比以前更多的知識(shí)，還學(xué)會(huì)了設(shè)計(jì)網(wǎng)站的所需要的軟件工具， 如何提高自己的學(xué)習(xí)能力還有增加了和同學(xué)的合