教学视频1 教学视频2 PPT 电子教材 素材下载 上机练习 拓展学习
第11讲 :使用CSS+DIV创建导航 |
学时:2 |
||
任务目标 |
l 使用CSS+DIV制作横向列表导航 l 使用CSS+DIV制作竖向列表导航 l CSS外部样式的应用 |
||
知识内容 |
项目 3 任务3.1 |
||
重 点 |
使用CSS+DIV制作横向列表导航 |
||
难 点 |
复合链接样式、鼠标经过样式的编写 |
||
教学方法 |
教师:理论与实际操作讲解相结合 学生:预习、课堂学习与课堂练习相结合 师生:教师通过课程引导启发提问、疑难解答、学生练习点评进行互动 |
||
学习方法 |
阅读教材、PPT、播放视频进行项目学习,然后通过实际操作完成知识学习过程 |
||
资源 |
PPT、电子教材、教学视频、网络课程(http://jx.gdgm.cn/skills/wv/13876336) |
||
教学过程 |
|||
知识点 |
基本内容 |
教学过程 |
建议时长(分钟) |
知识点1:使用CSS+ DIV制作横向导航 |
1.复习 上节内容 |
通过PPT和运行网页讲解复习 |
2 |
2.使用CSS+DIV+列表项+CSS样式制作横向导航 |
基于上次内容快速完成这一项 |
10 |
|
3.使用CSS+DIV+链接文字+CSS样式制作横向导航 |
通过实际操作讲解 |
10 |
|
上机练习 |
1.学生课堂练习 |
学生练习,教师答疑练习中出现的问题 |
20 |
2.教师点评学生练习并总结 |
对学生练习中出现的问题进行总结点评 |
3 |
|
知识点2:使用CSS+ DIV制作竖向列表导航 |
1.设计竖向导航样式 |
通过实际操作讲解 |
10 |
2.编写导航链接文字,并引用样式 |
通过实际操作讲解 |
10 |
|
上机练习 |
1.学生课堂练习 |
学生练习,教师答疑练习中出现的问题 |
20 |
2.教师点评学生练习并总结 |
对学生练习中出现的问题进行总结点评 |
5 |
|
课后作业 |
学生完成课后习题练习 |
布置课后作业 |
|