网页设计与制作项目教程（html+css+bootstrap）教学课件作者徐云晴讲义项目四教案2.docVIP

课题序号 2 教学班级 教学课时 2 教学形式 新授 课 题 名 称 构建网页结构(2) 使用教具 机房、电子教室 教学目的 学习并认识H5中的结构化元素 分析古诗文网的页面结构 教学重点 学习并认识H5中的结构化元素 教学难点 分析古诗文网的页面结构 更新、补充、 删节内容 无 课前准备 教案、课件、作业 课外作业 分析一些网站的页面结构 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 复习 讨论 提问 讲授 新授 讲授 分析 总结与评价 CSS盒模型是什么？ 知识准备四 认识HTML5中结构化元素 在HTML5中，为了使文档的结构更加清晰明确，追加了几个与页眉、页脚、导航、文章相关联的结构元素。如图所示为一种常见的HTML5文档结构。 Header：定义页面头部区域。 Nav：定义页面导航区域。 Aside：定义页面侧边栏区域。 Article：定义一篇文章区域。 Section：定义页面区域的章节表述。 Footer：定义页面的底部。 在使用中，可以把以上每一个标签都理解成一个语义化的Div。 一种HTML5文档结构示意图 分析古诗文网的页面结构 页面结构分析设计图 课堂讨论与总结： 总结页面结构分析的基本思路。 作业： 完成教材思考练习。 默写 画图