HTML5期末大作业：美食网页制作——餐饮料里(12页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

  • HTML5期末大作业：美食网页制作——餐饮料里(12页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、学习资料
  • 五、​​​​​​​ 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示






二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>欢迎来到品一料理！</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>

<body>



<!-- start header -->
<div id="header"><div id="logo">
  <div id="logo2" style="position:relative;">
    <h1>&nbsp;</h1>
    <h1>&nbsp;</h1>
    <h1>&nbsp;</h1>
    <span style="position:absolute; left:-18px;"><img src="798.jpg" alt="" width="836" height="88" /></span>
    <h1>&nbsp;</h1>
  </div>
</div>
	<div id="menu">
		<ul>
			<li><a href="index.html">首页</a></li>
			<li><a href="jieshao.html">公司介绍</a></li>
			<li><a href="chanpin.html">产品展示</a></li>
			<li><a href="news.html">新闻中心</a></li>
            <li><a href="liaoli.html">料理介绍</a></li>
            <li class="current_page_item"><a href="lianxi.html">联系方式</a></li>
			<li class="last"><a href="liuyan.html">给我留言</a></li>
		</ul>
	</div>
</div>
<!-- end header -->
<!-- start page -->
<div id="wrapper">
<div id="wrapper-btm">
<div id="page">
<!-- start sidebar -->
	<div id="sidebar">
		<ul>
			<li id="search">
				<h2>搜索</h2>
				<form method="get" action="#">
					<fieldset>
					<input type="text" id="s" name="s" value="" />
					<input type="submit" id="x" value="搜索" />
					</fieldset>
				</form>
			</li>
			<li>
				<h2>料理简介</h2>
				<ul>
					<li>日本料理，是日语中“日本式烹饪”的意思，也在部分地区的现代汉语中使用，通常也指日本菜。当提到日本料理时，许多人会联想到寿司、生鱼片，或是摆设非常精致，有如艺术的怀石料理。然而，对许多日本人来说，日本料理是日常的传统饮食，特别是在明治时代（1868年—1912年）末期所形成的饮食。</li>
				</ul>
			</li>
		  <li><img src="images/ad.jpg" alt="" /></li>
		</ul>
	</div>
	<!-- end sidebar -->
	<!-- start content -->
	<div id="content">
		<div class="post">
			<h1 class="title">公司介绍 </h1>
			<div class="entry">
				<p><img src="images/jieshao.jpg" alt="" width="540" height="297" /></p>
				<p>品一料理店自2000年在上海创建以来，经过多年的品牌塑造及对料理的不断学习探索，至今已成为深受中外食客喜爱的料理店之一。</p>
				<p>品一料理店秉承了日本料理的传统工艺，充分地体现出日本料理精华之处，并凝合了中国饮食文化的习惯，使之两者相得益彰。新鲜的材料、纯美的味道、赏心的瓷器、厨师的精心调理，且富于季节感的菜式使得众多食客一饱扶桑美食之福。</p>
				<p>值得向您介绍的是我们首家推出的全自助式午餐，花色繁多的菜肴由您自由搭配，让营养和美味随心变幻，婉若那岛国的风情已经流入您的心田。店内富于浓郁东瀛情调的设计，那一水、一石、一木更能体现出日本料理与大自然和谐美的造化。</p>
		  </div>
		</div>
		<div class="post"></div>
	</div>
	<!-- end content -->
	
	<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
</div>
<!-- start footer -->
<div id="footer">
	<div id="footer-wrap">
	<p id="legal">制作人：上海普陀电视大学     11届秋季广告    王伟   118320515
</p>
	</div>
</div>
<!-- end footer -->
</body>
</html>

四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

五、​​​​​​​ 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

更多推荐

HTML5期末大作业：美食网页制作——餐饮料里(12页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页