美食天下网站的建设毕业设计论文(编辑修改稿)

美食天下网站的建设毕业设计论文(编辑修改稿)内容摘要：

本网站的首页由一张简单的动画图组成，给人一种舒服的感觉。 页头上几个大字，让人对本网站的 功能一目了然。 网站的导航包含有八个选项分别是首、秀色可餐、吃出美丽、家常菜谱、休闲食品等。 标题新颖，主题突出。 黄冈职业技术学院 16 效果图为： 页头及导航的设计代码为： div id=top/div div id=daohang ul lia href= 首页 /a/li lia href=秀色可餐 /a/li lia href=吃出美丽 /a/li lia href=家常菜谱 /a/li lia href=休闲食品 /a/li li a href=我爱我家 /a/li lia href=甜品派对 /a/li lia href=美食书坊 /a/li /ul /div 网站正文的设 计 网站正文由两大部分组成及上部和下部。 其中上部又由三部分组成（左、中、右），下部由一组流动的图片组成。 网站的上部分 网站的上部分由左、中、右三部分组成。 其中左边 用了的布局是在一个大的DIV 盒子里面装着四个小的盒子，在小的盒子中分别放了图片和文字。 此外中间和右边同样是在一个大的盒子中安放小的 DIV，不同的是在 在中间和右边的盒子中还安放了 文字和图片。 黄冈职业技术学院 17 其效果图展示为： 正文的上部分代码为： div id=main div id=mainleft div id=tuijiespan class=a秀色可餐 /span/div div id=jingdiana href=img src=images/fengjing/ width=133 height=159 border=0 /豆瓣酱蒸翅根 /a p鸡翅根洗净，泡在清水里十分钟之后倒掉水，鸡翅根沥干水分，用刀在正反两面各划两道；放入葱姜丝、料酒、一大勺豆瓣酱，搅拌均匀，腌制一个小时。 /p 黄冈职业技术学院 18 p 将香菇洗净切片，码在碗底，上面放入腌制好的翅根，大火蒸半个小时即可。 /p /div div id=jingdiana href=img src=images/fengjing/ width=130 height=108 border=0 //astronga href=小虾炖萝卜 /a/strong p新鲜的小虾拣去杂物备用； /p p 绿萝卜切条，焯水备用； /pp 起油锅，爆香葱姜； /p p 下入萝卜条大火翻炒至软； /p p 下入小虾，加入没过的热水，大火煮开； /p p 调入适量的盐和味精，起锅前撒上葱花香菜即可 /p /p /div div id=jingdiana href=img src=images/fengjing/ width=130 height=108 border=0 /手撕包菜 /a p包菜用手撕开成片状，洗净之后沥干水分，蒜切片，红辣椒切小断儿，姜切丝； 五花肉切片，用黑胡椒粉腌制 5 分钟。 炒锅内放少许油，下入五花肉煸出油，肉变得透明； 放入蒜片、红辣椒断儿和姜丝炒香； 放入包菜翻炒； 最后放入盐、料酒、蒸鱼豉油、蚝油，翻炒均匀即可。 /p /div /div div id=maincenter div id=dongtai img 黄冈职业技术学院 19 src=images/bg/ width=17 height=13 / span class=a吃出美丽 /span/div div id=zixun ul li img src=images/bg/ width=14 height=13 / 低卡豆腐料理 让你瘦在起跑线上 20201220 /li li img src=images/bg/ width=14 height=13 / 9 大低卡减肥食品 吃得健康更享瘦 20201219/li li img src=images/bg/ width=14 height=13 / 春季减肥很简单 8 大饮食原则包你瘦 20201210 /li li img src=images/bg/ width=14 height=13 / 艳 阳 春 吃 出 苹 果 肌 将 亮 色 衣 美 美 穿 20201208/li li img src=images/bg/ width=14 height=13 / 四个妙招教你如何品鉴正宗酸梅汤 2020 年 7 月 30日 /li li img src=images/bg/ width=14 height=13 / 春季饮食减肥 请牢记 3 宜 5 忌 2020730/li li img src=images/bg/ width=14 height=13 / 四种抗衰老食品 学赵雅芝做不老美女 20201203 /li li img src=images/bg/ width=14 height=13 / 久对电脑易上火 电脑族六个祛火保健方 span id=pub_date20201202/span /li liimg src=images/bg/ width=14 height=13 / 形 式 诱 惑 实 则 朴 素。 超 人 气 4 家 素 食 馆20201127/li li img src=images/bg/ width=14 height=13 / 素食塑造美女 你要变身吗 20201126 /li liimg src=images/bg/ width=14 height=13 / 春季养肝正当时 这样来食补 202028/li /ul /div /div div id=mainright div id=hgimg src=images/fengjing/ 黄冈职业技术学院 20 width=249 height=229 border=0 //div div id=jianjieul li img src=images/bg/ width=14 height=13 / 简单厨房杯仔蛋糕 轻松俘获你的心 /li li img src=images/bg/ width=14 height=13 / 脑力激荡的 6 则食品广告 /li li img src=images/bg/ width=14 height=13 / 卡哇伊饼干 让你怎么舍得吃。 /li li img src=images/bg/ width=14 height=13 / 巧妙设计人脸餐盘 随时从老头变美女 /li liimg src=images/bg/ width=14 height=13 / 醉人浪漫 意大利奢华咖啡月历 /li liimg src=images/bg/ width=14 height=13 / 好吃又好玩 瓜果蔬菜的 SEX 大片 /li liimg src=images/bg/ width=14 height=13 / 创意无限 食物的美好生活 /li liimg src=images/bg/ width=14 height=13 / 精致日式糕点走上你的餐桌 /li liimg src=images/bg/ width=14 height=13 / 超可爱洗碗棉 让你爱上做家事 /li liimg src=images/bg/ width=14 height=13 / 精美咖啡包装 展示另类创意 /li li img src=images/bg/ width=14 height=13 / 比新娘还有看头。 婚礼蛋糕也疯狂 /li liimg src=images/bg/ width=14 height=13 / 老爸的温馨礼物薄煎饼 /li /ul/p /div /div /div 2 网站 正文 的下部分 网站的下部分是一组流动的图片。 此图片组由十一张图片组成，在一个页面里循环的流动。 黄冈职业技术学院 21 下部分效果图部分展示： 此部分的代码是： div id=jingmeitupian div id=zhaopian/div div id=demostyle=OVERFLOW: hidden。 WIDTH: 100%。 COLOR: ffffff。 HEIGHT:150px table width=100% border=0 align=left cellpadding=0 cellspacing=0 tr td id=demo1TABLE cellSpacing=5 cellPadding=0 border=0 TBODY TR TD align=middleA href= target=_blankimg height=150 src=images/fengjing/ width=140 border=0 //ABR /TD TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140 border=0/ABR /TD TD align=middleA href= 黄冈职业技术学院 22 target=_blankIMG height=150 src=images/fengjing/ width=140 border=0/ABR /TD TD align=middleA href= target=_blankimg height=150 src=images/fengjing/ width=140 border=0 //ABR /TD TD align=middleA href= target=_blankIMG height=150 src=images/fengjing/ width=140。