首页交互效果实现项目教学设计
一、设计摘要
课程名称
交互原型设计
教学项目
洗车积分商城高保真原型设计——首页交互效果实现
学时安排
4学时
所选教材
互联网产品设计思维与实践
二、设计依据
依据课程标准，运用现代教育技术，创设一个融合多种教法学法和信息化手段于一体的情境性课堂环境，培养学生的实践技能。
三、学习目标与内容
1．学习目标
知识目标：熟练掌握Axure动作使用方法。
技能目标：能够熟练应用动作元件完成跳转动效；。
素养目标：通过原型交互调试，培养学生遇到困难不断寻求解决方法的决心和耐心。
2．学习重点及难点
教学重点：焦点图切换设计、页面跳转设计、标签栏切换设计。
教学难点：首页界面交互效果综合设计。
四、学习环境选择与学习资源设计
1．学习环境选择
机房
网络
2．学习资源类型
互联网+教材
多媒体课件
案例库
优慕课平台
PPT
素材库
3．学习资源内容简要说明
充分利用互联网+教材、素材库、优慕课平台，开展“课前预习、课堂实践、课后拓展”的教学活动。
五、教学结构流程的设计
课前
课堂
课后
完成
学生自主学习单
1.教师演示：教师规范示教设备的操作使用，讲解要点
2022-07-14 14:06:57
19KB
代码如下: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <HTML> <HEAD> <TITLE>表格翻页</TITLE> <style> body, td{ font-size: 9pt; } a:link { color: #FF0000; } a:visited { color: #FF0000; } a:hover { color: #006600; } </style> [removed] <!– var record = 4;//每页显示多少条记录 var c
2022-06-22 23:45:42
33KB
1
这个Android示例用最简单的方式实现了图片轮播效果，具体实现细节请阅读博文：http://blog.csdn.net/l1028386804/article/details/48049913
2022-05-08 23:49:58
3.15MB
1
以前做这种操作就是简单的display：block，但现在用户的要求也越来越高，需要美观和动画感。
现在介绍用一种简单的方式来实现子菜单从上向下展开子菜单。
看下效果图：
点开效果：
其实原理比较简单，就是通过子菜单的 max-height: 0;和 max-height: 2000px来实现子菜单的显示和关闭。加上css3的 transition: max-height .3s;来实现动画效果。
子菜单的样式：
.tree-son-menu{
background-color: #FFF;
.menu-body {
z-index: 20;
position: r
2022-03-04 14:22:58
49KB
1