4.4表单（教案）-高二《网页设计与制作》同步教学（中国工信出版集团）

中等专业学校2022-2023-2教案 编号： 备课组别 计算机 课程名称 网页设计与制作 所在 年级 二年级 主备 教师 授课教师 授课系部 授课班级 授课 日期 课题 模块四 4.4表单 教学 目标 1.安装与配置IIS 2.在Dreamweaver中创建动态站点 3.创建动态网页 4.插入表单及表单对象。 重点 了解安装与配置IIS，创建动态站点 难点 创建动态网页，插入表单及表单对象 教法 讲练法、演示法、任务驱动法 教学设备 多媒体机房 教学 环节 教学活动内容及组织过程 个案补充 教 学 内 容 教 学 内 容 教 学 内 容 【复习导入】 引导学生回顾上节课学习内容 【教学过程及内容】 1. 预备知识： ①Web服务器的安装与配置 网站要在服务器平台下运行，离开一定的平台，动态交互式网站就不能正常运行。要将本地计算机设置为Web服务器，必须在计算机上安装能够提供Web服务的应用程序，对于开发ASP页面来讲，安装IIS是最好的选择。 IIS的英文全称是“Internet Information Server”，中文含义是互联网信息服务，它是一种网页服务组件，其中包括Web服务器、FTP服务器和SMTP服务器等，分别提供网页浏览、文件传输和邮件发送等服务。 ②IIS安装 IIS的作用是将客户端与服务器端进行连接，当访问者在浏览器中发出一个请求时，这个请求通过网络发送到服务器，然后服务器再将它交给IIS处理，并根据请求的文件进行相应的处理。安装IIS的具体操作步骤如下： （1） 选择“开始→Windows系统→控制面板”命令，选择“程序”，弹出“程序”对话框，如图所示。 （2） 单击“程序和功能”选项，打开“Windows功能”对话框，选择“Internet Information Services”，单击“确定”，系统开始安装IIS和Web服务组件。 （3） IIS安装完成后，打开“开始→Windows管理工具→Internet Information Services（IIS）管理器”，将会在打开的窗口中看到“Internet Information Services（IIS）管理器”的工具，如图所示。 ③表单是Internet用户和服务器之间进行信息交流的一种重要工具，它将用户信息收集起来并提交给Web服务器上特定的程序进行处理。表单应用非常广泛，如制作网络调查、博客论坛、留言板、用户注册和网络购物等。 Ⅰ.表单的组成 一个完整的表单由两部分组成，表单对象和应用程序。其中表单对象就是HTML源代码，起描述作用；应用程序是服务器和客户端的交互，通过它们实现对用户信息的处理，不使用处理脚本或应用程序就不能搜集表单数据。 一个完整的表单对象有三个基本组成部分： （1）表单标签：包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。多数情况下，我们通常将表单标签称为表单。 （2）表单域：包含了文本字段、密码字段、隐藏域、文本区域、复选框、单选按钮、列表/菜单和文件域等。 （3）表单按钮：包括提交按钮、重置按钮和普通按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 2.任务安排： 制作在线调查表——表单的应用 ①任务描述：通过制作在线调查表，学会IIS的配置及Dreamweaver动态网站的创建，能够正确插入表单及表单元素，学会表单元素的属性设置方法。 ②操作提示： Ⅰ.选择“文件→新建→空白页→ASP VBScript”创建一个动态网页，单击文档工具栏上的“设计”按钮，切换到设计视图，在“标题”框中输入“在线调查”。 Ⅱ.将光标定位在表格第5行第2列单元格中，选择“插入→表单→复选框组”命令，弹出“复选框组”对话框，在“名称”框中输入“ah”，在“标签”及“值”下面输入“体育”等选项，如图所示。 Ⅳ.将光标定位在表格第6行第2列单元格中，选择“插入→表单→选择（列表/菜单）”命令插入一个列表/菜单。选中刚插入的列表/菜单，在属性面板设置“选择”名称为“zy”，单击“列表值”按钮，打开“列表值”对话框，输入所示的项目标签及值，单击“确定”按钮。 Ⅴ.将光标定位在表格第8行第2列单元格中，选择“插入→表单→文本区域”命令插入一个文本区域，选中该文本区域，在属性面板设置“文本域”名称为“jianli”，“行数”为6，“初始值”为“请填写你的简历及荣誉：”，如图所示。 Ⅵ.选择“文件→保存”命令，输入文件名index.asp，单击“保存”按钮。 【课堂小结】 教师引导学生小结本课所学内容。 【作业布置】