Axure网站与App原型设计（全彩慕课版）（AxureRP10）- 教案 第3、4章 用Axure元件库“搭积木”、用Axure动态面板制作动态效果

PAGE1PAGE第3章用Axure元件库“搭积木”课程名称Axure网站与App原型设计（全彩慕课版）（AxureRP10）项目名称用Axure元件库“搭积木”任务名称用Axure元件库“搭积木”课时4项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解元件库中的各种元件。2．掌握线框图元件的使用方法。3．掌握流程图元件的使用方法。4．了解图标元件库。5．熟悉载入元件库和自定义元件库的方法。能力目标1．掌握线框图的常用元件、互动元件、表单元件、菜单和表格元件、标记元件的使用方法。2．掌握流程图元件的使用方法。能够自定义元件库。素质目标1．培养独立思考、分析问题的能力。2．培养提出问题和解决问题的能力。教学内容1.绘制线框图所用的元件2.绘制流程图所用的元件3.丰富的图标元件库4.载入元件库和自定义元件库5.小结教学重点线框图、流程图的使用方法教学难点线框图、流程图的使用方法教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计1．设计个人简历的教育经历模块。2.设计个人简历的工作经验模块。教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】从元件库的各种元件入手，分别介绍线框图、流程图中的元件的使用方法。【目的】使学生从了解本单元的学习目标、学习重点、考评方式等方面明确学习知识的要求和目标。一、绘制线框图所用的元件1.常用元件的使用方法。2.互动元件的使用方法。3.表单元件的使用方法。4.菜单和表格元件的使用方法。5.标记元件的使用方法。二、绘制流程图所用的元件使用流程图元件绘制在线考试系统流程图。三、丰富的图标元件库绘制原型时，使用图标元件库里的图标元件。四、载入元件库和自定义元件库AxureRP10支持载入其他元件库，也可以自己制作元件库。同步训练：制作个人简历表的基本信息。通过学习，学生学会线框图、流程图中一些经常使用的元件的使用方法，也可以载入其他元件库或是自己制作元件库。本节课主要运用案例教学法，通过对元件的使用方法进行讲解，使学生达到能够熟练运用元件设计原型的能力。教学评价方式以小组为单位，以完成案例的质量为评价标准，形成任务驱动，小组协作，质量与速度并存的课堂评价方式，促进学生的自主、创新学习的方式。第4章用Axure动态面板制作动态效果课程名称Axure网站与1App原型设计（全彩慕课版）（AxureRP10）项目名称用Axure动态面板制作动态效果任务名称用Axure动态面板制作动态效果课时2项目性质□演示性□验证性□设计性√综合性授课班级授课日期授课地点教学目标知识目标1．了解动态面板的使用方法。2．掌握动态面板的常用功能。能力目标1．可以创建动态面板、编辑动态面板的状态。2．熟练使用动态面板的常用功能。素质目标1．养成良好的学习习惯。2．培养团结合作精神。教学内容动态面板的使用方法2.动态面板的常用功能3.小结教学重点动态面板的常用功能教学难点动态面板的交互效果教学准备1.装有Windows10系统的电脑2.教学课件PPT3.教材：Axure网站与App原型设计（全彩慕课版）（AxureRP10）人民邮电出版社作业设计完成京东注册页面的制作教学过程教学内容与过程（教学内容、教学方法、组织形式、教学手段）做好课前“5分钟”教学管理（多媒体、实训室），做好上课前的各项准备工作（打开电脑、打开课件、打开软件、打开U盘中的素材位置、打开授课计划、教案等），吸引学生注意力。【课前说明】掌握创建、编辑动态面板2．掌握通过大纲区域管理动态面板3.掌握动态面板的常用功能分别从创建编辑动态面板、管理动态面板、使用动态面板等知识点进行初步的了解。【目的】使学生从了解本章节的学习目标、学习重点、考评方式等方面明确学习本章节知识的要求和目标。一、动态面板的使用方法1.创建动态面板2.编辑动态面板3.管理动态面板二、动态面板的常用功能1.显示与隐藏效果2.调整大写以适合内容3.滚动条设置4.固定到浏览器5.100%宽度6.从动态面板脱离7.动态面板转换为母版8.普通元件转换为动态面板同步训练：制作淘宝登录页面选项卡的切换效果。本章是非常重要的一章，动态面板常用功能是必须要掌握的内容。在实际项目过程中，动态面板的交互效果，可以应用到各个场景下，以满足业务的需求。通过学习，学生要学会创建动态面板、编辑动态面板、设置动态面板的交互效果，用于满足复杂场景的业务使用。本节课主要运用案例教学法，通过对动态面板的深入理