一、网页介绍
本案例是一套以海贼王为主题的大学生网页设计作业成品。
1. 首页整个网页分为header, main，footer三大部分。header部分是一个轮播图, 轮播图的css代码部分带详细注释，简洁易懂。导航部分采用了鼠标悬浮文字变色的动态效果。故事简介部分采用了图文混排，左边图片鼠标悬停有动效，右边文字环绕图片，同时增加了音频介绍，丰富页面内容。影视图片部分用常用的ul, li标签依次展示4张图片，4个精美图片设置了平面转换transform的动态效果，鼠标悬停时会有一个向右旋转的效果。
2. 角色介绍页面采用tablie布局，满足表格的各大要素。考察了对table的使用。
3. 图片鉴赏页面采用grid方式布局排版，考察了对css3的使用。
4. 在线视频页面插入了一个本地视频，考察了对视频的使用方法。
5. 留言，注册，登录三个页面就是对表单form的一个运用。涵盖了表单的各种属性，包括label标签，Input标签，Button标签，Text area标签等等，同时设置了各属性的属性值。使整个表单看起来更加的合理。
整个项目基本贯彻了网页设计的一般要求，符合网页设计结课大作业的一个标准。合理应用了网页设计的各个要素。布局简洁大方，主题清晰明了。
有需要的后台滴滴。
二、网页文件
三，代码片段
四、网页效果图如下
首页（index.html）
角色介绍（characters.html）
图片鉴赏（gallery.html）
在线视频（videos.html）
留言（messages.html）
注册页面（register.html）
登录（login.html）
需要源码请私信或者看上图直接选☝️☝️
模版id：dm003
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
