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

课题序号 5 教学班级 教学课时 2 教学形式 新授 课 题 名 称 定义网页布局样式（2） 使用教具 机房、电子教室 教学目的 定义古诗文网的页面布局样式 教学重点 掌握定义页面布局样式基本方法 教学难点 掌握定义页面布局样式的常用技巧 更新、补充、 删节内容 无 课前准备 教案、课件、作业 课外作业 板 书 设 计 教 学 感 想 课堂教学安排 教学环节 主 要 教 学 内 容 教学手段与方式 导入 操作演示 操作演示 操作演示 操作演示 操作演示 总结与评价 完成任务一构建出《古诗文网》首页的基本结构以后，就可以用上节课介绍的方法开始定义CSS样式了。 设置页面属性。 定义页面的背景颜色、文字及链接默认颜色等。 效果如下： 2．定义Div#container样式。 直接在代码视图下style代码区手工添加以下代码： #container{ width:80%; margin: 0 auto; text-align:center; background-color:#E2EFE8; border-left:double #69B8C9 5px; border-right:double #69B8C9 5px; } 另外两种方式参看教材完成。 效果如图： 步骤二 定义网页标题样式 1．在设计视图中，删除Header#webheader中“此处显