HTML5期末⼤作业：美⾷主题⽹站设计——美⾷主题（6
页）HTML+CSS+JavaScr。。。
HTML5期末⼤作业：美⾷主题⽹站设计——美⾷主题(6页) HTML+CSS+JavaScript 学⽣dreamweaver⽹页设计作业成品
常见⽹页设计作业题材有 个⼈、美⾷、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节⽇、戒烟、电影、摄影、⽂化、家乡、鲜花、礼品、汽车、其他 等⽹页设计题⽬, A+⽔平作业, 可满⾜⼤学⽣⽹页⼤作业⽹页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
作品介绍
1.⽹页作品简介 ：HTML期末⼤学⽣⽹页设计作业 A+⽔平 ，喜欢的可以下载，⽂章页⽀持⼿机PC响应式布局。
2.⽹页作品编辑：作品下载后可使⽤任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改⽹页）。
3.⽹页作品技术：Div+CSS、⿏标滑过特效、Table、导航栏效果、banner、表单、⼆级三级页⾯等，视频、 ⾳频元素 、Flash，同时设计了logo（源⽂件），基本期末作业所需的知识点全覆盖。
⽂章⽬录
⼀、作品展⽰
⼆、⽂件⽬录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>
<link href="css/css.css"type="text/css"rel="stylesheet"/>
<title>西⼆</title>
</head>
<body>
<div class="con">
<div class="head">
<div class="logo"><a href="#"><img src="images/logo.png"/></a></div>
<div class="cart">
<ul>
<li><img class="fl"src="images/c1.png"/><a href="#.html">购物车中共有0个商品</a></li>
<li><img class="fl pt3"src="images/c2.png"/><a href="#.html">去结算</a></li>
</ul>
</div>
<!-----------------end cart--------------------->
<div class="nav">
<ul>
<li><a href="#.html">⾸页</a></li>
<li><a href="#.html">美⾷世界</a>
<dl>
<dd><a href="#">中餐</a></dd>
<dd><a href="#">西餐</a></dd>
</dl>
</li>
<li><a href="#.html">美⾷地理</a>
<dl>
<dd><a href="#">餐厅介绍</a></dd>
<dd><a href="#">餐厅排⾏</a></dd>
<dd><a href="#">厨师排⾏</a></dd>
</dl>
</li>
<li><a href="#.html">美⾷DIY </a>
<dl>
<dd><a href="#">创意料理</a></dd>
<dd><a href="#">⾷谱介绍</a></dd>
</dl>
</li>
<li><a href="#.html">⾷材库</a>
<dl>
<dd><a href="roulei.html">⾁类</a></dd>
<dd><a href="shucai.html">蔬菜类</a></dd>
<dd><a href="shuiguo.html">⽔果类</a></dd>
<dd><a href="haixian.html">海鲜类</a></dd>
<dd><a href="ruzhipin.html">乳制品</a></dd>
<dd><a href="qita.html">其它</a></dd>
</dl>
</li>
<li ><a href="#.html">关于我们</a>
<dl>
<dd><a href="#">简介</a></dd>
<dd><a href="#"></a></dd>
</dl>
</li>
</ul>
</div>
<!-----------------end nav--------------------->
<div class="search"><a href="#"><img class="fl"src="images/search.png"/></a>
<div class="hot_search">
<div class="hot_search">
<ul>
<li><a href="#.html">热门搜索：</a></li>
<li><a href="#.html">⽜⾁</a></li>
<li><a href="#.html">鲜虾</a></li>
<li><a href="#.html">咖喱</a></li>
<li><a href="#.html">海鲜⽚</a></li>
<li><a href="#.html">鱿鱼丝</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<!-----------------end head--------------------->
<div class="main">
<div class="main_list">
<h2>商品分类</h2>
<div class="clear"></div>
<ul>
<li><a href="roulei.html">⾁类</a></li>
<li><a href="shucai.html">蔬菜类</a></li>
html网页设计期末大作业
<li><a href="shuiguo.html">⽔果类</a></li>
<li><a href="haixian.html">海鲜类</a></li>
<li><a href="ruzhipin.html">乳制品</a></li>
<li><a href="qita.html">其它</a></li>
</ul>
</div>
<!-----------------end main_list--------------------->
<div class="main_right">
<div class=" m10"><a href="#"><img src="images/ruzhipin.png"/></a></div> </div>
<div class="clear"></div>
</div>
<!-----------------end main--------------------->
<div class="foot">
<ul>
<li><a href="#.html">购物指南</a></li>
<li><a href="#.html">配送说明</a></li>
<li><a href="#.html">⽀付⽅式</a></li>
<li><a href="#.html">常见问题</a></li>
<li><a href="#.html"></a></li>
<li><a href="#.html">招聘信息</a></li>
<li><a href="#.html">请您留⾔</a></li>
<li><a href="#.html">友情链接</a></li>
</ul>
</div>
<!-----------------end foot--------------------->
</div>
</body>
</html>
四、获取更多源码
PC电脑端关注我们
五、学习资料
web前端零基础-⼊门到⾼级 (视频+源码+开发软件+学习资料+⾯试题) ⼀整套 (教程)适合⼊门到⾼级的童鞋们⼊⼿~送1000套HTML+CSS+JavaScript模板⽹站
六、更多源码
HTML5期末考核⼤作业源码* 包含 个⼈、美⾷、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节⽇、戒烟、电影、摄影、⽂化、家乡、鲜花、礼品、汽车、其他 可满⾜⼤学⽣⽹页⼤作业⽹页设计需求, 喜欢的可以下载!
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论