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

12 用表格为网页布局


广陈中学 2015 学年第一学期八年级信息技术教案

参悟稿:12 用表格为网页布局
主备: 审核:上课日期总第 课时

教学 目标

1. 通过分析不同的页面布局,理解布局在版面设计中的重要性。 2. 利用表格规划网页布局,掌握表格的插入、设置等操作方法。 用表格布局网页。 灵活掌握排列表格和设置表格属性的方法。 教授式学习;任务驱动法; 教学过程 教具准备 范例

教学重点 教学难点 教学方法

教学环节

教师

学生

设计意图 通过提问、引导、比 较等方法,培养学生 辨别表格布局网页页 面的好处。

一、导入

展示 2 张素材相同布局不同的网页。 学生观察和比较 提问①: 哪张比较美观?对照课本图 12-1 两张网页,个别 至 12-4 常见网站主页构成图, 它属于哪种 回答问题。 类型?②:它是怎么布局的?教师分析网 页中所隐含的表格结构,总结用表格为网 页布局的重要性。 分析网页中所隐 含的表格结构, 并回答。

1、提问:这张网页是用几行几列的 表格布局的? 二、 析表格 教师展示表格结构。 布局 2、展示“网络世界”网站主页,让 学生分析表格结构。 任务一:打开自己的网站主页,设置 三、 设置网 网页大小。一起学习“日积月累” 。 页大小

通过提问、比较、学 生回答,教师示范演 示等方法,提高学生 如何利用表格布局网 页页面的能力。 培养自主学习的能力

学生读读“日积 月累” , 查找一下 自己屏幕的分辨 率。

任务二:根据自己的网站主页设计, 插入及编辑表格 插入表格。 并完成页面布局 个别学生演示插入表格。任务③对表 四、 插入及 格进行拆分,调整单元格。教师演示,并 编辑表格 作页面布局。 并完成页 面布局 提高任务:完成之前操作的学生确定 标题栏目和分栏目,并在主页中插入图片 部分学生完成 和文字。 展示个别学生的成果,并分析成功和 六、 课堂展 欠缺的地方。 示 学生分析,教师 总结

学生在制作过程中的合 作、讨论、展示、交流、 评价及归纳等方法,培养 学生的思考能力、语言组 织能力、语言表达能力、 归纳能力和审美能力。 提高任务让一部分学生 体会整体网页制作的过 程。 培养学生重视学习结果 的质量,并从中让他们获 得成功的体验。激发学习 网页制作的兴趣。


赞助商链接
相关文章:
用表格为网页布局 (1)
用表格为网页布局 (1)_其它课程_初中教育_教育专区。初中信息技术八年级上册教案备课本 课题: 用表格为网页布局知识 理解用表格排版主页的作用。 1.掌握在网页中...
用表格为网页布局
用表格为网页布局_其它课程_初中教育_教育专区。如何规划网页页面布局是一个综合能力的锻炼,本节内容要求学生初步掌握用表格形式对网页上的对象进行合理排版,表格在七...
教案:使用表格布局网页
教案:使用表格布局网页_中职中专_职业教育_教育专区。教学内容: 课专教单程: ...教案12 应用表格布局网页... 4页 1下载券 应用表格布局网页教案设... 2页...
4-3-3使用表格进行页面布局
4-3-3使用表格进行页面布局_计算机软件及应用_IT/计算机_专业资料。昆五中高一...12页 免费 第4章 网页表格制作及页... 2页 免费 第4章 网页表格的使用及...
用表格布局网页教案_图文
课题 用表格布局网页(一) 本节课是网页制作的第五节内容,在此之前,学生已经...2. 探索中发现 适的任务 新的问题 时间(分) 12 分钟 教学过程(二)制作正文...
项目四 使用表格布局网页
项目四教学要求 使用表格布局网页 熟练掌握创建表格的方法,会设置表格的行数、列...12.调整表格大小 13.调整单元格大小 14.清除行高 15.清除列宽 16.布局模式 ...
使用表格布局网页操作步骤
使用表格布局制作 欢迎光临我的小屋 网页步骤 1.设置页面字体格式 14px 2.在页面中插入 1 个 3 行 1 列的表格,宽度 774px 3.在表格的第 1 行插入图像 ...
实验15 利用表格和框架技术进行网页布局设计
实验15 利用表格和框架技术进行网页布局设计 1.1 15.1 实验目的 1.掌握利用 ....html 依次负责到表格的 三行中,这样就完成了主页的设计,效果如图 15-12 ...
实验二 使用表格布局页面
实验二 使用表格布局页面_互联网_IT/计算机_专业资料。实验二 使用表格布局页面...12.设置链接颜色为#FFFFFF,即白色。 13.在表格 3 的下面插入一个 1 行 3...
利用表格对网页布局教学设计
利用表格网页布局》教学设计一、教材分析: 1.教学目标 网页的页面设计是...此时,教师把 主动权交给学生,使他们更具 12 参与意识引发学习的主动性, 学会...
更多相关标签: