本章要掌握的知识:
1 什么是框架网页
2 框架网页的制作和保存;
3乡村四月闲人少打一节气、 框架网页的链接目标的控制;
4 通过设置框架属性改变框架的外观。
通过第二、三章两个网页制作实例,我们已经领教了表格在组织网页过程中的重大作用,可以说,没有表格工具就没有真正意义的网页。但世上万物都不可能十全十美,表格工具最大的缺点就是它不是动态的,浏览器在替换表格或单元格中的内容之前必须重新显示整个网页,这就使得分类栏目比较多的网页,制作比较麻烦,不得不做许多重复劳动。为此聪明的软件设计者们想出了另一个组织网页的办法,叫做框架网页,就是将浏览器窗口划分为两个或三个框架,“框架”只给网页分区,而不提供实际内容,每个框架都可以显示独立内容的网页,就是说有框架的网页可以根据框架数同时显示两个或三个独立内容的网页。语言叙述难以穷尽其中的奥秘,还是看实例操作吧。
本网站所载长篇小说《男人的眼泪是金子》用了包含左右两个框架的网页,左面框架中的内容始终不变,题图下面有18个数字,表示小说的章节,单击某个数字,浏览器不需要重新载入整个网页,而只需更新右面框架中的网页即可。如图4-1所示。
4-1 框架网页示例
老师评语一.框架网页的制作和保存
Frontpage创建框架网页的步骤非常简单,它提供了10种常用框架网页布局的模板,你可以根据需要任意选择一种即可。操作步骤如下:
1 点击菜单栏,文件→ 新建→ 网页,在“新建”对话框中,单击“框架网页”选项卡,然后选择“目录”模板。如图4-2所示。点击“确定”。
4-2 新建框架网页
2 框架网页生成后,可以对其进行添加或删除。点击菜单栏“框架”,执行“拆分框架”或“删除框架”的命令。如图4-3所示。添加框架的另一办法是,选中框架,然后按住Ctrl键,鼠标拖动框架边缘,如图4-4所示。
4-3 在“框架”菜单上拆分或删除框架
4-4 按住Ctrl键,拖动框架边缘添加框架
3 注意左右框架中都有两个按钮“设置初始网页”和“新建网页”。在左面的框架中,点击“新建网页”按钮,,出现了一个空白网页(这时左面框架自动被一蓝方框围住,说明该框被选定,正处于编辑状态)。
4 设置网页背景。点击菜单栏“格式”→“背景”,弹出“网页属性”对话框,点击“背景”选项卡,选中“背景图片”,点击“浏览”按钮,弹出“选择背景图片”对话框,点击“从计算机中选择文件”按钮,选择所要的背景图片。逐级“确定”退出。如图4-5迎刃而解造句所示。
4-5 设置左边框架新建网页的背景为图片
5 点击菜单栏“表格”→“插入”,插入表格齐琦个人资料 31列,指定宽度 100 百分比。水平居中。
6 在表格第一行中“插入”→“图片”→“来自文件”,在“选择文件”对话框里选择已制作存库的《男人的眼泪是金子》题图。
7积压库存处理方案 第二行输入文字“长篇小说 作者:晓升”;第三行输入章节数字,一个数字代表一个网页;第四行,插入一张袁立炮轰七宗罪Email动画,输入文字“给作者晓升写信”。
8 点击右面的框架任意处,使之选定,点击“设置初始网页”按钮,选择要显示在此框架内的第一张网页,弹出“创建超链接”对话框,选择所要链接的文件,即《男人的眼泪是金子》的第1页(文件名wj/ )。
9 上述步骤完成后,需要保存这个框架网页。实际上我们新建了一张网页,链接了一张已制作完成的网页,因此所谓“保存”,是“保存”这个框架网页的结构,包括左面新建的网页(新建网页也可以是插入的已制作好的一张图片,总而言之是相对固定的、起目录导向的部分)以及右面的超链接。单击常用工具栏上的“保存文件”按钮,弹出“另存为”对话框,注
意,这个“另存为”对话框和我们以前看到的不同,右面包含了框架预览,在预览图中,左框架为深蓝显示,表示当前保存的是新建文件。如图4-6所示。
4-6 保存当前新建文件
10 在保存之前,要给网页起个合适的标题。如使用系统默认的“New Page 1”,显然会给你今后的使用带来麻烦。点击“更改”按钮,弹出一个“设置网页标题”对话框,输入网页标题:男人的眼泪是金子,确定。然后更改文件名new_page_3nanren-mulu(意即“男人目录”)。如图4-7所示。保存。