搜索
第九课：让分享更精彩教学内容：1.进入H5的炫彩世界。2.H5编辑器中的小发现。3.让背景随心而变。4.保存作品。核心素养培养目标：1.建立对H5作品的感性认识，激发学习、创作H5作品的兴趣；2.尊重他人劳动成果，知道应负责任的使用信息技术，养成良好的计算机和网络使用习惯，初步养成网络道德意识；3.能大胆尝试、积极探究，按照要求完成信息加工任务；4.能在作品中初步展示个人观点，善于总结经验并进行知识分享。教学重点：1.使用账号登陆MAKA；2.快速搜索H5作品；3.H5作品的构成元素；4.H5编辑器的组成；5.设置H5页面的背景；6.保存H5作品。教学难点：1.H5编辑器的组成。2.根据要表达的主题设置合适的背景。教学过程：一、情境导入课件展示优秀的H5作品。学生欣赏作品。师：同学们觉得这个作品怎么样？这样的作品是怎样制作的呢？教师介绍H5作品：直白点说，“描述网页的标准语言”，其实就是网页文件的格式。就像word可以打开doc文件，我们的浏览器基本都能打开html文件。而我们浏览网页，并在其中进行各种交互操作的过程，本质上都是我们的浏览器下载了一个网页文件，然后“播放”或者“运行”这个网页文件的过程。这个过程，和我们下载一个MP4的电影，然后用quickTime打开，基本上是一样的。H5的优势在于能够快速传播，与他人分享观点。虽制作简单，但视觉效果好。师：那你们知道用什么软件可以制作H5作品吗？生答。教师总结：能够创作H5的工具有很多，各种H5制作小工具的工作界面和功能更新变化都比较快，我们这里选用MAKA制作软件。二、进入H5的炫彩世界出示任务一：打开MAKA在线制作网页并登陆。学生操作演示师生共同总结：打开MAKA网页的两种方法：①直接在浏览器中输入地址。②从百度搜索栏中搜索maka官方网站。三、H5编辑器中的小发现师：那现在我们就来制作属于我们的H5作品吧！。出示任务二：新建空白H5，认识H5编辑器的界面。在页面编辑器中找到复制该页面，删除该页面，撤销，重做，预览按钮，并用自己的语言描述他们的作用。同学们以小组为单位，交流各个按钮的作用。学生以小组为单位汇报并演示各按钮的作用。教师及时进行评价。四、让背景随心变1.做一做出示任务三：将背景设置为从本地电脑上传至maka平台的图片，并进行个性化设置。学生以小组为单位，试着上传照片。2.议一议师：你有哪些对背景进行个性化设置的奇思妙想？与同学交流一下吧！学生以小组为单位交流想法。各小组汇报成果。教师及时给予评价。五、保存做品师：大家要养成好习惯，及时保存自己的劳动成果。H5作品不是保存到本地电脑，而是保存到MAKA平台的服务器中。第一次保存时，需要单击作品设置按钮，为H5作品取一个有意义的名字。学生以小组为单位试着保存作品。五、板书设计H5html5教后记：学生对h5作品非常感兴趣，因此课上学生积极性很高。整节课都投入其中。操作过程中发现一个问题，有的同学的作品只是各种样本的堆积，没有考虑到色彩的搭配，不够美观，以后的课堂中，要着重强调色彩搭配的重要性。