网页设计与制作任务驱动式实用教程08单元8使用CSS布局与美化网页1.docVIP

单元8　使用CSS布局与美化网页 【教学导航】 教学目标 （1）学会设计页面的布局结构 （2）学会创建页面布局样式 （3）学会创建美化页面元素的样式 （4）学会插入Div标签对网页的页面进行布局 （5）学会创建代码片断，且在网页插入已有的代码片断 （6）学会在使用Div＋CSS布局的网页中输入文字和插入各种页面元素 本单元重点 （1）设计页面的布局结构 （2）创建页面的布局样式 （3）创建美化页面元素的样式 （4）插入Div标签对网页的页面进行布局 本单元难点 （1）设计页面的布局结构 （2）插入Div标签对网页的页面进行布局 教学方法 任务驱动法、分组讨论法、分析探究法、四步训练法 课时建议 8课时（含考核评价） 【操作准备】 1．新建一个本地站点 （1）创建所需的文件夹，拷贝所需的资源 （2）启动Dreamweaver CS6 （3）创建本地站点 2．新建网页0801.html （1）新建一个网页文档 （2）设置网页标题 （3）保存该网页。 【引导训练】 【任务8-1】使用CSS布局与美化“黄山游”网页 本单元“引导训练”的任务卡如表8-1所示。 表8-1　单元8“引导训练”任务卡 任务编号 8-1 任务名称 使用CSS布局与美化“黄山游”网页 网页主题 山岳游 计划工时 180min 网页制作任务描述 （1）设计网页的页面布局结构 （2）创建网页的页面布局样式