HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)
HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)
这次网页主要是介绍在近年来非常受关注的日本超人气漫画 海贼王 作者是尾田荣一郎 主页分为 漫画简介 作者介绍 漫画角色介绍
最近新闻 漫画赏析这几个主要部分其中漫画简介介绍的是这部漫画的背景等环境 通过这些可以大概了解这部漫画的内容和他为何如此吸引人的原因 在漫画赏析中我们可以大概看到一些漫画精选!
心得体会
通过使用HTML+CSS+JavaScript完成简单的网页制作 在制作过程中感觉和word之类的软件使用方法差不多 在插入图片时可以用firework直接进行编辑在主页的设计中还算顺利 就是排版有些问题 而在二级网页的制作中就要下一些功夫 但问题不大 第一次使用dreamweaver 还不算熟练 在技巧方面还需加强
效果演示
海贼王中乔巴专题-在线演示地址
动态效果演示
静态效果演示
1.漫画简介
2.乔巴简介
3.乔巴图集
4.漫画欣赏
5.网站介绍
文件目录
代码实现
<!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" /><link href="css/styles.css" type="text/css" rel="stylesheet"><title>海贼王-乔巴专题</title>
</head><body><style>A.applink:hover {border: 2px dotted #DCE6F4;padding: 2px;background-color: #ffff00;color: green;text-decoration: none}A.applink {border: 2px dotted #DCE6F4;padding: 2px;color: #2F5BFF;background: transparent;text-decoration: none}A.info {color: #2F5BFF;background: transparent;text-decoration: none}A.info:hover {color: green;background: transparent;text-decoration: underline}</style><!-- /Copyright � 2005. Spidersoft Ltd --><!-- banner --><div class="banner"><img src="data:images/banner.gif"></div><!-- content --><div class="content"><div class="content_nav"><a href="index.html" class="now_nav">漫画简介</a><a href="pic.html">乔巴简介</a><a href="qb.html">乔巴图集</a><a href="mh.html">漫画欣赏</a><a href="author.html">网站介绍</a></div><div class="content_qb"><img src="data:images/qb.png"><p>《one piece》(中译《海贼王》/海盗路飞)是尾田荣一郎在《周刊少年JUMP》上连载的漫画。"ONE PIECE"在故事中为"一个大秘宝"之意。传说中'海贼王'哥尔·D·罗杰在死前说出他留下了具有财富、名声、力量世界第一的宝藏"ONE PIECE",许多人为了争夺"ONE PIECE",争相出海,许多海贼开始树立霸权,而形成了"大海贼时代"。十年后,蒙其·D·路飞为了要实现与因救他而断臂的四皇'红发'香克斯的约定而出海,在遥远的路途上找寻着志同道合的伙伴,一起进入"伟大航道",目标:当上"海贼王"。故事讲述了主人公路飞立志成为海盗王,为了寻找传说中的秘宝ONE PIECE而展开的凶险无比同时也波澜壮阔的冒险故事。草帽小子路飞带领船员从东海启程经伟大航道到新世界,一路历经各种艰难挫折,不断朝伟大航路的终点站迈进。</p></div><div class="content_mh"><h1><img src="data:images/mh.gif"></h1><a href="#"><img src="data:images/1_03.gif"></a><a href="#"><img src="data:images/2_03.gif"></a><a href="#"><img src="data:images/3_03.gif"></a><a href="#"><img src="data:images/4_03.gif"></a><a href="#"><img src="data:images/1_03.gif"></a></div><div class="content_foot"><p></p></div></div>
</body></html>
做好的网页效果,如何通过发链接给别人看?
1.1解决部署上线~> 部署上线工具(永久免费使用)
1.不需要买服务器就能部署线上,全世界都能访问你的连接啦, 这里给大家推荐一个程序员必备神器~
插件集成了超级多好用的插件,免费下载安装,简单易懂, 简直神器 ~ 需要可在文章 ↓ 下方公Z号获取
2.就是把你的代码效果做好了以后, 部署到线上, 把链接发给别人, 就可以让对方通过你的连接点击进去, 就能看到你的网页效果啦, 电脑端和手机端都可以噢! (不然别人看你的网页都要发文件过去,体验感不太好哦~)
1.1部署流程
1.2 哇~ 部署成功
哇~ 部署成功! 将你写好的页面部署上线后, 全世界的人都可以通过链接访问到你的网页了(永久免费使用哦)~
前端 零基础入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~
源码获取
❉ ~ 关注我,点赞博文~ 每天带你涨知识!
❉ 1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
❉ 2.关注我~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!
❉ 3.以上内容技术相关问题可以相互学习,可关注↓公Z号 获取更多源码 !
更多HTML期末学生作业文章
1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)
2.HTML期末学生作业~html+css+javascript仿猫眼电影在线网站(功能齐全)
3.HTML期末学生大作业(9套)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款表白源码演示地址
HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)相关推荐
- HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript)...
HTML期末大作业~海贼王中乔巴专题漫画学生网页设置作业源码(HTML+CSS+JavaScript) 这次网页主要是介绍在近年来非常受关注的日本超人气漫画 海贼王 作者是尾田荣一郎 主页分为 漫画简 ...
- HTML学生个人网站作业设计:动漫网站设计——海贼王中乔巴专题漫画(5页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
一.作品介绍 1.作品简介 :html期末大作业,dw学生网页设计作业, A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局. 2.作品编辑:作品下载后可使用任意HTML编辑软件(如:Dream ...
- 大二Web课程设计——海贼王中乔巴专题漫画(可以很好的应付老师的作业)HTML+CSS
HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...
- HTML5期末大作业:运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码 学生网页课程设计期末作业下载 大学生网页设计制作成
HTML5期末大作业:运动系列--NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码 学生网页课程设计期末作业下载 大学生网页设计制作成 临近期末 ...
- HTML期末大作业~简单的程序员个人博客网站模板源码(HTML+CSS)~个人主页博客web网页设计制作~HTML简单个人网页制作~Web大学生网页成品...
HTML期末大作业~ 简单的程序员个人博客网站模板源码(HTML+CSS)~学生HTML个人网页作业作品下载 ~个人主页博客网页设计制作 ~大学生个人网站作业模板 ~简单个人网页制作 临近期末, 你还 ...
- HTML期末大作业~ 小黄车ofo环保 ~学生网页设计作业源码(HTML+CSS)
HTML期末大作业~ 小黄车ofo环保 ~学生网页设计作业源码(HTML+CSS) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多 ...
- HTML5期末大作业——中华传统文化题材学生网页设计成品(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 DW静态页面制作 web网页成品
HTML5期末大作业--中华传统文化题材学生网页设计成品(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 DW静态页面制作 web网页成品 常见 ...
- HTML5手机网站模板:wap故宫手机微信专题页面模板html源码( HTML+CSS+JavaScript)
HTML5响应式手机模板:wap故宫手机微信专题页面模板html源码( HTML+CSS+JavaScript) 手机网站模板 手机模板 响应式手机网站 html5手机网站模板 企业手机网站模板 公司 ...
- html静态页面作业——海贼王中乔巴漫画(5页) 学生动漫网页设计模板下载 海贼王大学生HTML网页制作作品 简单漫画网页设计成品
HTML5期末大作业 文章目录 HTML5期末大作业 一.作品展示 二.文件目录 三.代码实现 一.作品展示 二.文件目录 三.代码实现 <!DOCTYPE html PUBLIC " ...
最新文章
- python面向对象图片_Python面向对象-概念、类、实例
- Oracle多租户体系,Oracle12C 多租户管理
- 【进出理论】投入与收益
- 暑期训练日志----2018.8.14
- delare和typeset
- 教资考试 科目一 笔记小结 0227
- Java程序员学习笔记——Mybatis日常记录
- python书籍推荐:Python Cookbook第三版中文
- matlab2c使用c++实现matlab函数系列教程-exppdf函数
- ​​​​​​​​CloudMounter:挂载云存储作为在 Mac 的本地磁盘
- 正态分布变换NDT算法原理及其在点云配准中的应用
- 基于单片机的多功能数字时钟设计
- 怎么提取伴奏?只要三招即可快速搞定,附带详细教程
- 干货▍全网通俗易懂的数据竞赛大杀器XGBoost 算法详解
- 什么从什么写短句_照样子写句子.(写清“谁或什么 “在什么地方 “做什么或怎么样 ) 例1:小朋友在河边种树. 例2:麻雀在窝里睡着了. 题目和参考答案——青夏教育精英家教网——...
- docker logs日志清除
- ubuntu+cuda+theano
- 高精度算法——高精度减法
- 手把手教你如何写作美赛论文
- java制表键_java-制表符的使用说明