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

课题序号 1 教学班级 教学课时 2 教学形式 新授 课 题 名 称 构建网页结构(1) 使用教具 机房、电子教室 教学目的 了解网页标准化的基本概念 学习并认识DIV、盒模型等的概念 理解使用DIV+CSS布局页面的优缺点 初步掌握Web标准化布局的核心方法 教学重点 理解DIV、盒模型等的概念 教学难点 理解盒模型 更新、补充、 删节内容 无 课前准备 教案、课件、作业 课外作业 分析一些网站的页面结构 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 导入 讨论 提问 讲授 新授 讲授 展示 操作演示 举例介绍 总结与评价 随着Web2.0时代的到来，越来越多的网站开始注重网页的标准化和网页的兼容性，其中最主要的变化之一是网页布局模式的改变。 讨论：目前，网上大多数网站是采用什么布局的？ 知识准备一 了解web标准化 Web标准不是一个标准，而是由一系列规范组成的。 网页主要由三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML；表现标准语言主要包括CSS；行为标准主要包括对象模型（如W3C DOM、ECMAScript等）。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（