网页制作教学设计

一 教材分析 网页制作 是浙教版 信息技术基础 第六章第二节的内容 它以 北京故宫 网站为例 介绍了网页制作的一般步骤 本文设计 了两个实践体验 设计制作网站主页 和 设置超链接 而这恰好 是制作网站最重要的两个环节 网页制作 这一部分的内容不仅在 会考还是高考都是一个专题模块 因此这部分知识在整本书中占有举 足轻重的地位 二 学情分析 高中的学生只要在初中上过信息课 他们都曾接触过制作网页制 作的简单操作 而且大部分都上过网 对网页的布局 设计和制作带 来了方便 教材中采用的网页制作软件是 FrontPage2000 由于 FrontPage2000 采用了与 Word 等其他 Office 软件相类似的图形操作界 面 在第三章 学生已经学过了 Word 字处理软件 因此 学生对 FrontPage2000 的启动 关闭 文件操作 文字编辑和图片处理都会有 一种似曾相识的感觉 这种知识的迁移对后续的学习非常有利 三 教学目标 一 知识与技能 1 FrontPage2000 的启动 2 新建与保存网页 3 主页命名与设置网页标题 4 文字与图片的插入及属性的设置 如文字大小 字体 颜色等 图片大小 格式转换 环绕样式等 5 表格的插入及边框粗细的设置 6 单元格的合并于拆分 7 超链接的制作 二 过程与方法 1 通过简单网站的制作 认识网站的结构 2 通过网页的制作 掌握设计网页的一般步骤 3 欣赏别人的网站 学会规划与设计网页的能力 三 情感态度与价值观 1 通过自行制作的网站 体验创造的乐趣和成功的喜悦 2 通过欣赏和评价优秀的网站 激发学生创作欲望和学习兴趣 四 教学重点和难点 重点 1 文字与图片的插入 2 表格的应用 3 超链接的设置 难点 1 如何安排文字与图片的位置关系 使页面更和谐 2 如何拆分与合并单元格 使表格的布局更为合理 五 教法与学法指导 教法 任务驱动法 演示法 学法 小组合作法 探究法 六 教学准备 本节课的学习是在机房中进行的 除了需要连成局域网的机子外 还需带广播功能的软件 如极域软件等 教师准备一个优秀的网站及 一些制作网站的素材 七 教学策略与总思路 或总环节框架 学生是学习的主体 应掌握学习的主动权 本节课的设计 以提 升学生的自主探究能力以及分析问题 解决问题等能力为目标 本节 课刚开始通过名人并且是制作优秀的个人网站展示 让学生分析网站 中的元素 然后通过任务驱动的方式 让学生自主探究如何制作这些 元素 接着通过小组合作的方式来制作他们喜爱的站 最后来交流和 评价他们的作品 八 教学过程 一 情景创设 2 展示 姚明 的个人网站 学生不仅看到了他们的偶像 更重要 的是被精美的网页所吸引 接着要求学生通过阅读课本 提问 1 网页 中所包含的元素有哪些 提问 2 这些元素是如何制作的 设计意图 通过欣赏 姚明 的个人网站 吸引学生们的注意 力 激发他们的学习兴趣 同时为引出下面的知识做好铺垫 二 新课讲授 2 1 文字的插入 复制 粘贴 2 文字属性的设置 选中文字 再按要求在文字工具栏上选中相 应的值 3 图片的插入 插入 图片 来自文件 4 图片格式的转换 右击图片 图片属性 常规 类型 5 图片的环绕样式 右击图片 图片属性 常规 样式 格式 定位 6 表格边框粗细的设置 右击表格 表格属性 边框粗细 7 单元格的合并与拆分 选中要合并的单元格或要拆分的单元格 再右击 8 超链接的对象 既可以是文字也可以是图片 9 常见超链接的类型 链接到网址 链接到本地网页文件 链 接到电子邮件 设计意图 这个环节老师只花 2 分钟的时间 点到即止 告诉 学生碰到问题可以在操作提示中去寻找帮助 由于之前学生学过 word 所以有些操作能力比较强的学生可以不借助于提示 并不做 详细的操作演示 因为它包含在下面操作任务的提示中 目的在于培 养学生自主探究能力 三 实践体验 任务一 将 shouye htm 另存为 index htm 并设置网页的 标题为 2010 年上海世博会 2 设计意图 让学生掌握网页的主页一般命名为 index htm 同时掌握网页标题的设置 任务二 在单元格 5 中插入素材文件夹中 wenzi txt 文字 并 设置字体为 4 号 宋体 黄色 在单元格 8 中插入素材文件夹中 logo bmp 图片 要求图片与文字为左环绕样式 同时将 bmp 格式转 换为 jpg 格式 3 设计意图 让学生掌握文字与图片的插入 文字属性的设置和 图片格式的转换以及图文混排 环绕样式 任务三 让学生制作和下面一样表格的网页首页 不需要插入真 正的图片和文字 模仿即可 但在预览时表格的边框是看不到的 5 图片 超链接 1 超链接 2 超链接 3 超链接 4 超链接 5 图片 文字 图片 文字 图片 文字 图片 文字 图片 文字 版权 设计意图 让学生掌握表格的插入 边框粗细的设置及单元格 的合并或拆分 这里仅仅是模仿 为以后的创新打基础 任务四 给其中的一个超链接 超链接 1 5 中的任何一个 设置 为有效的超链接 链接到素材文件夹中的 fenguan htm 4 设计意图 让学生掌握超链接的设置 设计意图 实践体验这个环节所有的操作均有操作提示 学生 可直接上 FTP 去下载 当然有能力的学生可省去这个步骤 这个环节 纯粹是为了练兵 掌握本节课的知识点 并没有按照学生的意愿去设 计他们的作品 四 作品制作 20 4 个学生一组去设计他们感兴趣的网站 这个网站至少要有一张主 页 一张分页 有能力的同学当然可以多设计几张分页 所有素材都 有教师提供 具体分工为 1 人收集素材 2 人制作网页 1 人负责解 说他们设计的网站 设计意图 如果说 实践体验 那个环节束缚了学生思维的话 那么这个环节学生可以充分发挥他们的想象 可以综合运用所学的知 识去设计自己想要的作品 这个环节不仅可以起到巩固知识的作用 同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来 的喜悦 五 交流评价 5 评价的依据 网站中是否至少有一张主页 一张分页 主页是否命名为 index htm 网页中是否有文字与图片要素 超链接是否有效 文字与图片混排是否和谐 网页布局是否合理 表格是否用得恰当 作品内容是否有意义 积极向上 网站的整体感觉是否给人 美 的享受 设计意图 这个环节不仅能够培养学生们的解说与欣赏能力 同时通过作品的比较与交流 可以起到查漏补缺的作用 让学生们更 好地认识自己的作品 从而更好的掌握某些知识技能的应用 六 课堂小结 2 本节课主要介绍了制作网页的一般步骤 如何设计主页与分页以 及他们之间的超链接 如