第14讲 :使用MultiView控件实现多视图切换 |
学时:2 |
||
任务目标 |
l 了解MultiView和View控件 l 使用CSS样式设置链接按钮的列表链接样式和鼠标经过样式 l 使用链接按钮、MultiView和View控件设计可切换的视图界面 |
||
知识内容 |
项目 3 任务3.4 |
||
重 点 |
使用链接按钮、MultiView和View控件设计可切换的视图界面 |
||
难 点 |
设置链接按钮的命令参数与视图索引号一致,编写链接按钮的Command事件 |
||
教学方法 |
教师:理论与实际操作讲解相结合 学生:预习、课堂学习与课堂练习相结合 师生:教师通过课程引导启发提问、疑难解答、学生练习点评进行互动 |
||
学习方法 |
阅读教材、PPT、播放视频进行项目学习,然后通过实际操作完成知识学习过程 |
||
资源 |
PPT、电子教材、教学视频、网络课程(http://jx.gdgm.cn/skills/wv/13876336) |
||
教学过程 |
|||
知识点 |
基本内容 |
教学过程 |
建议时长(分钟) |
知识点1:布局按钮切换界面 |
1.复习 上节内容 |
通过PPT和运行网页讲解复习 |
3 |
2.添加列表链接按钮设计,并设置按钮参数和统一命令事件 |
通过实际操作讲解 |
10 |
|
3.使用CSS样式设计链接按钮链接样式和鼠标经过样式 |
通过实际操作讲解 |
8 |
|
知识点2:使用MultiView 和View控件布局切换界面 |
1.添加MultiView 和View控件 |
通过实际操作讲解 |
4 |
2.在view控件中添加列表内容,并设置内容样式 |
通过实际操作讲解 |
10 |
|
知识点3:编写按钮命令事件 |
1. 编写页面加载事件,初始化视图 |
通过实际操作讲解 |
3 |
2. 编写链接按钮命令事件,使视图索引号与按钮参数对应 |
通过实际操作讲解 |
7 |
|
上机练习 |
1.学生课堂练习 |
学生练习,教师答疑 |
40 |
2.教师点评学生练习并总结 |
对练习中出现的问题进行总结点评 |
5 |
|
课后作业 |
学生完成课后习题练习 |
布置课后作业 |
|