HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业
2024-03-27 02:54:35
HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
作品介绍
1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。
2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。
3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。
文章目录
- HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 四、获取更多源码
- 五、 获取更多源码
- 六、学习资料
- 七、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html>
<html lang="zh-cn">
<head><!-- UNIFIED --><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /><meta name="keywords" content="毕业报到系统前台"/><meta name="description" content=""/><meta name="author" content="f2e_hhf[ai]"/><title>某某市大学生毕业生网上报到系统 </title><!-- BS CSS --><link href="dist/css/bootstrap.min.css" rel="stylesheet" media="screen"><!--main content +footer--><link href="dist/css/xg_bybd.css" rel="stylesheet" media="screen"><!--[if lt IE 9]><script src="dist/js/respond.min.js"></script><script src="dist/js/html5.js"></script><![endif]-->
</head>
<body>
<!-- 内容区 -->
<div class="container xg-bybd aiui"><div class="sys-name"><img src="data:images/system-name.png"/> </div><div class="row"><div class="col-md-2 col-sm-3 step"><h3>报到步骤</h3><ul><li onclick="javascript:window.location.href='index.html' " ><div class="clearfix"><span class="pull-left nav-adorn"><em>1</em></span><span class="pull-left words">阅读注意事项<br/>填写身份证号</span></div></li><li class="choice" onClick="javascript:window.location.href='2.html'"><div class="clearfix"><span class="pull-left nav-adorn"><em>2</em></span><span class="pull-left words">毕业生报到情况登记表</span></div></li><li onClick="javascript:window.location.href='3.html'"><div class="clearfix"><span class="pull-left nav-adorn"><em>3</em></span><span class="pull-left words">确认您所填写资料的正确性</span></div></li><li onClick="javascript:window.location.href='5.html'"><div class="clearfix"><span class="pull-left nav-adorn"><em>4</em></span><span class="pull-left words last-w">完成报到</span></div></li></ul><a class="refer-btn" href="5.html">大中专毕业生报到查询</a></div><div class="col-md-10 col-sm-9"><div class="r-content sheet"><div class=" form-s1"><div class="row "><label class="col-sm-3">姓名：</label><div class="col-sm-8 col-md-4"><input class="form-control" placeholder="请输入姓名" type="text"></div><div class="col-md-4 col-sm-8 col-sm-offset-3 col-md-offset-0"><label class="tips">姓名中间不能有空格</label></div></div><div class="row mt20"><label class="col-sm-3">性别：</label><div class="col-sm-9"><ul class="list-inline radio-box"><li class="r-selected"><div class="radio pull-left"><input type="radio"></div><div class="pull-left">男</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">女</div></li></ul></div></div><div class="row mt20"><label class="col-sm-3">报到证编号：</label><div class="col-sm-8 col-md-4"><input class="form-control" placeholder="请输入报到证编号" type="text"></div><div class="col-md-4 col-sm-8 col-sm-offset-3 col-md-offset-0"><label class="tips">请用半角阿拉伯数字</label></div></div><div class="row mt20"><label class="col-sm-3">身份证：</label><div class="col-sm-8 col-md-4"><input class="form-control" type="text" value="442000199012251133" disabled="disabled"/></div><div class="col-md-4 col-sm-8 col-sm-offset-3 col-md-offset-0"><label class="tips">请用半角阿拉伯数字</label></div><div class="col-md-8 col-sm-offset-3 mt10"><button type="button" class="btn btn-default blue30 btn-blue mr10">选择文件</button><span class="tips">正反身份证扫描件或照片，文件不大于3M</span></div></div><div class="row mt20 "><label class="col-sm-3">毕业学校：</label><div class="col-sm-8 col-md-4"><div class="dropdown list-value"><input class="form-control dropdown-toggle" data-toggle="dropdown" placeholder="请输入毕业学校" aria-expanded="true" type="text"><ul class="dropdown-menu"><li role="presentation"><a href="#">某某第一中学</a></li><li role="presentation"><a href="#">某某第二中学</a></li><li role="presentation"><a href="#">某某第三中学</a></li><li role="presentation"><a href="#">某某第四中学</a></li><li role="presentation"><a href="#">某某第五中学</a></li><li role="presentation"><a href="#">某某第六中学</a></li><li role="presentation"><a href="#">某某第七中学</a></li><li role="presentation"><a href="#">某某第八中学</a></li><li role="presentation"><a href="#">某某第九中学</a></li><li role="presentation"><a href="#">某某第十中学</a></li></ul></div></div></div><div class="row mt20"><label class="col-sm-3">生源地：</label><div class="col-sm-8 col-md-4"><div class="form-control dropdown"><a class="w-select dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="state"><span class="value">value-1</span><i class="qky-icon"></i></a><ul class="dropdown-menu " role="menu"><li role="presentation"><a href="#">value-2</a></li><li role="presentation"><a href="#">value-3</a></li></ul></div></div></div><div class="row mt20"><label class="col-sm-3">所学专业：</label><div class="col-sm-8 col-md-4"><div class="dropdown list-value"><input class="form-control dropdown-toggle" data-toggle="dropdown" placeholder="请输入所学专业" aria-expanded="true" type="text"><ul class="dropdown-menu"><li role="presentation"><a href="#">计算机应用技术</a></li><li role="presentation"><a href="#">计算机网络管理</a></li><li role="presentation"><a href="#">平面设计视觉传达</a></li></ul></div></div></div><div class="row mt20"><label class="col-sm-3">学历层次：</label><div class="col-sm-9"><ul class="list-inline radio-box"><li class="r-selected"><div class="radio pull-left"><input type="radio"></div><div class="pull-left">大专</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">高中及以下</div></li></ul></div></div><div class="row mt20 "><label class="col-sm-3">毕业时间：</label><div class="col-sm-8 col-md-4"><input class="form-control timeicon" placeholder="请输入姓名" type="text" onClick="laydate()"></div></div><div class="row mt20"><label class="col-sm-3">就业情况：</label><div class="col-sm-9"><ul class="list-inline radio-box"><li class="r-selected"><div class="radio pull-left"><input type="radio"></div><div class="pull-left">已就业</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">暂末就业</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">创业</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">正在创业</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">创业成功</div></li><li><div class="radio pull-left "><input type="radio"></div><div class="pull-left">升学</div></li></ul></div></div></div><div class="remark mt20 "><p class="text-center">*请按照报到证的内容填写登记表, 认真核对报到信息，确认报到后不能修改。</p></div><p class="text-center mt20"><button type="button" class="btn btn-default blue30 btn-blue mr10">确认报到</button></p></div></div></div>
</div>
<div class="footer"><p>技术支持:某某网络公司 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div><script src="dist/js/jquery-1.7.1.min.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/datepicker/laydate.js"></script>
<script>$(function () {$(".radio-box li").each(function(index){$(this).click(function(){$(this).parent().find("li").removeClass("r-selected");$(this).addClass("r-selected");});});});
</script></body>
</html>四、获取更多源码
HTML5期末大作业：管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业相关推荐
- HTML+CSS+JS`管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业
HTML5期末大作业:管理系统网站设计--学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业：月饼美食网站设计——月饼美食食品模板(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程食品设计网页规划与设计 计食品模板设计源码
HTML5期末大作业:月饼美食网站设计--月饼美食食品模板(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程食品设计网页规划与设计 计食品模板设计源码 常见网页设计 ...
- HTML5期末大作业：京东网购网站设计——京东网购商城模板(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 HTML网页设计制作大作业
HTML5期末大作业:京东网购网站设计--京东网购商城模板(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 HTML网页设计制作大作业 常见网页设计作业题材有 个人. 美食. ...
- html期末作业代码网页设计——月饼美食食品模板(9页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程食品设计网页规划与设计 计食品模板设计源码
HTML5期末大作业 文章目录 HTML5期末大作业 一.作品展示 二.文件目录 三.代码实现 四.获取更多源码 一.作品展示 二.文件目录 三.代码实现 <!DOCTYPE html PUBL ...
- html静态页面作业——京东网购商城模板(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 HTML网页设计制作大作业
HTML5期末大作业:京东网购网站设计--京东网购商城模板(8页) HTML+CSS+JavaScript 文章目录 HTML5期末大作业:京东网购网站设计--京东网购商城模板(8页) HTML+CS ...
- HTML5期末大作业：仿唯品会购物网站设计——仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计
HTML5期末大作业:仿唯品会购物网站设计--仿唯品会购物商城(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 商城网站设计 常见网页设计作业题材有 个人. 美食. 公司. ...
- HTML5期末大作业：电影网站设计——电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码
HTML5期末大作业:电影网站设计--电影资讯博客(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 web学生网页设计作业源码 常见网页设计作业 ...
- HTML5期末大作业：服装商城网站设计——2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品/期末大作业
HTML5期末大作业:服装商城网站设计--2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品/期末大作业 常见网页设计作业题材 ...
- HTML5期末大作业：服装商城网站设计——2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品_期末大作业
HTML5期末大作业:服装商城网站设计--2021凡客服装商城(1页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web前端设计与开发期末作品/期末大作业 常见网页设计作业题材 ...
最新文章
- Android SDK与API版本的对应关系
- android视频录制(调用系统视频录制)
- OpenCV笔记（Size）
- 计算机网络实验三：网络层和链路层网络协议分析
- ASP.NET中进行消息处理(MSMQ) 一
- 扩展 GRTN：云原生趋势下的 RTC 架构演进
- 在Linux中如何查看文件的修改日期
- Java异常详解及如何处理
- android LinearLayout和RelativeLayout实现精确布局
- 集群的可扩展性及其分布式体系结构(2)-下
- 2008秋季-计算机软件基础-0917课堂用例（1）
- 在线图片托管服务imgur
- 从 Java 到 Kotlin，再从 Kotlin 回归 Java
- 使用python自动发送QQ消息
- 自定义形状按钮的实现
- python编程题：天天向上的力量
- 怎样给领导或同事送礼?
- matlab传函零极点形式,计算机建模与仿真
- Ubuntu16.04设置并查看DNS
- 网站推广优化教程100条(SEO，网站关键字优化，怎么优化网站，如何优化网站关键字)