网页制作-表单讲稿.doc

网页制作——表单了解表单的概念掌握表单网页的制作方法 体验表单网页的制作过程 体验用表单网页进行信息的采集过程 ?二、重点难点： 表单网页的概念表单网页的制作方法 选修模块3：网络技术应用网站设计与评价内容标准能够根据表达任务的需求，使用常用的网页制作软件制作网页1.????硬件：网络机房 2.????软件：多媒体广播教学软件，FrontPage2000 学生在学习本节内容之前，已经学习过因特网的相关知识、会上网，并且已经掌握常用网络工具软件的使用，如QQ、E-mail等等，并且有着浓厚的兴趣。大部分学生只停留在利用QQ聊天、进行网络游戏、收发E-mail等阶段，对申请QQ号码和E-mail时的网页结构形式知之甚少。本节课的关键是通过学习，了解表单网页的制作过程和方法，为以后信息获取和处理打下基础。 网络基础及应用是高中信息技术课程的重点，是培养学生信息素养的关键章节，对于培养学生获取、评价、利用和表达信息的能力，起着举足轻重的作用。而表单网页在基于网络的信息收集处理方面有着明显的优势。 教师活动 学生活动 设计意图 创设情境 课堂引入 问题1：同学们好，你们有QQ号码吗？ ? 问题2：你们有E-mail吗？ ? 讨论思考 利用学生熟知的事物激发学生的学习兴趣 表单网页的形式 问题3：怎样申请一个免费的QQ号码？谁能到前面来给大家演示一下？ 问题4：如何申请一个免费的E-mail呢，谁能到前面再给大家演示一下？ 问题5：在申请QQ和E-mail时，我们要输入哪些个人信息？（广播教学--介绍表单网页的构成要素：单行文本框、下拉列表框，提交按钮、重写按钮等等） 学生选派代表或举手到教师机前面给其他同学演示 让学生体验QQ和E-mail的申请过程，并了解表单网页的结构形式，对表单有一个感性认识 如何制作表单网页 1、表单的概念 表单是一种结构化的网页，利用表单，你可以收集来自世界各地的信息。 2、表单网页制作方法步骤： 依次单击“插入”/“表单”，弹出下级菜单 问题6：表单由哪些组件？ 3、教师演示如何插入单行文本框，流动文本框、复选框、单选按钮、下拉彩单、按钮。 学生观察并练习，教师巡回指导 ? 通过演示模仿，达到熟练操作 任务驱动 ? 学生自主练习 呈现学习任务，要求学生制作一个“留言板” 学生分组操作，自主合作练习 培养学生的合作意识，让学生带着问题进行自主学习，掌握自主、合作学习的方法。 教学评价 指导学生上传分组作品，并向全班同学展示。 学生评价 让学生学会如何客观地评价他人作品。把学生作品作为个人成长记录的一部分。 总结 本课知识回顾和小结 ? ? 网页表单的制作案例教案 一、???????? 问题的提出 制作一张如下所示的用户登记表 二、???????? 问题： 1．上述用户登记表中有哪几种表单域？ 2．表单的工作原理是什么？ ? 三、???????? 表单的构成 ???? 表单域：是容纳输入信息的容器，是用户输入数据的地方。 ???? 表单控制器：负责处理用户在表单中填写的信息。 ???? “提交”和“重置”按钮：将信息提交到站点服务器、清除表单中已填写的内容。 ? 四、???????? 制作用户登记表 ???? 单行文本框：用于让用户输入一行文本信息，并能够被Web服务器接受，用户登记表中的姓名、年龄和E_mail均是单行文本框。 ?? 滚动文本框：单行文本框只能输入一行文本信息，如果要输入多行文本信息，就要使用滚动文本框。 ?? 单选按钮：通常成组使用，用于让用户从一组互斥的选项中选择一项，用户登记表中的性别是一个由两个成员组成的单选按钮组。注意：同一组中的单选按钮的组名称必须是相同的，值不相同。 ?? 下拉菜单：用于让用户从一个列表中选择一项或多项，用户登记表中的文化程度和职业均是下拉菜单。 ?? 复选框：如果希望用户从多个选项中选出要的项目，应该使用复选框，用户登记表中的您的爱好下面的表单域均是复选框，各复选框相互独立。 ?? 按钮：一般在网页中创建表单时，FrontPage 会自动加上两个按钮：“提交”按钮和“全部重写”按钮。“提交”按钮的作用是把表单上的数据提交给Web服务器的表单处理程序；“全部重写”按钮的作用是把表单上的数据清空，让用户重新填写。双击“全部重写”按钮，把此按钮名改为“重置”。 ? 五、???????? 表单处理 1．问题：当用户填写完表单，单击“提交”按钮后，表单被哪个程序处理？怎样处理？ 当用户提交表单后，单击“提交”按钮后，表单内容将被传递给服务器端的表单处理程序，由该程序对表单数据进行处理。虽然FrontPage提供了默认的表单处理程序，但该程序通常只能完成最简单的功能。为了完成用户特定的功能，还需要学习ASP等网络编程语言。 ?? 将表单结果发送