必修2-33-信息系统的数据输入-第1课时课件

第3单元信息系统的设计与开发教科版（2019版）信息技术（高中）3.3信息系统的数据输入（第1课时）

必修2信息系统与社会1、能够根据信息输入的要求设计HTML网页。2、理解信息系统数据访问的基本过程。学习目标3、能够描述将用户输入信息存储到数据库的基本过程。重点：体验表单与代码的关联，感知网络数据库录入中代码的功能。难点：表单元素与其功能实现代码的对应及修改方法。重难点课堂导入

在日常的信息系统使用过程中，用户并没有在数据库管理系统中

直接操作数据库，而是通过信息系统应用程序更方便地进行数据操作。

HTML交互页面在信息处理程序的支持下，才能将数据存入数据库中。

本节我们将围绕“图书数据录入”项目展开，完成“制作图书录入的

交互页面”和“将图书数据录入数据库”两个任务。

在使用图书管理信息系统管理同学们的借阅活动之前，需要将图

书信息和学生信息录入到数据库中作为图书管理信息系统运行的基础

数据。请同学们使用上节课录入的数据进行操作。HTML+Python+Access用于制作信息系统界面用于制作信息处理程序用于数据管理图书管理信息系统的开发工具任务一制作图书录入的交互界面

活动1：添加图书录入表单元素<formaction="/book_in/"method="post">ISBN<inputname="tb_ISBN"type="text"/><br/>书名<inputname="tb_BookTitle"type="text"/><br/><inputstyle="margin-left:70px"type="submit"name="Button1"value="录入"/></form>Book_insert.html表单源程序：

表单：在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与Web服务器的数据传递。什么是表单：

在HTML文件中，网页中的很多对象（或称元素）用成对的标记表示。<form></form>form标记中的action和method为表单的属性，

action表示表单数据将提交给哪一个程序处理，method表示表单数据的传递方式。

以get方式传递数据，浏览器将在地址栏中呈现传递的数据；以post方式传递数据，数据不会出现在地址栏中，所以适合传递敏感数据。表单元素：用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML定义了多种类型的表单元素。表单元素网页呈现示例功能文本框输入文本数据密码框输入密码，内容不显示单选框只选择其中一项复选框可选择多项下拉列表选择规定内容中的一项按钮提交表单信息或执行命令表单元素：部分表单元素（1）单选框通常按组使用，同属一组的多个单选框的name属性相同。（2）HTML定义了三种按钮，用type属性加以区分。三种按钮的type属性分别为button、submit和reset。button为普通按钮。submit为提交数据到服务器的按钮。reset为清除表单中所有输入数据的按钮。活动2：添加图书录入提示

用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。那么我们在页面制作时，如何给表单添加录入提示呢？1、

请同学们访问1-2两个网站的注册页面，观察一般网站的提示信息都是什么内容，如何设计的，并填写书上的表格。网站表单元素提示信息搜狐密码框6~16位，英文（区分大小写）、数字或常用符号2、为图书录入页面的每个表单元素设计提示信息。

为表单元素设计提示信息，就是设计页面的交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？

交互（interaction）指人工制品在特定场景下的反应方式。用户使用各种信息服务过程中的感觉就是一种交互体验。从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。什么是交互：小结1、表单和表单元素2、这节课我们学习了制作图书录入的交互页面，掌

握了如何添加图书录入表单元素并为表单添加图

书录入提示等。练习

1.图书录入页面用于数据输入的表单必须和数据库中的（）保持一致。2.在HTML文件中，表单用于接收用户的（），用户单击按钮提交表单时向服务器（），从而实现用户与web服务器的数据传递。3.表单元素多种多样，举出三个常见的表单元素，并说明它们的功能分别是什么？答案