学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板
海贼王动漫网页航海王漫画网页作品
- 网页制作介绍
- 作品演示
- 网页代码
- 作品源地址
- 知识点总结
网页制作介绍
海贼王动漫网页制作学生作品为航海王漫画介绍主题,网页设计使用DIV CSS布局制作,三层结构共16个页面:网站首页、故事介绍、主要角色、创作背景、账户注册、会员登录(角色下设10个三级角色介绍页面)。
网页整体色调搭配合理,学生水平代码,技术简单页面漂亮,网页使用海贼王的图标制作了页面背景平铺,页面整体宽度1200PX,顶部插入了海贼王LOGO,导航区域使用CSS制作了动态菜单(鼠标经过变色效果)。
首页使用VIDEO标签插入了视频,其他页面插入了背景音乐。制作了会员登录和注册页面表单页面,表单页面使用JavaScript制作了检测表单录入不能为空的弹窗提示。
作品演示
网页代码
代码说明:以下仅展示首页部分代码供参考
<div class="con"><div class="logo"><a href="index.html"><img src="data:images/logo.png" style="height:120px;margin:30px;"></a></div><div class="menu"><ul><li><a href="index.html">网站首页</a></li><li><a href="gsjs.html">故事介绍</a></li><li><a href="zyjs.html">主要角色</a></li><li><a href="czbj.html">创作背景</a></li><li><a href="zhzc.html">账户注册</a></li><li><a href="hydl.html">会员登录</a></li></ul></div><div class="banner"><img src="data:images/banner.jpg" width="1200px"></div><div class="content"><p>2012年5月11日,《航海王》获得第41回日本漫画家协会赏。本作被吉尼斯世界纪录官方认证为“世界上发行量最高的单一作者创作的系列漫画”。2017年7月21日,日本纪念日协会通过认证,将每年的7月22日设立为“ONE PIECE纪念日。</p></div><div class="content"><p><video controls="controls" autoplay="autoplay" width="100%"> <source src="media/video.mp4" type="video/mp4" /> </video> </p></div>
</div>
作品源地址
stu-works.com/html/dongman/331.html
知识点总结
DIV CSS布局、三层结构、动态菜单(鼠标经过变色效果)、视频、背景音乐、表单、JavaScript检测表单弹窗提示
学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板相关推荐
- HTML5期末大作业:漫画网站设计——海贼王基地(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:漫画网站设计--海贼王基地(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题材有 ...
- B1HTML5期末大作业:动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...
- HTML5期末大作业:动漫网站设计——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:动漫网站设计--海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...
- HTML5期末大作业:动漫网站设计——斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载 斗破大学生HTML网页制作作品 简单漫画网页设计成品 dreamweav
HTML5期末大作业:动漫网站设计--斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载 斗破大学生HTML网页制作作品 简单漫画网页设计成品 dreamweave ...
- HTML5期末大作业:花店购物网站设计——花店购物网站源码(27页) 学生动花店购物页设计模板下载 植物大学生HTML网页制作作品 简单网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:花店购物网站设计--花店购物网站源码(27页) 学生动花店购物页设计模板下载 植物大学生HTML网页制作作品 简单网页设计成品 dreamweaver学生网站模板 常见网页设计作 ...
- HTML5期末大作业:漫网页网站设计——爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:漫网页网站设计--爱影评在线电影(10页面)) 学生动漫网页设计模板下载 大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学生网站模板 常见网页设计作业题 ...
- 静态HTML网页设计作品——斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载 斗破大学生HTML网页制作作品 简单漫画网页设计成品 dreamweav
HTML5期末大作业:动漫网站设计--斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载 斗破大学生HTML网页制作作品 简单漫画网页设计成品 dreamweave ...
- HTML5期末大作业:仿阴阳师游戏网站设计——仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载 网游大学生HTML网页制作作品 简单游戏网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:仿阴阳师游戏网站设计--仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载 网游大学生HTML网页制作作品 简单游戏网页设计成品 dreamweaver学生网站模板 常见网页 ...
- div+css静态网页设计游戏网站设计——仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载 网游大学生HTML网页制作作品 简单游戏网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:仿阴阳师游戏网站设计--仿阴阳师游戏官网首页(1页) 学生动手游页设计模板下载 网游大学生HTML网页制作作品 简单游戏网页设计成品 dreamweaver学生网站模板 常见网页 ...
- web网页设计实例作业 ——中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板
web网页设计实例作业 --中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. ...
最新文章
- 有关 HashMap 面试会问的一切
- MySQL数据库学习【第九篇】索引原理与慢查询优化
- 2017-06-09 问题
- solr查询工作原理深入内幕
- Spring用户自定义类型
- ZooKeeper入门(三)zookeeper的Watcher机制
- Java IO: PipedInputStream
- 被娱乐在线报道的“唐骏造假门事件”
- javafx 调用java_Java“地铁”表(JavaFX)
- kafka和mysql内存机制_一文五分钟让你彻底理解Kafka架构原理
- python培训一般要多久_入门 Python 要多久时间?该如何学习?
- php 编译原理,编译原理
- Egret 集成第三方库 记录
- 女生在施工单位项目部上工作,是怎样一种体验?
- 剑指 Offer II 110. 所有路径
- mysql主从不同步的解决方式
- OAuth2.0认证流程原理
- 赶超磁盘的磁带备份技术
- NUCLEAR-ID细胞周期分析试剂盒特点与应用
- 从USGS Earth Explorer网站查找和下载MODIS数据
热门文章
- 织梦dedecmsTAG出现404页面的解决办法
- 超详细爬取bilibili视频数据
- SAP:采购申请ME51N/ME52N/ME54N/ME57屏幕增强
- 视频教程-线上培训上课实录整站设计制作开发全能培训-HTML5/CSS
- 2019 - iOS最新最全面试题梳理(内含框架和算法题)
- CSS实现鼠标悬浮时下拉菜单栏功能
- 半小时学会LevelDB原理及应用
- Error: watch task has to be a function(optionally generated by using gulp.parallel or gulp. series)
- 链接太长如何缩短?稳定的短链接api接口分享与用法实例
- Ubuntu系统垃圾清理