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

课题序号 3 教学班级 教学课时 2 教学形式 新授 课 题 名 称 构建网页结构（3） 使用教具 机房、电子教室 教学目的 创建一张简单的标准化布局页面 使用标准化布局创建古诗文网页面 教学重点 掌握创建标准化布局页面的基本方法 教学难点 理解标准化布局的构建技巧 更新、补充、 删节内容 无 课前准备 教案、课件、作业 课外作业 根据截图使用DIV+CSS仿制页面 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 讨论 操作演示 总结与评价 通过前面的学习，相信大家对DIV+CSS布局相关的知识已经有所了解了，接下来让我们实战一下，制作第一张标准化布局的页面。 讨论：请大家说一下标准化布局相比传统的表格布局有什么优点和缺点？ 步骤一 创建站点和首页 1．在D盘建立站点目录“gsww”及其子目录images、files和other，将素材文件夹中提供的图片文件复制到images文件夹中，为后期建立网页文件做好前期准备工作。 2．打开Dreamwear CC 2015，新建站点，使用高级标签定义站点，站点名“gsww” 3．打开“文件”面板中，右键单击“站点”，新建网页文件，重命名为“index.html”，此网页文件为网站的首页，也称为主页。 步骤二 构建网页结构 分析设计了首页页面基本结构，就可以根据