清华大学版（2012） 八年级下册信息技术 课件 - 2.5统一风格——制作框架网页 (共24张PPT)

统一风格——制作框架网页 1 任务导航 在进行网站制作的时候，常常需要将页面划分成多个区域，然后将各个网页的相同内容（如网站标题、网站导航等）固定在一个区域中，以确保网站风格的统一。 本课，我们通过创建框架制作框架网页，制作完成的框架网页效果如图所示。 2 1.创建框架和框架集 （1）规划“框架”文件夹 打开“安全自护我能行”站点，在“文件”面板中新建frame文件夹，在frame文件夹中新建images和other文件夹，将素材库中提供的图片素材存放到images文件夹中。 3 （2）新建框架页 步骤1：执行“文件”→“新建”命令，打开如图所示的“新建文档”对话框，选择“示例中的页”标签，在“示例文件夹”列表框中选择“框架页”选项，在“示例页”列表框中选择“上方固定”，则对话框右侧区域会显示所选框架页的样式及其文字描述。 4 步骤2：单击“创建”按钮，打开如图所示的“框架标签辅助功能属性”对话框。 5 单击“确定”按钮，框架创建完成，生成如图所示的框架网页。 6 （3）保存框架集 步骤1：执行“文件”→“保存全部”命令，打开“另存为”对话框，如图所示。双击frame文件夹，将文件保存在frame文件夹中。重命名框架集文件名为all.html，单击“保存”按钮。 7 步骤2：将光标定位到上框架中，执行“文件”→“框架另存为”命令，打开“另存为”对话框，重命名上框架文件名为top.html，单击“保存”按钮。 步骤3：将光标定位到下框架中，执行“文件”→“框架另存为”命令，打开“另存为”对话框，重命名下框架文件名为main.html，单击“保存”按钮。 8 （4）设置框架和框架集属性 步骤1：执行“窗口”→“框架”命令，打开如图所示的“框架”面板，此“框架”面板中显示出当前网页中的框架结构。 9 步骤2：单击“框架”面板中的框架边缘部分，选中框架集，在“属性检查器”中设置框架集的属性，设置行的值为207，参数设置如图所示。 10 步骤3：单击“框架”面板中的topFrame框架或mainFrame框架，在“属性检查器”中设置所选框架的属性，参数设置如图所示。 2.制作框架网页 （1）制作上框架网页 上框架网页的主要内容是网站标题和利