300字范文 > HTML5期末大作业：月饼美食网站设计——月饼美食食品模板(9页) HTML+CSS+JavaScript

HTML5期末大作业：月饼美食网站设计——月饼美食食品模板(9页) HTML+CSS+JavaScript

时间：2023-02-09 21:31:38

HTML5期末大作业：月饼美食网站设计——月饼美食食品模板(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程食品设计网页规划与设计计食品模板设计源码

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

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

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

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

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

文章目录

HTML5期末大作业：月饼美食网站设计——月饼美食食品模板(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程食品设计网页规划与设计计食品模板设计源码获取更多源码作品介绍一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><link rel="stylesheet" type="text/css" href="style/css.css"><script src="js/jquery-1.8.3.min.js"></script><script src="js/jquery.luara.0.0.1.min.js"></script></head><body><div class="top"><div class="topcon clear"><div class="tl left clear">您好，欢迎来到圣军食品有限公司!</div><div class="tr right clear">400-6666666</div></div></div><div class="nav"><div class="navcon clear"><div class="logo left clear"><img src="images/logo.png" alt="圣军食品有限公司" /></div><div class="menu right clear"><ul><li class="cur"><a href="index.html">首页</a></li><li><a href="about.html">关于我们</a></li><li><a href="cpzs.html">产品展示</a></li><li><a href="news.html">新闻资讯</a></li><li><a href="zsjm.html">招商加盟</a></li><li><a href="rczp.html">人才招聘</a></li><li><a href="lxwm.html">联系我们</a></li></ul></div></div></div><div class="banner"><div class="example2"><ul><li><img src="images/banner.jpg" alt="1"/></li><li><img src="images/banner.jpg" alt="2"/></li><li><img src="images/banner.jpg" alt="3"/></li><li><img src="images/banner.jpg" alt="4"/></li></ul><div class="dh"><ol class="clear"><li></li><li></li><li></li><li></li></ol></div></div><script>$(function(){$(".example2").luara({width:"1920",height:"565",interval:4500,selected:"seleted",deriction:"left"});});</script></div><div class="content"><div class="conbox mt30 clear"><div class="bktit clear"><div class="qyxc_tit left clear"><img src="images/qyxc_tit.png" alt="企业宣传" /></div><div class="xwzx_tit left clear"><img src="images/zxzx_tit.png" alt="最新资讯" /></div><div class="lxwm_tit right clear"><img src="images/lxwm_tit.png" alt="联系我们" /></div></div><div class="bkbox clear"><div class="qyxc left clear"><div class="example"><ul><li><img src="images/xc_img.jpg" alt="1"/></li><li><img src="images/xc_img.jpg" alt="2"/></li><li><img src="images/xc_img.jpg" alt="3"/></li><li><img src="images/xc_img.jpg" alt="4"/></li></ul><div class="tpdh"><ol class="clear"><li>4</li><li>3</li><li>2</li><li>1</li></ol></div></div><script>$(function(){$(".example").luara({width:"325",height:"230",interval:4000,selected:"seleted"});});</script></div><div class="xwzx left clear"><div class="xw_top clear"><div class="xw_img left clear"><img src="images/zx_img.jpg" alt=""></div><div class="xw_text right clear"><h3><a href="#">改走親民路線鮑魚禮盒隻賣200元</a></h3><p>“咋個那麼快就要過中秋了哦？冰箱頭還剩幾個粽子沒吃種禮盒裡...</p></div></div><ul><li><span class="rq">[-09-06]</span><a href="subnew.html">四川月饼知名品牌－出十大金天伦月...</a></li><li><span class="rq">[-09-06]</span><a href="subnew.html">四川月饼知名品牌－出十大金天伦月...</a></li><li><span class="rq">[-09-06]</span><a href="subnew.html">四川月饼知名品牌－出十大金天伦月...</a></li><li><span class="rq">[-09-06]</span><a href="subnew.html">四川月饼知名品牌－出十大金天伦月...</a></li><li><span class="rq">[-09-06]</span><a href="subnew.html">四川月饼知名品牌－出十大金天伦月...</a></li><li><span class="rq">[-09-06]</span><a href="subnew.html">四川月饼知名品牌－出十大金天伦月...</a></li></ul></div><div class="lxwm right clear"> <img src="images/lx_img.jpg" alt="联系我们" /><p>地址：洛阳市洛龙区开元大道219号宝龙城市...<br />联系人：朱海华<br />电话：0371-7691000<br />手机：15617811151<br />邮箱：384397414@</p></div></div></div><div class="gywm mt20"><h2><span class="more"><a href="about.html">更多 >></a></span><img src="images/gywm_tit.png" alt="关于我们" /></h2><div class="wmbox clear"><div class="wm_img left clear"><img src="images/gywm.jpg" alt="关于我们" /></div><div class="wm_text right clear"><p>商丘张弓老朱家食品有限公司创建于1992年，是一家专业生产月饼、蜜三刀、密角、绿豆糕、糕点、等食品的品牌企业。公司拥有精干、专业、创新的员工团队，用自信、高效、诚信、创新的经营理念为客户提供全面的优质服务！</p><p>老朱家人凭着艰苦创业，不屈不挠的精神，经过不断的努力和发展，公司拥有标准化厂房、规模宏大的办公大楼以及配备齐全的送货车队。月饼生产流水线及全自动生产设备。以优良的产品品质和务实进去的经营作风，在客户和同行界得到广泛认同和好评。原商丘市人大副主任朱永勤曾亲临本厂品尝后给予高度赞扬，并亲自题词：送孝心，献爱心，老朱家月饼最称心。原全国人大代表张弓酒厂董事长，县人大主任吕信贻品尝后也给予高度赞扬。原张弓酒厂供应部部长，现任张弓北村支部书记张强亲临本厂视察题词：香甜松酥，溢满中原！老朱家深知“变革与创新是始终紧系自身发展的”，所以，一直致力于企业的改良和创新工作，小到每一种原料选购，大到企业品牌战略的实施，凭借企业自身的综合实力，不断进行新的探索和挑...<a href="#"><span style="color:#e52516;">【查看详情】</span></a></p></div></div></div><div class="cpzs mt20"><h2><span class="more"><a href="cpzs.html">更多 >></a></span><img src="images/cpzs_tit.png" alt="产品展示" /></h2><div class="cpbox"><ul class="clear"><li><a href="subpro.html"><img src="images/cp.jpg"><p>圣君月饼·花好月圆</p></a> </li><li><a href="subpro.html"><img src="images/cp.jpg"><p>圣君月饼·花好月圆</p></a> </li><li><a href="subpro.html"><img src="images/cp.jpg"><p>圣君月饼·花好月圆</p></a> </li><li><a href="subpro.html"><img src="images/cp.jpg"><p>圣君月饼·花好月圆</p></a> </li></ul></div></div></div><div class="footer mt20"><div class="footcon"><div class="f_link"><span style="color:#c58b44; font-size:18px;">友情链接：</span><a href="#">嘻嘻月饼</a> <a href="#">花好月圆月饼</a> <a href="#">老字号月饼</a> <a href="#">家里蹲月饼</a> <a href="#">真好月饼</a> <a href="#">嘻嘻月饼</a> <a href="#">花好月圆月饼</a> <a href="#">老字号月饼</a> <a href="#">家里蹲月饼</a> </div><div class="f_text clear"><div class="ftl left clear"><div class="f_nav"><a href="index.html">首页</a> / <a href="about.html">关于我们</a> / <a href="cpzs.html">产品展示</a> / <a href="news.html">新闻资讯</a> / <a href="zsjm.html">招商加盟</a> / <a href="rczp.html">人才招聘</a> / <a href="lxwm.html">联系我们</a></div><p>Copyright @ . 技术支持：和美科技有限公司<br />销售热线：400-6666666 联系人：白经理地址：开封市新元区金普大道121号</p></div><div class="ftr right clear"><img src="images/ewm.jpg" alt="二维码" /></div></div></div></div></body></html>