第5章网页框架的处理 通过本章学习,应该掌握以下内容: 1.认识框架网页 2.创建框架网页的方法 3.编辑框架网页的方法 4.设置框架属性的方法
通过本章学习，应该掌握以下内容： 1. 认识框架网页 2. 创建框架网页的方法 3. 编辑框架网页的方法 4. 设置框架属性的方法 第5章 网页框架的处理
51利用 FrontPage2002处理框架 51.1创建框架网页 1.认识框架网页 框架网页是种特殊的HTML网页,它可将浏览器窗口分成不 同的区域,称为框架区域。每个区域都可以显示不同的网页 (1)框架网页的特点 ①只要单击某一个框架区域内的超链接,其指向的网页就会在另 个框架区域中显示,而不必将整个浏览器窗口中的内容更换一遍 ②固定网页中的某些内容。 ③并不是所有的浏览器都能显示框架网页,这也是框架网页的一个 局限。 (2)框架网页的种类 根据框架分布的不同和各框架作用的不同,框架网页被分为多种 类型。使用 Frontpage制作网页时,常用到的框架网页是:标题、 标题页脚和目录、垂直拆分、横幅和目录、脚注、目录、嵌套式层 次结构、水平拆分、页脚和自顶向下的层次结构
5.1 利用FrontPage 2002处理框架 5.1.1 创建框架网页 1．认识框架网页 框架网页是—种特殊的HTML网页，它可将浏览器窗口分成不 同的区域，称为框架区域。每个区域都可以显示不同的网页. （1）框架网页的特点 ① 只要单击某一个框架区域内的超链接，其指向的网页就会在另 一个框架区域中显示，而不必将整个浏览器窗口中的内容更换一遍。 ② 固定网页中的某些内容。 ③并不是所有的浏览器都能显示框架网页，这也是框架网页的一个 局限。 （2）框架网页的种类 根据框架分布的不同和各框架作用的不同，框架网页被分为多种 类型。使用FrontPage制作网页时，常用到的框架网页是：标题、 标题页脚和目录、垂直拆分、横幅和目录、脚注、目录、嵌套式层 次结构、水平拆分、页脚和自顶向下的层次结构
2.创建框架网页 ①选择“文件”|“新建”|“网页或站点”命令,打开“新建网页或 站点”窗格; ②单击“网页模板”超级链接,打开“网页模板”对话框; ③单击“框架网页”选项卡,显示十种网页模板,选择其中任一种 形式,在对话框右边会出现该模板形式的说明,以及模板预览。选 择“嵌套式”层次结构,单击“确定”按钮,出现初始框架网页; ④单击每个框架中的“新建网页”按钮,各编辑区变成编辑状态, 可以依次编辑各个网页。单击每一个框架区域中的“设置初始网页” 按钮将打开一个对话框,可以在该对话框中选择一个网页作为框架 网页最初显示的网页,并显示在框架区域中。 51.2编辑框架网页 编辑框架网页与编辑普通的网页相同,也可以在框架网页中添加 和格式化文本、设置网页的背景颜色和背景图片、在网页中插入图 片和添加组件,还可以调整框架的大小等
2．创建框架网页 ① 选择“文件”| “新建”| “网页或站点”命令，打开“新建网页或 站点”窗格； ② 单击“网页模板”超级链接，打开“网页模板”对话框； ③ 单击“框架网页”选项卡，显示十种网页模板，选择其中任一种 形式，在对话框右边会出现该模板形式的说明，以及模板预览。选 择“嵌套式”层次结构，单击“确定”按钮，出现初始框架网页； ④ 单击每个框架中的“新建网页”按钮，各编辑区变成编辑状态， 可以依次编辑各个网页。单击每一个框架区域中的“设置初始网页” 按钮将打开一个对话框，可以在该对话框中选择一个网页作为框架 网页最初显示的网页，并显示在框架区域中。 5.1.2 编辑框架网页 编辑框架网页与编辑普通的网页相同，也可以在框架网页中添加 和格式化文本、设置网页的背景颜色和背景图片、在网页中插入图 片和添加组件，还可以调整框架的大小等
1.在框架网页中添加和格式化文本 在框架网页中添加和格式化文本与在普通的网页中添加和格式化 文本相同。 2.调整框架的大小 在输入文本时,可能输入的文本内容比较多,但框架又比较小, 所以输入文本时会有一部分文本不能显示,这样在查看文本时就有 可能看不到文本的整体效果,这时可以调整框架的大小来显示文本 通常调整框架的大小的方法有两种,即通过拖动框架的边框或指 定想要的确切设置来调整框架的大小。 1)拖动框架的边框调整框架大小 将光标放在要调整的框架边框上,当光标变为“1”形状时,按 住鼠标左键,并向下拖动。按此方法调整上图中右边两个框架的大 小,调整后的框架网页如图57所示。 (2)精确设置框架大小 ①单击框架,将光标置于框架内,点击鼠标右键,从弹出的快捷菜单 中选择“框架属性”命令,弹出“框架属性”对话框; ②在“框架大小”选项组中设置框架大小为固定像素数后,再指定框 架的宽度和行高,单击“确定”按钮
1．在框架网页中添加和格式化文本 在框架网页中添加和格式化文本与在普通的网页中添加和格式化 文本相同。 2．调整框架的大小 在输入文本时，可能输入的文本内容比较多，但框架又比较小， 所以输入文本时会有一部分文本不能显示，这样在查看文本时就有 可能看不到文本的整体效果，这时可以调整框架的大小来显示文本。 通常调整框架的大小的方法有两种，即通过拖动框架的边框或指 定想要的确切设置来调整框架的大小。 （1）拖动框架的边框调整框架大小 将光标放在要调整的框架边框上，当光标变为“”形状时，按 住鼠标左键，并向下拖动。按此方法调整上图中右边两个框架的大 小，调整后的框架网页如图5.7所示。 （2）精确设置框架大小 ① 单击框架，将光标置于框架内，点击鼠标右键，从弹出的快捷菜单 中选择“框架属性”命令，弹出“框架属性”对话框； ② 在“框架大小”选项组中设置框架大小为固定像素数后，再指定框 架的宽度和行高，单击“确定”按钮
3.拆分框架 在框架网页中不但可以调整框架的大小,还可以设置网页中显示 的框架的多少。在框架网页中可以任意地拆分框架。 (1)拖动边框拆分框架 将光标放在要拆分的框架边框上,按住“Ctr健,同时按住 鼠标左键拖动框架边框,拖出一段距离后放开鼠标左键和“Ctr” 建,出现一个框架。 (2)将框架平均分成两行或两列 将光标放在要拆分的框架边框内,选择“框架”拆分框架”命 令弹出“拆分框架”对话框。选择“拆分为行”或“拆分为列”, 单击“确定”按钮。 4.删除框架 ①将光标放在要删除的框架中; ②选择“框架”|“删除框架”命令 注意:从框架网页中删除框架时,该框架中显示的网页也会被 删除,但是框架网页中其余的内容并没有被删除。若框架网页仅含 有一个框架,就不能删除该框架
3．拆分框架 在框架网页中不但可以调整框架的大小，还可以设置网页中显示 的框架的多少。在框架网页中可以任意地拆分框架。 （1）拖动边框拆分框架 将光标放在要拆分的框架边框上，按住“Ctrl”健，同时按住 鼠标左键拖动框架边框，拖出一段距离后放开鼠标左键和“Ctrl” 键，出现一个框架。 （2）将框架平均分成两行或两列 将光标放在要拆分的框架边框内，选择“框架”|“拆分框架”命 令弹出“拆分框架”对话框。选择 “拆分为行”或“拆分为列” ， 单击“确定”按钮。 4．删除框架 ① 将光标放在要删除的框架中； ② 选择“框架”| “删除框架”命令。 注意：从框架网页中删除框架时，该框架中显示的网页也会被 删除，但是框架网页中其余的内容并没有被删除。若框架网页仅含 有一个框架，就不能删除该框架