制作表单网页.ppt

制作表单网页 dreamweavercs3网页制作案例教程陈承欢主编高等教育出版社 教材分析与处理 本节是 dreamweavercs3网页制作案例教程 第7章的表单制作与应用 表单使网页具有交互功能 在网页中 广泛使用 由于表单元素比较多 用法各不相同 有一定难度 因此 我把本章知识点 由易到难 设计成三个任务 各有侧重点 学情分析 我所教授的对象是中专二年级计算机专业的学生 具有网页设计的基础知识 学习能力参差不齐 学习不主动 但可塑性很强 这个阶段是人生观和世界观形成的关键期 本课中我通过 感恩母亲 的情景教学 达到情感目标 重点 难点与关键点 教学目标分析 1 层次目标 优等学生 1 掌握表单的常用元素 了解表单的作用2 能按照教材及自学课件的帮助下完成任务一的制作 中等学生 基础薄弱学生 1 掌握表单的常用元素 了解表单的作用2 能完成任务一和任务二 1 掌握表单的常用元素 了解表单的作用 2 能快速完成任务一和任务二 3 能按客户要求制作表单网站 并能指导帮助本组的其他同学 1 线索一 行为导向 教学线索 跟我学 2 线索二 情景线索 引入情景 教学线索 教法 以任务驱动法 小组和作法 情景教学法为主 并辅以讲授 演示等其他教学方法 从实践操作中总结归纳原理 并通过实践教学完善教学内容 实现了做中学 做中会的教学理念 教学准备 机房及硬软件环境 多媒体教学系统 大投影 素材 图片和事先录制的操作录像 可通过教师机发至每台学生机 班级学生分组学时安排 2课时 教学准备 新课导入 同学们 我们分组后进行一个游戏 小组组长根据要求派出选手回答下列问题 答对者所在小组奖励1分 答错者所在小组扣1分 积分最多的小组就是我们今天的胜出组合 由学习委员统计 同学们准备好了吗 教学过程 母亲节网上调查 看表单 回答表单中的问题 思考 1 这张表单有哪些元件组成 第一小组 2 我们碰到哪些类型的表单 请举例 第二小组 答 由文本域 列表 单选按钮 按钮组成 答 表单的种类有注册表 留言薄 站点导航条 搜索引擎等 认识表单 表单的概念 表单可以实现网站和来访者之间的交互 从用户端收集信息 提交给服务器 表单包括两个部分 一 html源代码用于描述表单 例如域 标签和用户在页面上看见的按钮 二 脚本或是应用程序用于处理提交的信息 例如cgi脚本 表单的处理过程 任务一 母亲节调查表单 1 先输入文字 母亲节调查 并设置成字号大小为 60 颜色为 ff0000 跟我学 母亲节调查表单的制作实例参考视屏参考 执行菜单的 插入 表单 命令插入表单 然后在表单中插入6行2列表格 宽度为 500像素 行高为25像素 2 插入表单 输入文字 母亲的年龄 再使用 插入 表单 面板中的文本字段按钮插入文本框 如图 效果如下 3 插入文本框 思考 1 文本框太大了 我们可以将它设置小些吗 第三小组 2 如何设置密码域 第四小组 输入文字 母亲的生日 选择插入表单面板的 列表 菜单 按钮 如下图所示 效果如下 4 插入列表 思考 1 如何添加列表值 第一小组 2 如何删除列表值 第二小组 输入文字 母亲节你送礼物吗 添加单选框及文字 效果如下 5 插入单选框 思考 如果有多组单选按钮 应如何设置分组 第三小组 每个单选按钮都有一个名字 同一组单选按钮的名字相同 不同组的单选按钮则反之 如下图 提示 也可以使用单选按钮组 添加单选按钮 6 插入命令按钮 插入提交和重置按钮 如下图所示 思考 如何设置提交和重置按钮 第四小组 如果标签设置为提交 动作选择重设表单 结果会怎样 抢答题 7 提交表单 下面我们将表单提交给指定的邮箱 1 选中表单 单击form 如下图 2 在属性面板 添加动作 如下图所示 总结 两条原则 1 添加表单元素 鼠标移到表单元件上 看提示 如下图 2 设置表单元件属性选中表单元件 在属性面板中设置 任务二 留言薄表单制作 1 参考课本205页 制作留言薄表单 实例参考视屏参考 教学过程 2 组内合作 请将留言薄表单美化 实例参考 视频参考 3 组内互评展示你最得意的部分 说说自己制作过程中的困难 评选出组内认为最好的两幅作品 附 评分标准 教学过程 5 教师展示学生作品 点评和总结 4 组长负责将本组最好的2幅作品上传至服务器 第二课堂 母亲节就要到了 很多子女想安排父母去旅游 某旅游公司需要你帮助制作一张网上旅游调查表单 样例参考 制作时可以模仿样例 也可以自主设计 提倡创新与超越 教学过程 本节课尝试在理工科的课程中实施情景教学法 整个课堂 学生在感恩母亲的氛围中学习 教学注重学生动手能力 团结协作能力的培养 调动了学生参与课堂的积极性 实现了教学过程与岗位需求的对接 最大的困惑就是大部分学生审美不够 只能实现页面功能 色彩搭配不和谐 后来 学校在我的建议下每周开设2节色彩构成课程 我自己在课堂上也加强了对学生这方面的培养 都从一定程度上弥补计算机网络学生对美的需求 总结反思 新课导入 1 创设情境 分组2 什么是表单一 任务一 制作母亲节调查表单思路 先插入表单域 对页面布局 常用的布局方法