第13课 框架网页渐完善 教案

总课时： 科 目 信息技术 课 题 第十三课 框架网页渐完善 课 型 新授课 班 级 六年级 主备人 授课时间 课时安排 课时 教学目标 1.学会制作“小小画廊”网页； 2.掌握导入图片文件到网站的方法。 教学重难点 制作“小小画廊”网页 教学准备 电子白板，课件 教学方法 合作探究学习 教 学 过 程 总课时： 科 目 信息技术 课 题 第十三课 框架网页渐完善 课 型 新授课 班 级 六年级 主备人 授课时间 课时安排 课时 教学目标 1.学会制作“小小画廊”网页； 2.掌握导入图片文件到网站的方法。 教学重难点 制作“小小画廊”网页 教学准备 电子白板，课件 教学方法 合作探究学习 教 学 过 程 一.复习巩固 二.引入新课 “风采展示”下的“小小画廊”页面可以充分展示同学们的绘画作品，今天我门就来学习如何制作“小小画廊”。 三.制作“小小画廊”页面 1. 复制“模板一.htm”，粘贴并命名为“xxhl.htm”，网页标题“小小画廊”； 2. 插入5行3列的表格，中间一列单元格设置白色背景，并调整列宽； 3. 制作第一幅绘画作品 (1)在第一行第二列的单元格内插入一个3行3列的表格； (2)在第一行第三列的单元格内插入一个2行1列的表格，并调整好行高与列宽； (3)在单元格内设置背景颜色，输入文字或插入图片，调整大小； (4)在单元格内输入文字，插入图片，调整大小。 4. 复制制作好的第一行的表格到后面各行，再将图片和文字更换一下即可。 四.导入图片文件到images文件夹中 {在上面的制作中，需要不断地删除、插入、调整大小，太麻烦了。有什么更方便的办法更换单元格中的图片呢？ 由于要更换的图片在网站外，我们可以将它们导入到网站的images文件夹内，之后在调用更方便多了。} 1. 单击“文件”→“导入”选项，弹出“导入”对话框； 2. 单击“添加文件”添加要导入的文件； 3. 单击“修改”，修改文件位置和名字； 4. 单击“确定”按钮。 五.通过images文件夹，更换成其他绘画作品和作者照片。 1. 选中第二行的绘画作品，打开“图片属性”对话框； 2. 单击“浏览”，更改“图片源”为images文件夹中的hh2.gif文件； 3. 单击“确定”按钮。 六.思考与练习 1. 导入图片有什么好处？ 2. 将自己的计算机绘画作品制作成一个网页