人教版信息技术五年级下册第13课《制作框架网页》教学设计(精品).doc

统一样式——制作框架网站教学目标： 1.掌握表格的拆分与合并。 2.学会建立框架、制作框架网页和保存框架网页。 3.能制作鼠标经过图像的动态效果。 4.学会制作超级链接和电子邮件链接。 5.掌握目标设定在网页中的作用和技巧。教学重点：创建框架和制作框架网站。 教学工具：多媒体网络教室。 教学方法：讲解、学生训练。 时间安排：2 节课 教学过程：一、课程导入 一个网站往往划分成多个区域，对于每个区域来说，其颜色配色、网站样式、网 站标题、网站导航都是统一的。为了能做到这种统一制作框架网页教案，我们每位网页中同样的内容固 定在一个区域。我们借助创建框架制作框架网页制作框架网页教案，可以轻松推动网页构架划分和发力。 看一个使用了框架的网站实例，师大资源网（）。使你们对框 架有一个初步的知道和感性认识。 二、新课讲授 1.新建站点 （1）将“安全自护我能行”站点文件夹 safe 传到学生机。 （2）新建站点。 2.创建框架和框架集 制作框架网站的前提是建立框架，并按照网页布局设计框架的风格，然后再详细设 计制作网站的内容。 （1）规划“框架”文件夹。 （2）新建框架集 步骤 1：执行“文件”——》“新建”命令，打开“新建文档”对话框，在 “类别”中选取 “框 架集”。

1步骤 2：单击“创建”按钮，在跳出对话框中点击“确定”，框架构建完成。 （3）保存框架集 步骤 1：执行“文件”——》“保存全部”命令，保存到 frame 文件夹中。 步骤 2：重命名框架集文件和每个框架文件。 （4）设置框架和框架属性 框架的属性包含框架名称、源文件、边距、尺寸、滚动条等；框架集的属性包含框 架体积、框架边界形状、距离等。 步骤 1：执行“窗口”——》“框架”命令，打开框架面板。 步骤 2：单击“框架”面板中的框架边缘部分，选中框架集，在 “属性”面板中修改框 架集的属性。 步骤 3：单击“框架”面板中的 topFrame 框架和 mainFrame 框架，在“属性”面板中 设置所选框架的属性。 （5）制作框架网页 ①制作上框架网页 步骤 1：打开网站 top.html，设置背景色彩#EAFF8A，上宽度为 0 像素。 步骤 2：插入一个 2 行 5 列的表格并微调行列的高宽。。。。。。 步骤 3：在导航表格中，设置光标经过图像。 步骤 4：为截图添加超链接，设置开启方法（目标）。 ②制作下框架网页 步骤 1：打开网站 main.html，设置背景色彩#EAFF8A，上宽度为 0 像素。

步骤 2：插入一个 5 行 9 列的表格并微调行列的高宽。。。。。。 步骤 3：合并相关单元格。 步骤 4：插入图片，并为截图添加超链接。 步骤 5：添加邮件链接。 三、学生训练 学生小组合作完成书上的训练任务，并将任务上交到教师机。 四、作品评价 对于较快完成任务以及完成任务较多的老师进行表扬引导。2五、本课总结 1.创建框架，实现网站样式的统一，保存框架时，需要储存框架集文件和带有框架 的所有文件。 2.利用鼠标经过图像，可以制作网站导航动态图标。 3.超级链接是推动网站互联的关键，设置网页的开启方法，可以调整链接网页的显 示位置。3

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-127486-1.html