300字范文 > HTML5期末大作业：美食餐饮网站设计——美食餐饮管理(8页) HTML+CSS+JavaScript 美

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

时间：2021-03-30 03:16:08

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 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><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><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><div class="lh-content">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>