时间：2023-09-20 20:30:01 | 来源：网站运营
时间：2023-09-20 20:30:01 来源：网站运营
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（源文件），基本期末作业所需的知识点全覆盖。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>袁动官网-首页</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="css/swiper.min.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/animate.min.css" /> </head> <body> <!--顶部--> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid wrap"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" > <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!--logo--> <a class="navbar-brand" href="#"> <img src="img/logo.png" alt="" /> </a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <!--<ul class="language navbar-right"> <li><a href="#" class="active">中</a></li> <li>|</li> <li><a href="#">EN</a></li> </ul>--> <ul class="nav navbar-nav main-nav navbar-right"> <li class="active"><a href="index.html">首页</a></li> <li><a href="worksShow.html">作品展示</a></li> <li><a href="recruit.html">招贤纳士</a></li> <li><a href="contract.html">联系我们</a></li> <li><a href="about.html">关于公司</a></li> <li class="lang"> <a class="active">中</a>|<a href="en_index.html">EN</a> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav> <!-- Swiper --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> <div class="swiper-slide" style="background-image: url(img/banner.png)" ></div> </div> <!-- Add Pagination --> <div class="swiper-pagination swiper-pagination-white"></div> <!-- Add Arrows --> <div class="swiper-button-next swiper-button-white"></div> <div class="swiper-button-prev swiper-button-white"></div> </div> <!--多图轮播--> <div class="lunbo"> <div class="title wow bounceInUp">我们参与的项目</div> <div class="picScroll"> <ul> <li> <a target="_blank" href="###"> <img _src="img/lunbo1.png" src="img/lunbo1.png" /> <div class="img-text">大型海战战场“潜龙之渊”上线，全民开战！</div> </a> </li> <li> <a target="_blank" href="###"> <img _src="img/lunbo2.png" src="img/lunbo2.png" /> <div class="img-text"> 天刀嘲天宫《一人之战》视频首发 同名专辑上架QQ音乐 </div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo3.png" src="img/lunbo3.png" /> <div class="img-text">懒人攻略 如何刷完一周胜负令</div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo4.png" src="img/lunbo4.png" /> <div class="img-text"> 《王者荣耀》魔性H5上线，五军对决等你来战 </div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo5.png" src="img/lunbo5.png" /> <div class="img-text"> 超高期待！玩家Coser作品获《绝地求生 全军出击》官方点赞 </div> </a> </li> <li> <a target="_blank" href="###" ><img _src="img/lunbo6.png" src="img/lunbo6.png" /> <div class="img-text">揭幕战RNGvsIG LPL春季赛1月15日正式开赛</div> </a> </li> </ul> <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </div> <a href="###"><div class="more">更多作品</div></a> </div> <!--关于我们--> <div class="aboutUs"> <div class="wrap"> <div class="title wow bounceInUp">关于我们</div> <div class="text wow slideInDown"> <span class="ccf0f32" >杭州袁动动漫设计有限公司（YD ART），致力于CG美术概念设计及三维影视游戏视觉开发制作</span > <span >其团队现由创办人袁杰联合著名CG艺术家肖壮悦以及XRCGTEAM（<a href="http://www.xrcgteam.com" >http://www.xrcgteam.com</a >）成员和各游戏、影视、动漫业内资深艺术家所组成，</span > <span >为国内外众多项目提供优质概念设计、原画设定、美宣插画、次世代3D、GUI、动作特效等外包服务。</span > <span >曾参与《星际争霸》《上古卷轴》《英雄联盟》《战神》《三国无双》《梦幻西游》《LOC》《鬼吹灯》《长城》等国内外大型游戏影视项目视觉美术开发制作</span > </div> <div class="row"> <div class="col-xs-6 col-sm-3"> <div class=""> <h3 class="timer count-title" id="count-number" data-to="150" data-speed="1500" ></h3> 员工 </div> </div> <div class="col-xs-6 col-sm-3"> <div class=""> <h3 class="timer count-title" id="count-number" data-to="100" data-speed="1500" ></h3> 客户 </div> </div> <div class="col-xs-6 col-sm-3"> <div class=""> <h3 class="timer count-title" id="count-number" data-to="200" data-speed="1500" ></h3> <img src="img/doimg_1.png" />手游 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInLeft" data-wow-delay="1s" > <img src="img/doimg_2.png" />页游 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInLeft" data-wow-delay="0.5s" > <img src="img/doimg_3.png" />端游 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInRight" data-wow-delay="0.5s" > <img src="img/doimg_4.png" />次世代 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInRight" data-wow-delay="1s" > <img src="img/doimg_5.png" />单机 </div> </a> <a href="###"> <div class="col-xs-6 col-sm-4 col-md-2 wow bounceInRight" data-wow-delay="1.5s" > <img src="img/doimg_6.png" />影视 </div> </a> </div> <div class="text-list wow bounceInDown"> <ul> <li> <a href="###">角色原画设计</a> <a href="###">场景原画设计</a> <a href="###">UI设计</a> </li> <li> <a href="###">肖像绘制</a> <a href="###">道具绘制</a> <a href="###">图标绘制</a> </li> <li> <a href="###">美宣</a> <a href="###">卡牌绘制</a> <a href="###">2D场景整合</a> </li> <li> <a href="###">3DMAX角色模型</a> <a href="###">3DMAX场景模型</a> <a href="###">次世代模型、贴图</a> </li> <li> <a href="###">3DMAX动画</a> <a href="###">3DMAX特效</a> <a href="###">3转2绘制</a> </li> </ul> </div> </div> </div> <!--footer--> <div class="footer"> <img src="img/foot_logo.png" /> </div> </body> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8" ></script> <script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8" ></script> <script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script> <script src="js/numberAdd.js" type="text/javascript" charset="utf-8"></script> <script src="js/swiper.min.js" type="text/javascript" charset="utf-8" ></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript"> //多图轮播 jQuery(".picScroll").slide({ mainCell: "ul", effect: "leftLoop", vis: 6, scroll: 1, autoPage: true, switchLoad: "_src", autoPlay: true, }); //banner轮播 var swiper = new Swiper(".swiper-container", { spaceBetween: 30, // effect: 'fade', loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); //鼠标滚动特效 new WOW().init(); </script></html>web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程) 适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站 【百度网盘-源码下载地址】HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他* 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 关键词：设计,响应,作业
