第24讲 ：创建html5网页

学时：2

任务目标

l  创建基于模板的html5二列、三列布局页面

l  分析并掌握html5的基本网页结构

l  分析网页样式

知识内容

第7章 第7.4.4-7.4.5节

重  点

分析并掌握html5的基本网页结构

难  点

html5的基本网页结构

教学方法

教师：理论与实际操作讲解相结合

学生：预习、课堂学习与课堂练习相结合

师生：教师通过课程引导启发提问、疑难解答、学生练习点评进行互动

学习方法

PPT和知识讲解进行理论学习、播放微课进行案例学习，然后进行案例实操练习、课后习题等练习完成知识学习过程

资源

PPT、电子教材、微课视频、网络课程（http://jx.gdgm.edu.cn/skills/wv/30764673）

教学过程

知识点

基本内容

教学过程

建议时长

（分钟）

复习

复习上一节课内容

运行上一讲案例，并强调重点完成复习

2

知识点1：讲解基于HTML5的二列布局页面

【案例7-7】

通过实际操作讲解创建基于HTML5的二列布局页面

5

2．网页结构分析

通过实际操作分析html5页面结构

10

3．样式分析

通过实际操作分析页面样式

8

知识点2：讲解基于HTML5的三列布局页面

【案例7-8】

通过实际操作讲解创建基于HTML5的三列布局页面

5

2．网页结构分析

通过实际操作分析html5页面结构

8

3．样式分析

通过实际操作分析页面样式

7

学生课堂练习

解答学生练习过程中出现的问题

40

教师点评案例练习

对学生练习中出现的问题进行总结点评

5

课后作业

学生完成课后习题练习

布置课后作业