1、第 3 单元信息系统的设计第 3 单元信息系统的设计3.3 信息系统的数据输入3.3 信息系统的数据输入第 1 课时 制作图书录入的交互页面第 1 课时 制作图书录入的交互页面一、教材分析一、教材分析本节我们将围绕“图书数据录入”项目展开学习。整个项目将以 HTML+Python+Access 作为开发工具，展现数据从信息系统输入界面进入数据库的基本过程。教学过程中，采用项目式教学方法，以项目引导学生进行具体任务的探究，在探究过程中构建理论知识体系。二、教学目标二、教学目标1.能够根据信息输入的要求设计 HTML 网页。2.理解信息系统数据访问的基本过程。3.能够描述将用户输入信息存储到数据库
2、的基本过程。三、重点难点三、重点难点教学重点：体验表单与代码的关联，感知网络数据库录入中代码的功能。教学难点：表单元素与其功能实现代码的对应及修改方法。四、教学过程四、教学过程1.引入1.引入静态网和动态网的区别在哪里？在网站（信息系统）使用过程中，（动态网）网页显示的信息是存储在数据库中的，修改数据库内容，则网页的内容也会相应改变。用户并没有在数据库管理系统（ACCESS)中直接操作数据库，而是通过后台管理网页（信息系统）方便地进行数据操作。本节课给同学们讲述动态网站后台管理中信息录入的页面。2.信息系统的开发工具2.信息系统的开发工具3.“添加图书录入表单”案例3.“添加图书录入表单”案例
3、演示“添加图书录入表单.html”：以浏览器打开“添加图书录入表单.html”右键选择“察看网页源代码”4.表单4.表单表单：在 HTML 文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与 Web 服务器的数据传递。form 标记中的 action 和 method 为表单的属性，action 表示表单数据将提交给哪一个程序处理，method 表示表单数据的传递方式。以 get 方式传递数据，浏览器将在地址栏中呈现传递的数据；以 post 方式传递数据，数据不会出现在地址栏中，所以适合传递敏感数据。post 方式理论上没有数据量大小限制，但为了保证系统
4、的稳定运行，通常会限制在 2MB 以内。5.表单元素5.表单元素表单元素：用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML 定义了多种类型的表单元素。6.表单元素的代码6.表单元素的代码7.添加录入提示7.添加录入提示用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。那么我们在页面制作时，如何给表单添加录入提示呢？8.什么是交互8.什么是交互为表单元素设计提示信息，就是设计页面的交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？交互（inter
5、action）指人工制品在特定场景下的反应方式。用户使用各种信息服务过程中的感觉就是一种交互体验。从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。9.小结9.小结1.表单 2.表单元素：文本框、密码框、单选框、复选框、下拉列表、按钮等等。3.添加录入提示。第3单元 信息系统的数据输入3.3信息系统的数据输入1.1.能够根据信息输入的要求设计能够根据信息输入的要求设计HTMLHTML网页。网页。2.2.理解信息系统数据访问的
6、基本过程。理解信息系统数据访问的基本过程。3.3.能够描述将用户输入信息存储到数据库的基本过程能够描述将用户输入信息存储到数据库的基本过程。学习目标：学习目标：重点难点：重点难点：教学重点：体验表单与代码的关联，感知网络数据库录入中代码的功能。教学重点：体验表单与代码的关联，感知网络数据库录入中代码的功能。教学难点：表单元素与其功能实现代码的对应及修改方法。教学难点：表单元素与其功能实现代码的对应及修改方法。第1课时 制作图书录入的交互页面在网站（信息系统）使用过程中，（动态网）网页显示的信息是存储在数据库中的，修改数据库内容，则网页的内容也会相应改变。用户并没有在数据库管理系统（ACCESS
7、)中直接操作数据库，而是通过后台管理网页（信息系统）方便地进行数据操作。一、引入一、引入静态网和动态网的区别在哪里？HTML 用于制作信息系统界面用于制作信息处理程序用于数据管理二、信息系统的开发工具二、信息系统的开发工具+Python Access+信息系统开发.+三、三、“添加图书录入表单添加图书录入表单”案例案例演示案例:添加图书录入表单.html三、三、“添加图书录入表单添加图书录入表单”案例案例在网页状态：右键察看网页源代码三、三、“添加图书录入表单添加图书录入表单”案例案例四、表单四、表单表单：在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从
8、而实现用户与Web服务器的数据传递。四、表单四、表单form标记中的action和method为表单的属性 以get方式传递数据，浏览器将在地址栏中呈现传递的数据；以post方式传递数据，数据不会出现在地址栏中，所以适合传递敏感数据。action表示表单数据将提交给哪一个程序处理method表示表单数据的传递方式post方式理论上没有数据量大小限制，但为了保证系统的稳定运行，通常会限制在2MB以内。五、表单元素五、表单元素表单元素：用 户 向 信息 系 统 提交 的 数 据多种多样，为 了 便 于用 户 的 操作，HTML定 义 了 多种 类 型 的表单元素。表表单元素元素网网页呈呈现示例示例
9、 功能功能文本框输入文本数据密码框输入密码，内容不显示单选框只选择其中一项复选框可选择多项下拉列表选择规定内容中的一项按钮提交表单信息或执行命令单选框通常按组使用，同属一组的多个单选框的 name 属性相同。HTML 定义了三种按钮，用 type 属性加以区分：button 为普通按钮submit 为提交数据到服务器的按钮reset 为清除表单中所有输入数据的按钮六、表单元素的代码六、表单元素的代码表单元素表单元素网页呈现示例网页呈现示例代码代码源码源码表单文本框密码框 单选框复选框 六、表单元素的代码六、表单元素的代码表单元素表单元素网页呈现示例网页呈现示例功能功能下拉列表按钮 列表1 列表
10、2 列表3 七、添加录入提示七、添加录入提示用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。那么我们在页面制作时，如何给表单添加录入提示呢？七、添加录入提示七、添加录入提示网站表单元素 提示信息 搜狐 密码框616位，英文（区分大小写）、数字或常用符号为表单元素设计提示信息，就是设计页面的交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？交互（interactioninteraction）指指人人工工制制品品在在特特定定场场景景下下的的反反应应方方式式。用户使用各种信息服务过程中的感觉就是一种交互体验。从用户角度来说，交互设计是一种让产品变得更易用、有效、令人愉悦的技术；从设计者角度来说，要进行交互设计，必须了解目标用户的期望，了解用户在同产品交互时彼此的行为，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。八、什么是交互八、什么是交互1.表单 2.表单元素：文本框、密码框、单选框、复选框、下拉列表、按钮等等。3.添加录入提示。小结小结感谢您的观看感谢您的观看THANK YOU FOR YOUR WATCHING
侵权处理QQ：3464097650--上传资料QQ：3464097650
【声明】本站为“文档C2C交易模式”，即用户上传的文档直接卖给（下载）用户，本站只是网络空间服务平台，本站所有原创文档下载所得归上传人所有，如您发现上传作品侵犯了您的版权，请立刻联系我们并提供证据，我们将在3个工作日内予以改正。