HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 高质量代码 HTML+CSS+JavaScript 毕设网页设计HTML

HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 HTML+CSS+JavaScript 大学生毕设网页设计HTML 学生网页课程设计期末作业下载 web网页设计制作成品

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

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

作品介绍

1.网页作品简介​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。包含: 网站首页, 故事背景, 角色介绍, 动漫图集, 登场武器, 留言板,`总共6个页面。

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

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

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

文章目录

  • ​​HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 HTML+CSS+JavaScript 大学生毕设网页设计HTML 学生网页课程设计期末作业下载 web网页设计制作成品​​
  • ​​作品介绍​​
  • ​​一、作品展示​​
  • ​​1. 网站首页​​
  • ​​2.故事背景​​
  • ​​3.角色介绍​​
  • ​​4.动漫图集​​
  • ​​5. 登场武器​​
  • ​​6.留言板​​
  • ​​二、文件目录​​
  • ​​三、代码实现​​
  • ​​四、web前端(学习资料)​​
  • ​​五、源码获取​​
  • ​​六、更多源码​​

一、作品展示

1. 网站首页

2.故事背景


                                            HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 高质量代码 HTML+CSS+JavaScript 毕设网页设计HTML

3.角色介绍


                                            HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 高质量代码 HTML+CSS+JavaScript 毕设网页设计HTML

4.动漫图集


                                            HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 高质量代码 HTML+CSS+JavaScript 毕设网页设计HTML

5. 登场武器


                                            HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 高质量代码 HTML+CSS+JavaScript 毕设网页设计HTML

6.留言板


                                            HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 高质量代码 HTML+CSS+JavaScript 毕设网页设计HTML

二、文件目录


                                            HTML5期末大作业:动漫网站设计——福五鼠动漫(6页)带轮播特效 高质量代码 HTML+CSS+JavaScript 毕设网页设计HTML

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow: auto; overflow-x:hidden;">
<head>
<title>福五鼠动漫网</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery.flexslider-min.js"></script><script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
<link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" />
</head>
<body>
<div class="wrapper">
<div class="top">
<div class="top_link"><a href="#">设为首页</a> | <a href="#" class="link2">加入收藏</a></div>
</div>
<!--end of top-->
<div class="nav">
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="gushi.html">故事背景</a></li>
<li><a href="juese.html">角色介绍</a></li>
<li><a href="huaxu.html">动漫图集</a></li>
<li><a href="zhizuo.html">登场武器</a></li>
<li><a href="pinjia.html">留言板</a></li>
</ul>
</div>
<!--end of nav-->
<div id="banner">
<div class="flexslider">
<ul class="slides">
<li><a href="#" > <img src="image/ad1.jpg" width="1010" /></a> </li>
<li><a href="#" > <img src="image/ad2.jpg" width="1010" /></a> </li>
<li><a href="#" > <img src="image/ad3.jpg" width="1010" /></a> </li>
<li><a href="#" > <img src="image/ad4.jpg" width="1010" /></a> </li>
<li><a href="#" > <img src="image/ad5.jpg" width="1010" /></a> </li>
<li><a href="#" > <img src="image/ad6.jpg" width="1010" /></a> </li>
</ul>
</div>
</div>
<!--end of banner-->
<div class="content">
<div class="sidebar">
<div class="pro_box">
<div class="jj_cp2">
<h3>角色介绍</h3>
</div>
<ul class="pro_list">
<li><a href="juese.html">福福鼠</a></li>
<li><a href="juese.html">毅毅鼠</a></li>
<li><a href="juese.html">儒儒鼠</a></li>
<li><a href="juese.html">翔翔鼠</a></li>
</ul>
</div>
<!--end of pro_box-->
<div class="pro_box">
<div class="jj_cp2">
<h3>福五鼠动漫网</h3>
</div>
<ul class="pro_list">
<li><a href="gushi.html">故事背景</a></li>
<li><a href="juese.html">角色介绍</a></li>
<li><a href="huaxu.html">动漫图集</a></li>
<li><a href="pinjia.html">动漫评价</a></li>
</ul>
</div>
<!--end of pro_box-->

</div>
<!--end of sidebar-->
<div class="main_con main_con2">
<div class="main_host">
<div class="jj_cp2">
<h3>故事背景</h3>
<p>当前位置:<a href="#">首 页</a> >> 故事背景</p>
</div>
<div class="com_txt">
<p>&nbsp;</p>
<p></p>
<p></p>
<p></p>
<div class="zi" style="text-align:center">
<p>在一个奇妙的世界里,有三个王国,分别是老鼠王国、猫王国和狗王国。
一位新来的猫王为了满足自己的私欲向狗王谗,利用狗国的强势将鼠国分遣到地质环境恶劣的布布岛。
布布岛怪石嶙峋,土壤干涸,难以耕种,被人们称之为:步步倒,即行走与生活艰难,似乎多行一步就会倒下!
鼠国处于这种环境无以为生,人民长期食不果腹,甚至连鼠王自己也常常面临缺粮的危机。一天,猫王带了大量粮食前来拜访,
并附上一张"以万斤大米换取万民壮丁"的契约。
鼠王面对诱人的粮食,忍耐不住饥饿,最终签署了条约。
猫王随即派百民猫兵送万民鼠民往黄金岛开采黄金。黄金岛四面处海,了无人烟,食物、水源由每月新老猫兵更换时送到小岛上。
被遣送到黄金岛的鼠民,过着悲惨的生活。他们终日开采,吃着猫兵们的残羹剩饭,干活不留神就被猫兵狠狠抽打,生病了也无药可医。
没几日工夫,就倒下了几百鼠民。
福福鼠是很有正义感且有勇有谋的志士,带领着他的四位好友吉吉鼠、翔翔鼠、儒儒鼠、毅毅鼠和在鼠国时的一批追随者,决定奋勇起来抵抗强大的猫国,
解救被猫国压榨受苦受难的鼠民。每当看着倒下的鼠国兄弟们,福福鼠就心如刀绞,对猫兵的残酷行径咬牙切齿。
在如此恶劣的情况下他与好友们寻思着一条出路,开始了周详的计划,并将自己的想法向鼠民们传递了,要大家紧密配合行动。
首先他招集了几百个机灵的鼠兄弟,利用空隙时间考察地形,摸清猫兵轮岗间隔时间、每次几人看守,
送粮食和水源的船只与大概每次猫兵更新人数……一切都按计划进行着,万事俱备,只差关键时刻了。福福鼠又进行了最后一次确认后,
向鼠兄弟们吩咐下去,行动就在这几日,并要求大家更加勤奋的干活,对猫兵们顺从听话。不知状况的猫兵们,看着鼠民一个个乖顺呆滞很是得意,
慢慢疏于防备,更多时间宁愿自己睡大头觉,多饮几杯酒,也不愿去管"乖顺"的鼠民们。吉吉鼠看到时机已经成熟,决定在更换新兵的前一日行动,
分四路人马做好埋伏将猫兵一网打尽。
这天晚上,吉吉鼠将白天偷到的钥匙打开了牢门,并带着兄弟把喝得乱醉的猫兵绑了起来关进大牢。然后,带着十几名鼠兄弟来到粮仓放火,
等惊慌的猫兵逃窜出来时,藏在周围的几百鼠民蜂拥而上,一举拿下。另一些兄弟则直捣猫营,用迷烟让猫兵们熟睡不醒,再一个个的绑起来。
还有一些则对付四种巡逻的猫兵们,分别将他们引诱到提前挖好的陷阱里……鼠民们打了个大胜仗,所有的猫兵都被关进了大牢。</p>
<br />
<br />
<br />
</div>
</div>
<!--end of com_txt-->
</div>
<!--end of main_host-->
</div>
<!--end of mian_con-->
</div>
<!--end of content-->
</div>
<!--end of wrapper-->
<div class="foot">
<div class="copyright">
<p>福五鼠动漫网20164601036 </p>
<p><a href="http://mail.qq.com/">联系我们</a><a href="http://www.baidu.com/" target="_blank"> 友情链接</a></p>
</div>
<!--end of copyright-->
</div>
<!--end of foot-->
</body>
</html>