动手做网页》教学设计

1 / 7 动手做网页教学设计 一、教材分析 本节内容以动手操作为主，教材用任务驱动方式完成整个网页的设计，通过网页设计中图像、文字、动画、声音等多媒体技术的处理，向学生介绍网页制作过程中需要掌握的基本知识。本节主要完成以下任务：启动 FrontPage2000 并建立网站、应用表格结构设计网页、应用框架结构设计网页，最后完成网页间的超级链接。 教学重点：应用两种方法设计网页以及网页间的超级链接。 教学难点：表单设计，表单中有 “ 单行文本框 ” 、 “ 滚动文本框 ” 、 “ 复选框 ” 、 “ 单选按钮 ” 等，教师在讲解时可根据学生实际情况，酌情处理，可以适当减少 “ 意见反馈表单 ” 的内容。 在进行本节教学时可以与已学过的 WoRD2000 结合起来，开拓学生思路多渠道寻找解决问题途径，培养学生自主探究的学习能力，把创新理念融入到教学之中。 二、教学目标 知识目标： 1初步了解网页制作的过程，熟悉网页的各种元素； 2掌握网页制作的一些技术和方法，能制作一个简单的网页。 能力目标： 1以建构主义理论为指导，以研究性学习2 / 7 为载体，培养学生自主学习、合作学习和动手操作能力； 2让学生 通过亲身经历，提高分析和解决实际问题的能力 情感目标： 1培养学生与他人协作的学习品质，提高学生的协作能力； 2培养学生的科学探索精神与严谨的治学态度。 三、教学方法 本节课主要运用的是任务驱动式教学方式，首先通过学生自身或现实中感知的、感兴趣的事物入手，在学生所学过的网络知识的基础上来激发学生的学习兴趣，形成学习动机。在教学环节中多培养学生自主学习能力，多让学生通过阅读课本，动手实践操作、与同学间相互交流探讨来获得，让学生自始自终采用研究性学习的学习手段。在教学评价中，教师应 注意让学生在学习过程中充分暴露思维矛盾，展示学习的进程，有针对性地调整教学进度。在教学重点（网页制作的技术）、难点（网页制作中文字的编辑，图片、动画的插入）的突破上，应精心设计相关的思考题，通过学生自学、讨论交流、操作演示等方法来解决。 四、教学过程 （一）创设情境引出问题（激发学生的学习兴趣） 教师可以选择一个富有个性的个人网站来展示给学生看 。 首 先 请 学 生 看 一 个 个 人 的 网 站 http ：/zidingxiang 512j com/，然后请学生看一个初一年级3 / 7 学 生 使 用 FrontPage 制 作 的 网 站 http ：/www nbxiaoshi net/xsgrzy/，最后请学生观看老师做的网站 http： /dhzx lyge cn。通过以上几个网站的介绍，每个学生都已跃跃欲试了。此时教师做一个过渡： “ 刚才在浏览器中所看到的每一幅画面都是一个网页，这些网页有的美观大方，有的丰富多彩，有的个性鲜明，那么我们自己能不能制作出具有自己风格的网页，并在网上发布，以便进行广泛的信息交流呢？ ” 学生一定会说 “ 能 ” 。今天我们就一起来学习网页制作。教师导出本节课的教学目标。 （二）研究问题建构新知 1设疑、导入知识点一：网站的建立 问题 1：在 E 盘根目录下建立一个名为 “wweb” 的网站。 组织教学：（ 1）首先让学生自学课本 P 135-136 的内容 思考： 新建 “ 站点 ” 与新建 “ 网页 ” 有何不同？ 使用新建 “ 站点 ” 有何优点？ （ 2）学生演示操作 （ 3）学生回答思考题 （ 4）学生反馈练习（在 D： 建立 “ 网站 web” 的网站） 2分析、导入知识点二：网页的制作 问题 2：在 “web” 网站中如何建立首页。 组织教学：（ 1）相互讨论，提出解决问题 2 的办法。 4 / 7 提示：结合课本 P 136-142，分步解决问题。 （ 2）学生回答解决问题 步骤 1将语言代码定义为：简体中文（ GB2312） 2编辑窗口中的文字：美观、大方 3图片插入页面 4插入动画 思考 为什么要定义？ 网页制作和 WoRD 文字处理的相同与不同之处？ 网页中常用的图片格式有哪些？ 回答 提示 学生 教师 学生（阅读课本中相关内容，可相互讨论） 教师巡视帮助学生解决问题 学生（阅读课本中相关内容，可相互讨论） 学生（阅读课本中相关内容，力求掌握操作要领）教师可适当提醒学生插入动画之后会怎样 演示操作 5 / 7 学生演示操作 教师可以随意点名让学生来操作演示。这部分内容不难。 教师（此处要通过艺术字的运用，让学生明白各种软件之间可以相互借鉴补偿的，提高学生的综合运用能力。） 学生（尝试练习） 教师（此部分学生最感兴趣，可以结合前面学习的知识让学生到网上寻找适合自己用的图片运用到网页中） 学生尝试操作，当发现问题时，教师可进一步提醒学生，要让每一学生带上耳机，有的时候会因为耳机问题，此时教师要加以解决问题。 学生反馈练习 语言设置 输入文字，进行格式设置 插入图片 插入动画 点评 教师 存在问题：字体不用常规字体，美化字体时不做成图片格式 能恰当灵活的运用图片美化网页。提高学生的审美欣赏水平 。 6 / 7 同样要提醒学生注意整个网页的布局及内容的配合问题 小结 教师强调要点 教师以鼓励为主 3分析、导入知识点三：网页的保存 问题 3：将所建网页以 “index htm” 为名保存。 组织教学：（ 1）保存时要注意什么？为什么？ （ 2）学生看书、回答 （ 3）学生操作练习 （ 4）教师点评、小结 注意对图片、声音、动画的保存方法。 （三）自主小结归纳信息 组织教学：（ 1）提问：本节课同学们学到了哪些知识？掌握了哪些知识？ （ 2）学生回答，相互补充 （ 3）教师评价 （四）课外研究拓展综合 （ 1）思考，完成以下题目：插入水平线；设置背景。 7 / 7 （ 2）运用所学知识，一人或多人建立一个网站，根据自己所学的内容设计一个丰富多彩、富有鲜明个性特征网页的方案，确定步骤。 主要参考资料： 1初中信息技术教科书（含光盘）江苏省中