9.22号作业

最新推荐文章于 2020-11-21 03:44:39 发布
最新推荐文章于 2020-11-21 03:44:39 发布
阅读量122 收藏
点赞数
原文链接：http://www.cnblogs.com/Heng23/p/7580268.html
版权

  昨天老师布置了一个相对复杂一点的作业，对于我这种之前没学过的学生了来说做起来还是有些困难的。

作业的内容是：

index.html
页面登录页面：
1、页面有背景图
2、有一个登录表单（用户名，密码，登录按钮，注册按钮）
3、点击登录按钮跳转到学生信息表页面
4、点击注册按钮跳转的注册页面
（仿新浪邮箱注册页面，点击注册跳转到学生信息表页面）


stuTable.html
学生信息表页面：
1、只有一个表格，标题是学生信息表
表头为：姓名、性别、年龄、生日、查看详情
2、点击查看详情跳转到类似简历的页面的指定学生位置


stuInfo.html
学生详情页面：
1、将所有学生信息放到这个页面
2、顺序排放，学生信息展示方式自定义，要有头像
（可以是表格，也可以标题段落）
3、学生信息支持下载

  刚开始看到作业感觉，好复杂啊，这个点开始那个，那个点开又是这个的。不会做啊。这个时候就要人多一起想了，我找同学一起想怎么做，不懂得就问，渐渐的有了一点头绪，开始一步一步的做。遇到遇到问题就问，逐渐把大体框架做成了，然后再一点一点加工，最后算是完成了作业，还是有些瑕疵，还是需要多多练习。

下面是作业完成后的内容：

9.22号作业（登录界面）

<!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
<center>
<form action="">
<table border="0" cellpadding="20" cellspacing="0" width="30%" background="u=2405756378,197627587&fm=27&gp=0.jpg">
<tr>
<td> 用户名：
<input type="text" placeholder="只能输入4-16位" name="uid" value="" />
</td>
<td>
</tr>
<tr>
<td> 密&nbsp;&nbsp;&nbsp;码:<input type="password" name="" value="" /</td>
</td>
</tr>
<tr>
<td><a href="学生信息表 9.22作业.html" target="_blank">
<input type="button" value="登录" />
</a> </td>
<td><a href="9.22号作业 注册页面.html" target="_blank">
<input type="button" value="注册" />
</a> </td>
</tr>
<tr>
<td></td>
</tr>
</table>
</form>
</center>
</body>
</html>

注册界面

<!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
<center>
<form action="">
<table border="0" cellpadding="1" cellspacing="10" width="30%" background="u=2405756378,197627587&fm=27&gp=0.jpg">
<tr>
<td> 姓名：
<input type="text" name="" value="" /></td>
</tr>
<tr>
<td>身份证号：
<input type="text" name="" value="" /></td>
</tr>
<tr>
<td>手机号：
<input type="text" name="" value="" /></td>
</tr>
<tr>
<td>账号：
<input type="text" name="" value="" /></td>
</tr>
<tr>
<td>密码：
<input type="password" name="" value="" /></td>
</tr>
<tr>
<td><a href="学生信息表 9.22作业.html">
<input type="button" name="" value="注册" />
</a> </td>
</tr>
</table>
</form>
</center>
</body>
</html>

学生信息页面

<!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="0" width="50%">
<caption>
学生信息表
</caption>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>生日</th>
<th>查看详情</th>
</tr>
<tr>
<td>刘景玉</td>
<td>男</td>
<td>22</td>
<td>1-25</td>
<td><a href="9.22号作业 学生信息详情表.html #1" target="_blank">查看详情</a></td>
</tr>
<tr>
<td>李辉</td>
<td>男</td>
<td>21</td>
<td>5-30</td>
<td><a href="9.22号作业 学生信息详情表.html #2" target="_blank">查看详情</a></td>
</tr>
<tr>
<td>张艳华</td>
<td>女</td>
<td>22</td>
<td>6-14</td>
<td><a href="9.22号作业 学生信息详情表.html #3" target="_blank">查看详情</a></td>
</tr>
<tr>
<td>李强</td>
<td>男</td>
<td>21</td>
<td>11-6</td>
<td><a href="9.22号作业 学生信息详情表.html #4" target="_blank" >查看详情</a></td>
</tr>
</table>
</body>
</html>

学生信息详情界面

<!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=gb2312" />
<title>无标题文档</title>
</head>
<body>
<center>
<table border="1" cellpadding="20" cellspacing="0" width="50%">
<caption>
<b>个人简历</b>
</caption>
<tr align="center">
<td><a name="1">姓名</a></td>
<td>刘景玉</td>
<td>性别</td>
<td>男</td>
<td rowspan="5">111</td>
</tr>
<tr>
<td>民族</td>
<td>汉</td>
<td>籍贯</td>
<td>山东淄博</td>
</tr>
<tr>
<td>出生日期</td>
<td>900705</td>
<td>政治面貌</td>
<td>党员</td>
</tr>
<tr>
<td>学历</td>
<td>本科</td>
<td>婚姻状况</td>
<td>未婚</td>
</tr>
<tr>
<td>专业</td>
<td>油气储运</td>
<td>健康状况</td>
<td>很健康</td>
</tr>
<tr>
<td>求职意向</td>
<td colspan="4">一切高薪的工作都是所爱的</td>
</tr>
<tr>
<td>毕业院校</td>
<td>辽宁石油化工大学</td>
<td>qq</td>
<td colspan="2">862581421</td>
</tr>
<tr>
<td>联系电话</td>
<td>15242747377</td>
<td>邮箱</td>
<td colspan="2">862581421@qq.com</td>
</tr>
<tr>
<td>主修课程</td>
<td colspan="4">阿拉伯语，油气储运，国际贸易，力资源</td>
</tr>
<tr>
<td>个人技能</td>
<td colspan="4">适应能力超级强，无论任何时候都不会放弃</td>
</tr>
</tr>

</table>
<a href="刘景玉.rar" target="_blank">下载信息</a>
</center>
<center>
<table border="1" cellpadding="20" cellspacing="0" width="50%">
<caption>
<b>个人简历</b>
</caption>
<tr align="center">
<td><a name="2">姓名</td>
<td>李辉</td>
<td>性别</td>
<td>男</td>
<td rowspan="5">111</td>
</tr>
<tr>
<td>民族</td>
<td>汉</td>
<td>籍贯</td>
<td>山东淄博</td>
</tr>
<tr>
<td>出生日期</td>
<td>900705</td>
<td>政治面貌</td>
<td>党员</td>
</tr>
<tr>
<td>学历</td>
<td>本科</td>
<td>婚姻状况</td>
<td>未婚</td>
</tr>
<tr>
<td>专业</td>
<td>油气储运</td>
<td>健康状况</td>
<td>很健康</td>
</tr>
<tr>
<td>求职意向</td>
<td colspan="4">一切高薪的工作都是所爱的</td>
</tr>
<tr>
<td>毕业院校</td>
<td>辽宁石油化工大学</td>
<td>qq</td>
<td colspan="2">862581421</td>
</tr>
<tr>
<td>联系电话</td>
<td>15242747377</td>
<td>邮箱</td>
<td colspan="2">862581421@qq.com</td>
</tr>
<tr>
<td>主修课程</td>
<td colspan="4">阿拉伯语，油气储运，国际贸易，力资源</td>
</tr>
<tr>
<td>个人技能</td>
<td colspan="4">适应能力超级强，无论任何时候都不会放弃</td>
</tr>
</tr>

</table>
<a href="李辉.rar" target="_blank">下载信息</a>
</center>
<center>
<table border="1" cellpadding="20" cellspacing="0" width="50%">
<caption>
<b>个人简历</b>
</caption>
<tr align="center">
<td><a name="3">姓名</td>
<td>刘艳华</td>
<td>性别</td>
<td>女</td>
<td rowspan="5">111</td>
</tr>
<tr>
<td>民族</td>
<td>汉</td>
<td>籍贯</td>
<td>山东淄博</td>
</tr>
<tr>
<td>出生日期</td>
<td>900705</td>
<td>政治面貌</td>
<td>党员</td>
</tr>
<tr>
<td>学历</td>
<td>本科</td>
<td>婚姻状况</td>
<td>未婚</td>
</tr>
<tr>
<td>专业</td>
<td>油气储运</td>
<td>健康状况</td>
<td>很健康</td>
</tr>
<tr>
<td>求职意向</td>
<td colspan="4">一切高薪的工作都是所爱的</td>
</tr>
<tr>
<td>毕业院校</td>
<td>辽宁石油化工大学</td>
<td>qq</td>
<td colspan="2">862581421</td>
</tr>
<tr>
<td>联系电话</td>
<td>15242747377</td>
<td>邮箱</td>
<td colspan="2">862581421@qq.com</td>
</tr>
<tr>
<td>主修课程</td>
<td colspan="4">阿拉伯语，油气储运，国际贸易，力资源</td>
</tr>
<tr>
<td>个人技能</td>
<td colspan="4">适应能力超级强，无论任何时候都不会放弃</td>
</tr>
</tr>

</table>
<a href="刘艳华.rar" target="_blank">下载信息</a>
</center>
<center>
<table border="1" cellpadding="20" cellspacing="0" width="50%">
<caption>
<b>个人简历</b>
</caption>
<tr align="center">
<td>姓名</td>
<td><a name="4">李强</a></td>
<td>性别</td>
<td>男</td>
<td rowspan="5">111</td>
</tr>
<tr>
<td>民族</td>
<td>汉</td>
<td>籍贯</td>
<td>山东淄博</td>
</tr>
<tr>
<td>出生日期</td>
<td>900705</td>
<td>政治面貌</td>
<td>党员</td>
</tr>
<tr>
<td>学历</td>
<td>本科</td>
<td>婚姻状况</td>
<td>未婚</td>
</tr>
<tr>
<td>专业</td>
<td>油气储运</td>
<td>健康状况</td>
<td>很健康</td>
</tr>
<tr>
<td>求职意向</td>
<td colspan="4">一切高薪的工作都是所爱的</td>
</tr>
<tr>
<td>毕业院校</td>
<td>辽宁石油化工大学</td>
<td>qq</td>
<td colspan="2">862581421</td>
</tr>
<tr>
<td>联系电话</td>
<td>15242747377</td>
<td>邮箱</td>
<td colspan="2">862581421@qq.com</td>
</tr>
<tr>
<td>主修课程</td>
<td colspan="4">阿拉伯语，油气储运，国际贸易，力资源</td>
</tr>
<tr>
<td>个人技能</td>
<td colspan="4">适应能力超级强，无论任何时候都不会放弃</td>
</tr>
</table>
<p><a href="李强.rar" target="_blank">下载信息</a></p>
</center>
</body>
</html>

还有就是学生的信息都是瞎编的。也没有放照片，大体现在做成了这个样子。

还需要多多练习，加油吧！

转载于:https://www.cnblogs.com/Heng23/p/7580268.html

Ccj333788
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
9.28作业
weixin_50995862的博客
09-29 192
1.声明一个字典保存一个学生的信息，学生信息中包括: 姓名、年龄、成绩(单科)、电话、性别(男、女、不明) x = {'name': '小岚', 'age': '17', 'grade': [{'语文': '80', }, {'数学': '60'}, {'英语': '100'}], 'phone': '187321', '性别': '未知'} print(x) 2.声明一个列表，在列表中保存6个学生的信
11.19作业
itcitcjhgggg的博客
12-06 132
1
作业
weixin_43986534的博客
01-14 232
2019.01.14作业 实现登录表单的验证功能 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function checkForm(){ if(checkUs
2020-11-06
qq_42513997的博客
11-06 266
当我们在源文件中引用了外部变量，并且尚未链接定义这些外部变量的文件时，会遇到以下奇怪的错误： 例如： extern uint8 i; #define A(inta ,int b) ({ i++; if(i==1) ret=1; else ret = 0; }) 通常，在“未解析的外部符号”的情况下，任何类似函数的对象的编译代码都无法找到其引用的符号，可能是因为该符号未在目标文件或任何库中定义指定给链接器，删除extern 即可解决。 ...
python大作业题目_Python大作业
weixin_39996798的博客
11-21 2295
一、系统概要说明父模板统一布局：(1) 头部导航条(2) 中间主显示区域布局(3) 底部导航条注册、登录、注销功能发布、列表显示详情页评论、列表显示个人中心搜索、条件组合搜索文章分类与显示点赞、收藏修改密码、头像、上传头像推荐文章二、网站结构设计顶部导航条：(4) 未登录时：首页、发布、搜索、登录、注册功能（Ps：此时点击发布，自动跳转到登录页面）(5) 登录后：发布、设置、个人信息、注销功能中间...
u-center v22.07
03-14
9. **更新与维护**：v22.07表明软件持续得到更新，以应对新的硬件、协议和技术挑战，保证其与时代同步。 10. **教程与文档**：u-center通常会提供详尽的用户手册和在线教程，帮助用户快速上手并熟练掌握操作。 ...
网络安全作业.doc
06-09
9．防火墙作为内部网与外部网之间的一种访问控制设备，常常安装在内部网和外部网交 界的点上，所以防火墙一定是一个硬件产品。 10．"状态分析技术"是数据包过滤技术的延伸，经常被称为"动态数据包过滤"。 11．PGP...
22春南开大学《Python编程基础》在线作业一答案参考9.pdf
10-21
- 不定长位置参数用星号`*`表示，例如`func(*args)`，在函数内部，args会被封装成元组。 3. **字符串操作**： - `split()`函数用于将字符串分割成多个部分，根据分隔符拆分。例子中`str.split(‘**’, 2)`返回`['...
网络安全作业题.doc
06-09
（ ） 22. 数字证书是由认证中心签发的。（ ） 23. 防火墙可以用来控制进出它们的网络服务及传输数据。（ ） 24. 防火墙中应用的数据包过滤技术是基于数据包的地址及端口号的而实现对数据过滤的 。（ ） 25. 病毒...
22春天津大学《计算机应用基础》在线作业二.docx
12-18
这份文档是天津大学《计算机应用基础》在线作业二的一部分，主要涵盖了Microsoft Office软件中的Word、Excel和PowerPoint的基础操作知识。以下是对各个题目涉及知识点的详细说明： 1. PowerPoint2010提供的幻灯片...
使用 JavaScript 编写的记忆游戏（附源代码）.zip
07-22
使用 JavaScript 编写的记忆游戏（附源代码）   项目：JavaScript 记忆游戏（附源代码） 记忆检查游戏是一个使用 HTML5、CSS 和 JavaScript 开发的简单项目。这个游戏是关于测试你的短期 记忆技能。玩这个游戏 时，一系列图像会出现在一个盒子形状的区域中 。玩家必须找到两个相同的图像并单击它们以使它们消失。 如何运行游戏？ 记忆游戏项目仅包含 HTML、CSS 和 JavaScript。谈到此游戏的功能，用户必须单击两个相同的图像才能使它们消失。 点击卡片或按下键盘键，通过 2 乘 2 旋转来重建鸟儿对，并发现隐藏在下面的图像！ 如果翻开的牌面相同（一对），您就赢了，并且该对牌将从游戏中消失！ 否则，卡片会自动翻面朝下，您需要重新尝试！ 该游戏包含大量的 javascript 以确保游戏正常运行。 如何运行该项目？ 要运行此游戏，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox， 以获得更好、更优化的游戏体验。要玩游戏，首先，通过单击 memorygame-index.html 文件在浏览器中打开游戏。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
全国计算机三级（网络技术）做题技巧
07-22
全国计算机三级（网络技术）做题技巧
UnityUGUI线段组件
07-22
Unity扩展 UI线段绘制组件——UI上的LineRenderer
文化娱乐-国产进口电影票房榜单分析（Pyecharts大屏可视化）.rar
最新发布
07-22
文化娱乐-国产进口电影票房榜单分析（Pyecharts大屏可视化）
联合国教科文组织：2023人工智能时代的教育报告(2).pdf
07-22
联合国教科文组织：2023人工智能时代的教育报告(2).pdf
《c语言程序设计》网上考试系统的设计与实现开题报告【答辩高分内容】.doc
07-22
本研究旨在设计和开发一个基于C语言的网上考试系统，以提供一个高效、安全和可靠的在线考试环境。该系统将具备自动评分、随机抽题、时间限制等功能，以满足不同学校和教育机构的需求。通过该系统，教师可以方便地创建和管理考试，学生可以随时随地参加考试，并及时获得成绩反馈。该系统还将提供管理员权限，用于管理用户账户、试题库和考试记录等数据。 随着互联网的快速发展，传统的纸质考试方式已经无法满足现代教育的需求。网上考试系统作为一种新兴的考试形式，具有许多优势。它可以节省时间和资源，避免了传统考试过程中的人力物力消耗。可以实现自动化评分和统计功能，提高了评分的准确性和效率。还可以提供实时的成绩反馈和排名信息，激励学生的学习动力。最重要的是，网上考试系统可以突破地域限制，使得学生可以随时随地参加考试，提高了学习的灵活性和便利性。因此，设计和开发一个高效、安全和可靠的《C语言程序设计》网上考试系统对于推动教育现代化和提高教学质量具有重要意义。
猎聘：2023年上半年金融行业人才趋势观察报告.pdf
07-22
猎聘：2023年上半年金融行业人才趋势观察报告.pdf
使用 JavaScript 编写的 Squareshooter 游戏及其源代码.zip
07-22
使用 JavaScript 编写的 Squareshooter 游戏及其源代码   项目：使用 JavaScript 编写的 Squareshooter 游戏（附源代码） 这款游戏是双人游戏。这是一款使用 JavaScript 编写的射击游戏，带有门户和强化道具。在这里，每个玩家都必须控制方形盒子（作为射手）。这款射击游戏的主要目标是射击对手玩家以求生存。当它射击对手时，它会获得一分。 游戏制作 该游戏仅使用 HTML 和 JavaScript 开发。该游戏的 PC 控制也很简单。 对于玩家 1： T：朝你上次动作的方向射击 A：向左移动 D：向右移动 W：向上移动 S：向下移动 对于玩家2： L：朝你上次移动的方向射击 左箭头：向左移动 右箭头：向右移动 向上箭头：向上移动 向下箭头：向下移动 游戏会一直进行，直到您成功射击对手或对手射击您为止。游戏得分显示在顶部。所有游戏功能均由 JavaScript 设置，而布局和其他次要功能则由 HTML 设置。 如何运行该项目？ 要运行此项目，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要运行此游戏，首先，通过单击 index.html 文件在浏览器中打开项目。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
全国大学生电子设计竞赛案例分享.docx
07-22
全国大学生电子设计竞赛是一项旨在促进大学生创新精神和实践能力培养的重要赛事。以下是一些关于该竞赛的案例分享，以展示参赛作品的创新性和实用性。 一、案例概述 1. 智能垃圾箱 来源：某工大学团队作品（参考文章1） 简介：该作品设计了一款能够自动分类垃圾的智能垃圾箱。通过内置的智能识别系统，可以准确判断投入垃圾的种类，并自动打开对应的垃圾桶，实现了垃圾分类的自动化。这种设计不仅提高了垃圾分类的效率，还有助于减少环境污染，对社会的环境保护起到了积极的推动作用。 2. 智能家居系统 来源：某技大学团队作品（参考文章1） 简介：智能家居系统通过集成多种智能设备（如智能空调、智能窗帘等），实现了家居环境的智能化控制。用户可以通过手机APP远程操控家中的各种设备，提高了生活的舒适度和便捷性。这一作品展示了物联网技术在智能家居领域的广泛应用前景。 3. 智能健康手环 来源：某通大学团队作品（参考文章1） 简介：该智能健康手环能够实时监测人体的血氧含量、心率、体温等健康指标，并将数据传输到用户的手机上。用户可以通过手机APP查看自己的健康状况，及时发现潜在的健康问题。这一作品在健康管理领域具有广泛的应

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值