100字范文 > HTML5期末大作业：水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学

HTML5期末大作业：水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学

时间：2020-10-03 14:14:07

HTML5期末大作业：水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学html网页制作期末大作业成品_网页设计期末作业

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

作品介绍

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

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

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

文章目录

HTML5期末大作业：水果商城网站设计——蔬菜水果商城(10页) HTML+CSS+JavaScript 学html网页制作期末大作业成品_网页设计期末作业作品介绍一、作品展示二、文件目录三、代码实现四、学习资料五、更多源码

一、作品展示

二、文件目录

三、代码实现

<!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" /><link href="common/css/common.css" rel="stylesheet" type="text/css" /><link href="common/css/style.css" rel="stylesheet" type="text/css" /><link href="common/css/page.css" rel="stylesheet" type="text/css" /><script src="common/js/jquery1.42.min.js" type="text/javascript"></script><script src="common/js/common_js.js" type="text/javascript"></script><script src="common/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script><title>产品展示</title></head><body><div id="top"><div class="top"><div class="Collection"><em></em><a href="#">收藏我们</a></div><div class="hd_top_manu clearfix"><ul class="clearfix"><li class="hd_menu_tit zhuce" data-addclass="hd_menu_hover">欢迎光临本店！<a href="#" class="red">[请登录]</a> 新用户<a href="#" class="red">[免费注册]</a></li><li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">我的订单</a></li><li class="hd_menu_tit hd_Shopping_Cart" data-addclass="hd_menu_hover"><a href="#" class="hd_menu">购物车(<b>0</b>)</a><div class="hd_Shopping_list"><i></i><ul> <li><div class="img"><img src="common/images/tianma.png" /></div><div class="content"><p><a href="#">产品名称</a></p><p>颜色分类:紫花8255尺码:XL</p></div><div class="Operations"><p class="Price">￥55.00</p><p><a href="#">删除</a></p></div></li></ul><div class="Shopping_style"><a href="#" class="Shopping">查看我的购物车</a></div></div></li><li class="hd_menu_tit" data-addclass="hd_menu_hover"><a href="#">联系我们</a></li><li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#" class="hd_menu">客户服务</a><div class="hd_menu_list"><ul><li><a href="#">常见问题</a></li><li><a href="#">在线退换货</a></li><li><a href="#">在线投诉</a></li><li><a href="#">配送范围</a></li></ul></div> </li></ul></div></div></div><div id="header" class="header"><div class="logo"><a href="#"><img src="common/images/logo.png" /></a></div><div class="Search"><p><input name="" type="text" class="text"/><input name="" type="submit" value="搜索" class="Search_btn"/></p><p class="Words"><a href="#">苹果</a><a href="#">香蕉</a><a href="#">菠萝</a><a href="#">西红柿</a><a href="#">橙子</a><a href="#">苹果</a></p></div><div class="phone"><img src="common/images/phone.png" /></div></div><div id="Menu"><div class="Menu_style"><div id="allSortOuterbox" class="display"><div class="Category"><a href="#"><em></em>所有产品分类</a></div><div class="hd_allsort_out_box_new"><ul class="Menu_list"><li class="name"><a href="#" >鲜果类</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><div class="title_name">热带水果</div><li><a href="#">菠萝</a><a href="#">香蕉</a><a href="#">猕猴桃</a><a href="#">名称</a></li></ul><ul><div class="title_name">温带水果</div><li><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >精品蔬菜</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">23</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >特色干果</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >粮油食品</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >调味类</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >鲜肉类</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >水产类</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >日用百货</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li><li class="name"><a href="#" >宣传服务处</a><div class="menv_Detail"><div class="cat_pannel clearfix"><ul><li><a href="#">33</a><a href="#">名称</a><a href="#">名称</a><a href="#">名称</a></li></ul></div></div></li></ul></div></div><script>$("#allSortOuterbox").slide({titCell:".Menu_list li",mainCell:".menv_Detail",});</script><div class="Navigation" id="Navigation"><ul class="Navigation_name"><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><li><a href="#">限时团购</a></li></ul></div><script>$("#Navigation").slide({titCell:".Navigation_name li"});</script><div class="Shopping_car"><em></em> 购物车(<b>0</b>)</div></div></div><div id="page"><div class="Hot_products"><div class="hd">热卖产品</div><ul><li><div class="img"><a href="#"><img src="common/images/cp-6.jpg" /></a></div><div class="product_js"><p class="title_name"><a href="#">本地新鲜桃子名称</a></p><p >特价：<b>￥6.30</b></p><p><a href="#" class="gm_btn">立即购买</a></p></div></li><li><div class="img"><a href="#"><img src="common/images/cp-6.jpg" /></a></div><div class="product_js"><p class="title_name"><a href="#">本地新鲜桃子名称</a></p><p >特价：<b>￥6.30</b></p><p><a href="#" class="gm_btn">立即购买</a></p></div></li><li><div class="img"><a href="#"><img src="common/images/cp-6.jpg" /></a></div><div class="product_js"><p class="title_name"><a href="#">本地新鲜桃子名称</a></p><p >特价：<b>￥6.30</b></p><p><a href="#" class="gm_btn">立即购买</a></p></div></li><li><div class="img"><a href="#"><img src="common/images/cp-6.jpg" /></a></div><div class="product_js"><p class="title_name"><a href="#">本地新鲜桃子名称</a></p><p >特价：<b>￥6.30</b></p><p><a href="#" class="gm_btn">立即购买</a></p></div></li></ul></div><div class="Position">当前位置：<a href="#">首页</a> > <a href="#">产品列表</a></div><div class="Show_style"><div class="Operation"><span><a href="#" class="on">默认</a><a href="#">销量<em></em></a><a href="#">价格<em></em></a><a href="#">上架时间</a></span><span class="img_lists"><em></em><a href="#">大图</a></span></div><dl class="fore1"><dt><strong>购物指南</strong></dt><dd><div><a href="#" target="_blank" rel="nofollow">购物流程</a></div><div><a href="#" target="_blank" rel="nofollow">会员介绍</a></div><div><a href="#" target="_blank" rel="nofollow">团购/机票</a></div><div><a href="#" target="_blank" rel="nofollow">常见问题</a></div><div><a href="#" target="_blank" rel="nofollow">大家电</a></div><div><a href="#" target="_blank" rel="nofollow">联系客服</a></div></dd></dl><dl class="fore1"><dt><strong>购物指南</strong></dt><dd><div><a href="#" target="_blank" rel="nofollow">购物流程</a></div><div><a href="#" target="_blank" rel="nofollow">会员介绍</a></div><div><a href="#" target="_blank" rel="nofollow">团购/机票</a></div><div><a href="#" target="_blank" rel="nofollow">常见问题</a></div><div><a href="#" target="_blank" rel="nofollow">大家电</a></div><div><a href="#" target="_blank" rel="nofollow">联系客服</a></div></dd></dl><dl class="fore1"><dt><strong>购物指南</strong></dt><dd><div><a href="#" target="_blank" rel="nofollow">购物流程</a></div><div><a href="#" target="_blank" rel="nofollow">会员介绍</a></div><div><a href="#" target="_blank" rel="nofollow">团购/机票</a></div><div><a href="#" target="_blank" rel="nofollow">常见问题</a></div><div><a href="#" target="_blank" rel="nofollow">大家电</a></div><div><a href="#" target="_blank" rel="nofollow">联系客服</a></div></dd></dl><dl class="fore1"><dt><strong>购物指南</strong></dt><dd><div><a href="#" target="_blank" rel="nofollow">购物流程</a></div><div><a href="#" target="_blank" rel="nofollow">会员介绍</a></div><div><a href="#" target="_blank" rel="nofollow">团购/机票</a></div><div><a href="#" target="_blank" rel="nofollow">常见问题</a></div><div><a href="#" target="_blank" rel="nofollow">大家电</a></div><div><a href="#" target="_blank" rel="nofollow">联系客服</a></div></dd></dl><dl class="fore1"><dt><strong>购物指南</strong></dt><dd><div><a href="#" target="_blank" rel="nofollow">购物流程</a></div><div><a href="#" target="_blank" rel="nofollow">会员介绍</a></div><div><a href="#" target="_blank" rel="nofollow">团购/机票</a></div><div><a href="#" target="_blank" rel="nofollow">常见问题</a></div><div><a href="#" target="_blank" rel="nofollow">大家电</a></div><div><a href="#" target="_blank" rel="nofollow">联系客服</a></div></dd></dl></div></div></div></div><div id="bottom"><div class="footers"><div class="logo"></div><div class="footer_link"><div class="links"><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>Copyright© 2002- ，鲜篮子版权所有信息产业部备案许可编号川ICP备10207551号川B1-0131 川B2-0376 </div><div><a href="#"><img src="common/images/12.gif" /></a><a href="#"><img src="common/images/108_40_zZOKnl.gif" /></a><a href="#"><img src="common/images/112_40_WvArIl.png" /></a></div></div></div></div></body></html>