【HTML5期末大作业】犬夜叉动漫 站设计–动漫 站设计

1、引言

2、作品介绍

2.1、作品简介方面 

xx系统采用常规方式来实现，符合绝大部分的要求。代码配置有相关文档讲解，如需从代码中学到知识点，那么这个作品将是你的不二之选

2.2、作品二次开发工具

2.3、作品技术介绍

html 页作品技术方面：使用CSS制作了 页背景图、鼠标经过及选中导航变色效果、下划线等相关技术来美化相关界面，部分采用了javascript来做校验。 使用html5，以及css3等相关技术完成技术的布局，在本作品中，会使用常见的布局，常见的浮动布局，flex布局都会有使用到哦。同时在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识，同时使用了一些js的相关知识。例如使用到了dom，和bom来获取浏览器的相关api，同时使用css对样式进行相关的美化，使得界面更加符合 页设计

2 .4、页面结构

站分为5 个 页，①首页（背景故事）（index）页—-介绍故事发生的背景，让读者有一个大概 的 会背景 映像 ；② 故事梗概 页（summery.html）—-介绍整个犬夜叉故事的来龙去脉；③列表页（剧场版介绍）（TVB.html ）—-介绍犬夜叉动漫的几个剧场版：超越时空的思念、镜中的梦幻城、天下霸道之剑、红莲之蓬莱岛；④反馈页（fankui.html）—提供一个反馈信息表格，希望大家能够加入我的这个 站的建设上来，让我的 站变得越来越炫酷 ；⑤详细页（xiangxi.html ）—-详细介绍了剧场版之一的超越时空的思念，其中介绍了故事经历，人物，背景音乐，票房信息。

下面是效果图：

代码：