html静态页面作业——动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码
2024-05-09 17:36:03
HTML5期末大作业
文章目录
- HTML5期末大作业
- 一、作品展示
- 二、文件目录
- 三、代码实现
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>漫点看首页</title><!-- link连接style.css样式 --><link rel="stylesheet" href="../CSS/icomoon/style.css"><link rel="stylesheet" href="../CSS/mystyle.css"><link rel="icon" href="../images/myico.ico" type="image/x-icon"><script src="../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script><script src="../js/my.js" type="text/javascript"></script>
</head><body><!-- 1.头部区域开始 --><div class="header"><div class="header-first"><!-- logo部分 --><img src="../images/logo.png" alt="" class="logo"><p class="mylogo">ONE PIECE</p><!-- 左导航栏部分 --><ul class="lnav-box"><li><div class="box"><div class="front">首页</div><a href="index.html"><div class="bottom">进入</div></a></div></li><li><div class="box"><div class="front">周边</div><a href="javascript:;"><div class="bottom">进入</div></a></div></li><li><div class="box"><div class="front">资讯</div><a href="content.html"><div class="bottom">进入</div></a></div></li></ul><!-- 搜索框部分 --><div class="search"><input type="text" placeholder="请输入你想找的内容"><button></button></div><!-- 右导航栏部分 --><div class="rnav-box"><li><div class="box"><a href="javascript:;"><div class="front">历史</div></a></div></li><li><div class="box"><a href="javascript:;"><div class="front">收藏</div></a></div></li><li><div class="box"><a href="javascript:;"><div class="front">消息</div></a></div></li></div><!-- 用户名字模块 --><div class="user"><!-- 登录注册链接部分 --><div class="register"><a href="javascript:;">登录/注册</a></div><img src="../images/xin.png" alt=""></div></div></div><!-- 头部区域结束 --><!-- 吸顶效果js --><script type="text/javascript">headerrolling();</script><!-- 2.banner模块儿开始 --><div class="banner"><div class="internal w"><div class="img-wrap"><ul><li class="item" style="display: block"><img src="../images/banner1.jpg" alt="" class="lunbo"></li><li class="item"><img src="../images/banner2.jpg" alt="" class="lunbo"></li><li class="item"><img src="../images/banner3.jpg" alt="" class="lunbo"></li><li class="item"><img src="../images/banner4.jpg" alt="" class="lunbo"></li><li class="item"><img src="../images/banner5.jpg" alt="" class="lunbo"></li></ul></div><div class="lr-tab"><div class="left btn"><span class="icon-arrow-left2"></span></div><div class="right btn"><span class="icon-arrow-right2"></span></div></div><div class="tab-btn"><ul><li class="btn"></li><li class="btn"></li><li class="btn"></li><li class="btn"></li><li class="btn"></li></ul></div><!-- 侧边栏开始 --><div class="subnav"><div class="diversity">篇章简介</div><ul><li class="subnav-itd"><a href="javascript:;">东海篇<span class="icon-ctrl"></span></a><div class="subnav-mask"><p>《海贼王》剧集中，蒙奇·D·路飞童年时受到海贼“红发”杰克斯的启蒙，自小就立志要成为“海贼王”。17岁时他出海之后，接续遇见了海贼猎人罗罗亚·佐罗、航海士奈美、狙击手撒谎布、厨师文斯莫克·山智等人并结为伙伴。他们组成</dl></div></div></div><!-- 漫点网底部结束 --><!-- 右边工具栏设计开始 --><div class="sidenav"><ul><li class="contact"><div class="leftcode"><img src="../images/my.jpg" alt=""><p>扫码将您的建议反馈给作者</p></div><a href="javascript:;"><p class="icon-phone"></p><span class="content">联系我们</span></a></li><li><a href="javascript:;"><p class="icon-user"></p><span class="content">个人中心</span></a></li><li class="contact"><div class="leftcode"><img src="../images/yong.png" alt=""><p>扫码向客服咨询相关疑问</p></div><a href="javascript:;"><p class="icon-user-tie"></p><span class="content">人工客服</span></a></li><li class="contact"><div class="leftcode"><p style="margin-top: 50px;">本站仅供广大海迷交流观看所用不做商业用途</p></div><a href="javascript:;"><p class="icon-bullhorn"></p><span class="content">最新公告</span></a></li><li><a href="javascript:void(0)" id="toTop"><p class="icon-eject"></p><span class="content">回到顶部</span></a></li></ul></div><!-- 回到顶部效果js --><script type="text/javascript">returntop();sidenavrolling();</script><!-- 右边工具栏设计结束 -->
</body></html>html静态页面作业——动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码相关推荐
- HTML5期末大作业：动漫在线网站设计——动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码
HTML5期末大作业:动漫在线网站设计--动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码 常见网页设计作业题材有 个人. 美食. 公司. 学 ...
- B3HTML5期末大作业：动漫在线网站设计——动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码
HTML5期末大作业:动漫在线网站设计--动漫海贼王(5页) 大学生动漫网页设计作业模板下载 南动漫网页设计作业成品 动漫网页制作下载_网页设计代码 常见网页设计作业题材有 个人. 美食. 公司. 学 ...
- HTML学生个人网站作业设计：动漫网站设计——动漫海贼王(5页) HTML+CSS+JavaScript 简单DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
一.作品介绍 1.作品简介 :html期末大作业,dw学生网页设计作业, A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局. 2.作品编辑:作品下载后可使用任意HTML编辑软件(如:Dream ...
- Web大学生网页作业成品：基于html制作中国科技发展网站设计题材【航天之路7页】HTML+CSS+JavaScript
- asp.net之动态页面和静态页面的区别
asp.net之动态页面和静态页面的区别 当我开始接触web开发的时候,首先学到的是html.css.js这一类网页语言,通过布局可以搭建出一个静态网站,效果也跟我们上网时经常看到的一些网站一样了.于 ...
- html模仿 商城 静态页面,HTML+CSS简单实现凡客商城静态网页
[实例简介] 用HTML+CSS模仿凡客商城做的静态页面,包括首页.列表页.详情页.登录.注册.购物车.支付页等 [实例截图] [核心代码] 凡客商城 └── 凡客商城 ├── css │ ├── ...
- HTML静态页面总体设计思路,网页设计与制作(HTML+CSS+JavaScript)（张洪斌 刘万辉）课程整体设计...
内容简介: 网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程整体设计 一.课程设计思路 本课程依据课程标准,以软件技术专业学生的就业岗位群能力目标为导向,以Web客户端静 ...
- ASP.NET生成静态页面的简单实现
1.使用场景 当页面的数据不需要经常更改时可采用静态页面方式. 2.使用静态页面的好处 (1)提高网站的访问速度 (2)减轻服务器负担 (3)利于搜索引擎抓取 3.ASP.NET生成静态页面 生成静态 ...
- 038 浅谈PHP动态生成静态页面
浅谈PHP动态生成静态页面 2007-09-22 17:55:15| 分类: 思绪燃星火--技 题记:想做一件事,就要从0开始,我相信自己会成功的! 面对资金的问题,一些站长被迫只能先开个满足几千流量 ...
最新文章
- python HDF5 h5py 的用法
- openstack-networking-neutron（四）--iptables
- HTTP 错误 404.13 - Not Found 请求筛选模块被配置为拒绝超过请求内容长度的请求。（上传文件长度问题）
- ubantu自带防火墙的相关使用
- sourcetree 拉取 一直让输入密码
- 程序员，你恐慌的到底是什么？
- HTML5中的本地数据库-Web SQL Database
- 如何保证消息队列里的数据顺序执行？
- Python入门-前言
- jinja Extends Blocks Include
- 终于找到了。 图标搜索、UI设计、移动开发集中导航
- java ftc 68是什么意思_机器人比赛；FTC项目介绍与院校简介
- JS事件 鼠标移开事件（onmouseout）鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。...
- 扩展内存条 兼容性问题 双通道
- mysql 多数据源配置文件_Spring+MyBatis多数据源配置实现
- 小白怎样使用EXCEL导入MATLAB画出图像
- 【英语四六级-必背单词】高中英语单词 (E)-MP3试听与下载
- 位运算符(,|,~,^,同或,＞＞,＜＜)
- 左神算法基础class6—题目1图的存储与表达
- java 天猫项目_2018最新Java前后端练手项目【模仿天猫前端】