作业1 作业提交与批改系统 HTML界面

合集下载

信息技术作业使用HTML和CSS设计一个简单的产品展示页面

信息技术作业使用HTML和CSS设计一个简单的产品展示页面在信息技术作业中，使用HTML和CSS设计一个简单的产品展示页面是一个常见的任务。

本文将以一个想象中的产品为例，演示如何使用HTML和CSS来创建一个美观、整洁的产品展示页面。

在开始设计页面之前，我们首先需要确定页面的整体结构和内容。

在本例中，我们将设计一个手机产品的展示页面。

页面需要包括产品的基本信息、产品的图片和特点介绍。

首先，我们需要创建一个HTML文件，用于构建页面的骨架。

请注意在HTML中使用合适的标签来组织内容。

以下是一个示例：```html<!DOCTYPE html><html><head><title>产品展示页面</title><style>body {font-family: Arial, sans-serif;margin: 0;padding: 0;}header {background-color: #333; color: #fff;padding: 20px;text-align: center;}h1 {font-size: 24px;margin: 0;}main {padding: 20px;}.product-info {display: flex;align-items: center;margin-bottom: 20px;}.product-image {flex: 0 0 200px;margin-right: 20px; }.product-image img { width: 100%;height: auto;}.product-details {flex: 1;}.product-details h2 { font-size: 18px;margin: 0 0 10px; }.product-details p { margin: 0;}.highlight {color: #f00;}footer {background-color: #333;color: #fff;padding: 20px;text-align: center;}</style></head><body><header><h1>产品展示页面</h1></header><main><div class="product-info"><div class="product-image"><img src="product-image.jpg" alt="产品图片"></div><div class="product-details"><h2>产品名称</h2><p>产品介绍</p><p>产品价格：<span class="highlight">$99.99</span></p> </div></div><div class="product-info"><div class="product-image"><img src="product-image.jpg" alt="产品图片"></div><div class="product-details"><h2>产品名称</h2><p>产品介绍</p><p>产品价格：<span class="highlight">$99.99</span></p> </div></div></main><footer><p>版权所有 © 2022 产品展示页面</p></footer></body></html>```在上面的示例中，我们使用了HTML标签来组织页面的结构。

大一网页设计作业代码html

大一网页设计作业代码htmlHTML是一种标记语言，被广泛用于创建网页。

在大一的网页设计作业中，我们需要编写一段HTML代码来实现特定的网页设计。

本文将涵盖大约1200字的HTML代码。

首先，我们需要一个HTML文档的骨架，它定义了文档的基本结构。

以下是一个基本的HTML文档骨架：```html<!DOCTYPE html><html><head><title>网页设计作业</title></head><body></body></html>```在`<body>`标签内，我们可以编写实际的页面内容。

下面是一个简单的网页设计示例：```html<!DOCTYPE html><html><head><title>网页设计作业</title></head><body><h1>欢迎来到我的网页</h1><p>这是一个大一网页设计作业的示例。

</p><h2>页面布局</h2><p>在这个作业中，我采用了响应式布局。

通过使用CSS媒体查询，页面会根据设备的宽度进行自适应布局。

</p><h2>颜色主题</h2><p>我选择了蓝色和白色作为网页的主要颜色。

这种清新的配色方案使得页面看起来简洁而现代。

</p><h2>导航栏</h2><p>我在页面的顶部创建了一个导航栏，用于导航到不同的页面部分。

导航栏包含了页面的主要链接。

</p><h2>内容区域</h2><p>在内容区域，我展示了一些图片和文字。

作业提交与批改系统的设计与实现

摘要随着网络高速地融入当今现代人的生活，学校对网络技术的应用也在不断地提高。

学校的教学任务十分复杂,工作也很繁琐,在教学任务中，作业的批改也是一个很重要的环节。

为了提高老师工作效率，减轻教师的工作强度，提高作业批改的灵活性的,作业提交与批改系统诞生可以说是事在必行的。

该系统采用B/S结构，以浏览器方式登陆系统，用作为开发语言，数据库则使用Microsoft SQL Server 2010实现。

作业提交与批改包括了学生子系统、教师子系统、管理员子系统三大模块，该系统主要完成学生，教师，管理员的登陆，作业的提交，批改等功能，具有操作简单、界面友善、灵活性好、系统安全性高、运行稳定等特点。

本文简要介绍了作业提交与批改系统的开发背景与意义，着重阐述了该系统的设计实现过程与该系统数据库的设计实现过程；从系统的需求分析、模块设计、数据库设计到系统实现等各个环节都进行了详尽的分析和描述。

关键词：作业上传；作业批改；系统实现；SQL ServerAbstractWith the high-speed network melting into modern life, the application of network technology at school also constantly improve. The teaching mission of the school is very complicated, and work is also very tedious, in the task of teaching, the homework correct is also a very important link. In order to improve the teacher's work efficiency, reduce the intensity of the work of teachers, improve homework correcting flexibility, assignment submission and correction system can be said to have no choice but to the birth of. The system uses the B/S structure, to browser landing system, using as a development language, database using Microsoft SQL Server 2010. Job submission and correction includes student subsystem, teacher subsystem, the administrator subsystem three big modules, the system mainly completes the student, teacher, administrator login, job submission, correcting function, has the advantages of simple operation, friendly interface, good flexibility, the system safe, stable operation and high.This paper briefly introduces the development background and significance of the job submission and correction system, and elaborates the design and system realization process and this system database design realization process; from the system of needs analysis, module design, database design and system realization and so on each link has carried on the detailed analysis and description.Keywords: Homework uploading; homework system; SQL Server目录1 绪论 (1)1.1 开发背景 (1)1.2 研究意义 (1)1.3 系统设计思想 (2)2 可行性分析 (4)2.1问题描述 (4)2.2 可行性分析研究 (5)2.2.1 技术可行性 (5)2.2.2 经济可行性 (5)2.2.3 操作可行性 (5)2.3结论意见 (5)3 需求分析 (7)3.1用户需求分析 (7)3.2系统功能的需求分析 (7)3.3性能需求分析 (7)4 概要设计 (8)4.1系统总体结构设计 (8)4.2功能设计 (8)4.2.1登陆子系统功能设计 (9)4.2.2学生子系统功能设计 (9)4.2.3教师子系统功能设计 (9)4.2.4管理员子系统功能设计 (10)4.3数据库设计 (11)4.3.1 概念结构设计 (11)4.3.2逻辑结构设计 (11)4.3.3物理结构设计 (14)4.3.4数据字典 (17)5 详细设计 (18)5.1 登陆界面 (18)5.2学生注册界面 (19)5.3作业上传界面 (21)5.4作业批改界面 (21)5.5认证学生注册信息 (22)5.6教师管理 (23)5.7作业发布管理 (25)5.8修改密码 (26)6 软件测试 (27)6.1概念和意义 (27)6.2 特性 (27)6.3重要性 (28)6.4 本系统测试描述 (28)6.5系统测试效果 (28)7 用户使用说明书 (32)7.1 系统运行环境 (32)7.2 系统操作说明 (32)7.2.1管理员登录 (32)7.2.2教师登录 (34)7.2.3学生登录 (36)8结论 (38)参考文献 (40)致谢 (41)附录 (42)外文原文 (52)外文译文 (65)1 绪论1.1 开发背景随着计算机技术的快速发展，信息化成为传统产业提高工作效率和企业竞争力的重要途径，并且人们也不再满足于建立各种静态地发布信息系统，更多的时候需要能与用户进行交互，并能提供后台的数据库管理和控制等服务的系统。

在线作业提交批改系统安装使用说明

在线作业提交批改系统安装使用说明安装说明：将生成的系统直接放在服务器上，就可以访问和使用。

使用说明：教师用户使用：在系统首页，选择下拉列表中的教师，如图1所示。

图1 选择教师添入用户名“santana”和密码“santana”，点击登录。

如图2所示。

图2 输入用户名和密码教师登录后，直接转到课程列表页面，教师可以点击“添加课程”按钮来添加课程，可以点击“学生列表”按钮来查看学生列表，在课程列表上，可以点击“删除”按钮删除课程，点击“课程信息”查看课程详细信息，点击“查看该门课程的学生情况”按钮查看学生情况，如图3所示。

图3 课程列表在图3界面中，点击“添加课程”按钮，就会进入添加课程界面，在添加课程页面里，输入课程名“C语言”，点击确定，如图4所示。

图4 输入课程名点击返回按钮返回到课程列表页，我们会看到新添加的课程，如图5所示。

图5 新添加的课程在图3中点击学生列表按钮，进入学生列表页面，点击“添加学生”按钮添加学生；点击列表里的“删除”可以删除学生，点击“编辑”可以修改学生的信息，如图6所示。

图6 学生列表在图6中点击“编辑”按钮，就可以编辑学生信息，如图7所示。

图7 编辑学生信息在图6所示界面中，点击“添加学生”按钮进入添加页面，输入学生的信息，然后点击添加，如图8所示。

图8 添加学生返回学生列表页面，就会看到新添加的学生信息，如图9所示。

图9 新添加的学生在图3所示界面中，点击“该课程的学生情况”按钮进入课程学生情况页面，在课程的学生情况页面里，前面的表是该门课程已经有的学生，后面的表是该门课程没有的学生，在第一个表里可以点击删除，把学生从该课程中删除，在第二个表里可以点击添加，把学生添加到该门课程中。

学生刘松鹤没有该门课程，如图10所示。

我们点击“添加”按钮将其添加到该门课程中，如图11所示。

图10 没有课程的学生表图11 添加后的页面在图3所示的界面中，点击“查看课程”按钮进入作业次数页面，在作业次数页面里，点击“添加作业”，添加新的作业；点击“查看成绩”查看该门课程的所有学生的成绩，并可以导出成绩；在列表里点击“查看学生作业”可以查看学生作业的具体信息，如图12所示。

简单学生管理系统HTML前端页面

简单学⽣管理系统HTML前端页⾯效果图：实现代码：<!DOCTYPE html><html><head><meta charset="utf-8" /><title>学⽣管理系统</title><style type="text/css">*{margin: 0;padding: 0;font-size: 1rem;}body{background: url(img/top_bg.png);background-repeat: repeat;background-position: right;}#container{padding: 10px;margin: 0 auto;width: 80%;height: 100%;}.top{background-image: url(img/top_left.gif);color: white;padding: 10px;padding: 10px;font-size: 1.25rem;font-weight: bold;}.nav{background-image: url(./img/navigation.png); padding: 1.25rem;}.conter{padding: 20px 7%;background-color: beige;}.conter_up{text-decoration: none;color: #9292ee;font-size: 1.5rem;font-weight: bold;letter-spacing: 0.2rem;padding-bottom: 20px;}.conter_middle table{border: 1px solid ;text-align: center;width: 100%;font-size: 1.5rem;letter-spacing: 0.1rem;border: 2px solid black;}.conter_middle td,th{border: 1px solid #6e6767;height: 45px;}.conter_middle a{text-decoration: none;font-weight: bold;}.conter_down{display: flex;justify-content: flex-end;padding: 20px;}.conter_down>*{margin-right: 8px;}.foot{background-image: url(img/footer_bg.gif);padding: 20px;color: white;display: flex;justify-content: center;}</style></head><body><div id="container"><div class="top">欢迎进⼊学⽣管理信息平台</div><div class="nav"><img src="img/index_out.png" ><img src="img/admin_out.png" ><img src="img/fee_out.png" ><img src="img/role_out.png" ></div><div class="conter"><div class="conter_up"><div class="conter_up">学员信息列表</div><div class="conter_middle"><table cellspacing="0" cellpadding="0"><thead><tr><th>序号</th><th>姓名</th><th>密码</th><th>昵称</th><th>年龄</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>杨明⾦</td><td>admin</td><td>明⾦同学</td><td>20</td><td><a href="#">删除</a> <a href="#">修改</a></td> </tr><tr><td>2</td><td>杨明⾦</td><td>admin</td><td>明⾦同学</td><td>20</td><td><a href="#">删除</a> <a href="#">修改</a></td> </tr><tr><td>3</td><td>杨明⾦</td><td>admin</td><td>明⾦同学</td><td>20</td><td><a href="#">删除</a> <a href="#">修改</a></td> </tr><tr><td>4</td><td>杨明⾦</td><td>admin</td><td>明⾦同学</td><td>20</td><td><a href="#">删除</a> <a href="#">修改</a></td> </tr><tr><td>5</td><td>杨明⾦</td><td>admin</td><td>明⾦同学</td><td>20</td><td><a href="#">删除</a> <a href="#">修改</a></td> </tr><tr><td>6</td><td>杨明⾦</td><td>admin</td><td>明⾦同学</td><td>20</td><td><a href="#">删除</a> <a href="#">修改</a></td> </tr></tbody></table></table></div><div class="conter_down"><span>共5页</span><input type="button" name="" id="" value="上⼀页" /> <select name=""><option value="1">1</option><option value="2">2</option><option value="3">3</option></select><input type="button" name="" id="" value="下⼀页" /> </div></div><div class="foot">©互联⽹技术学院19计⽹⼆班版权所有</div></div></body></html>。

学生作业html模板

学生作业html模板html复制代码<!DOCTYPE html><html><head><title>学生作业</title><style>body {font-family: Arial, sans-serif;}h1 {color: #333;}p {color: #666;}</style></head><body><h1>作业标题</h1><p>作业描述：这里写下作业的具体描述和要求。

</p><p>提交日期：YYYY-MM-DD</p><h2>章节一：主题介绍</h2><p>在这里写下关于主题的介绍和背景信息。

</p><h2>章节二：内容分析</h2><p>在这里详细分析作业内容的各个方面。

</p><p><strong>作业总结：</strong>在这里写下关于作业的总结和反思。

</p> </body></html>你可以根据自己的需求修改样式和内容。

如果需要添加更多章节或内容，只需复制相应的HTML标签并在其中添加内容即可。

记得在提交日期中填写正确的日期。

2015年下半年下午软件设计师试题及答案与解析-软考考试真题-案例分析

2015年下半年下午软件设计师考试试题-案例分析-答案试题一（共15分）【说明】某教育平台欲添加在线作业批改系统，以实现高效的作业提交与批改，并进行统计。

学生和讲师的基本信息已经初始化为数据库中的学生表和讲师表。

系统的主要功能如下：(1)提交作业。

验证学生标识后，学生将电子作业通过在线的方式提交，并进行存储。

系统给学生发送通知表明提交成功，通知中包含唯一编号；并通知讲师有作业提交。

(2)下载未批改作业。

验证讲师标识后，讲师从系统中下载学生提交的作业。

下载的作业将显示在屏幕上。

(3)批改作业。

讲师按格式为每个题目进行批改打分，并进行整体评价。

(4)上传批改后的作业。

将批改后的作业（包括分数和评价）返回给系统，进行存储。

(5)记录分数和评价。

将批改后的作业的分数和评价记录在学生信息中，并通知学生作业已批改口(6)获取已批改作业。

根据学生标识，给学生查看批改后的作业，包括提交的作业、分数和评价。

(7)作业抽检。

根据教务人员标识抽取批改后的作业样本，给出抽检意见，然后形成抽检报告给讲师。

现采用结构化方法对在线作业批改系统进行分析与设计，获得如图1-1所示的上下文数据流图和图1-2所示的0层数据流图。

【问题1】使用说明中的词语，给出图1-1中的实体E1～E3的名称。

【参考答案】E1、学生E2、讲师E3、教务人员【答案解析】DFD是一种便于用户理解、分析系统数据流程的图形化建模工具，是系统逻辑模型的重要组成部分。

上下文DFD(顶层DFD)通常用来确定系统边界，将待开发系统看作一个大的加工(处理)，然后根据系统从哪些外部实体接收数据流，以及系统将数据流发送到哪些外部实体，建模出的上下文数据流图中只有唯一的一个加工和一些外部实体，以及这两者之间的输入输出数据流。

0层DFD在上下文确定的系统外部实体以及与外部实体的输入输出数据流的基础上，将上下文DFD中的加工分解成多个加工，识别这些加工的输入输出数据流，使得所有上下文DFD中的输入数据流经过这些加工之后变换成上下文DFD的输出数据流。

HTML学生信息管理系统+代码

HTML学生信息管理系统+代码系统设计表单表单包含了一系列输入字段，用于添加或编辑学生信息。

以下是表单的字段：- 姓名- 年龄- 性别- 学号- 专业学生信息展示区域学生信息展示区域用于展示添加或编辑后的学生信息。

该区域通过一个表格来展示学生列表。

CSS 样式系统的CSS 样式用于美化界面，使其更加易于使用和吸引人。

JavaScript 代码系统的 JavaScript 代码用于处理用户的输入，并根据用户操作来更新学生信息展示区域。

以下是系统的主要 JavaScript 函数：- `addStudentInfo()`: 用于添加新的学生信息到学生列表中；- `editStudentInfo()`: 用于编辑学生信息；- `deleteStudentInfo()`: 用于删除学生信息；- `displayStudentInfo()`: 用于展示学生信息；系统实现系统的实现步骤如下：2. 使用 CSS 样式美化界面；3. 在 JavaScript 中定义相应的函数，并使用 DOM 操作来处理用户的输入；5. 运行网页，测试系统的功能。

代码示例以下是一个代码示例，展示如何实现系统的功能。

<head><title>学生信息管理系统</title><style>/* CSS 样式 *//* ... */</style><script>// JavaScript 代码function addStudentInfo() {// 实现添加学生信息的逻辑}function editStudentInfo() {// 实现编辑学生信息的逻辑}function deleteStudentInfo() {// 实现删除学生信息的逻辑}function displayStudentInfo() {// 实现展示学生信息的逻辑}</script></head><body><h1>学生信息管理系统</h1><form><button onclick="addStudentInfo()">添加</button><button onclick="editStudentInfo()">编辑</button><button onclick="deleteStudentInfo()">删除</button></form><div id="studentList"></div></body>总结通过上述的设计和实现，我们成功地创建了一个简单的学生信息管理系统。

智学网布置作业操作指南说明书

教师版-智学网布置作业操作指南（网页端）1.网页端作业入口和主界面介绍（1）智学网网址：https:///login.html使用账号密码进行登录；（2）登录后，选择上方菜单栏【练习中心】，练习中心界面包括左侧【作业布置】和右侧【作业查看/批改】两大块；2.全学科都可布置的作业2.1自由出题如果老师想布置教材或者是其他教辅中的作业内容，即可通过自由出题自主设定答题卡、设置标准答案；（1）在【练习中心】页面-左侧【布置作业】，选择【自由出题】；（2）输入作业标题和说明，点击【选择文件】上传题目；此处支持图片、文档、PPT等多种格式文件；（3）设置题型及正确答案：①添加不同题型；②设置正确答案；③【上传答案】解析；④点击【去布置】；注：客观题设置答案后，系统可自动批改，教师只需要按照步骤（5）批改主观题即可；（4）完成发布练习相关设置后，即可一键【发布】作业，分享链接到微信或QQ群，提醒学生完成；2.2题库练习（1）在【练习中心】页面-左侧【布置作业】模块，选择【题库出题】；（2）切换对应的教材版本和章节，在题库中选择合适的题目【加入试题篮】；（2）鼠标移动到【试题篮】区域，点击【试题预览】，进行预览与调整，点击【去布置】（3）完成发布练习相关设置后，即可一键发布作业，分享链接到微信或QQ群，提醒学生完成；（具体步骤见答题卡练习第（4）步）2.3打卡任务主要用于教师进行资料分享，学生打卡反馈；（1）在【练习中心】页面-左侧【布置作业】模块，选择【打卡任务】；（2）上传题目：①输入任务说明；②上传文件，支持微课视频、word、PPT等类型文件和图片；注：这里微课视频需提前上传，且仅支持上传大小≤50M的微课视频；上传方式见下方；①添加路径：【练习中心】界面-找到下方【微课管理】②【添加本地微课程】，发布打卡任务时可直接调用；（4）设置学生是否需要作答，并按需要上传答案或者上传多种文件类型的答案；2.4朗读作业（1）在【练习中心】页面-左侧【布置作业】模块，选择【朗读练习】；（2）添加作业标题、说明，以及评测内容，完成后点击【去布置】；评测内容按照提示要求输入或粘贴进去即可；（3）完成发布设置，即可一键发布作业，然后分享链接到微信或QQ群，提醒学生完成；3.英语专项练习类型3.1英语听说专练（1）在【练习中心】页面-左侧【布置作业】模块，选择【英语听说专练】；注：英语听说专练为英语学科特色作业，需要教师账号挂靠英语学科；（2）选择【选题评测】，直接调取系统中与教材配套的内容，为学生布置听说专练作业；（3）选择对应的教材版本、单元、与需要练习的单词和课文；（4）为单词和课文分别【选择题型】。

网络教育平台操作指南

网络教育平台操作指南第1章平台概述与注册登录 (3)1.1 平台简介 (3)1.2 账号注册 (3)1.3 登录与退出 (3)第2章个人信息设置与账户安全 (3)2.1 个人信息管理 (3)2.2 头像与密码设置 (4)2.3 账户安全防护 (4)第3章课程浏览与搜索 (4)3.1 课程分类查看 (4)3.2 关键词搜索 (5)3.3 热门课程推荐 (5)第4章课程报名与选课 (5)4.1 报名流程 (5)4.1.1 注册与登录 (5)4.1.2 选择课程类别 (5)4.1.3 查看课程详情 (6)4.1.4 确认报名条件 (6)4.1.5 提交报名申请 (6)4.1.6 支付课程费用 (6)4.2 选课指南 (6)4.2.1 根据兴趣和需求选课 (6)4.2.2 参考课程评价和评分 (6)4.2.3 了解课程时间安排 (6)4.2.4 优先选择热门课程 (6)4.3 退课与换课 (6)4.3.1 退课规则 (6)4.3.2 换课流程 (7)4.3.3 注意事项 (7)第5章在线学习与互动 (7)5.1 视频学习 (7)5.1.1 登录平台 (7)5.1.2 选择课程 (7)5.1.3 观看视频 (7)5.1.4 视频功能操作 (7)5.2 课件与阅读 (7)5.2.1 课件 (7)5.2.2 阅读课件 (7)5.2.3 课件格式 (8)5.3 课堂讨论与提问 (8)5.3.1 参与讨论 (8)5.3.2 发起提问 (8)5.3.3 回复讨论 (8)5.3.4 注意事项 (8)第6章作业提交与批改 (8)6.1 作业查看 (8)6.2 作业提交 (8)6.3 批改反馈与申诉 (9)第7章考试与评分 (9)7.1 考试安排 (9)7.1.1 考试时间表 (9)7.1.2 考试形式 (9)7.1.3 考试地点 (9)7.2 在线考试 (9)7.2.1 考试登录 (10)7.2.2 阅读考试说明 (10)7.2.3 开始考试 (10)7.2.4 试卷提交 (10)7.2.5 考试监控 (10)7.3 成绩查询与评分 (10)7.3.1 成绩查询 (10)7.3.2 评分标准 (10)7.3.3 成绩异议 (10)第8章教学资源管理 (10)8.1 课件与管理 (10)8.1.1 课件 (10)8.1.2 管理课件 (11)8.2 资源分享与权限设置 (11)8.2.1 资源分享 (11)8.2.2 权限设置 (11)8.3 试题库管理 (11)8.3.1 创建试题库 (11)8.3.2 管理试题库 (12)第9章平台功能扩展 (12)9.1 活动发布与管理 (12)9.1.1 发布活动 (12)9.1.2 活动管理 (12)9.2 班级与小组管理 (12)9.2.1 班级管理 (12)9.2.2 小组管理 (13)9.3 问卷调查与投票 (13)9.3.1 创建问卷调查 (13)9.3.2 问卷调查管理 (13)9.3.3 创建投票 (13)9.3.4 投票管理 (13)第10章客户服务与帮助 (13)10.1 常见问题解答 (13)10.2 联系客服 (14)10.3 意见反馈与投诉处理 (14)第1章平台概述与注册登录1.1 平台简介本网络教育平台致力于为广大用户提供一站式的学习解决方案，涵盖各类课程资源、在线互动交流、学习进度跟踪等功能。

智慧校园管理系统操作手册

智慧校园管理系统操作手册第一章：系统概述 (2)1.1 系统简介 (2)1.2 功能特点 (3)第二章：账号管理与登录 (3)2.1 账号注册 (3)2.2 账号登录 (4)2.3 密码找回 (4)第三章：基本信息管理 (4)3.1 学校信息管理 (4)3.1.1 功能概述 (4)3.1.2 管理流程 (4)3.1.3 功能模块 (5)3.2 教师信息管理 (5)3.2.1 功能概述 (5)3.2.2 管理流程 (5)3.2.3 功能模块 (5)3.3 学生信息管理 (6)3.3.1 功能概述 (6)3.3.2 管理流程 (6)3.3.3 功能模块 (6)第四章：课程安排与管理 (6)4.1 课程设置 (6)4.2 课时安排 (7)4.3 课程调整 (7)第五章：教学资源管理 (7)5.1 教学资源 (7)5.2 教学资源 (8)5.3 资源分类管理 (8)第六章：在线作业与考试 (8)6.1 作业发布 (8)6.2 作业提交与批改 (9)6.3 考试安排与成绩查询 (9)第七章：考勤管理 (9)7.1 考勤记录 (10)7.1.1 考勤记录方式 (10)7.1.2 考勤记录内容 (10)7.2 考勤统计 (10)7.2.1 考勤统计周期 (10)7.2.2 考勤统计内容 (10)7.3 考勤异常处理 (10)7.3.1 迟到处理 (11)7.3.2 早退处理 (11)7.3.3 旷工处理 (11)第八章：图书与资料管理 (11)8.1 图书借阅 (11)8.2 图书归还 (11)8.3 资料查询 (12)第九章：校园活动管理 (12)9.1 活动发布 (12)9.2 活动报名 (13)9.3 活动统计 (13)第十章：安防管理 (13)10.1 安全预警 (13)10.2 处理 (14)10.3 安全防范措施 (14)第十一章：通知公告管理 (15)11.1 通知发布 (15)11.1.1 概述 (15)11.1.2 发布流程 (15)11.1.3 注意事项 (15)11.2 公告发布 (15)11.2.1 概述 (15)11.2.2 发布流程 (15)11.2.3 注意事项 (16)11.3 消息推送 (16)11.3.1 概述 (16)11.3.2 推送流程 (16)11.3.3 注意事项 (16)第十二章：系统维护与升级 (16)12.1 系统备份 (16)12.2 系统升级 (17)12.3 常见问题解答 (17)第一章：系统概述1.1 系统简介本章节将为您详细介绍我们所研发的系统的基本概念、构成及其主要作用。

作业提交与批改系统用例图

作业提交与批改系统用例图通过用例分析法得知，本系统的使用者有：老师、学生。

其中：老师使用系统老师发布作业、老师批改作业、老师检查作业完成情况、老师检查重批；学生使用系统学生提交作业、学生互评作业、学生联系互评。

具体的用例建模结果如下图3-1、3-2所示：图3-1改进的作业提交与批改系统用例图图3-2改进的作业提交与批改系统用例图1.“老师发布作业”用例图3-3“老师发布作业”用例的活动图描述2.“学生提交作业”用例图3-4“学生提交作业”用例的活动图描述3.“老师批改作业”用例图3-5“老师批改作业”用例的活动图描述4.“老师检查作业完成情况”用例图3-6“老师检查作业完成情况”用例的活动图描述5.“学生联系重批”用例图3-7“学生联系重批”用例的活动图描述（二）作业对象的状态分析对于学生提交作业的状态：A.时间截止之前1）未提交：作业截止时间未到，作业未完成也未提交，没有任何记录，作业需完成2）已保存：作业截止时间未到，作业已经完成了一部分，但是没有提交，有之前完成部分的记录，等待提交3）已提交：作业截止时间未到，作业已经完成并且提交到系统，等待批阅B.时间截止之后1）未提交：作业截止时间已到，作业未完成未提交，并且无法提交2）已提交：作业截止时间已到，作业已经完成并提交，等待批阅作业对象的状态图如图3-8所示：图3-8作业对象的状态图对于教师批改作业的状态：1）未批改：等待教师的批改与反馈2）已批改：教师已经批改并返回到了学生端作业对象的状态图如图3-9所示：图3-9作业对象的状态图对于申请重批的作业状态：1）已审核未通过：申请已经被审核，但是未通过，可以重新申请或者查找自己的问题2）已审核已通过：申请已被通过，等待反馈3）待审核：申请还未审核，等待教师的回馈作业对象的状态图如图3-10所示：图3-10作业对象的状态图业务过程：1.学生提交作业，等待教师批阅2.教师批阅已提交作业3.学生得到批改结果（三）数据需求1.学号、姓名、班级。

技术资料在线作业批改系统的使用方法

技术资料在线作业批改系统的使用方法现如今，随着科技的不断发展，在线学习和远程教育已经成为一种趋势。

在这种背景下，技术资料在线作业批改系统应运而生，为学生和教师提供了方便快捷的作业批改方式。

本文将介绍技术资料在线作业批改系统的使用方法，以帮助用户能够高效地利用这一工具。

一、注册与登录1. 打开技术资料在线作业批改系统的官方网站。

2. 点击注册按钮，填写个人信息，并选择一个用户名和密码。

3. 点击注册完成后，使用所填写的用户名和密码登录系统。

二、创建作业1. 登录系统后，进入用户主页。

2. 点击“创建作业”按钮，填写作业的基本信息，如作业名称、截止日期等。

3. 根据具体需求，选择题型并添加题目。

系统提供了多种常见的题型，如单选题、多选题、填空题、作文题等。

用户可以根据需要选择相应的题型并填写题目内容。

4. 设置评分标准。

针对每道题目，用户可以设置不同的评分标准，包括得分范围、评语等。

三、分配作业1. 在创建完作业后，用户可以选择将作业分配给学生。

2. 点击“分配作业”按钮，选择要分配的班级或学生。

3. 确认分配并发送作业通知。

四、批改作业1. 在截止日期之后，用户可以开始批改作业。

2. 进入用户主页，选择要进行批改的作业。

3. 点击作业进入批改页面，逐个批改学生的作业。

4. 根据题目设置的评分标准，为每个题目评分，并填写相应的评语。

5. 批改完所有学生的作业后，确认批改结果，并提交批改记录。

五、查看分析报告1. 在批改完作业后，用户可以查看整体分析报告。

2. 进入用户主页，选择要查看分析报告的作业。

3. 系统将为该作业生成分析报告，包括作业完成情况、学生得分分布等。

4. 用户可以根据分析报告，对学生的学习情况进行评估，为后续的教学提供参考。

六、与学生交流1. 在系统中，用户可以与学生进行互动。

2. 点击作业详情页面的学生姓名，可以查看该学生提交的作业。

3. 根据学生的作业情况，用户可以给予学生及时的反馈和建议，以促进学生的学习。

作业管理系统的设计与实现

作业管理系统的设计与实现1. 引言作业管理系统是为学校、教师和学生提供一个有效的作业管理平台。

它可以帮助学生查看、提交和管理作业，同时也可以帮助教师创建、发布和评估作业。

本文将介绍作业管理系统的设计和实现。

2. 功能需求作业管理系统应具备以下功能：2.1 学生功能需求•查看作业：学生可以登录系统查看布置的作业列表，并查看每个作业的详细信息。

•提交作业：学生可以通过系统上传或填写作业并提交给教师。

•查看成绩：学生可以查看已经批改的作业的成绩和反馈。

2.2 教师功能需求•创建作业：教师可以在系统中创建新的作业，并设定截止日期和其他相关信息。

•发布作业：教师可以选择将作业发布给指定的班级或学生。

•批改作业：教师可以对学生提交的作业进行批改并给出评语和成绩。

2.3 管理员功能需求•用户管理：管理员可以管理用户信息，包括添加、删除、禁用和修改用户信息。

•班级管理：管理员可以管理班级列表，包括创建班级、添加学生和教师、以及删除和修改班级信息。

•系统设置：管理员可以进行系统配置，如修改作业截止日期的默认设置。

3. 系统设计作业管理系统的设计包括前端设计和后端设计。

3.1 前端设计前端设计采用响应式设计，以适应不同尺寸的设备。

使用HTML、CSS和JavaScript实现用户界面，并使用Ajax技术实现与后端的数据交互。

前端页面包括学生页面、教师页面和管理员页面。

学生页面主要包括作业列表、作业详细信息、作业提交和成绩查看等功能。

教师页面主要包括作业创建、发布和批改等功能。

管理员页面主要负责用户管理、班级管理和系统设置等功能。

3.2 后端设计后端设计采用客户端-服务器模型，使用Java语言编写。

采用Spring框架实现业务逻辑和数据访问控制，使用MySQL数据库存储系统数据。

后端主要包括用户管理模块、班级管理模块和作业管理模块。

用户管理模块负责用户的验证和权限管理。

班级管理模块负责班级信息的增删改查。

作业管理模块负责作业的创建、发布、查看和批改。

噢易多媒体网络教学系统介绍

噢易多媒体网络教学系统介绍噢易多媒体网络教学系统介绍1.简介1.1 项目背景1.2 目标与优势2.系统功能介绍2.1 用户管理2.1.1 教师用户管理2.1.2 学生用户管理2.2 课程管理2.2.1 课程创建与编辑2.2.2 课程发布与分享2.2.3 课程评价与反馈2.3 多媒体教学材料管理2.3.1 视频资料与管理2.3.2 文档资料与管理2.3.3 图片资料与管理2.3.4 音频资料与管理2.4 在线教学工具2.4.1 教学白板2.4.2 在线测试与答题2.4.3 作业提交与批改2.4.4 讨论与互动2.4.5 考试与考核2.5 学习进度与成绩管理2.5.1 课程学习进度跟踪2.5.2 考试成绩统计与查看3.技术架构3.1 前端技术3.1.1 、CSS、JavaScript 3.1.2 Vue.js框架3.1.3 Bootstrap框架3.2 后端技术3.2.1 Java语言3.2.2 SpringBoot框架3.2.3 MySQL数据库3.2.4 RESTful API设计4.系统部署与维护4.1 硬件需求4.2 软件需求4.3 系统部署步骤4.4 系统维护与更新5.安全性与隐私保护5.1 用户身份验证与权限控制5.2 数据加密与传输安全5.3 隐私信息保护措施5.4 安全事件响应与应急处理6.法律名词及注释6.1 《网络安全法》.2016年6月1日颁布的中华人民共和国法律，主要用于保护网络安全、维护网络空间主权和国家安全。

6.2 《信息安全技术个人信息安全规范》：由中国信息安全评测中心发布的规范，用于保护个人信息的安全性。

6.3 《著作权法》：中华人民共和国法律，用于保护著作权人的权益。

附件：1.系统界面设计图2.数据库设计文档3.用户手册本文档涉及附件，请附件以获得更多详细信息。

注释：1.《网络安全法》：中华人民共和国相关法律文本，用于规范网络安全行为和保护网络空间安全。

2.《信息安全技术个人信息安全规范》：中国信息安全评测中心发布的技术规范，用于保护个人信息的安全与合法处理。

在线作业提交和批改系统

目录1 系统概述 (5)1.1 研究背景 (5)1.2 研究的意义 (5)1.3 系统设计思想 (6)2 需求分析 (7)2.1可行性分析 (7)2.1.1 技术可行性 (8)2.1.2 经济可行性 (8)2.1.3 操作可行性 (8)2.2系统用例 (9)2.3系统流程和逻辑 (10)2.4计算机软硬件配置和开发平台 (11)2.4.1计算机系统硬件配置 (11)2.4.2计算机系统软件配置 (12)2.4.3编程环境与工具 (12)3系统概要设计 (12)3.1 概述 (12)3.2 系统结构 (13)3.3. 数据库设计 (14)3.3.1 数据库E-R图 (14)3.3.2 数据库实体 (14)3.3.3数据库设计表 (16)4系统详细设计 (18)4.1 用户登录模块的实现 (19)4.2 班级信息管理 (19)4.3学生信息管理 (20)4.4教师管理 (21)4.5作业发布管理 (22)4.6上传作业管理 (22)4.7作业批改管理 (23)4.8修改密码 (24)5系统测试 (24)5.1概念和意义 (24)5.2 特性 (25)5.3重要性 (25)5.4 本系统测试描述 (26)5.5系统测试效果 (26)6 总结 (29)（一）本文的研究结论及展望 (29)（二）研究的不足及发展意见 (30)（三）在系统设计与实现过程中的收获及后续的改进 (30)致谢语 (31)参考文献： (32)在线作业提交和批改系统摘要：本设计尝试用ASP。

Net在网络上架构一个网上作业管理系统，以推进教学无纸化，作业电子化，管理智能化的发展。

本文从理论和实践两个角度出发，对一个具有数据分析功能的网上作业管理系统进行设计与实现分析。

论文首先较为详尽地介绍了面向对象分析与设计的有关概念与技术，特别深入介绍了在本系统中运用到的知识，如：面向对象的分析设计流程；系统中所用到的开发技术ASP。

Net的特点、结构框架以及使用方法。

在线教育平台互动教学操作手册

在线教育平台互动教学操作手册第一章用户注册与登录 (3)1.1 用户注册流程 (3)1.1.1 打开在线教育平台首页 (3)1.1.2 选择注册方式 (4)1.1.3 输入注册信息 (4)1.1.4 阅读并同意用户协议 (4)1.1.5 完成注册 (4)1.2 用户登录流程 (4)1.2.1 打开在线教育平台首页 (4)1.2.2 选择登录方式 (4)1.2.3 输入登录信息 (4)1.2.4 登录 (4)1.3 忘记密码与找回密码 (4)1.3.1 找回密码入口 (5)1.3.2 验证身份 (5)1.3.3 设置新密码 (5)1.3.4 完成找回密码 (5)第二章课程选择与购买 (5)2.1 课程分类与搜索 (5)2.2 课程详情查看 (5)2.3 课程购买与支付 (5)2.4 购买记录查询 (6)第三章互动教学操作 (6)3.1 课堂入口与界面 (6)3.2 互动工具使用 (6)3.3 课堂提问与回答 (6)3.4 课堂笔记与资料 (7)第四章作业提交与批改 (7)4.1 作业提交流程 (7)4.1.1 学生作业提交 (7)4.1.2 教师作业发布 (7)4.2 作业批改与反馈 (7)4.2.1 教师批改作业 (7)4.2.2 学生查看反馈 (8)4.3 作业查询与导出 (8)4.3.1 教师查询作业 (8)4.3.2 教师导出作业 (8)4.4 作业成绩统计 (8)4.4.1 教师查看成绩统计 (8)4.4.2 学生查看成绩统计 (8)第五章考试与测评 (9)5.1.1 考试安排 (9)5.1.2 考试报名 (9)5.2 考试操作与提交 (9)5.2.1 考试操作 (9)5.2.2 考试提交 (9)5.3 考试成绩查询 (10)5.3.1 查询时间 (10)5.3.2 查询流程 (10)5.4 测评报告解读 (10)5.4.1 测评报告内容 (10)5.4.2 测评报告解读 (10)第六章资源库使用 (10)6.1 资源库分类与搜索 (10)6.1.1 资源库分类 (10)6.1.2 搜索功能 (11)6.2 资源与预览 (11)6.2.1 资源 (11)6.2.2 资源预览 (11)6.3 资源收藏与分享 (11)6.3.1 资源收藏 (11)6.3.2 资源分享 (11)6.4 资源评论与反馈 (12)6.4.1 资源评论 (12)6.4.2 资源反馈 (12)第七章个人中心管理 (12)7.1 个人信息修改 (12)7.1.1 功能概述 (12)7.1.2 操作步骤 (12)7.2 学习进度查询 (12)7.2.1 功能概述 (12)7.2.2 操作步骤 (12)7.3 成绩单与打印 (13)7.3.1 功能概述 (13)7.3.2 操作步骤 (13)7.4 学习计划制定 (13)7.4.1 功能概述 (13)7.4.2 操作步骤 (13)第八章社区互动 (13)8.1 社区版块介绍 (13)8.2 发帖与回帖操作 (14)8.2.1 发帖操作 (14)8.2.2 回帖操作 (14)8.3 社区活动参与 (14)8.4.1 积分获取 (14)8.4.2 积分奖励 (15)第九章常见问题解答 (15)9.1 技术支持与故障排查 (15)9.1.1 平台登录问题 (15)9.1.2 课程播放问题 (15)9.1.3 作业与考试问题 (15)9.2 学习方法与技巧分享 (16)9.2.1 制定学习计划 (16)9.2.2 提高学习效率 (16)9.3 用户权益保障 (16)9.3.1 课程质量保障 (16)9.3.2 用户隐私保护 (16)9.4 联系客服与反馈意见 (16)9.4.1 客服联系方式 (16)9.4.2 反馈意见 (17)第十章安全与隐私保护 (17)10.1 账号安全设置 (17)10.1.1 密码设置与更改 (17)10.1.2 二维码绑定 (17)10.1.3 账号异常登录提醒 (17)10.2 个人信息保护 (17)10.2.1 个人信息收集 (17)10.2.2 个人信息查阅与修改 (17)10.2.3 个人信息删除 (17)10.3 网络安全防护 (17)10.3.1 数据加密 (17)10.3.2 防火墙与入侵检测 (17)10.3.3 系统安全更新 (18)10.4 隐私政策解读 (18)10.4.1 隐私政策目的 (18)10.4.2 信息收集与使用 (18)10.4.3 信息共享与披露 (18)10.4.4 用户权益 (18)10.4.5 法律责任 (18)第一章用户注册与登录1.1 用户注册流程1.1.1 打开在线教育平台首页用户首先需打开在线教育平台首页，在页面右上角找到“注册”按钮。

基于javaweb的作业管理系统的设计与实现

基于javaweb的作业管理系统的设计与实现基于JavaWeb的作业管理系统是一个复杂的应用程序，它允许教师、学生和管理员通过Web浏览器进行作业的提交查看和批改。

以下是一个简单的作业管理系统设计和实现过程:1.需求分析在开始设计和实现之前，需要明确系统的需求。

作业管理系统的需求可能包括以下方面:●教师能够发布作业、查看学生提交的作业和批改作业;，●学生能够查看作业、提交作业和查看批改结果;●管理员能够管理用户账号和权限。

2.系统设计基于上述需求，可以设计出系统的基本架构。

系统可以分为以下几个模块:●用户管理模块:用于管理用户账号和权限:●作业发布模块:用于教师发布作业;●作业提交模块:用于学生提交作业;●作业批改模块:用于教师批改作业;●成绩管理模块:用于管理学生提交的作业成绩。

3.数据库设计为了存储和管理系统中的数据，需要设计数据库。

数据库可能包括以下几个表:●用户表:用于存储用户账号和权限信息;●作业表:用于存储作业信息;●提交记录表:用于存储学生提交的作业信息;●成绩表:用于存储学生提交的作业成绩。

4.系统实现在实现系统时，可以使用Java Web开发框架，如Spring MVC. Struts2等。

具体实现过程可以根据具体情况而定，但以下是一些关键的实现步骤:●创建数据库连接;●创建数据访问对象(DAO) 层，用于操作数据库;●创建业务逻辑层，处理系统中的业务逻辑;●创建控制层，处理用户的请求和响应; .●创建视图层，使用HTML、CSS和JavaScript等技术实现用户界面。

5.系统测试和部署在完成系统实现后，需要进行测试，以确保系统正常运行。

测试可以包括单元测试、集成测试和系统测试等。

如果测试没有问题，可以将系统部署到服务器上，供用户使用。

以上是一个简单的基于JavaWeb的作业管理系统设计和实现过程。

具体实现时可以根据需求进行适当的调整和扩展。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

作业提交系统作业1-作业提交与批改系统HTML界面请根据以下需求部分功能或全部全部功能HTML界面代码；注意HTML代码附在本文后面一、作业提交与批改系统●系统功能图●基本功能1．学生注册2．学生、教师、管理员密码找回功能3．不同用户登录进入不同的界面4．学生作业的查看5．学生作业成绩的查看6．学生作业上传7．教师布置作业8．教师删除作业9．教师修改作业10．教师发布成绩11．教师修改成绩12．教师下载作业13．管理员添加教师用户15．管理员添加专业16．管理员添加班级17．个人资料的查看18．个人密码的修改●限制条件1．学生不可以进行教师与管理员的页面2．教师也不可以进入管理员页面，还有学生页面3．管理员也不可以进行学生和教师面页4．每个学生登录进入之后只能看到自己班级的作业，不可以看到别的班级的作业5．每个教师登录只对自己发布的作业进行管理，不可以对别的教师发布的作业进行管理6．当学生注册时输入的学号必需与选定的班级匹配。

7．不同的用户使用修改密码都只能修改自己的密码，无法修改他人的8．不同的用户使用个人数据功能时，也是只可以看到自己的信息不可以看到他们的信息9．学生上传作业的类型，大小，时间等，受到教师发布作业的约束●特殊功能的原理⏹管理员添加专业班级的处理原理以本系为例子，有十多个专业，当某个专业人数比较多时就会分成几个班，如图形图像一班，图形图像二班，ACCP一班，ACCP二班等，而且还分为2004级图形图像一班，2004级图像图像二班，2005级图形图像一班，2005级图形图像二班等。

在程序中，首先应该添加专业，而把“图形图像一班”视为一个专业，“图形图像二班”视为一个专业。

前面的“2004级”“2005级”当作年份。

添加专业的时候不用只需要添加专业的名称，在添加班级的时候只须要选择年份和专业，再输入班级的代号就可以添加班级了。

⏹管理员添加教师管理员的原理管理员可以添加教师用户，教师用户必须由管理员添加，每次当管理员添加教师用户时就会在网站目录下的一个专门用于存放上传作业的目录（up）的根目录下以教师的姓名为目录名新建一个根目录。

用于教师布置作业之后，学生上传作业的存放目录。

⏹教师发布修改作业的原理老师发布作业之后可以修改作业，而且二个功能都是使用的一个界面来完成，通过传递的一个参数来判断用户的操作是发布作业还是修改作业，如果是修改作业而取得一个ID值将数据库里的内容绑定到用户界面。

（注：但是在修改作业的时候作业的班级与作业的标题设及到文件的目录所有修改时定为不可以修改）⏹教师发布修改成绩的原理教师发布成绩或修改成绩的原理和教师发布修改作业的原理大至一样，都是使用一个页面来完成的，通过一个参数来判断用户的操作是发布还是修改。

⏹教师批量下载作业的原理教师批量下载作业是将学生上传后的作业全部打包成一个zip的压缩文件，然后从服务器上下载。

因为这里面涉及到压缩文件的一些算法，非常复杂。

所以我用使用了国外的一个压缩类来完成。

作业提交系统下载地址：/OpenSource/SharpZipLib/default.asp⏹学生上传下载作业的原理学生上传作业的时候，首先应该选择上传那科的作业。

例：学生登录帐号200416140 密码snryang 班级代号是2004161 姓名“杨文兵”作业标题为“实用软件工程方法第一次作业”班级名通过查询班级表得到为“2004级WEB应用程序设计”。

网站上传目录设为“f:\作业\”作业的存置教师为“TOM”则学生上传作业的时候则会上传到f:\作业\TOM\2004级WEB应用程序设计\实用软件工程方法第一次作业\”这个目录下面，下载的时候也会在这个目录下面下载，上传的文件名为姓名加上教师布置作业时的扩展名。

如果有重复上传则会覆盖原来上传的文件。

⏹实现回车换行与空格的原理使用到的页面有发布作业和修改作业和学生查看作业。

（因为在发布作业的时候将回车转换成<br>存入数据库这样在显示数据时才会显示换行，不然无法实现换行，空格也是必须换成“ ”。

如果不进行字符的替换，则文本框中的回车与空格将会省去，存入数据库中，通过数据库显示到用户界面的时候就无法区分用户的换车和空格，格式不好看，所以在这里进行了简单的替换实现回车与空格的效果。

⏹作业目录的处理原理在web.xml文件中存放了上传文件的目录默认为（目录一）如：f:\作业，当新建一个教师用户时就会在目录一下面以教师的姓名为目录名建立一个目录如(目录二)如：f:\作业\tom；当老师用户登录之后发布作业的时候要输入作业的标题，还要先择作业的所属班级。

每一次发布作业就会新建目录，在目录二的下面建立如下形式的目录“f:\作业\tom \作业的所属班级\作业的标题\”耐用会将“TOM\作业的所属班级\作业的标题\”存入发布作业的一个字段里面。

方便以后目录的查找，也就实现了不同的用户上传的作业存放到不同的文件夹，并进行分类存放，也方便了老师对作业目录的管理，方便的下载作业等。

这是本系统的一个核心。

⏹密码找回界面与编码图：管理员添加用户的界面与编码作业提交系统图⏹教师发布修改作业的界面图⏹教师批量下载作业的界面与编码图学生上传作业的界面与编码图二、HTML代码Css代码.header{padding:50px;font:60px宋体;color:black; background:yellow;text-align: center;font-weight: bold;}.center{text-align: center; color:red;font-size:30px;font-weight: bold; padding:40px; background:blue;margin-left: 10px; margin-right: 10px;}.inputuser{width:250px;height:30px;作业提交系统font-size:25px;font-weight: bold;}.footer{padding:50px;font:50px宋体;color:white;text-align: center;font-weight: bold;}.zi{font:20px宋体;}.lable{font:50px宋体;font-size:25px;color:black;margin-left:250px;}图一 html代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>Insert title here</title><link rel="stylesheet"href="my.css"type="text/css"> </head><body><div class="header"><label>请输入您的用户名</label></div><div class="center"><label>请输入您的用户名：<input class="inputuser"name="username"></label><br></div><div class="footer"><span class="zi"><a href="user.html">上一步</a></span> <span class="zi"><a href="user1.html">下一步</a></span> </div></body></html>图二 html代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>Insert title here</title><link rel="stylesheet"type="text/css"href="my.css"/></head><body><div class="header"><label>请输入密码提示答案</label></div><div class="center"><label class="lable">您的邮箱是？</label><br><label>密码提示答案为：<input class="inputuser"name="username"></label><br></div><div class="footer"><span class="zi"><a href="user.html">上一步</a></span><span class="zi"><a href="user2.html">下一步</a></span></div></div></body></html>图三 html代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>Insert title here</title><link rel="stylesheet"type="text/css"href="my.css"/></head><body><div class="header"><label>请输入您的新密码</label></div><div class="center"><label><span style="color:black;">  新密码：</span><input type="password"class="inputuser"name="psn"></label><br><label><span style="color:black;">确认密码：</span><inputtype="password"class="inputuser"name="psw"></label><br></div><div class="footer"><span class="zi"><a href="user.html">上一步</a></span><span class="zi"><a href="user2.html">下一步</a></span></div></body></html>作业提交系统图四 html代码<!DOCTYPE html><html><head><meta charset="gb2312"><title>Insert title here</title><link rel="stylesheet"href="my.css"type="text/css"></head><body><div class="header"><label style="color:red;">恭喜你！！</label></div><div class="center"><label style="color:black;">密码设置成功，请保管好新密码重新登录！</label><br></div><div class="footer"><span class="zi"><a href="user3.html">完成</a></span></div></body></html>图五 html代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>Insert title here</title><link rel="stylesheet"href="my.css" type="text/css"></head><body><div class="header"><label>请选择您的用户类型</label></div><div class="center"><label>选择用户类型：<select name="yonghuLeixing"class="inputYonghu"><option>学生</option><option>教师</option><option>管理员</option></select></label><br></div><div class="footer"><span class="zi"><a href="user.html">上一步</a></span><span class="zi"><a href="user2.html">下一步</a></span></div> </div> </body> </html>。