五年级信息技术下册第12课设计框架网页教案

第12课时 《设计框架网页》 教学内容分析 教材以设计“防震减灾专题网站”为载体，用两个课时介绍框架网页布局技术的 应用。通过展示“中国科普博览”网站中“植物博物馆”和“昆虫博物馆”的首页， 让学生对框架网页的轮廓结构有初步的认识。详细介绍网页设计的流程，让学生对规 划网站的结构有总体的认识。 框架网页的设计与制作是网页制作主题的综合实践课，这课的内容是为下一课《制 作框架网页》做准备，需要综合运用前面学习的插入图片、设置背景、设置超链接、 格布局等知识与操作技能。深入学习创建和保存框架网页，整合应用之前的学习容， 形成一个较完整的学习成果。 学习与掌握这节课的知识点，能让学生明确规划网站的总体结构和操作要领，培 养学生综合运用信息技术处理问题的能力。 教学对象分析 学生已经掌握在网页中插入图片、设置网页背景、设置超级链接、用表格布局网页 等操作方法，对这节课的大部分操作是比较熟悉的，对如何制作网页有较深的认识，学 习本课的信心相对较足。 学生对框架网页这个名称相对比较陌生，教师可以通过展示运用框架网页技术制作 的网页，帮助学生理解框架网页的概念及作用。通过教师的引导、示范、实践等环节， 进一步理解框架网页技术在网页制作中的运用。 通过这节课的学习，初步认识框架网页技术的运用，了解网页设计的一般流程，感 受FrontPage软件的强大功能。 教学目标 1．了解框架网页的基本概念和用途。 2．了解网页设计的一般流程，能根据素材规划网页结构。 3．能用“网页模板”中的“框架网页”创建“标题页脚和目录”型框架网页。 教学重点和难点 1．教学重点。 (1)了解网页设计的一般流程，能根据素材规划网页结构。 (2)了解框架网页的概念，能用“网页模板”中的“框架网页”创建“标题页脚和目 录”型网页，理解和运用框架网页布局技术。 2．教学难点。 能用“网页模板”中的“框架网页”创建“标题页脚和目录”型网页，理解和运用 框架网页布局技术。 教学方法 欣赏作品法：通过欣赏框架网页的作品，引导学生初步认识框架网页的结构及其优点， 调动学生的学习兴趣。 演示讲授法：通过演示和讲解，让学生直观地感受，网页设计的流程一般包括确定主题、 收集资料、规划网站、制作网页等。 展示评价法：作品的展示，增强学生的学习信心，即时的总结与评价，有助于学生将零 散的知识系统化，梳理和总结学习过程。。 教学准备 1．教学环境。电脑教室，FrontPage 2003，多媒体转播控制系统。 2．教学资源。 设计框架网页．ppt，“防震减灾专题网站”作品及素。 教学环节 教师活动 学生活动 设计意图 欣赏作品， 导人新课 (5 分钟) 1．展示教材第 67～68 页的图 12—1 和图 12—2 所示的网页，引导学生认识 框架网页。 (1)图 12—1 所示的植物博物馆网 页窗口被分成三块区域：上框页头区域、 左框目录导航区域、右框内容区域。 (2)图 12—2 所示的昆虫博物馆网 页窗口分成两块区域：左框目录导航区 域，右框内容区域。 2．小结并出示课件：框架是另一种 网页布局技术。所谓框架，就是它可以 将浏览器分割成几个小区域，每个区域 相对独立，可以显示不同的网页内容， 这些区域就称为框架，利用框架制作的 网页，就叫作框架网页，框架网页是一 种特殊的 HTML 网页。 3．出示课题：设计框架网页。 欣赏用框架网页 布局技术制作的网页。 认真听讲。 通过欣赏框架网 页，让学生初步认识 框架网页的结构及 其优点，调动学生的 学习兴趣和求知欲。 设计框架 网页 (25 分钟) l_确定主题。 (1)讲授：主题是作品创作的方向， 有了主题，才知道要做些什么，才能考 虑需要什么素材。 (2)常用的主题有：学习生活，身 边的事，学校举办的活动，环境保护， 科普信息，低碳生活，家乡文化…… (3)想一想，说一说你的主题。 2．收集和处理素材。 (1)引导学生回忆用 word 设计小 板报时，图片素材和文字素材可以从哪 些渠道获取。 (2)根据学生的回答小结并板书。 ①图片素材：相机拍摄、网络下载、 手工绘制、扫描…… ②文字素材：自己原创，采用别人 的材料。 (3)提示：注意知识产权问题。 3．规划网站结构。 出示教材第 69 页的图 12—3，以 认真听讲。 回答问题。 通过教师的讲授， 让学生了解网页设 计的流程一般包括 确定主题、收集资料、 规划网站、制作网页 等。“防震减灾专题网站”为例，根据收集 的素材，规划的网站结构如图 12—3 所 示。“防震减灾专题网站”包含应急避 险须知、逃生手册、漫谈地震演习、地 震波及类型、地震的直接灾害、地震震 级这六个方面内容。 4．创建框架网页。 (1)演示创建框架网页的步骤并解 释每一个框架中都有“设置初始页面” 和“新建网页”两个按钮，将文件保存 为“index．htm'’。 (2)布置任务：创建框架网页并 保存。 (3)求助方式： ①阅读教材第 70～72 页的内容。 ②组内与同学讨论。 ③举手问老师。 (4)拓展任务：完成教材第 72 页的 创新活动，发挥自己的想象力和创造力， 设计以“我的童年”为主题的框架网页。 运用求助方式， 练习创建框架网页并 保存。 将创新活动设置 为拓展性任务，满足 不同层次学生的需 求，既巩固了课堂纪 律，又使能力强的学 生得到发展与提高。 总结与评 价 (10 分钟) 1．展示完成的网页作品。 2．引导学生说一说。 (1)在制作过程中遇到什么困难， 是怎样解决的? (2)这节课有什么收获? 3．评一评：填写教材第 72 页的活 动评价表。 4．小结：今天这节课，通过制作 “防震减灾专题网站”，初步认识了框 架网页布局技术在网页制作中的作用， 了解了网页设计的一般流程，感受 Front—Page 软件制作网页的强大功能， 同学们任务完成得很出色，希望同学们 大胆地运用所学的技术，设计出更多人 们喜欢的网页。 展示作品，交流 学习心得，完成活动 评价表。 认真倾听。 作品的展示，增 强学生的学习信心。 即时的总结，有助于 学生将零散的知识 系统化。有效的评价 能够促使学生认真 思考、主动学习。初 步培养学生学会交 流、总结学习过程的 能力，提高学生的语 言表达能力。 教学反思方向 1．激发学生学习兴趣的途径和方法。 2．学生是否能根据教材中的操作提示顺利完成任务，是否理解框架网页布局技术。 3．学生合作互助意识和探索知识精神的培养。 4．学生对知识的总结能力和自我评价能力的培养。 5．适合这节课的评价方式。