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

12 用表格为网页布局


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

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

教学 目标

1. 通过分析不同的页面布局,理解布局在版面设计中的重要性。 2. 利用表格规划网页布局,掌握表格的插入、设置等操作方法。 用表格布局网页。 灵活掌握排列表格和设置表格属性的方

法。 教授式学习;任务驱动法; 教学过程 教具准备 范例

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

教学环节

教师

学生

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

一、导入

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

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

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

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

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

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


相关文章:
项目二 使用表格布局页面(12)
项目二 使用表格布局页面表格是制作网页的灵魂,在实际应用中,表格排版的地位不可...12px">内容 这样的写法虽然直观,但是无法体现出层叠样式表的优势,因此并不推荐...
第三章 使用表格规划网页布局
第三章 使用表格规划网页布局_计算机软件及应用_IT/计算机_专业资料。第三章 使用...3、占位符: 当我们插入表格后,每个单元格的默认的高度是 12 像素的,但这些...
实训六 利用表格进行网页布局
实训六 利用表格进行网页布局课时: 3 班级: 计算机班 12 一、实训目的 实训日期: 2013-4-2 编写时期: 2013-3-29 1、了解网页设计常用的几种版式; 2、掌握...
应用表格布局网页结构
[ 作者:阜宁县明达中学 姜秀菊 1078 更新时间:2010-6-12 来源:本站原创 ...过程与方法目标: 1、利用对比学习,形成知识迁移的能力 2、通过用表格布局网页,...
利用表格布局网页
《利用表格布局网页》一课,听了这三节课,我感悟很深,《用 表格布局网页》是...学生完善作品; 12、评价作品;学生介绍自己的创作意图,他人评价、修改。13、提问...
《应用表格布局网页结构》教案
(2)引出本课内容:探索用表格布局网页页面。 (3)明确本课的任务:使用表格...文档贡献者 126289114cjj 贡献于2015-12-07 相关文档推荐 暂无相关推荐文档 ...
项目4 使用表格布局制作页面
项目4 使用表格布局制作页面一、教学建议该项目主要介绍表格布局网页中的应用,...“0 像素”设置表格 ID 为“nav” 12. 选中第一个单元格,设置背景颜色为“...
html网页布局模板
层叠样式 *.CSS 作用就是给 HTML 页面标签添加各种样式 *.为什么用 CSS ...相对单位:px, em(印刷单位相当于 12 个点), %(相对周围的文字) *字体设置...
2012-2013(2)网页设计与制作试卷(含答案)
所学网布局的方法是【 A、表格 B、布局 C、层 E、都是 C 】 4、在 ...216 种 12、为了标识一个 HTML 文件应该使用的 HTML 标记是【 C A、 13...
利用表格制作网页
网页将利用设计页面布局,制楚雄师院的页面简介。...体会如何使用表格来控制页面中的元素对象,已达到自然...《12》在上一步插入表格的属性面板中,将对 齐方式...
更多相关标签:
表格布局网页 | 网页设计表格布局例子 | 应用表格布局网页结构 | 网页制作表格布局 | 用表格为网页布局 | 利用表格布局网页 | html网页表格布局实例 | 网页设计表格布局 |