H5移动网页设计与制作
学习活动1:快速制作炫酷动画
学习目标
1、制作翻页动画 2、添加背景音乐
建议学时:4学时 学习过程:
一、教学准备
电脑、学生工作页、参考资料、互联网资源、相关电子素材、多媒体设备等 二、任务分析
活动1任务书 1、任务名称:快速制作炫酷动画 2、学习目标: 1) ________________________________________________ 2) ________________________________________________ 3、任务情景: 公司要求你制作一个题为“玩转H5”的公司H5广告. 4、任务要求: 1、制作翻页动画 2、添加背景音乐 5、资源准备(课前写出你认为用到的资源) ____________________________________________________ 6、角色分配及职责 根据全班人数进行分组,设立设计公司,确定自己的职务、工作职责,填写下表: 成员 职 务
1
职 责 网页制作
三、引导问题 1. 常用菜单栏
包含基本操作菜单,例如文件、编辑、修改、视图、动画、帮助等。
2. 工具箱(快捷工具栏)
包含保存、预览等常用的一些工具的快捷访问。
3. 时间线(时间轴)
用来方便的对动画进行精确的控制,可以添加关键帧动画、进度动画、变形动画、遮罩动画等形式。
2
H5移动网页设计与制作
4. 工具条
包含选项、元素、绘制、动画控制、手机功能等内容。
5. 页面栏
用来进行页面的增加、复制、删除、插入等操作。
3
网页制作
6. 舞台
整个界面的核心区域,是编辑、制作、播放动画的区域。
7. 属性栏
4
H5移动网页设计与制作
包含你所选的元素(图片、文字、视频等)属性,这些属性包括位置、大小、旋转、行为等。 四、学习过程 制作翻页动画
添加新页面:点击“添加新页面”按钮,可添加一个新空白页面。
5