网页制作说课PPT讲解.pdf

Dreamweaver cs3 网页制作案例应用 教学设计 第 1 页 共 13 页 表单的应用 一.教材分析与处理 本节课是DREAMWEAVER CS3 网页制作案例应用第 8 项目的表单的应用。表单使网页具有交互功能。在网页中，广泛使用。由于表单元素比较多，用法各不相同，有一定难度。因此，我把表单的学习，由易到难，设计成三个任务，各有侧重点。二.学情分析 我所教授的对象是中等职业学校二年级计算机专业的学生。他们理解能力弱，学习不够主动，但好奇心强。这个阶段是他们形成人生观和世界观的关键期，本课中我通过“感恩母亲”的情景教学，达到情感目标。三.教学重点与难点 教学重点：1.创建表单。2.掌握各表单元素。教学难点：熟练应用各表单元素。四.教学目标分析【知识目标】掌握表单的基本构成要素，了解表单设计及制作流程，理解、掌握并熟练运用表单各知识点。【能力目标】1.根据场合灵活制作表单。2.培养学生使用 Dreamweaver CS3 软件的综合能力，提高应用水平；【发展目标】1.培养学生的自主学习能力、自我探究能力；2.增强学生的审美意识、组织能力和团结协作的精神；3.感恩母亲。五.层次目标【基础薄弱学生】1.掌握表单的常用元素，了解表单的作用；2.能按照教材及自学课件的帮助下，完成表单任务一的制作。【中等学生】1.掌握表单的常用元素，了解表单的作用；2.能完成任务一和任务二。Dreamweaver cs3 网页制作案例应用 教学设计 第 2 页 共 13 页 【优等学生】1.掌握表单的常用元素，了解表单的作用；2.能快速完成任务一，任务二和第二课堂；3.有创意地制作表单网站，并能指导帮助本组的其他同学；六.教学线索 线索一 行为向导 线索二 情感情景 GO!GO!FOLLOW ME(跟我学)牛刀小试 八仙过海，各显神通 任务一 跟我学 任务二 分组合作 第二课堂独立完成 情景引入 情 景 分 组 母亲调查表 出售康乃馨 感 恩 母 亲 Dreamweaver cs3 网页制作案例应用 教学设计 第 3 页 共 13 页 七.教学方法 1情景教学法：教师在教学过程中再现不同的会话场景，并通过教师本人的语言、动作、表情及姿态传递给学生，使整个教学弥漫着一种和谐、融洽、振奋、饱满的情感气氛，从而以情激情，以情激趣，以情促知，以情育人，实现知与情的统一、和谐、优化，最终达到激发学生学习的兴趣。本课中我努力营造一种“感受母爱，孝敬父母，感恩母亲”的情景氛围。2任务驱动法：课程中我提供三个任务，任务一和任务二在课堂完成，第二课堂可以让学生拓展学习。3小组合作法（协作学习）：让学生自己辅导自己，人人都是小老师。八.教学资源准备 硬件环境：1.一人一台电脑 2.多媒体设备，如投影仪、麦克风等 软件环境：1.WinXP，Dreamweaver，Office。2.制作辅助教学课件，在教师授课时使用。3.将课件及实例素材发给每位学生。4.班级学生按“组内异质，组间同质”的原则分组，分成 4 组。【课程导入】请同学一起欣赏一则关于母爱的视频。意图如下：1 吸引同学的注意力，马上进入上课状态。2 情感教育。3 根据情景角色分组。4 引出母亲节调查表。小组合作教学法 任务驱动教学法 情景教学法 Dreamweaver cs3 网页制作案例应用 教学设计 第 4 页 共 13 页 同学们看了这则视频，我们再来看一则关于母亲的比喻 有人说：母亲是春雨，润物细无声；母亲是天使，守护我一生；母亲是蜡烛，成灰泪始干；母亲是明灯，照亮我一生。你认为这些比喻好吗？分组原则：“组内异质，组间同质”根据四个母亲的比喻，分组如下：【教学主体】任务一 母亲节调查表 任务一导读 1.第一环节（go!go!Follow me 跟我学），教师除了必要的知识传授，更多的是组织学生共同完成母亲表单的制作。2.这部分我设置了 4 个抢答题，8 个必答题，每题 10 分，以组计分，在游戏中快乐掌握各个知识点。3.提供实例参考。Dreamweaver cs3 网页制作案例应用 教学设计 第 5 页 共 13 页 请认真回答下面的问题（抢答）：思考（必答题）：1.这张表单有哪些元件组成？2.同学们碰到过哪些类型的表单，请举例。认识表单 表单的概念：表单可以实现网站和来访者之间的交互，或从他们那里收集信息。表单包括两个部分：一.HTML 源代码用于描述表单，例如域、标签和用户在页面上看见的按钮；二.脚本或是应用程序用于处理提交的信息，例如 CGI 脚本。表单的处理过程，如下图 Dreamweaver cs3 网页制作案例应用 教学设计 第 6 页 共 13 页 CGI（公共网关接口）是一种在服务器和处理脚本之间传送信息的标准化方式。（1）先输入文字“母亲节调查”并设置成字号大小为：36pt，颜色为：FF0000 跟我学：母亲节调查表单的制作 Dreamweaver cs3 网页制作案例应用 教学设计 第 7 页 共 13 页 （2）插入表单 执行菜单的“插入”|“表单”命令插入表单，然后在表单中插入表格，表格为 6 行 2 列，宽度为：500 像素。（3）插入文本框 输入文字“母亲的年龄：”，再使用“插入”|“表单”面板中的文本字段按钮插入文本框，如图 效果如下：思考（必答题）：1.文本框太大了，我们可以将它设置小些吗？2.如何设置密码域？（4）插入列表 输入文字“母亲的生日：”，选择插入表单面板的“列表/菜单”按钮，如下图所示 Dreamweaver cs3 网页制作案例应用 教学设计 第 8 页 共 13 页 效果如下：（5）插入单选框 输入文字“母亲节你送礼物吗：”，添加单选框及文字，效果如下：思考（必答题）：如果有多组单选按钮，应如何设置分组？每个单选按钮都有一个名字，同一组单选按钮的名字相同，不同组的单选按钮则反之。如下图：Dreamweaver cs3 网页制作案例应用 教学设计 第 9 页 共 13 页 提示：也可以使用单选按钮组，添加单选按钮！（6）插入按钮 插入提交和重置按钮，如下图所示 思考（必答题）：如何设置提交和重置按钮？（7）提交表单 下面我们将表单提交给指定的邮箱。Dreamweaver cs3 网页制作案例应用 教学设计 第 10 页 共 13 页 1.选中表单，单击 form，如下图：2.在属性面板，添加动作，如下图所示：Dreamweaver cs3 网页制作案例应用 教学设计 第 11 页 共 13 页 总结两条原则 1.添加表单元件：鼠标移到表单元件上，看提示，如下图：2.设置表单元件属性 选中表单元件，在属性面板中设置。任务二调查表单的制作 任务二导读 1.在第二环节（牛刀小试），参考课本，制作调查表单。学生遇到困难，解决问题的四条途径：1)参考课本；2)组内讨论；3)老师的帮助；4)使用 Dreamweaver 帮助。2.组内合作，请将调查表单美化。3.组内互评和组间互评 1)展示你最得意的部分。2)说说你们组制作过程中的困难。3)对方组的优缺点 4.组长给对方组打分 5.教师总结 Dreamweaver cs3 网页制作案例应用 教学设计 第 12 页 共 13 页 第二课堂网上售花 母亲节即将来临，你想在网上开一家花店，销售康乃馨，请你制作一张购物表单。总结 本课运用情景教学法，让学生在制作表单的过程中,感受母爱、感悟母亲、感恩母亲的氛围中学习。教学注重学生动手能力、团队合作能力的培养，教师由学科专家转变为学生学习的促进者和指导者，营造平等和谐的师生关系，在快乐学习中，掌握表单的制作与应用。作业 1.课本 p81:1、2、3 2.温习所掌握的操作 3.预习下一项目内容 Dreamweaver cs3 网页制作案例应用 教学设计 第 13 页 共 13 页 附件一 评分标准 被评组名：日期：月 日 项目 细则 得分 主题明确 明确（3 分）一般（2 分）要加油（1 分）布局合理 合理（3 分）一般（2 分）要加油（1 分）色彩搭配 合理（3 分）一般（2 分）要加油（1 分）设计新颖 有创意（3 分）一般（2 分）要加油（1 分）模仿程度 精确（3 分）一般（2 分）要加油（1 分）合计：