网页的制作--用frontpage创建站点

1 4 3 网页的制作网页的制作 用用 FrontPage 创建站点创建站点 一 教学内容分析一 教学内容分析 网页的制作 是教育科学出版社出版的初中信息技术七年级上册的内容 本章内容是使用 FrontPage 进行网站的开发 本节主要让学生掌握 FrontPage 站 点的建立 导航框架的搭建 目的是通过运用 FrontPage 网页制作工具创建 站点 很好地发挥 FrontPage 对网页的组织管理功能 建立网页导航框架 快速搭建网站导航框架 创建共享边框 使得所需内容出现在站点内多个网页 的相同位置 进一步提高学生的网站设计能力和动手实践能力 又注重学生情 感态度 价值观以及共通能力的发展 为学生应对未来挑战 实现终身发展奠 定基础 提升学生的信息素养 二 学习者特征分析二 学习者特征分析 本课的学习者是我校初二年级学生 他们求知欲强 思维活跃 视野开阔 富有个性 他们的感知能力和思考能力较强 通过前一阶段的学习已掌握了网 络技术知识和技能 他们渴望学到更多实用而有趣的网络技术知识 frontpage 是一个所见即所得的网页制作工具 易学易用 与 word 文字处理软件类似 这 种软件有利于树立学生制作网站的信心 对提高学生的信息综合处理能力作用 较大 网站站点的建立也给学生提供了展示个性 自主 协作的机会 可促使 他们合作 主动 创造性地学习 在教学中给学生自由发挥的空间 让学生在 兴趣中自主探究学习 三 教学目标三 教学目标 知识与技能知识与技能 1 认识 FrontPage 的工作界面 学会启动该软件 2 掌握站点的建立 打开 编辑和关闭的步骤 3 学会创建导航框架 使用共享边框 过程与方法过程与方法 1 通过基于任务的探索和小组的合作 师生交流 提高自己的动手实践能力和 创新能力 2 通过自评和互评作品 能归纳利用 FrontPage 制作网站的基本思想方法 情感态度与价值观情感态度与价值观 1 培养集体主义荣誉感 热爱学校 为校园网站建设出谋划策 2 通过小组协作和自主探究活动 培养协作意识和探索精神 从而激发创作热 情 2 四 教学重点与难点四 教学重点与难点 重点 重点 利用网页导航框架建立站点 难点 难点 共享边框的使用 五 教学策略设计五 教学策略设计 教学策略教学策略 1 采用情境教学的方式促进学生积极参与多媒体所创设情境下的建构知识活动 建立一定的探索情境 让学生思考 讨论 培养学生的观察 发现及思考的能 力 激发学习兴趣 2 采用任务驱动的方式 将教学重点 难点逐个攻破 并运用分层递进教学法 促进各层学生不断进步 开发学生潜能 发展个性 关注每位学生 全面提高 学生的信息素养 学法指导学法指导 1 指导学生采用课堂讨论的方式 以教师为指导 充分发挥学生的主体能动性 通过学生积极主动探讨 调动学生的积极性 2 指导学生采取合作学习的方式 通过合作学习 提高了学生的动手能力 协 作能力及运用知识解决实际问题的能力 六 教学过程设计六 教学过程设计 教学教学 环节环节 教师活动教师活动学生活动学生活动设计意图设计意图 创设 情景 导入 新课 1 谈话引入 集体讨论 你最喜欢哪一个网站的哪一个网页 你为什么喜欢这个网页 你自己能否构思出一个漂亮的网页 如何用计算机实现自己所构思的网页 2 引导 从今天开始 我们就开始学习网页制 作 要学会制作网页 首先必须知道 如何打开网站 应选择哪个文件 网页中的组成元素有哪些 网站文件的组织结构如何 那么带着这些问题 我们一起来欣赏全国网页 获奖作品 牵手日记 学习制作网页 实际上就是学习如何在一 个页面中安排这些内容 仔细观摩 优秀作品 并思考讨 论 形成 强烈的学 习动机 调动学习兴 趣 提高学 生的学习兴 趣和热情 激发学生学 习和创作的 欲望 3 知识 新授 1 常用的网页制作工具 介绍 在网络风潮的带领之下 市场上陆续出现 许多强调所见即所得的 网页制作软件 如 FrontPage 适合初学者 易上手 用 FrontPage 软件 制作网页就像在文字处理软件中编排多媒体文 档一样 Flash 结合动画制作动态网页 Dreamweaver 专业人员制作网站的首选工具 用于对站点 页面 和应用程序进行设计 编码和开发 2 FrontPage 界面介绍 启动 FrontPage 引导大家观察 FrontPage 的界面 菜单与按钮 找一找 那 些命令与按钮是我们学习过的 说一说它有什 么作用 常用工具栏 格式工具栏 视图栏等 聆听并思 考 回忆已有 的经验迁 移到新任 务中 使学生懂得 制作网页工 具有多种 发散学生思 维 布置 任务 自主 探究 2 任务一 新建站点任务一 新建站点 使用 只有一个网页的站点 模板创建一个 Web 站点 教师演示操作步骤 1 打开 文件 菜单 选择 新建 菜 单项 在子菜单中选择 站点 菜单项 出现 一个 新建 对话框 在对话框的 指定新站 点的位置 项中输入新站点的存放位置 2 单击 确定 按钮 此时 FrontPage 会 自动以新站点名建立一个站点 并显示一个正 在创建站点的提示对话框 之后该站点很快便 创建好了 分析讲解 新建的站点只有一个主页 index htm 文件 该主页还是空的 需要对它进行编辑添加内容 同时也可以添加一些网页到该站点中去 此外 明确任务 观察教师 操作 学生聆听 并思考 使学生明白 建立站点的 意义与作用 4 我们发现该站点中包含有两个子文件夹 一个 是 private 文件夹 一般用来存放一些私人的文 件 这些文件不会被别人看到 另一个是 images 文件夹 是 FrontPage 专门创建用来存放 图像文件的文件夹 因为 FrontPage 扩展服务器 的图像文件的默认目录为 images 引导进度快的学生探究建立网页导航框架 功 能与共享边框一起使用 任务二 建立网页导航任务二 建立网页导航 生 完善站点的制作 探究网页导航的建立 1 板书 课件展示 定义导航结构 在网页内添加导航栏之前 先建立该站点的导 航结构 视图 导航 按钮 把应该网站 的导航框架搭建起来 认识导航栏属性 插入 导航栏 按钮 父层 创建指向当前网页上一级网页的超链接 并将上一级网页的标题名称显示在导航栏内 创建导航栏 要在浏览器中才可看到实际导 航栏效果 以小组合作的方式探究一下如何建立导航 框架 完成任务一 简单分组 在探究过程中 请同学们做到 1 先完成任务的同学要帮助有困 难的同学 争取小组内的所有成员都能完成任 务 2 同学们在探究过程中可以参考教师帮助文 档 创建网页站点操作指南 并留意下创建网 页站点共有几个步骤 我们看看哪个小组同学 最团结 制作效果既迅速又美观 2 生 探究建立网页导航框架制作 师对遇到困 难的学生排疑解难 3 师生 全班交流 小结归纳 请一位学生演示 建立网页导航框架关键步骤 边操作边说出过 程 教师强调学生容易忽略的操作 学生根据 自己的能 力利用帮 助文档 先自主完 成任务 再根据教 师提供的 资源与教 程 以小 组为单位 进行自主 创作 观察同学 的操作 反思自己 操作 及 时做出修 正 锻炼学生的 自主学习能 力 学生借 助教师提供 的帮助文档 可以反复尝 试 基础较 好的学生可 以继续往下 探究 兼顾 所有学生 给学生展示 自我的机会 调动学生积 极性 让其 他学生在观 察其操作中 掌握操作方 法 5 任务三 创建共享边框任务三 创建共享边框 生 完善网页导航的建立 探究共享边框的创 建 1 板书 课件展示 用创建导航栏的方法只能在一个网页中创 建导航栏 若需要导航栏出现在站点内多个网 页的相同位置 则可将导航栏插入网页的共享 边框内 格式 共享边框 命令 2 提供帮助文档以支持学生自主学习 尝试创建 共享边框 3 师生 全班交流 小结归纳 请一位学生演 示创建共享边框关键步骤 边操作边说出过程 教师强调学生容易忽略的操作 拓展任务 在网页中添加图片和文字 1 广播教学 展示学生作品 与学生评析作品 2 师补充讲解 不占用课堂时间 添加文字和图片的方法 在学生练习过程中 教师巡回指导 及时发现 学生问题并指出纠正 利用帮助 文档自主 探究 让学生创建 共享边框 有利于教学 目标更好地 达成 而学 有余力的学 生在老师的 引导下继续 往下探究在 网页中上添 加文字 图 片和其它元 素 任务 反 馈 学习 评 价 1 完成作品的同学 将其命名为 小组 姓名 作品名称 上传至服务器中作业上交文件夹 教师广播教学 小结学生的完成情况 鼓励 学生大胆汇报自己的作品 教师展示部份学生 作品 围绕思想性 科学性 创造性 艺术性 评选 欣赏作品 思考领悟 开拓学生思 路 加强对 知识的理解 作品的展示 激发学生的 创作激情 课堂 总 结 本节课我们通过运用 FrontPage 网页制作 工具创建站点 很好地发挥 FrontPage 对网页 的组织管理功能 建立网页导航框架 快速搭 建网站导航框架 创建共享边框 使得所需内容 出现在站点内多个网页的相同位置 在这里请大 家思考 创建站点是唯一制作网页的前提吗 你 们有更好的制作方法吗 你们还会用什么方法制 作网页呢 思考 小结本课所 学知识 加 深学生理解 以问题引发 学生思考 鼓励学生大 胆创作作品 6 七七 教教学学反反思思 整个教学活动 本着新课程 以学生发展为本 的原则 构思设计 了 用 frontpage 创建