HTML5期末大作业: 餐饮主题——火锅食品餐饮网站设计(11页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品


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



>>>???? 点击进入???? >>>300例HTML期末大作业源码



1.临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手? 网页要求的总数量太多?
2.没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~
3.原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。


作品介绍

1.网页作品简介​​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。包含:​​网站首页 XXX餐饮 XXX食品 招商加盟 门店展示 菜品展示 新闻中心 联系我们,​​总共11个页面。

2.网页作品编辑​​:此作品为学生期末大作业网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:​​DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++​​ 等任意HTML软件编辑修改网页)。

3.网页作品布局​:网页布局整体为响应式布局、LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术​:使用DIV+CSS制作网页, 背景图、音乐、视频、flash、鼠标经过及选中导航变色效果、下划线 、等。 表单提交、评论留言,并使用JavaScript制作了表单判断(提交时表单不能为空)。


文章目录


一、作品展示

1.门店展示

web期末大作业设计网页: 餐饮主题——火锅食品餐饮网站设计(11页) HTML+CSS+JavaScript HTM5网页设计作业成品_javascript

2.网站首页

web期末大作业设计网页: 餐饮主题——火锅食品餐饮网站设计(11页) HTML+CSS+JavaScript HTM5网页设计作业成品_css_02

3.菜品展示

web期末大作业设计网页: 餐饮主题——火锅食品餐饮网站设计(11页) HTML+CSS+JavaScript HTM5网页设计作业成品_ico_03

4.关于我们

web期末大作业设计网页: 餐饮主题——火锅食品餐饮网站设计(11页) HTML+CSS+JavaScript HTM5网页设计作业成品_css_04

5. 餐饮介绍

web期末大作业设计网页: 餐饮主题——火锅食品餐饮网站设计(11页) HTML+CSS+JavaScript HTM5网页设计作业成品_javascript_05

二、文件目录

web期末大作业设计网页: 餐饮主题——火锅食品餐饮网站设计(11页) HTML+CSS+JavaScript HTM5网页设计作业成品_网页设计_06

三、代码实现

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="火锅餐饮" http-equiv="keywords">
<meta name="description" content="火锅餐饮,wangid">
<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
<title>XXX餐饮集团</title>
<link rel="stylesheet" href="css/index.css" type="text/css">
<link rel="stylesheet" type="text/css" href="css/children.css">
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

</head>
<body>
<!--头部-->
<div class="top_bg fix">
<div class="top_main">
<div class="logo">
<img src="images/logo_top.png">
</div>
<div class="top_nav">
<h2><img src="images/top_tel.png"><b>加盟热线:</b>XXX</h2>
<ul>
<li>
<a href="index.html">网站首页</a>
</li>
<li class="cur">
<a href="wjtcy.html">XXX餐饮</a>
<i></i>
<dl>
<dd><a href="wjtcy.html">抓一把串串火锅</a></dd>
<dd><a href="wjtcy.html">XXX火锅店</a></dd>
<dd><a href="wjtcy_about.html">关于我们</a></dd>
</dl>
</li>
<li>
<a href="wjtsp.html">XXX食品</a>
<i></i>
<dl>
<dd><a href="wjtcy.html">XXX食品</a></dd>
<dd><a href="wjtcy_about.html">关于我们</a></dd>
</dl>
</li>
<li>
<a href="join.html">招商加盟</a>
<i></i>
<dl>
<dd><a href="join.html">加盟优势</a></dd>
<dd><a href="join.html">加盟流程</a></dd>
<dd><a href="join.html">加盟支持</a></dd>
<dd><a href="join_wd.html">加盟问答</a></dd>
</dl>
</li>
<li><a href="stores.html">门店展示</a></li>
<li>
<a href="foods.html">菜品展示</a>
<i></i>
<dl>
<dd><a href="foods.html">火锅菜品</a></dd>
<dd><a href="foods.html">串串菜品</a></dd>
<dd><a href="foods.html">锅底系列</a></dd>
</dl>
</li>
<li><a href="newslist.html">新闻中心</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
<script type="text/javascript">
$(function(){
$(".top_nav ul li").hover(
function(){
$(this).find("dl").stop().fadeToggle(700)
}
)
})
</script>
</div>
</div>
</div>

<!-- 内容框 -->
<div class="zy_contentbox">
<!-- banner -->
<div class="zy_banner">
<img src="images/zy_banner.jpg">
<div class="zy_title">
<h1>XXX餐饮</h1>
<p>以中央厨房生产模式为创新点,为大众提供健康、时尚、充满神韵的火锅美食</p>
</div>
<div class="zy_twonav">
<ul>
<li><a href="wjtcy.html">抓一把串串火锅</a></li>
<li><a href="wjtcy.html">XXX火锅</a></li>
<li class="cur"><a href="wjtcy_about.html">关于我们</a></li>
</ul>
</div>
</div>

<!-- banner end -->
<div class="zy_content">
<div class="zy_conbox wid_main">
<div class="zy_wjtcy_about">
<div class="zy_small_tit">
<h2>关于我们<i></i></h2>
</div>
<div class="txt">
<p> 重庆XXX餐饮管理有限公司,是集团旗下从事餐饮管理与市场经营的全资子公司,下属管理的子品牌有:XXX火锅、抓一把串串火锅。这两个品牌都是老字号火锅品牌,拥有众多群众基础,深得广大人民群众的喜爱,呈现出良好的发展态势,全国现有自营店、控股店、特许加盟店900余家。
</p>
<img src="images/pic03.jpg">
<p> 重庆XXX(集团)有限公司以拥有“XXX大火锅”而闻名遐迩,以弘扬中华餐饮文化为己任,以“举重庆火锅金牌、夯百年企业基础、创世界知名品牌”为战略目标,坚持“科技兴火锅、绿色兴火锅、文化兴火锅”的发展方针,坚持社会效益和经济效益和谐发展,创新促进重庆火锅发展。公司是重庆火锅协会会长单位,国家级高新技术企业,获得一项国家发明专利,九项国家实用新型专利,先后荣获“全国商业科技进步奖”、“农业产业化国家重点龙头企业”、“全国商务诚信建设试点工作先进企业”等荣誉和称号。
</p>
<img src="images/pic01.jpg">
<p> 装饰风格方面,庄重典雅贯穿始终,突出中国后现代元素,以火锅入道,创新贵州饮食载体。运营管理方面,全线采用机构自主的Industrialization of the central kitchen(工业化的中央厨房)体系和Modern Restaurant Management(现代餐饮管理)理念,所有食材都每日新鲜干净卫生。抓一把串串火锅,正在用独特的火锅的正能量和新形象征服着贵阳人民的味蕾。
</p>
</div>
</div>
</div>

<!-- foot -->
<div class="footer_box">
<div class="zhenzhao">
<!-- foot -->
<div class="footbox wid_main">
<div class="left">
<div class="foot_logo"><img src="images/logo_foot.png" /></div>
<ul>
<li>
<img src="images/foot_icon (1).png">
<span>地址:XXX</span>
</li>
<li>
<img src="images/foot_icon (2).png">
<span>电话:XXX&nbsp;&nbsp;&nbsp;XXX</span>
</li>
<li>
<img src="images/foot_icon (3).png">
<span>加盟热线:XXX&nbsp;&nbsp;&nbsp;XXX(钟总)</span>
</li>
<li>
<img src="images/foot_icon (4).png">
<span>传真:XXX</span>
</li>
<li>
<img src="images/foot_icon (5).png">
<span>邮箱:XXX@163.com</span>
</li>
</ul>
<div id="ckepop">
<span class="jiathis_txt">分享到:</span>
<a class="jiathis_button_weixin"><i class="qweix"></i></a>
<a href="javascript:;" onclick="jiathis_sendto('tsina');return false;" class="jiatitle">
<span class="jtico jtico_tsina" title="分享到微博"><i class="qweibo"></i></span>
</a>
<a href="javascript:;" onclick="jiathis_sendto('cqq');return false;" class="jiatitle">
<span class="jtico jtico_cqq" title="分享到QQ好友"><i class="qq"></i></span>
</a>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script>
</div> <!-- JiaThis Button END -->
</div>
<div class="right">

</div>

</div>
<!-- content end -->
</div>

</body>
</html>




六、更多源码

​????作者博客主页​

​???? 320套HTML期末大作业演示地址​

​???? 150套echarts大数据演示地址​

​????100款告白源码地址​