第 10 课 分享&创意无限 核心素养培养目标 1.规划好每个页面展现的主题内容,培养有条理有计划地解决问题的习惯。 2.大胆探索,发挥创造力,设计出别具一格的图片、文字表现效果,培养创新能 力。 3.能在作品中初步展示个人观点,并学会总结、表达、分享自己的所思所想与解 决问题的方法。 教学重点 1.根据收集到的资料提炼总结,对H5各页面进行文字规划。 2.在H5页面上添加文字,并修改文字属性。 3.在H5页面上添加图片,并修改图片属性。 4.为H5页面的各个元素添加动画效果。 5.能对图片等元素进行个性化设置,让作品更具有特色。 教学难点 1.根据要表达的主题选择合适的图片。 2.对H5页面上的元素进行个性化设置,让作品更有特色。 教学过程: 欣赏 H5 作品真是一种享受!好期待能继续学习创作本领呀! 试是啊,我也有些迫不及待啦!小i 老师快教教我们把! 别着急,先记下本课的操作秘诀!单ft左键是选定,双ft左键来编辑,左键拖动变位置,鼠标右键功能强。 一 添加灵动的文字 文字是一个作品的灵魂。开始h5 作品设计前,请先为所要表达的主题做一个小小的文字规划。例如: 第一页文字内容是标题“美好的记忆”; 第二页文字概况: 第三页文字概况: 做一做 578485067056037604707546211872615102679500登录 MAKA 平台,打开上节课保存的H5 作品进行“编辑”,完成第一页文字的添加。发挥你的创造力,修改文字的大小、颜色、样式等属性,让文字别具一格。 二 图片也会说话 许多情况下,一图胜千言,图文配合可以让作品更具有吸引力。我们可以在页面上添加新图片,也可以用新的图片替代原有的图片,还可以发挥创意,对图片进行变形、修改。 做一做 新增一个页面,上传图片到编辑器,在新页面上添加一张图片,并修改图片大小、形状、阴影、旋转角度等属性,让图片变身。 1714500181963 1714500151288 议一议 长方形如何变身为圆形图片?下面是两位同学的设计,他们对同一副图片进行了变身,为什么显示效果不同呢? 本地电脑中的图片可以上传到 maka 编辑器,在素材库中也有丰富的形状、线条、相框等图片素材,能借助它们可以让页面更有变现力。 做一做 发挥创造力,在页面上增加一些图片,让页面更丰富,更有个性。想一想 碰到文字或图片互相遮挡的问题,如何解决?多余的图片等元素怎样删除? 三 给作品加点特色 在页面上添加文字、图片等元素后,程序会自动为它们添加动画效果。根据要表达的主题内容设置合适的动画效果,作品会更有视觉冲击力。 做一做 为页面上的图片、文字等元素设置合适的动画效果。 四 分享成果 预览作品时,单击“复制链接”按钮,通过 QQ、微信、微博等方式,可以将作品链接分享给他人。 1714500168048 ... ...
~~ 您好,已阅读到文档的结尾了 ~~