布局视图优质课教案设计.doc

课题表格布局视图课时1年级高一年级一、教学目标知识与技能：（1）、认识到布局视图的优越性。（2）、掌握在Dreamweaver中使用“布局”视图实现网页布局的基本方法。过程与方法：在活动中自主发现布局视图的优越性。通过观察、分析教师给出的案例学习插入布局表格和布局单元格，并灵活运用进行网页布局，并且尝试能动手完成简单的网页布局的设计。情感态度与价值观：（1）培养合作探究、主动学习的精神。（2）培养团结协作的精神。二、教学重点与难点教学重点：布局表格和布局单元格的插入和应用教学难点：自动伸展和间隔图像的理解三、教学策略采用分组合作的方法，通过学生完成“拼图”游戏来展开本节课的学习。再由一些列的任务活动来体验布局视图下进行页面布局的方法。经过教师启发、引导，师生共同总结知识要点。四、教学过程教学环节教师活动学生活动导入让学生上讲台玩“拜拜看”小游戏，学生说出玩后的感触。观察标准视图和布局视图的区别，体会布局视图的灵活性，从而引出布局视图可以让表格随意摆放，更有灵活性，引出本课主题。学生完成游戏“摆摆看”任务分析、制作分析任务爸爸”去哪儿任务1、 进入表格布局：查看表格模式表格布局2、 要想在布局模式下插入内容，必须要有布局单元格3、 插入布局单元格的方法在插入栏布局类别中，单击绘制布局表格，鼠标拖动可绘制出合适大小的布局表格，再单击绘制布局单元格，在刚才画的布局表格里绘制布局单元格。如果想连续画多个布局单元格，可以不必每次都点击绘制布局表格，而是按住ctrl键连续绘制。4、 在布局单元格中添加内容，和在标准视图模式下相同，鼠标放在布局单元格里，选择插入菜单5、 调整布局表格大小： 单击布局表格的边线选中布局表格，拖动布局表格的控制柄改变布局表 格的大小6、 调整布局单元格的大小 将鼠标指针移到布局单元格的蓝色线条处，布局单元格的线条会变成红色，此时单击单元格的线条，即可选中布局单元格，拖动单元格的控制柄，即可改变单元格的大小7、 移动布局表格和布局单元格 选中布局表格和布局单元格，用鼠标拖动到新的位置，布局表格只由嵌套在其它表格中才可以移动8、 设制布局表格属性 选中布局表格，打开“布局表格”属性面板，可在此调整布局表格的宽、高、背景颜色9、 设置布局单元格属性 布局单元格，打开“布局单元格属性面板可以设置布局单元格的宽、高、背景颜色、水平对齐方式、垂直对齐方式。教师首先简单演示讲解，学生分小组完成相同任务，看哪个小组最先完成，根据学案导学来讨论完成检查提问总结插入布局表格、布局单元格、调整布局表格和布局单元格大小、移动布局表格和布局单元格、设置布局表格和布局单元格的属性方法可让学生起来抢答分小组完成任务1、2选一个题目，3、4组选一个题目，供学生来操作制作要求1、应用表格布局模式制作示例中的网页通过案例的制作让学生巩固布局表格和布局单元格的应用展示总结展示各组学生作品，学生评价，打分学生通过评价其它同学的作品，可检查学生对知识点的掌握情况，也可调动学生学习的积极性视频展示Flash视频展示，自动伸展列和间隔图像，突破理解自动伸展和