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

布局视图优质课教案设计


课题

表格布局视图

课时

1

年级

高一年级

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

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

导入

学生完成游戏 “摆摆看”

任务分析、制 作

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

检查提问

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

分小组 完成任务

展示总结

视频展示

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

小结

作业


相关文章:
《三视图》校内公开课教案
2、会画简单几何体视图。《三视图》校内公开课教案 2014 年 3 月 25 日课题 《三视图》第 1 课时 知识与技能 学科及年级 数学九年级下册 教师 1、会...
段落和页面的设置优质课教案
段落和页面设置优质课教案_其它课程_初中教育_教育专区。段落和页面的设置教案...为了让页面的大小很好的适应版面的结构,需要进行页面设置。 在页面视图下,依次...
新人教版29《投影与视图》教案设计
新人教版29《投影与视图教案设计_初三数学_数学_初中教育_教育专区。29.1 ...的模具和机械制图专业的课程都 需要这方面的知识,激发学生学习兴趣,导入本课。 ...
机械制图学科教案设计-视图
《机械制图》学科教案设计 视图 教材分析:机械制图是一门技术基础课,通过机械制图...向视图的布局及标注。 作图的知识要点。 课堂练习的参考答案 2 教环节 方式 ...
三视图教案
第二节课介绍稍复杂构件视图的画法及尺 寸标注,并引导学生能画 出自已所设计的“多功能学习用品盒”视图,在同学们之间进 行交流。 总体教学流程为:...
教案(用布局视图实现网页布局)
课题:用布局视图实现网页布局 课题:用布局视图实现网页布局执教者:舒服斯基 教学...学生活动 设计想法 引导学生复习 旧知识,同时 引出本节课的 主题。 设计想法 ...
表格布局 教案
表格布局的应用 江苏教育出版社 出版社 教学设计说明...(1)将网页切换成【拆分】视图 存作品,养 成良好...最优秀作品展示,并交流在操作过 程中出现的问题和...
WORD优质课教案(软件工作界面)
信息技术教案( WORD 部分) 第一课 文字处理软件的工作界面 [教学目的与要求] ...3、任务三:显示和隐藏工具栏、标尺 学生:单击“视图”命令,指向“工具栏” ,...
控制面板公开课教案
控制面板公开课教案_计算机软件及应用_IT/计算机_...选项区中的 【切 换到分类视图】选项对显示方式...在【键盘布局/输入法】中选择全拼输入 法,单击【...
《三视图》教案设计
《三视图教案设计_高一数学_数学_高中教育_教育专区。《三视图》教学...优秀产品经理指南 DTCC2014:百分点内存数... 百度认证SEM02关键词优化...1...
更多相关标签: