表格如何给网站做链接地址/百度客户端在哪里打开
HTML5期末大作业:博客后台系统网站设计——简单通用文章博客后台系统(5页) HTML+CSS+JavaScriptweb网页设计与开发
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
等网页设计题目,A+水平作业
, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
获取更多源码
PC电脑端关注我们
🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
作品介绍
1.网页作品简介
:HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.网页作品编辑
:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML软件编辑修改网页)。
3.网页作品技术
:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业:博客后台系统网站设计——简单通用文章博客后台系统(5页) HTML+CSS+JavaScriptweb网页设计与开发
- 获取更多源码
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
- 五、 获取更多源码
- 六、学习资料
- 七、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><link rel="stylesheet" href="css/amazeui.min.css"><link rel="stylesheet" href="css/admin.css"><link rel="stylesheet" href="css/app.css"><style>.admin-main{padding-top: 0px; }</style></head><body><body><header class="am-topbar am-topbar-inverse admin-header"><div class="am-topbar-brand"><strong>OA</strong> <small>管理系统</small></div><button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button><div class="am-collapse am-topbar-collapse" id="topbar-collapse"><ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list"><li><a href="javascript:;"><span class="am-icon-envelope-o"></span> 收件箱 <span class="am-badge am-badge-warning">5</span> </a></li><li class="am-dropdown" data-am-dropdown=""><a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;"> <span class="am-icon-users"></span> admin<span class="am-icon-caret-down"></span></a><ul class="am-dropdown-content"><li onClick="updatePwd('修改密码',2)"><a href="javascript:void(0)"><span class="am-icon-cog"></span> 修改密码</a></li><li><a href="account/logOut.action"><span class="am-icon-power-off"></span> 退出</a></li></ul></li><li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span><span class="admin-fullText">开启全屏</span> </a></li></ul></div></header><div class="am-cf admin-main"><!-- sidebar start --><div class="admin-sidebar am-offcanvas" id="admin-offcanvas"><div class="am-offcanvas-bar admin-offcanvas-bar"><ul class="am-list admin-sidebar-list"><li><a href="admin-index.html"><span class="am-icon-home"> 首页</span><li class="admin-parent"><a class="am-cf" ><span class="am-icon-file"></span> 人事管理<span class="am-icon-angle-right am-fr am-margin-right"></span> </a><ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav"><li><a href="depart.html" target="right" class="am-cf"><span class="am-icon-check"></span> 部门管理<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li><li><a href="user.html" target="right" class="am-cf"><span class="am-icon-check"></span> 用户管理<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li></ul></li><li class="admin-parent"><a class="am-cf"><span class="am-icon-file"></span> 日程管理<span class="am-icon-angle-right am-fr am-margin-right"></span> </a><ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav"><li><a href="schedule.html" target="right" class="am-cf"><span class="am-icon-check"></span> 我的日程<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li></ul></li><li class="admin-parent"><a class="am-cf" ><span class="am-icon-file"></span> 系统管理<span class="am-icon-angle-right am-fr am-margin-right"></span> </a><ul class="am-list am-collapse admin-sidebar-sub am-in" id="collapse-nav"><li><a href="role.html" target="right" class="am-cf"><span class="am-icon-check"></span> 角色管理<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li></ul></li><li onClick="updatePwd('修改密码',${)"><a href="javascript:void(0)" onClick="updatePwd('修改密码',5)"><span class="am-icon-sign-out"></span> 修改密码</a></li><li><a href="account/logOut.action"><span class="am-icon-sign-out"></span> 注销</a></li></ul><div class="am-panel am-panel-default admin-sidebar-panel"><div class="am-panel-bd"><p><span class="am-icon-bookmark"></span> 公告</p><p>时光静好,与君语;细水流年,与君同</p></div></div></div></div><!-- sidebar end --><!-- content start --><div class="admin-content"><div class="admin-content-body"><iframe src="depart.html" width="100%" height="1100" name="right" style="border: none;"></iframe></div></div><footer class="admin-content-footer"><hr><p class="am-padding-left">© 2020, Inc. Licensed under MIT license.</p></footer></div><!-- content end --></div><a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a><footer><hr><p class="am-padding-left">© 2020, Inc. Licensed under MIT license.</p></footer><!--[if lt IE 9]>
<script src="js/jquery.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/amazeui.ie8polyfill.min.js"></script>
<![endif]--><!--[if (gte IE 9)|!(IE)]><!--><script src="js/jquery-1.11.3.min.js"></script><!--<![endif]--><script src="js/amazeui.min.js"></script><script src="js/app.js"></script><script type="text/javascript" src="js/plugs.js"></script><script type="text/javascript">//添加编辑弹出层function updatePwd(title, id) {$.jq_Panel({title: title,iframeWidth: 500,iframeHeight: 300,url: "updatePwd.html"});}</script></html>
四、获取更多源码
🧡作者主页-更多源码
🧡HTML期末大作业文章专栏
~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码 !
五、 获取更多源码
~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号 获取更多源码 !
六、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
七、更多源码
HTML5期末考核大作业源码
* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他
可满足大学生网页大作业网页设计需求, 喜欢的可以下载!