3.2.1H5快速制作网页-苏科版八年级信息技术教案

《H5快速制作网页》教学设计 【教学课题】 H5快速制作网页（第三章 第二节 第1课时） 【教材分析】 《H5快速制作网页》是2018版江苏省初中《信息技术》教材八年级第三章第二节第一课时的内容，是相对于之前的教材版本中新增的一部分。H5网页设计紧跟时代潮流，许多微信网页都是使用H5在线制作平台设计出来的，本节课则是使用H5常见的在线制作平台Ih5为例，变繁琐的代码编写为可视化的所见所得傻瓜式的设计，最终稿还可以以时下流行的二维码形式发布，学生可以在手机、平板上欣赏，关键的学生掌握设计方法之后还可以设计诸如游戏、竞猜类的网页，这足以让学生疯狂，学习兴趣倍增。因此，教材中将此节内容放在了传统的网页制作软件Dreamweaver 和Frantpage之前，一上台就抓兴趣，后面则事半功倍了。所以，本节内容地位很重要，是本章内容的“先锋官”。 【学习者分析】 本节内容学习对象为八年级的学生，绝大多数都有着玩手机游戏、浏览手机动态网页的经历，网龄也相当的长，从浏览网页被引导到自己动手设计网页这对他们来说不是很困难，甚至有的学生已经有过制作网页的经历。教师使用自制的小游戏网页开篇引导，学生容易产生浓厚的学习兴趣，而且iH5良好友善的在线编辑界面对于八年级学生来说非常容易上手。 【教学目标】 知识与技能： 1．掌握H5的概念及特点； 2. 了解H5常见的一些在线制作平台； 3. 登陆iH5平台，试用工具创建作品； 4. 认识iH5 界面窗口，掌握各部分的功能及使用方法； 5. 掌握在iH5 中设计简单的网页，并能保存发布。 过程与方法： 1．通过iH5 的打开、创建作品、设计作品、保存、发布作品等一系列操作，锻炼学生的动手操作实践能力； 2．通过自主探究设计第二张页面，培养学生的自主创新、动手设计能力； 3．利用课堂《学习评价表》的填写计分让学生完成课堂学习的过程性自我评价。 情感态度价值观： 1． 教师的小游戏作品的使用，让学生产生了浓厚的学习兴趣； 2． 基于网络的在线平台的现场设计使用，大大提高了学生的学习主动性，增加了学习内驱力； 3． 《学习评价表》的使用让学生养成注重学习过程，重视自我评价的好习惯。 【教学重难点分析】 教学重点：在iH5在线平台上设计网页。 教学难点：给文本、图片、按钮等工具添加动态效果或者触发事件。 【教学策略与方法】 因为本节课教学内容