web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…
最近更新 2022年08月31日
作品编号 569382

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

2022-08-31 网页大作业 0 49
郑重承诺丨水流流水提供安全交易、信息保真!
下载方式:
购买成功后会出现“立即下载”按钮!
微信 微信

联系电话:19966519194

进入TA的商铺 联系官方客服
详情介绍
网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…>

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

作品介绍

1.网页作品简介​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。包含:​​产品中心 品牌文化 企业动态 土王传播 合作共赢 官方商城​​总共7个页面。

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

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

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

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业… 1.产品中心

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业… 2.品牌文化

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业… 3.企业动态

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业… 4.土王传播

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业… 5. 合作共赢

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业… 6.官方商城

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

二、文件目录

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

三、代码实现

<html><!DOCTYPE html><html><head><meta name="viewport" charset="utf-8" content="width=1024"><title>食品白酒红酒酒类企业</title><meta name="keywords" content=""><meta name="description" content=""><meta name="author" content="order by Baidu.com" /><link href="favicon.png" rel="external nofollow"   rel="shortcut icon"><link rel="stylesheet" href="style/base.min.css" rel="external nofollow"   /><link rel="stylesheet" href="style/animations.css" rel="external nofollow"   /><link rel="stylesheet" href="style/idangerous.swiper.css" rel="external nofollow"   /><link rel="stylesheet" href="style/font-awesome-ie7.min.css" rel="external nofollow"   /><link rel="stylesheet" href="style/font-awesome.min.css" rel="external nofollow"   /><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="js/templets/twj/Public/js/html5shiv.min.js" ></script><script src="js/templets/twj/Public/js/respond.min.js" ></script><![endif]--><style>.zhongqiu {display: none;}.longwen {display: none;}.normal-code .bg {position: absolute;width: 100%;background-color: #181414;top: 0;z-index: 40;opacity: 0.8;}.code {position: absolute;width: 405px;height: 500px;left: 50%;margin-left: -202.5px;top: 50%;margin-top: -250px;z-index: 999;}.code-one {background: url("longwencode.jpg") no-repeat;}.code-two {background: url("longwencode.jpg") no-repeat;}</style></head><body><!--head start--> <!--head start--><nav class="index-navbar"> <a href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > <img src="images/logo.png"   class="logo" alt="国馆"/> </a><div class="nav-container nav-login-area"><ul class="phone"><li class="icon-question-appearance"> <a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" > <img src="images/qustion.png"   alt=""/> </a> </li><li class="icon-question-appearance"> <a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  style="color: #bfa79d!important;">0718-8020112</a> </li></ul><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   class="nav-login"></a> </div><div class="nav"><div class="list" id="navlist"><ul id="navfouce"><li><a href="index-1.htm" rel="external nofollow"   >产品中心</a></li><li><a href="index-2.htm" rel="external nofollow"  rel="external nofollow"   >品牌文化</a></li><li><a href="index-3.htm" rel="external nofollow"   >企业动态</a></li><li class="nav_right_start"><a href="index-4.htm" rel="external nofollow"   >土王传播</a></li><li><a href="index-5.htm" rel="external nofollow"  rel="external nofollow"   >合作共赢</a></li><li class="shopping-cart-position"><a href="index-6.htm" rel="external nofollow"  rel="external nofollow"   ><i class="icon-shopping-cart icon-cart-appearance"></i>官方商城</a> </li></ul></div></div><!-- 下拉菜单--><div class="box clearfix" id="navbox" style="height:0px;opacity:0;overflow:hidden;"><div class="cont clearfix" style="display:none;"><ul class="sub-list clearfix" id="sub-list"><li class="selected" onclick="window.open('index-6.htm'/*tpa=/gfsc/*/)"> <span> 产品商城 </span> </li><li class="selected" onclick="window.open('index-6.htm'/*tpa=/gfsc/*/)"> <span> 定制商城 </span> </li></ul><div class="sub-box clearfix" id="sub-navbox"><div class="sub-cont" style="display: block;"> <ul class='clearfix'><li><span width='25%'><a href="15.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >土王酒·献礼</a></span><span width='25%'><a href="23.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >土王酒·施南</a></span><span width='25%'><a href="16.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >土王酒·唐崖</a></span><span width='25%'><a href="17.html" rel="external nofollow"  >土王酒·容美</a></span></li><li><span width='25%'></span><span width='25%'></span><span width='25%'></span><span width='25%'></span></li><li><span width='25%'></span><span width='25%'></span><span width='25%'></span><span width='25%'></span></li><li><span width='25%'></span><span width='25%'></span><span width='25%'></span><span width='25%'></span></li></ul><div class="sub-cont-img"> <img src="images/1_03.jpg"   style="position: absolute" alt=""/> </div></div><div class="sub-cont" style="display: none"> <ul class='clearfix'><li><span width='25%'><a href="18.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  >土王定制·唐崖 容美</a></span><span width='25%'></span><span width='25%'></span><span width='25%'></span></li><li><span width='25%'></span><span width='25%'></span><span width='25%'></span><span width='25%'></span></li><li><span width='25%'></span><span width='25%'></span><span width='25%'></span><span width='25%'></span></li><li><span width='25%'></span><span width='25%'></span><span width='25%'></span><span width='25%'></span></li></ul><div class="sub-cont-img"> <img src="images/1_01.png"   alt=""/> </div></div></div></div></div></nav><!--head end-->  <!--head end--> <!--content start--> <!--banner start--><div class="index-banner clearfix"><div class="swift-banner"><div class="swiper-main"><div class="swiper-container "><div class="swiper-wrapper"><div class="swiper-slide backgroundsise-cover one"> <a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><div class="banner-img banner-one"> <img src="images/longwen.jpg"   alt=""/> <!--                                <img src="images//templets/twj/Public/img/zhongqiu.jpg" alt=""/>--> </div></a> </div><div class="swiper-slide backgroundsise-cover two"> <a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><div class="banner-img banner-two"> <img src="images/20150222.jpg"   alt=""/> </div></a> </div><div class="swiper-slide backgroundsise-cover"> <a href="15.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   ><div class="banner-img"> <img src="images/20150907182629.jpg"   alt=""/> </div></a> </div></div></div><div class="pagination pagination1"></div></div></div><div class="zhongqiu normal-code"><div class="bg"></div><div class="code code-one"></div></div><div class="longwen normal-code"><div class="bg"></div><div class="code code-two"></div></div></div><!--banner end--> <!--block start--><div class="container clearfix"><div class="block-left"><div class="main-product"> <a href="index-6.htm" rel="external nofollow"  rel="external nofollow"   > <img src="images/602-686.jpg"   alt="文化土王酒系列"/> </a> </div><div class="main-product-introduce"> <a href="javascript:void(0)" rel="external nofollow" ><h1> 「土王 · 土司文化」金玉满堂 红红火火 </h1><span> 古法酿造工艺土家文化韵味经典之作 </span> </a> </div></div><div class="block-right"><div class="block-right-top"><div class="block-content"> <!--<h1 class="h1">「国馆 · 文化中国」</h1><span class="detail">系列艺术限量珍藏酒</span><span>最具颠覆性的价格 <br><span style="text-decoration: line-through">原价¥1299/套(2瓶)</span><b>限量优惠价¥889/套(2瓶)</b></span>--> <a href="15.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"    class="red-button" style="opacity: 0;"> <i class="icon-angle-right"></i>   <!--立即购买--> </a> </div></div><div class="block-right-bottom"> <a href="" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > <img src="images/1_02_1.jpg"   alt="典藏中国系列"/> </a> </div><div class="main-product-introduce"> <a href="" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   ><h1> 产品大片 </h1><span> 土王酒文化,独一无二领袖品质 </span> </a> </div></div><div class="explorer-whzg"> <a href="15.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > <img src="images/1-16011014225a63.jpg"   alt=""/> </a> <a href="15.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   ><h3> 土王酒·献礼 </h3></a> </div><div class="explorer-whzg"> <a href="23.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > <img src="images/1-1601151445192N.jpg"   alt=""/> </a> <a href="23.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   ><h3> 土王酒·施南 </h3></a> </div><div class="explorer-whzg"> <a href="16.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > <img src="images/1-1601111326101I.jpg"   alt=""/> </a> <a href="16.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   ><h3> 土王酒·唐崖 </h3></a> </div><div class="explorer-whzg"> <a href="18.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > <img src="images/1-16011114094K38.jpg"   alt=""/> </a> <a href="18.html" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   ><h3> 土王定制·唐崖 容美 </h3></a> </div></div><!--block end--> <!--content end--> <!--footer start--> <footer class="footer"><div class="container footer-nav"><ul class="clearfix"><li> <a href="index-2.htm" rel="external nofollow"  rel="external nofollow"   > 了解土王 </a> </li><li> <a href="index-7.htm" rel="external nofollow"   > 联系土王 </a> </li><li> <a href="index-5.htm" rel="external nofollow"  rel="external nofollow"   > 加入我们 </a> </li><li> <a href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > <img src="images/logo.png"   class="bottom-logo" alt=""/> </a> </li><li> <a href="" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"> 天猫旗舰店 </a> </li><li> <a href="" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank"> 新浪微博 </a> </li><li> <a href="" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   target="_blank" class="ggqore-code"> 官方微信 </a> </li></ul><span class="copyright-info"> © <a href="index.htm" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"   > 2016 土王酒业 </a> <a href="" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"    target="_blank"> 鄂ICP备16001248号 </a> </span> </div></footer><script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F932682468c55e35a36ca571ec037636b' type='text/javascript'%3E%3C/script%3E"));</script> <!--footer end--></body><script src="js/jquery-1.9.1.min.js"  ></script><script src="js/idangerous.swiper.min.js"  ></script><script src="js/index.js"  ></script><script src="js/nav.js"  ></script></html>

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…


❉1.看到这里了就 ​[点赞+好评+收藏] 三连​ 支持下吧,你的 ​​「点赞,好评,收藏」​​是我创作的动力。

❉ 2.​关注我​ ~ 每天带你学习 :各种前端插件、七夕表白网页制作、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、web期末大作业模板 、等! 「 前后开发者,一起探讨 前端,JAVA ,Node 知识,互相学习」!

❉3.以上内容技术相关问题可以相互学习,可在 ​V幸 公Z号 >>> yun'j​ ????????????????????????获取更多源码 ???????????????????????? !

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

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

 

web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业…

考研保研直通车QQ群:534756521,如果需要试读试看请添加客服微信19966519194。

 

资源下载此资源下载价格为19.8点击检测网盘有效后购买,包年VIP免费
水流流水平台作品投诉客服微信:19966519194

快来向作者反馈作品质量吧

点击笑脸为它评分!

很抱歉,这篇作品对您没有用!

让我们改善这篇作品!

告诉我们我们如何改善这篇文章?

收藏 (0) 打赏

赞助水流流水平台

转账请备注您的用户名,年底会统计公示感谢。
点赞 (0)

如发现侵权作品,请联系微信19966519194删除

水流流水 网页大作业 web网页设计实例作业 :酒业网站设计——土王酒业(7页)带轮播特效 HTML+CSS+JavaScript HTML5期末大作业… https://yunjunet.cn/569382.html

CSDN博客@科大云炬,全栈开发者,码龄五年+

常见问题
  • 请放心亲!我们不会为了几十元的东西而坏了名声。
查看详情
  • 可以开发票,请备注"发票”添加客服微信19966519194开具发票
查看详情
  • 默认解压密码为yunjunet.cn
查看详情

相关文章

猜你喜欢
发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务