课程名称:使用HTML语言开发商业站点
教案
《HTML》理论课教案
第3章 表单和框架
一、整章授课思路 [100分钟].................................................................................................................2 1.2.2.1 2.2 2.3 3.3.1 3.2 4.5.5.1 5.2 5.3 5.4 5.5 6.回顾、预习检查、任务、目标部分 [10分钟].....................................................3 [表单页面的基本结枸[10分钟].............................................................................3 为什么需要表单?.......................................................................3 表单包含的控件:.......................................................................3 表单页面的基本结构。...............................................................3 各种表单控件的逐一介绍[20分钟].......................................................................4 表单元素的统一格式。...............................................................4 各种表单元素逐一介绍,先讲解语法,然后举例...................4 课堂练习[15分钟]...................................................................................................5 框架[25分钟]...........................................................................................................6 框架窗口的组成...........................................................................6 框架的使用场合。.......................................................................6 框架的基本结构。.......................................................................6 如何创建多个复杂的窗口。.......................................................6 如何设置窗口链接的显示位置。...............................................6 课堂练习2[15分钟]................................................................................................7 编写如下图所示效果对应的html代码..............................................................................7 7.总结[5分钟].............................................................................................................7
二、学员问题汇总.....................................................................................................................................7
三、作业布置.............................................................................................................................................7
-单行文本输入框(TEXT)密码框(PASSWORD)单选按钮(RADIO)复选框(CHECKBOX)下拉列表框(SELECT)按钮:重置按钮(RESET)、提交按钮(SUBMIT)、普通按钮(BUTTON)多行文本框(TEXTAREA)课程名称:使用HTML语言开发商业站点
教案
送到脚本,而不使用请求字符串。语法:method=(get|post) 课堂案例:表单的基本结构 补充案例:详细介绍post和get提交方式的区别。
get传送的数据量较小,不能大于2KB。post传送的数据量较大。POST一般用于提交的信息比较大的情况,它比GET要安全,因为由它提交的信息不会显示在浏览器地址栏上,而GET则用于提交信息比较小的情况,它的速度比POST要快,但是安全性低,因原因是提交的信息会在浏览器地址栏中显示出来,例如提交密码就不能用GET,必须用POST。当我们提交的信息较少且对安全要求不高的时候就可以使用GET,比如百度搜索(演示)。
3.各种表单控件的逐一介绍[20分钟]
3.1 表单元素的统一格式。
常用属性有:
type:指定表单元素的类型。可用的选项有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默认值为TEXT。
NAME:指定表单元素的名称。例如,如果表单上有几个文本框,可以按照名称来标识它们教案 课程名称:使用HTML语言开发商业站点
教案
5.框架[25分钟]
5.1 框架窗口的组成 框架集页面(FrameSet.htm)广告栏顶部框架(top.htm)框架的边框
导航栏左侧框架(left.htm)详细内容页面右侧框架(main.htm)5.2 框架的使用场合。
在页面的一个固定部分显示Logo或静态信息
左侧框架显示目录,右侧框架显示内容,用户只需单击左侧窗口的目录,在右侧窗口中就会显示相应内容,如网上在线学习教程、论坛、后台管理、产品介绍等。
框架能有机地把多个页面组合在一起,这多个页面之间可互相独立,却又可相互联系。
5.3 框架的基本结构。
(框架)
(框架集)页面的结构是通过属性rows和cols来设置的,根据框架的分割方式可分为:上下分割窗口、左右分割窗口、嵌套分割窗口。
演示将