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.故事背景
3.角色介绍
4.动漫图集
5. 登场武器
6.留言板
二、文件目录
三、代码实现
<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> </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>
发表评论