②从百度搜索栏中搜索maka。
三、H5编辑器中的小发现
师：那现在我们就来制作属于我们的H5作品吧！。
出示任务二：新建空白H5，认识H5编辑器的界面。在页面编辑器中到复制该页面，删除该页面，撤销，重做，预览按钮，并用自己的语言描述他们的作用。
同学们以小组为单位，交流各个按钮的作用。
学生以小组为单位汇报并演示各按钮的作用。
教师及时进行评价。
四、让背景随心变
1.做一做
出示任务三：将背景设置为从本地电脑上传至maka平台的图片，并进行个性化设置。
学生以小组为单位，试着上传照片。
2.议一议
在线制作h5页面师：你有哪些对背景进行个性化设置的奇思妙想？与同学交流一下吧！
学生以小组为单位交流想法。
各小组汇报成果。
教师及时给予评价。
五、保存做品
师：大家要养成好习惯，及时保存自己的劳动成果。H5作品不是保存到本地电脑，而是保存到MAKA平台的服务器中。第一次保存时，需要单击作品设置按钮，为H5作品取一个有意义的名字。
学生以小组为单位试着保存作品。
五、板书设计
H5  html5
maka.im/
教后记：
学生对h5作品非常感兴趣，因此课上学生积极性很高。整节课都投入其中。
操作过程中发现一个问题，有的同学的作品只是各种样本的堆积，没有考虑到彩的搭配，不够美观，以后的课堂中，要着重强调彩搭配的重要性。