网页制作说课PPT

1、Dreamweaver cs3 网页制作案例应用教学设计表单的应用一. 教材分析与处理本节课是DREAMWEAVER CS3 网页制作案例应用第8项目的表单的应用。表单使网页具有交互功能。在网页中，广泛使用。由于表单元素比较多，用法各不相同，有一定难度。因此，我把表单的学习，由易到难，设计成三个任务，各有侧重点。二. 学情分析我所教授的对象是中等职业学校二年级计算机专业的学生。 他们理解能力弱，学习不够主动，但好奇心强。这个阶段是他们形成人生观和世界观的关键期，本课中我通过“感恩母亲”的情景教学，达到情感目标。三. 教学重点与难点教学重点：1.创建表单。 2.掌握各表单元素。教学难点： 熟练应

2、用各表单元素。四. 教学目标分析【知识目标】掌握表单的基本构成要素，了解表单设计及制作流程，理解、掌握并熟练运用表单各知识点。【能力目标】1.根据场合灵活制作表单。2.培养学生使用Dreamweaver CS3软件的综合能力，提高应用水平；【发展目标】1. 培养学生的自主学习能力、自我探究能力；2. 增强学生的审美意识、组织能力和团结协作的精神；3. 感恩母亲。五. 层次目标【基础薄弱学生】 1.掌握表单的常用元素，了解表单的作用； 2.能按照教材及自学课件的帮助下，完成表单任务一的制作。【中等学生】1.掌握表单的常用元素，了解表单的作用； 2.能完成任务一和任务二。【优等学生】1.掌握表单的

3、常用元素，了解表单的作用； 2.能快速完成任务一，任务二和第二课堂；3.有创意地制作表单网站，并能指导帮助本组的其他同学；六. 教学线索线索一 行为向导GO!GO!FOLLOW ME(跟我学)牛刀小试八仙过海，各显神通任务一跟我学任务二分组合作第二课堂独立完成线索二 情感情景情景引入情景分组母亲调查表出售康乃馨感恩母亲七. 教学方法小组合作教学法任务驱动教学法情景教学法1情景教学法：教师在教学过程中再现不同的会话场景，并通过教师本人的语言、动作、表情及姿态传递给学生，使整个教学弥漫着一种和谐、融洽、振奋、饱满的情感气氛，从而以情激情，以情激趣，以情促知，以情育人，实现知与情的统一、和谐、优化，

4、最终达到激发学生学习的兴趣。本课中我努力营造一种“感受母爱，孝敬父母，感恩母亲”的情景氛围。2任务驱动法：课程中我提供三个任务，任务一和任务二在课堂完成，第二课堂可以让学生拓展学习。3小组合作法（协作学习）：让学生自己辅导自己，人人都是小老师。八. 教学资源准备硬件环境：1. 一人一台电脑2. 多媒体设备，如投影仪、麦克风等软件环境：1. WinXP，Dreamweaver，Office。2. 制作辅助教学课件，在教师授课时使用。3. 将课件及实例素材发给每位学生。4. 班级学生按“组内异质，组间同质”的原则分组，分成4组。 【课程导入】请同学一起欣赏一则关于母爱的视频。意图如下：1 吸引同学

5、的注意力，马上进入上课状态。2 情感教育。3 根据情景角色分组。4 引出母亲节调查表。同学们看了这则视频，我们再来看一则关于母亲的比喻有人说：母亲是春雨，润物细无声；母亲是天使，守护我一生；母亲是蜡烛，成灰泪始干；母亲是明灯，照亮我一生。你认为这些比喻好吗？分组原则：“组内异质，组间同质”根据四个母亲的比喻，分组如下：【教学主体】任务一 母亲节调查表任务一导读1. 第一环节（go! go! Follow me 跟我学），教师除了必要的知识传授，更多的是组织学生共同完成母亲表单的制作。 2. 这部分我设置了4个抢答题，8个必答题，每题10分，以组计分，在游戏中快乐掌握各个知识点。3. 提供实例参

6、考。请认真回答下面的问题（抢答）：思考（必答题）：1.这张表单有哪些元件组成？2.同学们碰到过哪些类型的表单，请举例。认识表单表单的概念 ：表单可以实现网站和来访者之间的交互，或从他们那里收集信息。表单包括两个部分： 一.HTML源代码用于描述表单，例如域、标签和用户在页面上看见的按钮； 二.脚本或是应用程序用于处理提交的信息，例如CGI脚本。 表单的处理过程，如下图CGI（公共网关接口）是一种在服务器和处理脚本之间传送信息的标准化方式。 跟我学：母亲节调查表单的制作（1）先输入文字“母亲节调查”并设置成字号大小为：36pt，颜色为：FF0000（2）插入表单执行菜单的“插入”|“表单”命令插

7、入表单，然后在表单中插入表格 ，表格为6行2列，宽度为：500像素 。（3）插入文本框输入文字“母亲的年龄：”，再使用“插入”|“表单”面板中的文本字段按钮插入文本框，如图效果如下：思考（必答题）：1.文本框太大了，我们可以将它设置小些吗？2.如何设置密码域？（4）插入列表输入文字“母亲的生日：”，选择插入表单面板的“列表/菜单”按钮，如下图所示 效果如下： （5）插入单选框输入文字“母亲节你送礼物吗：”，添加单选框及文字，效果如下： 思考（必答题）：如果有多组单选按钮，应如何设置分组？每个单选按钮都有一个名字，同一组单选按钮的名字相同，不同组的单选按钮则反之。如下图：提示：也可以使用单选按钮

8、组，添加单选按钮！（6） 插入按钮插入提交和重置按钮，如下图所示思考（必答题）：如何设置提交和重置按钮？（7）提交表单下面我们将表单提交给指定的邮箱。1.选中表单，单击form，如下图：2.在属性面板，添加动作，如下图所示：总结两条原则1.添加表单元件：鼠标移到表单元件上，看提示，如下图：2.设置表单元件属性选中表单元件，在属性面板中设置。任务二调查表单的制作任务二导读1. 在第二环节（牛刀小试），参考课本，制作调查表单。学生遇到困难，解决问题的四条途径：1) 参考课本；2) 组内讨论；3) 老师的帮助；4) 使用Dreamweaver帮助。2. 组内合作，请将调查表单美化。3. 组内互评和组

9、间互评1) 展示你最得意的部分。2) 说说你们组制作过程中的困难。3) 对方组的优缺点 4. 组长给对方组打分5. 教师总结第二课堂网上售花母亲节即将来临，你想在网上开一家花店，销售康乃馨，请你制作一张购物表单。总结 本课运用情景教学法，让学生在制作表单的过程中, 感受母爱、感悟母亲、感恩母亲的氛围中学习。教学注重学生动手能力 、团队合作能力的培养，教师由学科专家转变为学生学习的促进者和指导者，营造平等和谐的师生关系，在快乐学习中，掌握表单的制作与应用。作业1. 课本p81:1、2、32. 温习所掌握的操作3. 预习下一项目内容附件一评分标准被评组名： 日期： 月 日项目细则得分主题明确J