当前位置:首页 >> 其它课程 >>

布局视图优质课教案设计


课题

表格布局视图

课时

1

年级

高一年级

一、教学目标 知识与技能: (1) 、认识到布局视图的优越性。 (2) 、掌握在 Dreamweaver 中使用“布局”视图实现网页布局的基本方法。 过程与方法: 在活动中自主发现布局视图的优越性。通过观

察、分析教师给出的案例学习插入布局表格和 布局单元格,并灵活运用进行网页布局,并且尝试能动手完成简单的网页布局的设计。 情感态度与价值观: (1)培养合作探究、主动学习的精神。 (2)培养团结协作的精神。 二、教学重点与难点 教学重点:布局表格和布局单元格的插入和应用 教学难点:自动伸展和间隔图像的理解 三、教学策略 采用分组合作的方法,通过学生完成“拼图”游戏来展开本节课的学习。再由一些列的任务 活动来体验布局视图下进行页面布局的方法。 经过教师启发、 引导, 师生共同总结知识要点。 四、教学过程 教学环节 教师活动 让学生上讲台玩“拜拜看”小游戏,学生说出玩后 的感触。 观察标准视图和布局视图的区别, 体会布 局视图的灵活性, 从而引出布局视图可以让表格随 意摆放,更有灵活性,引出本课主题。 分析任务 爸爸”去哪儿任务 1、进入表格布局:查看——表格模式——表格布 局 2、要想在布局模式下插入内容,必须要有布局单 元格 3、插入布局单元格的方法 在插入栏布局类别中,单击绘制布局表格, 鼠标拖动可绘制出合适大小的布局表格, 再单击绘 制布局单元格, 在刚才画的布局表格里绘制布局单 元格。如果想连续画多个布局单元格,可以不必 每次都点击绘制布局表格,而是按住 ctrl 键连续 绘制。 4、在布局单元格中添加内容,和在标准视图模式 下相同,鼠标放在布局单元格里,选择插入菜单 学生活动

导入

学生完成游戏 “摆摆看”

任务分析、制 作

教师首先简单演示讲 解,学生分小组完成相 同任务,看哪个小组最 先完成,根据学案导学 来讨论完成

检查提问

5、调整布局表格大小: 单击布局表格的边线选中布局表格,拖动布局 表格的控制柄改变布局表 格的大小 6、调整布局单元格的大小 将鼠标指针移到布局单元格的蓝色线条处,布 局单元格的线条会变成红色, 此时单击单元格的线 条,即可选中布局单元格,拖动单元格的控制柄, 即可改变单元格的大小 7、移动布局表格和布局单元格 选中布局表格和布局单元格, 用鼠标拖动到新的 位置, 布局表格只由嵌套在其它表格中才可以移动 8、设制布局表格属性 选中布局表格,打开“布局表格”属性面板,可 在此调整布局表格的宽、高、背景颜色 9、设置布局单元格属性 布局单元格,打开“布局单元格’属性面板可 以设置布局单元格的宽、高、背景颜色、水平对齐 方式、垂直对齐方式。 总结插入布局表格、 布局单元格、 调整布局表格和 布局单元格大小、 移动布局表格和布局单元格、 设 可让学生起来抢答 置布局表格和布局单元格的属性方法 1、2 选一个题目,3、4 组选一个题目,供学生来 操作 通过案例的制作让学生 制作要求 巩固布局表格和布局单 元格的应用 1、应用表格布局模式制作示例中的网页

分小组 完成任务

展示总结

视频展示

学生通过评价其它同 展示各组学生作品,学生评价,打分 学的作品,可检查学生 对知识点的掌握情况, 也可调动学生学习的积 极性 Flash 视频展示,自动伸展列和间隔图像,突破理 观看视频、理解列的 解自动伸展和间隔图像的难点 自动伸展和什么是间隔 图像 学生说出自己的收获 本节课你有哪些收获 我是设计师 运用布局视图设计班级网页

小结

作业


相关文章:
段落和页面的设置优质课教案
段落和页面的设置优质课教案_其它课程_初中教育_教育...段落和页面的设置教案一、设计理念 本着以“学生为...在页面视图下,依次单击“文件”→“页面设置” ,...
机械制图学科教案设计-视图
《机械制图》学科教案设计 视图 教材分析:机械制图是一门技术基础课,通过机械制图...基本视图的投影规律、方位关系的知识点总结。 向视图布局及标注。 作图的知识...
新人教版29《投影与视图》教案设计
新人教版29《投影与视图教案设计_初三数学_数学_初中教育_教育专区。29.1 ...的模具和机械制图专业的课程都 需要这方面的知识,激发学生学习兴趣,导入本课。 ...
《三视图》教学设计
参赛教案基本信息 性别 男 贵州省贵阳市北京师范大学贵阳附 工作单位 属中学 ...《三视图》(第一课时) 1.整体设计思路、指导依据说明 本课是《三视图》第一...
教案(用布局视图实现网页布局)
课题:用布局视图实现网页布局 课题:用布局视图实现网页布局执教者:舒服斯基 教学...学生活动 设计想法 引导学生复习 旧知识,同时 引出本节课的 主题。 设计想法 ...
设计外观教案
设计外观教案_其它课程_小学教育_教育专区。《设计...二、合作探究 1、修改幻灯片母版 (1)执行“视图”...五、反思与收获 通过本节课的学习,你对修改幻灯片...
1.2 空间几何体的三视图和直视图 教学设计 教案
1.2 空间几何体的三视图和直视图 教学设计 教案。教学准备 1. 教学目标 1....(一)创设情景,揭示课题 1.我们都学过画画,这节课我们画一物体:圆柱 把实物...
29.2 三视图 教学设计 教案
标签 教学过程教学过程设计 一、创设情境,引入新课 从生活中的一些图形,情境,...请描述出它的形状 2、根据三视图画出几何体 课堂小结我们这节课学习了什么知识...
29.2 三视图 教学设计 教案
教学目标考查意图 几何体、视图和投影是近几年中考中比较关注的知识点,试题难度不大, 所占分值也不多,常以选择题的形式出现,填空题和作图题有时也出现,考查的...
控制面板公开课教案
控制面板公开课教案_计算机软件及应用_IT/计算机_...控制面板有【经典视图】和【分类视图】两种视图模 ...[板书设计]: 控制面板的使用 一、Windows XP 控制...
更多相关标签:
日月潭优质课教案设计 | extjs设计布局视图 | 29.2三视图优质课ppt | 春 优质课教案 | 小班下学期优质课教案 | 大班美术优质课教案 | 应彩云大班优质课教案 | 中班美术优质课教案 |