第八课 设计框架网页一、课时安排1课时二、教学目标1、创建“我的作品”框架网页。 2、保存“我的作品”框架网页。三、教学重点创建“我的作品”框架网页。四、教学难点创建“我的作品”框架网页。五、教学过程导入新课。师：框架网页是一种特殊的HTML网页，它可以将浏览器窗口分割成不同的区域，每一个区域显示不同的网页内容，这些区域就称为框架，具有这种功能的网页，就叫框架网页。新课教学。1、创建“我的作品”框架网页。FrontPage提供了多种框架网页的模板供你选择，通过执行菜单栏中“文件”-“新建”-“网页”命令来实现。（1）将老师提供的“第8课”文件夹中的“my production”文件夹拷贝到自己电脑D盘上，并在Frontpage中打开该站点；（2）执行菜单栏中“文件”-“新建”-“网页”命令，打开“新建对话框，单击对话框中的“框架网页”选项卡，在框架模板框中，选择“目录”模板；（3）单击“确定”按钮，新建一个“目录”样式的框架页；（4）单击左边的“目录”框架中的“新建网页”按钮，就在左框架中新建了一个网页；（5）在“目录”框架网页中插入一个7行1列的表格，表格的高度与宽度均为100%，边框粗细为0；（6）依次在表格的第二至第五行单元格中输入“笨笨熊之家”、“我喜欢的动物”、“我的课程表”和“七巧板”，并设置字体、字号、颜色等；在第六行插入一个.gif图形（images文件夹中的email.gif）；（7）设置网页背景，设置表格各个单元格水平居中对齐；（8）单击右边主框架中的“设置初始网页”按钮，打开“创建超链接”对话框；在对话框中选择“tangram”文件下的“indexhtm”文件，并单击“确定”按钮，就把这个网页设置成了主框架的初始网页；（9）选中“笨笨熊之家”，单击常用工具栏中“超链接”按钮，打开“创建超链接”对话框，选择站点文件夹中的bear文件夹下的index.htm文件；（10）单击“目标框架”方框右边的“更改目标框架”按钮，弹出“目标框架”对话框，选择“公用的目标区”中的“网页默认值”，单击“确定”按钮，回到“超链接”对话框，单击“确定”按钮；用同样的方法设置其他三个标题的超链接；（11）分别右击左右框架网页，在弹出的快捷菜单中，单击“框架属性”命令，打开“框架属性”对话框，单击“可在浏览器中调整大小”复选框，取消该功能；（12）单击“框架网页”按钮，在打开的“网页属性”对话框中，选择“框架”选项卡；单击“显示边框”复选框，取消该功能，单击“确定”按钮，回到“框架属性”对话框，再单击“确定”按钮；（13）将编辑模式切换到“预览”，预览网页效果。2、保存“我的作品”框架网页。框架网页中有多个框架，每个框架都可作为一个单独的浏览窗口来显示网页。因此在保存时，系统会要求保存每个框架中的网页和总的框架网页。（1）单击常用工具栏中“保存”按钮，弹出“另存为”对话框，对话框的右侧显示框架的示意图，框中蓝色的部分即为当前要保存的框架；（2）在“文件名”框中输入文件名，单击“保存”按钮；（3）在对话框的右侧显示示意图，表示将保存框架网页，在“文件名”框中输入“index.htm”，单击“保存”按钮。这样“我的作品”框架页就制作完成，它将前面制作的“笨笨熊之家”、“我喜欢的动物”、“我的课程表”和“七巧板”等网页连接起来。试一试上网收集“2008北京奥运会”相关资料。利用收集到的资料，用框架页形式制作一个介绍2008北京奥运会的网站。六、教学反思：