Dreamweaver网页制作 电子教案 6.1 表单的应用.docx

编号： 课题 6.1 表单的应用 课型 理实一体课 教学 时间 教学 地点 学时 教学目标　　 1、能正确插入表单 2、能合理使用表单中的各种元素 3、能使用表格排版布局表单中的元素 教学重点　 插入表单、使用表单中的各种元素 教学难点　　 使用表格排版布局表单中的元素 教学方法　　　 理论：使用多媒体教学方法讲授；实训：学生上机操作　　 教学内容与教学过程设计 方法与时间 导入课程：大家都可能进行过网上购物，在网上购物时，你需要在网页填写或选择所购商品的信息，还要填写自己的个人信息。也有可能申请注册过某网站的会员，注册会员时也需要在网页上输入或选择一些信息。类似这些能输入信息的页面是如何制作的？这就要用到表单，利用表单可以设计出各种信息的页面，这样的页面使得和浏览者的互动性更强。 6.1.1 创建表单 注意：在制作表单页面之前首先要创建表单，表单对象必须添加到表单中才能正常运行。 可以用“插入”|“表单”或“插入”工具栏中的“表单”选项卡中的“表单”按钮。 6.1.2 表单中的各种元素 表单中各个元素都有名称和值这两个基本的属性，并且可以在各元素的属性面板中设置。 表单中的元素主要有： 1. 文本字段和文本域 2. 隐藏域 3. 复选框 4. 单选按钮和单选按钮组 5. 列表/菜单 6. 标签 7. 文件域 8. 按钮 9. 图像域 6.1.3 实例---“个人资料”页面 1.制作一个网页，主题为“注册页面” 2.插入一个表单 3.插入表格，居中对齐，用来排版表单的元素，设置单元格的背景色美化页面 4.插入各种表单元素，实现搜集用户的不同信息 实施步骤： 步骤一：新建站点并建立网页 步骤二：插入表单 点击插入工具栏中【常用】按钮，把插入工具改为【表单】 注意：在插入任何其他表单元素前，都要先插入表单，表单相当于一个容器，可以容纳其他表单元素。 步骤三：插入表格用于布局放置各个表单元素，布局如图所示 步骤四：插入各种表单元素 在布局表格的相应单元格中插入表单元素，效果如图 步骤五：保存文件，预览最终效果 　　　 　　　 　　　 　 　　　 　　 　 　 　　 　　 　　 　　 　　 　 　 　 课堂练习作业：制作 儿童乐园论坛表单 课堂小结：本项目主要介绍了如何在网页中使用表单相关信息，并且要合理运用，以达到用户方便的输入各种信息，快捷、直接的与网页进行交互。　 课后：布置课后作业与预习内容 教学后记：