第八章框架网页.ppt

第一页，共十八页，2022年，8月28日 第一节 框架网页概述 一、框架 1、概念 框架指能够独立变化和翻动的小窗口。通过合理的组织和安排这些小窗口，可以使Web网页具有更加漂亮的外观和视觉吸引力。 2、作用 框架可以集成以前也许需要多个单独屏幕装入的信息。此外，因为在页面上显示的信息被分成独立的区域或框架，所以某单个框架内容的更新不会影响到其他框架的内容。 框架在很多方面与表格很相似，只不过表格是对网页区域的划分，而框架是对整个窗口的划分。框架比起表格更为有用，它不仅可以组织数据，而且可以组织浏览器的显示。实际上，框架将浏览器窗口划分成为若干个区域，每个区域中的网页由不同内容的网页组成，而且每个区域中的网页可以独立于其他框架翻动或改变。 第二页，共十八页，2022年，8月28日 二、框架网页 1、框架网页 框架网页是一种特殊的HTML网页，它可将浏览器窗口分成不同的区域，称为框架区域。每个区域都可以显示不同的网页. （1）框架网页的特点 ① 只要单击某一个框架区域内的超链接，其指向的网页就会在另一个框架区域中显示，而不必将整个浏览器窗口中的内容更换一遍。 ② 固定网页中的某些内容。 ③并不是所有的浏览器都能显示框架网页，这也是框架网页的一个局限。 （2）框架网页的种类 根据框架分布的不同和各框架作用的不同，框架网页被分为多种类型。使用FrontPage制作网页时，常用到的框架网页是：标题、标题页脚和目录、垂直拆分、横幅和目录、脚注、目录、嵌套式层次结构、水平拆分、页脚和自顶向下的层次结构。 第三页，共十八页，2022年，8月28日 第二节 利用FrontPage 2003处理框架 一、创建框架网页 ① 选择“文件” “新建 ” 命令，打开“新建网页”和“新建站点”窗格； ② 单击“新建网页”下面的“其他网页模板”超级链接，打开“网页模板”对话框； ③ 单击“框架网页”选项卡，显示十种网页模板，选择其中任一种形式，在对话框右边会出现该模板形式的说明，以及模板预览。 ④ 单击每个框架中的“新建网页”按钮，各编辑区变成编辑状态，可以依次编辑各个网页。单击每一个框架区域中的“设置初始网页”按钮将打开一个对话框，可以在该对话框中选择一个网页作为框架网页最初显示的网页，并显示在框架区域中。 二、编辑框架网页 编辑框架网页与编辑普通的网页相同，也可以在框架网页中添加和格式化文本、设置网页的背景颜色和背景图片、在网页中插入图片和添加组件，还可以调整框架的大小等。 第四页，共十八页，2022年，8月28日 1．在框架网页中添加和格式化文本 在框架网页中添加和格式化文本与在普通的网页中添加和格式化文本相同。 2．调整框架的大小 在输入文本时，可能输入的文本内容比较多，但框架又比较小，所以输入文本时会有一部分文本不能显示，这样在查看文本时就有可能看不到文本的整体效果，这时可以调整框架的大小来显示文本。 通常调整框架的大小的方法有两种，即通过拖动框架的边框或指定想要的确切设置来调整框架的大小。 （1）拖动框架的边框调整框架大小 将光标放在要调整的框架边框上，当光标变为“?”形状时，按住鼠标左键，并向下拖动。 （2）精确设置框架大小 ① 单击框架，将光标置于框架内，点击鼠标右键，从弹出的快捷菜单中选择“框架属性”命令，弹出“框架属性”对话框； ② 在“框架大小”选项组中设置框架大小为固定像素数后，再指定框架的宽度和行高，单击“确定”按钮。 第五页，共十八页，2022年，8月28日 3．拆分框架 在框架网页中不但可以调整框架的大小，还可以设置网页中显示的框架的多少。在框架网页中可以任意地拆分框架。 （1）拖动边框拆分框架 将光标放在要拆分的框架边框上，按住“Ctrl”健，同时按住鼠标左键拖动框架边框，