网站的规划与设计

1 网站的规划与设计 一 教材分析 一 教材分析 本课是八年级 上 模块 3 中第 4 单元的第三节 本单元主要内容是做好建站的准备 而本 小节的内容重在如何确定主题 制定一个切实可行的网站规划方案并最终做出网站规划表 本课的 学习内容是为整个网站制作确定了方向 同时也旨在让学生养成在制作较大的电子作品前规划的习 惯 也将影响到学生今后学习 本课内容理论较多 因此要能从学生身边熟悉的内容入手 可以充 分调动并发挥学生活跃思维 同时小组合作的形式也有利于培养学生的团结协作能力 二 学情分析 二 学情分析 通过前面三个单元的学习 学生具备了一定的网络知识 掌握了一定的浏览网页并下载资源的 能力 这个年龄段的学生心理还不够成熟自控能力稍显不强 对于网站的构建和规划设计这样理论 较多的难点 一定要从他们熟悉并感兴趣的话题入手 关注学生的需求 教师在进行授课时要根据 学生的课堂掌握情况 酌情的针对本节课的基础知识进行提示和重复 来完成本堂课的教学任务和 实现教学目的 让学生积极 主动地学习 探索 并通过小组合作共同完成网站的前期规划设计 三 教学目标三 教学目标 知识目标 知识目标 了解网站设计的一般过程 掌握规划网站的要点 学会制定网站规划方案 能力目标 能力目标 培养学生探讨交流的能力 培养学生整体规划和设计的能力 情感态度 情感态度 激发学生想建设网站的兴趣 培养学生小组团结合作的能力 2 四 教学重点 难点 四 教学重点 难点 重点 确定网站主题和网站框架结构的规划 难点 确定主题 制定一个切实可行的网站规划方案并做出规划表 五 教学媒体 五 教学媒体 多媒体教学系统 多媒体课件 六 教学策略六 教学策略 本课采用讲解 讨论 交流和任务驱动相结合的方法 以欣赏作品引入 学生在欣赏的过程中 激发学生独自创建网站的学习兴趣 来驱动学生实现 规划网站的目标 通过学生思考讨论或团体合作 教师讲解 教师评价等几个环节来完成本课的教 学目标 通过学生自己思考讨论 教师引导从而对教学内容举一反三 融会贯通 解决教学重点和 难点 实现了本课的教学目标 学生自主探索 研究的学习能力也得到了培养 本课力求将教学知识与实际生活相联系 从而激发了学生的学习兴趣 并提高教学质量和效果 实现知识技能转向操作技能转变 七 教学过程七 教学过程 教学环节教师活动学生活动教学意图教学媒体 一 创设 情境激发 学习兴趣 导入新课 我们经常浏览 Internet 网 看到了 许多好的网站和漂亮的网页 在网上 冲浪时发现网上的好东西可真不少 网上世界确实很精彩 展示往届获奖学生作品 我们刚也欣赏了获奖学生的作品 大家有没有信心也制作出我们自己的 网站呢 谁来总结我们学校周围一幢幢高楼 需要几个过程才能拔地而起呢 同学们总结得很好 那网站的建设 也一样 也需要几个过程才能创建起 来 这节课就让我们先一同来解决网 站规划的问题 学生欣赏网页 有意愿并试图 尝试制作自己的 网站 经过几个同学 的答案综合得出 每建设一幢大楼 都需要经过考察 选址 实地勘测 确定方案 设 计图纸 施工建 设这五个基本工 序流程 欣赏获奖作品 激发学生建设网 站的兴趣 学生通过身边熟 悉的建筑工程流 程与网站规划流 程相联系 更直 观地说明网站建 设的步骤 利用多媒 体教学软 件展示网 页制作的 获奖作品 出示课题 网站的规 划与设计 3 二 新授 1 介绍建 站的过程 2 确定网 站主题 3 确定网 站结构 4 版面布 局及设计 建站一般要经历 规划设计 制作 网页 发布与管理几个阶段 现在我 们重点来看规划设计的内容 教师介绍网站规划的内容 确定网 站主题 确定网站结构 版面设计 制作规划书 与我们设计建筑蓝图的 流程有很多相似的地方 现在你们就是设计师 工程师了 每个别墅 小区都有与它建筑风格匹 配的名称 例如 水木清苑 华庭 万家 等等 网站也不例外 教师讲解 网站主题及其影响 网站名称的命名原则 交流 P52 说说看 与同学交流你熟悉的网站 介绍网 站的主题 我们的网站名称是什么呢 就请咱 们各位设计师 工程师的发挥聪明才 智 设想一下并确定下来 小组讨论 完成 交流 介绍各组的主题 并交流 教师给予评价 每个小区内有很多户型供购房者选择 同学们知道一般都有什么基本户型 确定网站结构就好比同学们写作文 想好了题目 还要罗列小标题 这样 一篇文章的整体结构就清晰了 教师讲解网站的层次组织 并以课本 我的家乡 为例 引导学生根据自 己小组的网站主题制作框架结构 我们的网站是什么 户型 呢 任务一 根据主题确定网站的结构 教师巡视 给予一定的指导和帮助 交流 请几个小组说说各组的网站结 构 教师小评 小区整体氛围无论是悠闲 舒适的 田园风格还是高贵 典雅的欧式风格 都是吸引购房者的亮点 我们的网站 同样需要具有独特风格的版面来吸引 学生听讲 了解 网站主题及网站 名称的命名原则 学生交流讨论 介绍各网站的主 题 其他同学可 以给予补充 学生阅读课本相 关材料 四人一 组 讨论并确立 网站主题 学生评价 生答 三室两 厅二卫的大户型 两室两厅 一室一 厅一卫的小公 寓 学生听教师讲解 学生结合课本并 通过小组讨论再 次制作出网站的 框架结构 交流小组成果 碰撞智慧的火花 加深学生对网站 规划的认识 为 后面的学习做准 备 小组讨论 从各 自感兴趣的内容 出发 为学生完 整地完成任务做 铺垫 通过身边实例分 解 让学生更浅 显易懂什么是网 站框架结构及如 何确定结构 任务驱动 小组 合作 培养学生 自主探索及综合 出示课件 直观形象 地显示建 站过程 及规划设 计包括的 内容 多媒体教 学软件显 示示例网 站主页 课件展示 示例网站 的框架结 构 以供 学生参考 出示课件 展示示例 网站首页 布局 供 学生参考 4 八 教学反思八 教学反思 通过获奖作品实例展示 激发学生自主创建网站的兴趣 并进一步实现本节课内容的教学 基 本各小组都能完成网站规划与设计的规划表 但还是存在设计内容过多或者主题过大的问题 不能 准确地把握网站内容涵盖的信息量 存在的这些问题将在下节课做出相应调整 整节课主要以小组 探讨合作的形式完成任务 更好地培养了学生团结协作 研究学习的能力 同时也增强了其团体意 识 5 教师组 织讨论交 流 6 设置课 后任务 读者 如何让让我们的网站更具人气 和点击率 接下来的任务就更有挑战 性了 需要我们的设计师们举全组之 力了 教师简单讲解网站风格及版面布局 设计 任务二 P53 试试看 中提供的网 站 亦可浏览自己熟悉并喜爱的网站 确定小组网站的风格 并完成网站布 局设计图 教师提示 需要注意的是 千万不 要把网站做成一个什么都有的大杂烩 因为这样会很牵扯精力 到最后哪样 也做不好 要简而精 教师巡视 指导 请我们的设计师 工程师们展示各 组的成果 并讲解自己组的版面风格 及布局设计 做出自评 各组交流想 法和经验 互相做出有效评价并提出 宝贵意见供参考 教师适当给予意见和建议 评价 同学们 我们的网站已经规划好了 就等我们收集相关资料和素材 来充实了 布置课后任务 继续收集相关资料 和素材 注意分类 命名 并做好 资料来源和署名的记录 学生浏览 试试 看 中提示的网 站 并分析其各 自的特色 结合课本材料 P53 页 试试看 中 我的家乡 的页 面布局设计 小组 讨论 完成各组网站 的首页布局及各层 次组织的布局 制 作出规划表 讨论 交流 修 改 分工协作完成素 材收集和加工任 务 为下节课做 一定准备 归纳