期末作业成品代码——绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码

最新推荐文章于 2022-11-13 14:55:19 发布

优质内容贡献

最新推荐文章于 2022-11-13 14:55:19 发布

阅读量874

点赞数

分类专栏： HTML5期末大作业 web大学生个人网站作业模学生div+css静态网页设计成品文章标签：前端 css html css3 html5

本文链接：https://blog.csdn.net/qq_524614081/article/details/122399281

版权

这是一份HTML5期末大作业，展示了一个绿色主题的餐饮美食网站设计。该作品适用于学生DW网页设计，支持手机PC响应式布局，涵盖Div+CSS、鼠标特效、导航、表单等多种网页设计知识点，并提供完整源码下载。

摘要由CSDN通过智能技术生成

HTML5期末大作业：餐饮美食网站设计——绿色的餐饮美食网站(1页) 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期末大作业：餐饮美食网站设计——绿色的餐饮美食网站(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码
作品介绍
一、作品展示
二、文件目录
三、代码实现

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>筷之舞|筷之舞创意面吧|面食|面条|美食|餐饮|君唯餐饮管理有限公司|官方网站</title>
	<meta name="keywords" content="筷之舞,筷之舞创意面吧,筷之舞加盟,加盟连锁,招商代理,餐饮美食,面食合作" />
	<meta name="description" content="面食为餐饮业的投资首选，其高回报、低风险的投资优势无可置疑。筷之舞创意面吧,为广大创业者创造了一个全面立体的餐饮创业服务平台，带领众多加盟者获得了人生的自主创业成功。" />	
	<link rel="stylesheet" href="style/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="js/iepng.js"></script>
<script type="text/javascript">
	EvPNG.fix('body,div,ul,li,ol,dl,dt,dd,img,input,span,p,h1,h2,h3,h4,a,strong,textarea');
</script>
<![endif]-->
<script type="text/javascript" src="js/banner.js" ></script>	
</head>
<body>
	<div id="header">
		<div class="header_in">
			<h1><a href="#">筷之舞</a></h1>
			<ul class="nav">
				<li><a href="#">集团介绍</a></li>
				<li><a href="#">品牌基因</a></li>
				<li><a href="#">品牌优势</a></li>
				<li><a href="#">美食天地</a></li>
				<li><a href="#">招商专区</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<dl class="tel">
				<dt>咨询热线：</dt>
				<dd><img src="images/tel.png" width="182" height="22" alt="0335-7528866" /></dd>
			</dl>
		</div>
	</div>
	<div style="width:1200px;position:relative;height:0;overflow:hidden;margin:auto;"></div>
	<div id="shutter" class="shutter" >
		<ul>	
			<li><a href="#"><img src="images/banner4.jpg" alt="" /></a></li>
			<li><a href="#"><img src="images/banner1.jpg" alt="" /></a></li>
			<li><a href="#"><img src="images/banner2.jpg" alt="" /></a></li>
		</ul>