HTML5期末大作业:餐饮美食网站设计——餐饮美食-牛排(9页) 学生DW网页设计作业成品 美食肉类 进口食材课程设计网页规划与设计
文章目录
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="css/common.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<div class="clearfix nav">
<a class="logo" href="javascript:;"></a>
<ul class="clearfix nav-wrap">
<li><a class="nav-item nav-active" href="index.html">首页</a></li>
<li><a class="nav-item" href="pinpai.html">品牌故事</a></li>
<li><a class="nav-item" href="meishi.html">美食系列</a></li>
<li><a class="nav-item" href="shop.html">店面展示</a></li>
<li><a class="nav-item" href="news.html">新闻资讯</a></li>
<li><a class="nav-item" href="about-us.html">关于我们</a></li>
</ul>
</div>
<div id="container">
<div id="buttons">
<span index="1" class="on"></span>
<span index="2"></span>
<span index="3"></span>
</div>
<a href="javascript:;" id="prev" class="arrow"><img src="img/l.png"/></a>
<a href="javascript:;" id="next" class="arrow"><img src="img/r.png"/></a>
</div>
<div class="new-wrap">
<p class="newfood-tit">新品推荐</p>
<div class="newfood-box clearfix" id="newfood-table"<