青岛版信息技术五年级下册 用表格布局网页导学案

小学五年级信息技术导学案
课题：用表格布局网页
设计：赵治 学生姓名：
一、探究任务（一）：修改表格属性
1、打开“桌面——银杏之乡-
呼家庄”文件夹中的名为“yinxing.html ”的文件。

2、首先用鼠标左键单击图片一下，执行“修改”——“表格”——“选择表格”命令，在下面“属性”工具栏中操作：将表格属性 宽 改为480，表格属性 对齐 为“居中
对齐”
3、找到表格属性面板中“对齐”列表框，选择“居中对齐”。

4、选中第三行单元格，在单元格“属性”中将文字“中文学名：银杏” “居中对齐”（如图）
5、文件——保存
6、文件——在浏览器中预览效果——IE8
二、探究任务（二）：利用表格布局网页
（1）网页表格中插入图片与文字
1、打开dreamweaver8程序，新建网页，标题为“银杏果实”，保存为“yinxingguoshi.html ”
2、插入一个3行1列、宽度为600像素的表格。

—— 在下方“属性”工具栏 —— 对齐 方式为“居中对齐”
3、选中第一行单元格，将光标“居中对齐”，从“银杏的果实”文件夹中选取“银杏果5”图片，插入到单元格中。

4、选中第三行单元格，将光标“居中对齐”，并输入“第二实验小学 五年级 班，姓名 ”
（2）网页表格中插入表格
1、将光标移动到第二行单元格中，在这个单元格 插入一个3行3列，宽度为600像素的表格。

2
、用鼠标选中新插入的表格中第一行的三个单元格，并用“修改”—“表格”——“合并单元格”命令，合并成一个单元格。

重复上述操作，将第三行的三个单元格合并
（3）单元格中背景颜色的选取
1、选中新插入的表格中第一行单元格，并将光标“居中对齐”，在这个单元格中插入“银杏果7”图片，设置单元格颜色：首先将鼠标在本单元格中左击一下，点击“背景颜色”用吸管吸取图片“银杏果7”中的 果实 颜色作为背景颜色。

2、选中新插入的表格中第三行单元格，并将光标“居中对齐”，在这个单元格中插入“银杏果3”图片，设置单元格颜色：首先将鼠标在本单元格中左击一下，用吸管吸取图片“银杏果3”中的 果实 颜色作为背景颜色。

3、选中第二行单元格中的左单元格并将光标“居中对齐”，插入图片“银杏叶果2”图片，并设置这个单元格的背景颜色（用吸管吸取“银杏叶果2”图片 中的背景色）；
选中第二行单元格中的右单元格并将光标“居中对齐”，插入图片“银杏叶果2”图片，
并设置这个单元格的背景颜色（用吸管吸取“银杏叶果2”图片 中的背景色 ）；
4、选中第二行中间单元格，将光标“居中对齐”，设置背景颜色为“红色”（色号：#FFFFFF ）并设置单元格的宽度为200像素，在这个单元格中输入文字“银杏展”
5、文件——保存
6、文件——在浏览器中预览效果——IE8
三、大显身手
使用“银杏之乡-呼家庄”文件夹中的“银杏的药用”文件夹里的图片，完成以下操作。

1．根据自己的能力和喜好，用dreamweaver8程序，新建一个文档，标题为“银杏的
药用”，保存文件名为“yinxingyaoyong.html ” 注意：
（1） 单元格的尺寸，图片的大小 （2） 表格中插入表格
（3） 单元格中背景颜色的选取。