版权声明 关于本站 在线留言 登陆管理 个人博客 |
『辰桦网络』. All Rights Reserved Station construction time: on April 4, 2006 |
课题: 第七章 网页中的表格
授课时间: 1 课时
授课时间: 第 9 周
教学目的:
1.使学生掌握如何在网页中添加表格;
2.使学生掌握表格属性的设置。
教学要求:
1.学生熟练掌握表格属性的设置。
教学重点:
1.设置表格的边框。
教学难点:
1.表格和单元格背景颜色的优先级。
教学方法:
1.案例法、讲授法。
教学场所:在计算机房中完成教学。
教 材 分 析 及 教 学 过 程
第一课时 网页中的表格
导课:
大家上节课学习了如何创建网站,并且我们看到了著名“新浪”网站设计者设计的新浪主页,版面布局用表格来完成的,因此,今天我们首先来学习与表格有关的知识。
新课:
请同学们回忆一下在Word中是如何添加表格的?
一、添加表格
在“表格”菜单中选择插入选项,输入相应的行数和列数,对齐方式选择“水平居中”。除了这种方法,我们还可以手工绘制表格。
二、调整表格宽度和单元格宽度
首先选中表格,单击鼠标右键,选择“表格属性”,
可以用“百分比”和“像素”来表示宽度,例如在数据框中输入50,表格的宽度占屏幕宽度的50%。还有种最简单的方法,像在Word中直接调整宽度和高度。
如果要设置单元格的宽度,只需选择“单元格属性”,在指定宽度中输入具体的值,和表格属性一样,但是最简单的方法还是直接调整单元格的高和宽。
三、设置表格和单元格的背景
我们首先改变表格属性中的背景,用一种颜色填充,然后我们在改变单元格的背景,你们发现谁的属性级别高呢?如果我们不想改变整个表格的属性,只须改变单元格的背景。
四、表格的边框
我们主要用表格来完成版面布局。因此为了不让用户在网上看到表格的边框,我们把它设置为0。
板书设计:
第一课时 网页中的表格
一、添加表格
二、调整表格宽度和单元格宽度
三、设置表格和单元格的背景
单元格背景的级别要比表格背景的级别高。
四、表格的边框
把表格的边框设置为0。
教学反思: