1、3.3信息系统的数据输入第 3 单元第一课时3.3 信息系统的数据输入学习目标能够根据信息输入的要求设计HTML网页。3.3 信息系统的数据输入 想一想，用户的新密码保存在哪里的呢？3.3 信息系统的数据输入 在日常的信息系统使用过程中，用户并没有在数据库管理系统中直接操作数据库，而是通过信息系统应用程序更方便地进行数据操作。HTML+Python+Access用于制作信息系统界面用于制作信息处理程序用于数据管理3.3 信息系统的数据输入任务一 制作图书录入的交互界面活动1：添加图书录入表单元素在3.2节已经设计完成的图书数据表中，包括ISBN、书名、作者、出版时间、种类、数量等字段，图书录入
2、页面也应当包括能够输入这些数据的表单元素。ISBN 书名 3.3 信息系统的数据输入表单 在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与Web服务器的数据传递。Html页面网络服务器Isbn数据Web服务器数据库系统Isbn数据3.3 信息系统的数据输入在HTML文件中，网页中的很多对象（或称元素）用成对的标记表示。form标记中的action和method为表单的属性，action表示表单数据将提交给哪一个程序处理，method表示表单数据的传递方式。以get方式传递数据，浏览器将在地址栏中呈现传递的数据；以post方式传递数据，数据不会
3、出现在地址栏中，所以适合传递敏感数据。3.3 信息系统的数据输入表单元素 用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML定义了多种类型的表单元素。表单元素网页呈现示例 功能属性值文本框输入文本数据text密码框输入密码，内容不显示password单选框只选择其中一项radio复选框可选择多项checkbox下拉列表选择规定内容中的一项select-option按钮提交表单信息或执行命令button,submit,reset3.3 信息系统的数据输入说明：（1）单选框通常按组使用，同属一组的多个单选框的name属性相同。例如：男 女（2）HTML定义了三种按钮，用type属性加以
4、区分。三种按钮的type属性分别为button、submit和reset。button为普通按钮。submit为提交数据到服务器的按钮。reset为清除表单中所有输入数据的按钮。3.3 信息系统的数据输入任务一 制作图书录入的交互界面活动2：添加图书录入提示 用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。1.请同学们访问1-2两个网站的注册页面，观察一般网站的提示信息都是什么内容，如何设计的，并填写书上的表格。3.3 信息系统的数据输入网站表单元素 提示信息 搜狐 密码框61
5、6位，英文（区分大小写）、数字或常用符号3.3 信息系统的数据输入表单元素表单元素提示提示ISBN书名出版时间作者种类数量3.3 信息系统的数据输入交互 为表单元素设计提示信息，就是设计页面的人机交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？交互（interaction）指人工制品在特定场景下的反应方式。用户使用各种信息服务过程中的感觉就是一种交互体验。从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。3.3 信息系统的数据输入拓展练习参考图书录入页面的制作，编写能够添加学生信息的页面。3.3 信息系统的数据输入课堂小结3.3 信息系统的数据输入巩固提升1.图书录入页面用于数据输入的表单必须和数据库中的 保持一致。2.在HTML文件中，表单用于接收用户的 ，用户单击按钮提交表单时向服务器 ，从而实现用户与web服务器的数据传递。3.表单元素多种多样，举出三个常见的表单元素，并说明它们的功能分别是什么？文本框，功能是输入文本数据。密码框，功能是输入密码、内容不显示。单选框，功能是只选择其中的一项。数据项（字段）各种输入传输数据谢谢观看！
