HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)

–>

HTML期末大作业~海贼王大学生HTML网页制作作品(HTML+CSS+JavaScript)

学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板

关于海贼王动漫的HTML网页制作,,HTML期末作业大作业A+水平!!主要特色:附带音效,十个网页十个风格。每个都有不同的美感~
随着动漫产业,动漫文化的不断发展,动漫已经从过去的低年龄层向全民动漫方向发展,
动漫产业链逐步完善,喜欢动漫的爱好者越来越多。当然市场需求量也在不断增长,越来越多的动漫爱好者在这一领域能希望得到更多动漫资源,获得更多的一些能满足他们各种爱好的资源集中地,而画漫翩翩网则包含了动漫和动漫论坛,满足了广大动漫迷的需求,逐渐形成了动漫一种文化特色存在。

海贼王作品展示

HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)
HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)
HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)

HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)

文件目录

HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)

代码实现

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/index.js"></script>
</head>

<body>
<div id="top01">
	<div id="nav01">
 		<ul>
        	<li class="tubiao"><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>
            
            <li><a href="#">萌化主题</a></li>
            
            <li>更多动漫
            	<ul>
                	<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>
            </li>
       	</ul>
    </div>
</div>
<div id="top02">
    <div id="div01">
        <div id="nav02">
            <a href="#">动画大全</a>
            |
            <a href="#">火影忍者</a>
            |
            <a href="#">潮与虎</a>
            |
            <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>
    <div id="div02"></div>
    <div id="div03"></div>
</div>
<div id="nav">
	<div id="nav03">
    		<a href="index.html" target="_self">海贼王中文网</a>
            |
            <a href="index01.html" target="_self">海贼王全集</a>
            |
            <a href="index02.html" target="_self">海贼王漫画</a>
            |
            <a href="index03.html" target="_self">海贼王国语版</a>
            |
            <a href="index04.html" target="_self">海贼王剧场版</a>
            |
            <a href="index05.html" target="_self">资料</a>
            |
            <a href="index06.html" target="_self">图片</a>
            |
            <a href="index07.html" target="_self">情报</a>
            |
            <a href="index08.html" target="_self">动画下载</a>
            |
            <a href="index09.html" target="_self">cosplay</a>
            |
            <a href="index10.html" target="_self">分析</a>
    </div>
</div>
<div id="content">
	<div class="content01">
    	<div class="left">
        	<ul>
            	<li><a href="#" target="_blank">海贼王741集</a>5月15日播出</li>
                <li><a href="#" target="_blank">火影忍者</a>5月12号播出</li>
                <li><a href="#" target="_blank">海贼王740集</a>在线观看</li>
                <li><a href="#" target="_blank">妖精的尾巴第三季</a></li>
                <li><a href="#" target="_blank">海贼王826话</a>5月19号更新</li>
                <li><a href="#" target="_blank">妖精的尾巴485话</a>5月16号</li>
                <li><a href="#" target="_blank">海贼王825话</a>在线观看</li>
                <li><a href="#" target="_blank">死神673话</a>5月13号更新</li>
          	</ul>
        </div>
        <div class="right">
        	<div class="top">
            	<p class="tu"><a href="#" target="_blank">收听海贼王官方微博</a></p>
                <p class="tt"><a href="#" target="_blank">海贼王QQ群</a></p>	
            </div>
            <div class="botton">
            	<form method="get" action="">
                	<input type="text" class="text" >
                    <input type="submit" value="" class="submit">
                </form>
            </div>
        </div>
    </div>

    <div class="content07">
    	<div style="margin-left:0">
        	<div class="top">
            	<h4><a href="#" target="_blank">四格漫画</a></h4>
            	<p><a href="#" target="_blank">更多</a></p>
            </div>
            <div class="button">
            	<div>
            	<span><a href="#" target="_blank"><img src="images/10361312S5D3P6.jpg"></a><p><a href="#" target="_blank">皮卡丘VS路飞三兄弟</a></p></span>
                <span><a href="#" target="_blank"><img src="images/10293012S5D5564.jpg"></a><p><a href="#" target="_blank">山治与索隆Q版简笔画</a></p></span>
                <span><a href="#" target="_blank"><img src="images/09554Q2S5DA39.jpg"></a><p><a href="#" target="_blank">梦想在海贼王中能见到</a></p></span>
                <span><a href="#" target="_blank"><img src="images/10155412S5D2029.jpg"></a><p><a href="#" target="_blank">你所不知道的乌索普</a></p></span>
                <span><a href="#" target="_blank"><img src="images/100P612S5DS41.jpg"></a><p><a href="#" target="_blank">假设海贼世界里有手机</a></p></span>
                <span><a href="#" target="_blank"><img src="images/10093412S5D3338.jpg"></a><p><a href="#" target="_blank">妄想着柯拉松变成女生</a></p></span>
                </div>
            </div>
        </div>
        <div style=" margin-right:0; float:right">
        	<div class="top">
            	<h4><a href="#" target="_blank">同人漫画</a></h4>
            	<p><a href="#" target="_blank">更多</a></p>
            </div>
            <div class="button">
            	<div>
            	<span><a href="#" target="_blank"><img src="images/10035412S5D4440.jpg"></a><p><a href="#" target="_blank">Piece Party 海贼盛宴</a></p></span>
                <span><a href="#" target="_blank"><img src="images/0Q64441R5916416.png"></a><p><a href="#" target="_blank">海贼王同人漫画:捉迷</a></p></span>
                <span><a href="#" target="_blank"><img src="images/6150754_124041934.jpg"></a><p><a href="#" target="_blank">海贼王同人漫画:布鲁</a></p></span>
                <span><a href="#" target="_blank"><img src="images/110J612S5JW55.jpg"></a><p><a href="#" target="_blank">索香同人漫画:寻找卷</a></p></span>
                <span><a href="#" target="_blank"><img src="images/09511G2S5D60T.jpg"></a><p><a href="#" target="_blank">索香同人漫画:寻找卷</a></p></span>
                <span><a href="#" target="_blank"><img src="images/10004612S5D2242.jpg"></a><p><a href="#" target="_blank">海贼盛宴第7话日文版</a></p></span>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="content08"></div>-->
    <div class="content09">
    	<div>
        	<h5>友情链接:</h5>
            <a href="#" target="_blank">海贼王</a>
            <a href="#" target="_blank">海贼王漫画</a>
            <a href="#" target="_blank">4399双人小游戏</a>
            <a href="#" target="_blank">52pk游戏下载</a>
            <a href="#" target="_blank">iPhone游戏</a>
            <a href="#" target="_blank">邪恶少女漫画</a>
            <a href="#" target="_blank">单机游戏</a>
            <a href="#" target="_blank">网页游戏</a>
            <a href="#" target="_blank">魔兽世界</a>
            <a href="#" target="_blank">魔兽世界</a>
            <a href="#" target="_blank">穿越西元3000</a>
            <a href="#" target="_blank">分类信息</a>
            <a href="#" target="_blank">小游戏大全</a>
            <a href="#" target="_blank">穿越火线</a>
            <a href="#" target="_blank">_52PK</a>
            <a href="#" target="_blank">吉吉影音</a>
            <a href="#" target="_blank">DNF</a>
            <a href="#" target="_blank">动漫新闻</a>
            <a href="#" target="_blank">巴士手机游戏</a>
            <a href="#" target="_blank">斗罗大陆3</a>
            <a href="#" target="_blank">龙王传说</a>
            <a href="#" target="_blank">游乐网</a>
            <a href="#" target="_blank">魔兽</a>
            <a href="#" target="_blank">地图下载</a>
            <a href="#" target="_blank">有趣网</a>
            <a href="#" target="_blank">浅蓝游戏网</a>
            <a href="#" target="_blank">手机游戏</a>
            <a href="#" target="_blank">美女</a>
            <a href="#" target="_blank">7k7k小游戏</a>
            <a href="#" target="_blank">安卓模拟器</a>
        </div>
    </div>
</div>
<div id="footer">憨憨动漫网所有好看的动漫和好看的动画片均收集自各大视频网站,仅供动漫、动画片、漫画在线试看,不提供动漫、动画片大全、漫画大全下载和资源存储,也不参与动画片视频录制和上传及漫画翻译制作和上传。
如果喜欢,请支持正版!憨憨动漫网不承担任何由于内容的合法性及健康性所引起的争议和法律责任。欢迎大家对本站的不合法或不健康动画片及漫画进行监督举报。
  </div>
</body>
</html>

做好的网页效果,如何通过发链接给别人看?

1.1解决部署上线~> 部署上线工具(永久免费使用)

1.不需要买服务器就能部署线上,全世界都能访问你的连接啦, 这里给大家推荐一个程序员必备神器~
插件集成了超级多好用的插件,免费下载安装,简单易懂, 简直神器 ~ 需要可在文章 ↓ 下方公Z号获取

2.就是把你的代码效果做好了以后, 部署到线上, 把链接发给别人, 就可以让对方通过你的连接点击进去, 就能看到你的网页效果啦, 电脑端和手机端都可以噢! (不然别人看你的网页都要发文件过去,体验感不太好哦~)

1.1部署流程

HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)

1.2 哇~ 部署成功

哇~ 部署成功! 将你写好的页面部署上线后, 全世界的人都可以通过链接访问到你的网页了(永久免费使用哦)~

HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)

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

适合入门到高级的童鞋们入手~
HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)


源码获取

~ 关注我,点赞博文~ 每天带你涨知识!

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

2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!

3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !

HTML期末大作业~海贼王大学生HTML网页制作10个页面作品(HTML+CSS+JavaScript)

更多HTML期末学生作业文章

1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)

2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)

3.HTML期末学生大作业(9套)html+css+javascript仿京东、天猫、服装、各大电商模板(大学毕业设计)

4.HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)

HTML期末作业作业(下载)

1.web前端期末节课大作业~html学生信息管理系统模板

2.web前端期末节课大作业 ~HTML学校后台用户登录界面模板

3.web前端期末节课大作业 ,~小米官网竖直分类导航菜单

4.web前端期末节课大作业~HTML5大学生网上报到系统响应式模板

5.web前端期末节课大作业~自考大学官网HTML模板

6.web前端期末节课大作业 ~小米商城官网首页模板

7.web前端期末节课大作业-绿色IT技术在线教育响应式模板

8.web前端期末节课大作业~HTML教育培训机构网站模板

9.web前端期末结课大作业html+css+javascript大学实验教学示范中心HTML网站模板

10.web前端期末节课大作业 ~HTML5响应式少儿舞蹈培训学校网站模板

11.web前端期末节课大作业~红色教育培训画室HTML网站模板

12.HTML期末作业-绿色果蔬商城购物网模板(HTML+CSS+JavaScript)

更多源码

❤100款表白源码演示地址

原文链接:https://www.cnblogs.com/ruanjiafeng2013/p/15041360.html
本文来源 互联网收集,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源,如您发现有涉嫌抄袭侵权的内容,请联系本站核实处理。

© 版权声明

相关文章