点击阅读配套资源：
微课视频 辅助视频1 辅助视频2 素材下载 PPT 电子教材 上机练习 拓展学习
| 第6讲 ：制作图文混排页面 |
学时：2 |
||
| 任务目标 |
l 了解图片的标签样式 l 重定义图片标签样式 l 掌握图文混排网页的制作 |
||
| 知识内容 |
第2.4节 |
||
| 重 点 |
使用css+div制作文字环绕图片的页面 |
||
| 难 点 |
理解图片的浮动属性 |
||
| 教学方法 |
教师：理论与实际操作讲解相结合 学生：预习、课堂学习与课堂练习相结合 师生：教师通过课程引导启发提问、疑难解答、学生练习点评进行互动 |
||
| 学习方法 |
PPT和知识讲解进行理论学习、播放微课进行案例学习，然后进行案例实操练习、课后习题等练习完成知识学习过程 |
||
| 资源 |
PPT、电子教材、微课视频、网络课程（http://jx.gdgm.edu.cn/skills/wv/30764673） |
||
| 教学过程 |
|||
| 知识点 |
基本内容 |
教学过程 |
建议时长（分钟） |
| 复习 |
复习上一节课内容 |
运行上一节课案例并强调重点完成复习 |
2 |
| 知识点1：制作文字环线图片的效果页面 |
【案例2-5】 |
通过实操讲解，完成案例教学 |
10 |
| 学生练习 |
解答学生练习过程中出现的问题 |
13 |
|
| 教师点评案例2-5练习 |
对学生练习中出现的问题进行总结点评 |
5 |
|
| 【案例2-6】 |
通过实操讲解，完成案例教学 |
15 |
|
| 学生练习 |
解答学生练习过程中出现的问题 |
10 |
|
| 教师点评案例2-6练习 |
对学生练习中出现的问题进行总结点评 |
5 |
|
| img标签 |
通过PPT结合实际操作讲解img标签 |
2 |
|
| 知识点2：制作图文混排网页 |
【案例2-7】 |
通过实操讲解，完成案例教学 |
13 |
| 学生练习 |
解答学生练习过程中出现的问题 |
10 |
|
| 教师点评案例2-7练习 |
对学生练习中出现的问题进行总结点评 |
5 |
|
| 学生完成课后习题练习 |
布置课后作业 |
|
|
| 课后作业 |
学生完成课后习题练习 |
布置课后作业 |
|
上一篇:
第5讲制作可多屏幕浏览的文字网页实例
下一篇:
第7讲超链接及制作带链接文字导航的网页
