web前端作业|【HTML】HTML网页设计---海贼王动漫网页设计前端|javascript|html

1、引言
设计结课作业,课程设计无处下手，网页要求的总数量太多？没有合适的模板？数据库，java，python，vue，html作业复杂工程量过大？毕设毫无头绪等等一系列问题。你想要解决的问题，在微信公众号“coding加油站”中全部会得到解决
2、作品介绍
海贼王网页采用html，css技术来实现，符合所学知识体系，适用于常见的作业以及课程设计，需要获取更多的作品，请关注微信公众号：coding加油站，回复“海贼王3”免费获取，如需更多资料，可在微信后台留言。欢迎大家来提问，交流学习。
2.1、作品简介方面
海贼王网页采用常规方式来实现，符合绝大部分的要求。代码配置有相关文档讲解，如需从代码中学到知识点，那么这个作品将是你的不二之选
2.2、作品二次开发工具
此作品代码相对简单，基本使用课堂中所学知识点来完成，只需要修改相关的介绍文字，一些图片，就可以改为自己独一无二的代码，网页作品下载后可使用任意编辑软件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用）。
2.3、作品技术介绍
html网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等相关技术来美化相关界面，部分采用了javascript来做校验。使用html5，以及css3等相关技术完成技术的布局，在本作品中，会使用常见的布局，常见的浮动布局，flex布局都会有使用到哦。同时在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识，同时使用了一些js的相关知识。例如使用到了dom，和bom来获取浏览器的相关api，同时使用css对样式进行相关的美化，使得界面更加符合网页设计
3、作品演示
【coding加油站】HTML设计--海贼王网页设计
3.1、首页

相关代码：

首页介绍人物简介人物集时间线待续……

【web前端作业|【HTML】HTML网页设计---海贼王动漫网页设计】 3.2、导航页

相关代码：

《海贼王》 ”かいぞくおう“ 尾田荣一郎创作的漫画作品文章图片作品简介故事讲述了想成为海贼王的路飞，误食了海贼香克斯收藏的橡胶恶魔果实，而变成橡胶人，恶魔果实的副作用却使他永远不能游泳。不过他的理想仍然没有改变——成为海贼王，并且找到传说中哥尔·D·罗杰的秘宝－One Piece，冒险就此开始了。误食“橡胶果实”的路飞怀揣着对这个世界的憧憬和对自己成为海贼王梦想的执著，路飞出海了。这一路上还真让他找到了许多身怀绝技的朋友：目标成为世界第一剑客的索隆，想绘画出世界地图的航海士娜美，想找到all blue的海上厨师香吉士，特别善于说大话但想成为狙击王的乌索普，想成为最强医生的萌萌哒的船医乔巴，成熟富有女人味的考古学家罗宾，以及顶级的船匠改造人弗兰奇，和立志与鲸鱼拉布重逢的骷髅音乐家布鲁克。路飞一伙一路千辛万苦地努力着，而由此开始One Piece的故事将要完全展开了海军军队及世界政府——绝对正义王下七武海——世界政府公认的七位大海贼四皇——海上皇帝

3.3、时间线介绍

文章图片

相关代码：

文章图片革命军龙、萨博、贝洛·贝蒂、莫里卡拉斯…… 文章图片草帽海贼团路飞、索隆、山治、乌索普、娜美、乔巴、罗宾、弗兰奇、布鲁克、甚平文章图片白胡子海贼白胡子、艾斯、马尔科、乔兹、比斯塔…… 文章图片海军大将黄猿、青雉、赤犬文章图片黑胡子海贼马歇尔·D·蒂奇、拉菲特、范·奥卡、希留…… 文章图片超新星路飞、索隆、基德、罗、霍金斯、贝基…… 文章图片红发海贼团香克斯、贝克曼、耶稣布…… 文章图片四皇海贼团香克斯、凯多、BIG MOM、黑胡子文章图片 BIG MAM 夏洛特·玲玲、蛋蛋男爵、波克慕斯、波斌……