第3章 02用iH5快速制作简单网页（教学设计）-初中信息技术八年级同步教学设计+视频+图片（苏科版2018）

用iH5快速制作简单网页 课题：用iH5快速制作简单网页 （第3章 第2节 第2课时） 一、教材分析 本节课是第3章第2节第2课时，主要学习内容是使用iH5快速制作简单网页，本课内容重在让学生认识网页制作工具的多样性以及用iH5制作网页的简单和快速，为后续学习Dreamweaver网站制作做铺垫。 二、学情分析 通过前期的学习，学生已经能熟练操作办公软件，也有网站浏览的经历，并经历了网站的规划。对八年级学生来说，面向对象的设计思想还尚未形成，这也是为后续程序设计VB的学习打下基础。 三、教学目标 1. 知识与技能 （1）了解网页制作工具的多样性，能够认知H5的跨平台性特点、H5开发的软件工具及用iH5快速制作网页的基本过程。 （2）了解iH5软件窗口结构，掌握对象的添加、属性设置的基本方法和规律。 （3）掌握网页中基本元素添加和编辑方法，能够快速制作网页。 2. 过程与方法 （1）通过用iH5软件探索网页制作的过程，掌握软件使用中的共性特点，即计算机处理问题的一致性和方法的通用性思维。 （2）通过iH5软件的使用，能够认识跨平台解决问题的方法和思想，培养学生多途径、多方法解决问题的能力。 3. 情感、态度与价值观 （1）通过快速制作跨平台的网页，使学生能够感悟到网页制作并非难事，提高学生制作网页的兴趣。 （2）通过用iH5制作网页的过程，感悟软件应用中的共性，理解算法在软件中的重要作用。 四、教学重点与难点 1. 重点 能够使用iH5软件快速制作具有图文并茂的网页。 2. 难点 iH5软件在网页设计时，不同对象的属性设置及工具的灵活应用。 五、教学方法 情境导入、演示与讲授、实践。 六、教学过程 （一）导入 1. 教师活动 教师介绍网页制作工具：你们知道哪些？展示几种网页制作软件窗口。 图1　FrontPage 图2　Dreamweaver 图3　iH5在线制作平台 教师介绍H5概念：第5代HTML标记语言，它为下一代互联网提供了全新的框架和平台。那么H5有哪些特点，它能做什么，和其他网页制作软件有什么不同？ 2. 学生活动 学生听讲，并思考回答所了解的网页制作软件…… 3. 设计意图 创设情境，问题导入，引起学习的兴趣。 （二）新授课 1. H5的特点 （1）教师活动 最显著的优势在于跨平台性，比如用互动大师搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、Android与iOS。它可以轻易地移植到各种不同的开放平台、应用平台上，打破各自为政的局面。 H5的本地存储特性也给使用者带来了更多便利。 无须下载占用存储空间，特别适合手机等移动媒体，且可以依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果。 （2）学生活动 学生听讲，了解H5特点。 （3）设计意图 学生认知阶段——了解新知识。 2.教师带领学生认识iH5软件： 窗口结构；登录方法；介绍主要工具使用。 图4　iH5软件 （2）学生活动 认识iH5软件的窗口结构及登录方法 （3）设计意图 认识、学习新知识及iH5网页制作工具。 3. 教师讲解、演示操作（实践学习） （1）教师活动 扫描已做好的网页的二维码，展示并浏览网页。 分析网页的元素，导入用iH5制作网页的方法。 在舞台中添加页面，对页面添加标题文本，并编辑文字大小、字形、颜色等属性，添加图片，对图片编辑、加工，属性编辑。 讲解图像、文字等对象的事件设置。 添加按钮、音乐等元素。 保存、预览、生成预览二维码图。 图5　iH5软件制作网页 （2）学生活动 学生听讲，并掌握对象的属性设置方法、事件的添加、事件的设置等基本知识。 （3）设计意图 情境导入一个用iH5制作的网页，讲解与演示，让学生掌握基本知识及基本操作过程与方法。 （三）总结与练习 1. 教师活动 跨平台的网页制作工具，提炼面向对象的设计思想。 2. 学生活动 由学生总结，并实践操作，巩固知识，掌握基本操作方法。用iH5在线平台，制作一个简单的网页。 3. 设计意图 讲练结合，学以致用，知识的巩固与提高。知识梳理与建构，通过实践操作，进一步掌握iH5软件的基本使用方法。 【教案设计：吴再陵（南京第二十九中）】 学科网（北京）股份有限公司 $