HTML5期末大作业：美食餐饮网站设计——美食餐饮管理(8页) HTML+CSS+JavaScript 美食餐饮商品设计食物海鲜网页

作品介绍

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

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

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

文章目录

HTML5期末大作业：美食餐饮网站设计——美食餐饮管理(8页) HTML+CSS+JavaScript 美食餐饮商品设计食物海鲜网页
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

二、文件目录

三、代码实现


<!DOCTYPE html>
<html><head><meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" /><metaname="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/><meta http-equiv="cleartype" content="on" /><meta name="apple-mobile-web-app-capable" content="yes" /><meta name="apple-mobile-web-app-status-bar-style" content="black" /><meta name="apple-mobile-web-app-title" content="" /><meta name="format-detection" content="telephone=no" /><meta name="format-detection" content="email=no" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>(自适应手机版)响应式餐饮投资管理企业织梦模板红色高端大气的美食餐饮集团网站模板下载 - AB模板网</title><meta name="keywords" content="餐饮投资织梦模板,美食餐饮网站模板" /><metaname="description"content="(自适应手机版)响应式餐饮投资管理企业织梦模板 红色高端大气的美食餐饮集团网站模板下载 - AB模板网"/><meta name="author" content="order by " /><linkrel="stylesheet"type="text/css"href="skin/css/font_409178_1kd7th82irv34n29.css"/><link rel="stylesheet" type="text/css" href="skin/css/animate.min.css" /><link rel="stylesheet" type="text/css" href="skin/css/lhcommon.css" /><style>.dn {display: none;}</style></head><body><!--header--><header class="lh-header"><a href="/" class="lh-logo"><img src="picture/logo.png" /></a><ul class="lh-header-nav lh-flex"><li class="active"><a href="/"><h2>首页</h2><span></span></a></li><li class=""><a href="/a/about/"><h2>关于我们</h2><span></span></a></li><li class=""><a href="/a/yewu/"><h2>公司业务</h2><span></span></a></li><li class=""><a href="/a/caipin/"><h2>特色菜品</h2><span></span></a></li><li class=""><a href="/a/news/"><h2>新闻动态</h2><span></span></a></li><li class=""><a href="/a/contact/"><h2>联系我们</h2><span></span></a></li></ul><div class="lh-map-btn"><span></span></div></header><!--map--><section class="lh-map"><div class="lh-map-main"><div class="lh-map-logo"><img src="picture/logo-map.png" /></div><h2 class="lh-map-h2">中国川派团膳领导品牌</h2><h3 class="lh-map-h3">成立20余年来，顺心理想是致力于把最正宗的川派美食美味普及到团体膳食领域</h3><nav class="lh-map-nav clearfix lh-flex"><dl><dt><a href="/a/about/">关于我们</a></dt><dd><a href="/a/about/pinpai/">品牌介绍</a></dd><dd><a href="/a/about/licheng/">品牌历程</a></dd><dd><a href="/a/about/shurong/">品牌殊荣</a></dd><dd><a href="/a/about/kehu/">服务客户</a></dd><dd><a href="/a/about/meishiguan/">美食观</a></dd><dd><a href="/a/about/anquanguan/">安全观</a></dd><dd><a href="/a/about/lixiang/">川菜理想</a></dd></dl><dl><dt><a href="/a/yewu/">公司业务</a></dt><dd><a href="/a/yewu/yw1/">食堂托管承包</a></dd><dd><a href="/a/yewu/yw2/">美食广场</a></dd><dd><a href="/a/yewu/yw3/">快餐配送</a></dd></dl><dl><dt><a href="/a/caipin/">特色菜品</a></dt><dd><a href="/a/caipin/lm1/">菜品分类一</a></dd><dd><a href="/a/caipin/lm2/">菜品分类二</a></dd><dd><a href="/a/caipin/lm3/">菜品分类三</a></dd></dl><dl><dt><a href="/a/news/">新闻动态</a></dt><dd><a href="/a/news/gsxw/">公司新闻</a></dd><dd><a href="/a/news/hydt/">行业动态</a></dd></dl><dl><dt><a href="/a/contact/">联系我们</a></dt><dd><a href="/a/contact/join/">加入我们</a></dd></dl></nav><div class="lh-map-cont clearfix"><div class="lh-map-l left"><h2 class="lh-fonts">地道川菜调料，真正川菜师傅！</h2><h3>全国客服热线：<span class="red"><b class="lh-fonts">400-888-8888</b></span></h3></div><div class="lh-map-r right clearfix"><div class="left"><img src="picture/weixin1.jpg" /><h2>手机官网二维码</h2></div><div class="left"><img src="picture/weixin2.jpg" /><h2>微信二维码</h2></div></div></div><div class="lh-map-line"><i></i><span></span></div></div><div class="lh-map-close">CLOSE<i></i></div></section><!--moblie nav--><ul class="lh-moblie-nav"><li><h2><a href="/">首&emsp;&emsp;页</a></h2></li><li><h2>关于我们<i class="iconfont icon-xiangxia2"></i></h2><dl><dd><a href="/a/about/pinpai/">品牌介绍</a></dd><dd><a href="/a/about/licheng/">品牌历程</a></dd><dd><a href="/a/about/shurong/">品牌殊荣</a></dd><dd><a href="/a/about/kehu/">服务客户</a></dd><dd><a href="/a/about/meishiguan/">美食观</a></dd><dd><a href="/a/about/anquanguan/">安全观</a></dd><dd><a href="/a/about/lixiang/">川菜理想</a></dd></dl></li><li><h2>公司业务<i class="iconfont icon-xiangxia2"></i></h2><dl><dd><a href="/a/yewu/yw1/">食堂托管承包</a></dd><dd><a href="/a/yewu/yw2/">美食广场</a></dd><dd><a href="/a/yewu/yw3/">快餐配送</a></dd></dl></li><li><h2>特色菜品<i class="iconfont icon-xiangxia2"></i></h2><dl><dd><a href="/a/caipin/lm1/">菜品分类一</a></dd><dd><a href="/a/caipin/lm2/">菜品分类二</a></dd><dd><a href="/a/caipin/lm3/">菜品分类三</a></dd></dl></li><li><h2>新闻动态<i class="iconfont icon-xiangxia2"></i></h2><dl><dd><a href="/a/news/gsxw/">公司新闻</a></dd><dd><a href="/a/news/hydt/">行业动态</a></dd></dl></li><li><h2>联系我们<i class="iconfont icon-xiangxia2"></i></h2><dl><dd><a href="/a/contact/join/">加入我们</a></dd></dl></li></ul><!--content--><div class="lh-content"><!--banner-->jQuery(".lh-vision-tab .bd li").first().before(jQuery(".lh-vision-tab .bd li").last());}jQuery(".lh-vision-tab").slide({mainCell: ".bd",effect: effect,autoPlay: false,vis: 3,autoPage: true,trigger: "click",endFun: function (i, e) {$(".lh-vision-bd li").removeClass("active").eq(i + num).addClass("active");},});//爆料if ($(window).width() <= 768) {Public.mobBanner();} else {Public.Banner({boxCell: ".lh-delicay-item",autoPlay: false,vis: 6,pnLoop: false,});}//合作伙伴var mySwiper = new Swiper(".lh-partner-banner", {autoplay: 5000,pagination: ".swiper-hd1",paginationClickable: true,});$(".lh-delicay-bd li").hover(function () {var _this = $(this);var _width = _this.parent().width() + 200;_this.parent().width(_width);});});</script></body>
</html>

四、获取更多源码

~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号获取更多源码 !

五、学习资料

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

六、更多源码

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!