快速建立一个多窗口网页

快速建立一个多窗口网页

多窗口网页是指把一个网页分成不同的窗口,每个窗口上显示不同的内容并且可以独立变化。使用多窗口技术,可以使屏幕的信息量增大,使我们的网页更加吸引读者。如果想自己设计一个多窗口网页,可以从一个空白的网页开始,下面就让我们来学习一下如何用FrontPage XP建立一个多窗口网页。
(1)首先启动FrontPage XP,单击“文件”菜单,选择“新建”子菜单中的“网页或站点”命令,这时在编辑窗口右侧会出现许多功能选项,我们选择“根据模板新建”下的“网页模板”命令,接着在弹出的“网页模板”对话框中,点选“框架网页”标签,你将看到FrontPage XP预设的十种框架样式,需要的话,直接调用就可以了。据笔者多年来的观察发现,用的比较多的有三种样式:“标题”、“横幅和目录”及“目录”。这里就以最常用的“目录”为例来建立一个简单的多窗口网页。在“目录”上点一下,再单击“确定”按钮,这时我们会发现新建的网页被分成了左右两个部分。
(2)多窗口建立起来以后,就要在各个窗口内放入相应的内容。在左边的窗口里,我们可以设置成目录的形式。单击左边窗口里的“新建网页”按钮,插入你的网页图标和目录内容,如“斑竹自语”、“品味人生”、“浪漫物语”、“幽默小屋”等,将其全部选中使其居中;在右边的窗口里,如果您已经编辑好内容,可以把事先设计好的网页内容导入到这里,单击“设置初始网页”按钮,这时会弹出一个“插入超链接”小窗口,在“当前文件夹”右侧的下拉列表中,选择已经编好的文件,单击“确定”即可。这样,一个多窗口的网页就完成了。
(3)如果窗口之间的内容是有关联的,鼠标在一个窗口操作,另一个窗口的内容会随之改变,这就需要在窗口之间建立超链接。选中左边窗口的内容,如“斑竹自语”,单击右键,选择“超链接”,出现“插入超链接”对话框,在“当前文件夹”的下拉列表框中找到要链接的文件,此时若按下“目标框架”按钮,可以看到此链接指向为网页默认值main,即点击“斑竹自语”时,链接内容将在右窗口出现。当然你也可以根据需要做更改,如让链接的内容在一个新的窗口打开(_blank)等,然后按同样的方法逐一设定超链接。
4.为了使页面看起来更加美观,我们需要对框架网页进行修饰。可以给每个不同的窗口添加不同的背景颜色,从而使我们的网页更具有欣赏性。预设的窗格不一定符合我们的要求,因此必须用手动来调整窗格的宽度,通常在不用很精确地要求窗格大小时,将鼠标放到两个窗口之间的框架上,按住鼠标左键不放,接着往左或向右拖曳,来缩小或增加窗格的宽度,达到需要的宽度后再放开鼠标左键。为了不让浏览者发现窗格,还可以将窗格的分隔线隐藏起来,在任一个窗体内,单击右键,选择“框架属性”命令,打开“框架属性”对话框,然后单击“框架网页”按钮,把“显示边框”前面的对勾去掉,同时“框架间距”会变为“0”,单击两次“确定”即可。
5.最后到“预览”里看一下实际效果,如果一切OK的话就可以保存了。由于是多窗口网页,所以在保存的时候,首先会出现“new_page_2”,这是左窗口的文件名,然后单击“保存”,接着出现的是“new_page_1”,即整个框架页面的文件名,单击“更改标题”按钮,可以把它变成你网页的标题,然后直接按“保存”就可以了。
至此,一个漂亮的多窗口网页就产生了。限于篇幅,不可能把框架网页的所有内容全部介绍完,关于这方面的内容还有很多,比如是否显示滚动条、如何拆分和和删除框架等,这里就不罗嗦了,你可以在实践中自己体会。不管怎么样,至少你已经知道如何设计多窗口网页了。当然,仅仅如此还是不够的,只有认真学习框架网页的结构技巧,才能把你的网页设计地更美丽。

(霍林涛)