点击查阅配套资源：
微课视频1 微课视频2 微课视频3 微课视频4 PPT 电子教材 素材下载 拓展学习
| 第32讲 ：前端内容页制作 |
学时：2 |
||
| 任务目标 |
l 了解内容页各页面结构 l 库元素的应用 l 使用CSS+DIV制作内容页 |
||
| 知识内容 |
第10章 第10.2.8-10.2.11节 |
||
| 重 点 |
使用CSS+DIV制作内容页 |
||
| 难 点 |
使用CSS+DIV制作内容页 |
||
| 教学方法 |
教师：理论与实际操作讲解相结合 学生：预习、课堂学习与课堂练习相结合 师生：教师通过课程引导启发提问、疑难解答、学生练习点评进行互动 |
||
| 学习方法 |
PPT和知识讲解进行理论学习、播放微课进行案例学习，然后进行案例实操练习、课后习题等练习完成知识学习过程 |
||
| 资源 |
PPT、电子教材、微课视频、网络课程（http://jx.gdgm.edu.cn/skills/wv/30764673） |
||
| 教学过程 |
|||
| 知识点 |
基本内容 |
教学过程 |
建议时长 （分钟） |
| 复习 |
复习上一节课内容 |
运行上一讲案例，并强调重点完成复习 |
2 |
| 知识点1：制作前端内容页1 |
1.分析前端内容页1，添加容器层、导航层和banner层 |
通过PPT结合实际操作分析内容页，并添加容器层、导航层和banner层 |
8 |
| 2．网页内容区制作 |
通过实际操作在页面中添加网页内容并引用样式 |
15 |
|
| 3．页脚和其他内容层制作 |
通过实际操作对内容添加页脚和其他内容层 |
5 |
|
| 知识点2：制作前端内容页2 |
1.分析前端内容页2，添加容器层、导航层和banner层 |
通过PPT结合实际操作分析内容页，并添加容器层、导航层和banner层 |
5 |
| 2．网页内容区制作 |
通过实际操作在页面中添加网页内容并引用样式 |
10 |
|
| 3．页脚和其他内容层制作 |
通过实际操作对内容添加页脚和其他内容层 |
5 |
|
| 知识点3：制作前端内容页3 |
1.分析前端内容页3，添加容器层、导航层和banner层 |
通过PPT结合实际操作分析内容页，并添加容器层、导航层和banner层 |
5 |
| 2．网页内容区制作 |
通过实际操作在页面中添加网页内容并引用样式 |
10 |
|
| 3．页脚和其他内容层制作 |
通过实际操作对内容添加页脚和其他内容层 |
5 |
|
| 知识点4：制作前端内容页4 |
1.分析前端内容页4，添加容器层、导航层和banner层 |
通过PPT结合实际操作分析内容页，并添加容器层、导航层和banner层 |
5 |
| 2．网页内容区制作 |
通过实际操作在页面中添加网页内容并引用样式 |
10 |
|
| 3．页脚和其他内容层制作 |
通过实际操作对内容添加页脚和其他内容层 |
5 |
|
| 课后作业 |
学生完成课后习题练习 |
布置课后作业 |
|
