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

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

小学五年级信息技术导学案
课题:用表格布局网页
设计:赵治 学生姓名:
一、探究任务(一):修改表格属性
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) 单元格中背景颜色的选取。

相关文档
最新文档