电脑报精华 · 1998 年 · 1998wl110

即学即用Frontage 98

即学即用Frontage 98

FrontPage 98中的表功能
现在已经有越来越多的朋友加人到使用FronntPage 98编制网页的行列中来了,因为它的使用实在是太方便了,把制作主页的工作变得像用WORD编辑一篇文档一样简单。不过不知道您是否也遇到过这样的麻烦:当您打算在页面上任意安排图片的位置的时候,却发现这远没有想象中的那么简单。这时您应该使用一下表(Table)功能了。
表是一种能够有效地描述信息的组织方式。在Web页面中表格也被用来组织和控制页面布局。毫不夸张地说表格可以无所不及地控制页面布局,如何使用它全凭你的想象力。
通过FrontPage 98我们可以非常方便地创建表并组织页面。创建一个表有两种方法:画表格和插人表格。
1.画表格
选择表工具条(Table Toolbar)中的“画表”(Draw Tabie)工具根据您的需要自己手动勾勒“经纬”;
2.插人表格
点击标准工具栏(Standard Toolbar)中插人表(Inserttable)按钮插入所需表格。
如何利用表来组织页面呢?还是用下面这个简单的例子来说明这个问题吧!我们将在页面中加人三幅图片,现在我们用表来将这些图片放到理想的位置。
选择“画表”(Draw Table)工具在页面顶部画一个表框,并用“Insert Columns”工具将该表框分为两列。在第二列表中插人第一张图片,然后用鼠标拖动栏框调整图片位置,并点击编辑窗口下方的“preview”标签在预览窗口中测试图片是否到位。
现在我们来插入后面两张图片。同样我们再画一个表,然后用“Split Cells”工具将该表为三栏,分别在第一栏和第三中插人第二、三张图片。点击“Align Right”(右对齐)按钮和“Align Bottom”(底对齐)将第二张图片放在第一列的右下角。拖动栏框将图片调整到位。
到这里页面上的图片都已放置到位,接下来的工作是将表格的框架隐去。在将要进行处理的表内点击右键,并选择“Table Propertise”打开表属性对话框,将“Border Size”(表框宽度)的值设为“0”,确定后将隐藏表框。
下面我们来介绍一下表工具条(Table Toolbar)中常
用的几个工具。
画表(Draw Table)工具 :前面我们多次使用过它,在这里就不再多说了。
擦子(Eraser):将选中的栏线删去。
删除单元(Delete Cells):将选中的表格单元删去。
合并单元(Merge Cells):将选中的几个表格单元合并为一个单元。
分离单元(Split Cells):将一个表格单元分离成多个单元。
可别小看这些工具,灵活应用它们能在你使用表格组织页面时给你带来极大的方便。
关于使用表控制页面布局的技巧还有很多,必要时我们还需要使用表套表的方法。相信各位在表的使用中一定会有自己更独到、更有价值的见解,到时别忘了拿出来给大家交流一下哦!

利用框架轻松组织页面
框架(Frames)是在同一浏览器窗口中显示多个相互隔离的HTML页的结构。框架是HTML中的新特性,它提供了一种全新的组织Web的方法,使用框架组织页面时,每个框架显示一个不同的独立页面或者图像,你可以将一些框架中的内容永远保留在浏览器窗口中,而其余窗口则发生改变。
在FrontPage 98中可以非常方便地利用框架来组织页面。
一般地,利用框架组织WEB页面需要经过如下步骤:
· 创建框架
· 设置框架属性
· 设定初始页面
· 确定框架间的调用关系
一、用FrontPage创建框架
在FrontPage 98中,点击“Frame”菜单中“New Frame page”项调出框架模板选择窗口,选择满意的模板创建框架Web页面。如果没有模板符合需要,你可以选择最接近的风格,然后改变框架大小或者增加框架以得到想要的结构。
可以拖拉框架边改变框架大小;增加或删除框架则可以使用“Frame”菜单中的“Split Frame”和“Delete Frame”命令。
在这里我们建立一个只有左右两个框架的页面。
二、设置框架属性
点击页面右键菜单中的“Frame propertise”(框架属性),在弹出的对话框中设置框架属性。你可以指定框架名称、控制框架之间边界的大小、在一个框架内是否允许滚动等。
在“Show Scrollbars”选项框中选择在该框架中是否允许存在滚动条。
点击“Frame Page…”按钮进入该框架的页面属性设置窗口。在“Frame Spacing”标签中设置框架之间的边界的宽窄,也可以取消“Show Borders”选项,不显示框架边框。记住,框架之间的边界越大,对于读者观看页面就越困难。
一般地,我们把左、右两个框架名称定义为“Contents”(目录)和“Main”(主框架)。
三、设定初始页面
作业Web设计者,你要决定当第一次出现框架页面时,在每个框架内显示哪个页面即初始页面。只要框架的初始页面存在于你的Web中,这个页面就能够在每次显示框架时自动出现在框架中。
点击“Set Initial Page”按钮,在对话框中设置初始页面。这时你可以选择点击“浏览”按钮查找需要的页面,或点击“新建页面”按钮直接在框架中新建一个页面。
在这里我们调人两个已经存在的页面。
四、组织框架间的调用关系
在使用框架时一定会遇到如何处理框架间的调用关系的问题,即点击一个框架中的超链接后目的页面将会出现在哪一个框架内,或是新打开一个浏览器窗口。我们接着上面的例子来学习如何处理调用关系。
现在,我们需要在左边的页面中加人超链接,选中“创建框架”作为加入超链接的对象,这时我们希望所链
接的页面在调人时出现在框架“Main”中。点击 以按钮加人超链接,你会发现在“Creat Hyperlink”窗口的右下方有一”Target Frame”(目的框架),点击 按钮将出现“Target Frame”窗口,在这个窗口中你可以随意设定目的页面将出现在哪个框架中。
你可以直接在“Current Frame Page”中选择左或右框架作为目的框架。你也可以选择“Common Targets”中的选项来确定目标页面的出现形式:
“Page Default(Main)”:目标页面将出现在默认目的框架中,默认目的框架可以在框架的页面属性设置窗口中设置。如果不加以说明,系统将按照默认目的框架调用
目标页面。
“Same Frame”:目标页面将出现在同一框架中,也就是覆盖调用页面。
“Whole Page”:目标页面将覆盖整个框架页面,独立地出现在浏览器窗口中。
“New Windows”:目标页面将出现在新打开的一个浏览器窗口中,而在原来的浏览器窗口中不发生任何变化。
在上面的例子中,我们将“Contents”框架中所有链接的目的框架都设为“Main”框架。
好了,你已经能够在你的主页中利用框架来组织页面了!很简单,是吗?

FrontPage 98 的活动元素
“活动元素”(Active Element)是FrontPage 98提供的非常实用的预包装小程序,通过它我们可以用非常简单的方法让Web页面变得更加活泼有越,提高Web页面的可读性。
FrontPage 98提供多个这种小程序,包括:Hover Button(动态按钮)、Banner Ad Mannger(标题广告管理器)、Marquees(文本滚动条)、Searching Form(搜索表单)、Hit Counter(点击计数器)。用鼠标单击 FrontPage Editor的菜单框中的Insert(插人),可以在Active Element(活动元素)
中找到它们。
下面,我们就介绍FrontPage 98所提供的几个活动元素的具体功能和使用方法。
一、Hover Button(动态按钮)
之所以叫做Hover是因为当鼠标在按钮上悬停的时候,该按钮会产生一些特殊的视觉效果。它实质上是一个Java AppletS程序。
要在页面上加人Hover Button,只需点击FrontPage Editor/Insert/Active Element/Hover Button:
在这个对话框里,我们可以设置Hover Button的属性。
(l)Button Text(按钮名称):自定义按钮上的文本,并可通过单击“Font”按钮来改变文字的颜色、字号、字体。
(2)Link to(链接到):定义按钮的超级链接。
(3)Button Color(按钮的颜色):选择按钮的初始颜色。
(4)Effect(效果):选择当鼠标接触按钮时,所产生的七种不同的特殊效果。具体效果试试就知道了,很简单的。
(5)Effect Color(颜色效果):选择显示特殊效果时按钮的颜色。
(6)Width(宽度):定义按钮的宽度。
(7)Height(高度):定义按钮的高度。
如果想使用选择更多的动态按钮的特殊效果,可以单击“Custom”自行定义动态按钮属性。这里提供了更加灵活页实用的选项,包括为Hover Button添加声音和按钮的图案。
在实际操作中的经验:在制作页面的栏目菜单时,预先作好两个相同大小的图片,一个是栏目的标题,另一个则是栏目的简介。然后插人“动态按钮”,定义好超级链接后,不输人按钮的文本,并在“Custom”按钮的弹出对话框的“Custom Image”中定义Button为第一个图片,定义“On hover”为第二个图片。这样就可以实现当访问者用鼠标指向栏目按钮时,按钮立即出现栏目内容的简介。这是一种非常实用的技巧,有兴趣的读者不妨一试!
二、Banner AD Manager(标题广告管理器)
这又是一个FrontPage 98内置的Java applets程序,它可以让访问者看到页面上出现像幻灯片一样不断变幻的一系列图片。在FrontPape Editor中选择插入Banner Ad Manager到你需要的位置,和Hover Button一样,我们可以自定义很多的选项:
在“Images to Display”栏里,利用“ADD/Remove”按钮去自定义需要的图片。并且选择需要的效果(包括水平/垂直百叶窗、溶解等六种效果)。设定好每一幅图片出现的间隔时间、超级链接,暂时不要去理会宽度和高度,单击OK。现在,用鼠标在页面上去根据实际的大小拖动边框,调整到合适图形大小。完成!
实际的应用中,这个动态元素非常适合用于页面的标题广告。但是它只在FrontPage 98的网络服务器上才能正常工作。如果直接使用浏览器窗看,它可以被启动,但看不到任何效果。
三、Marquees(文本滚动条)
和前面两种活动元素不同,Marquees是Microsoft在1996年推出的HTML标示。它的使用有很大的局限性,只能被Internet Exploer所识别。也就是说,除了Internet Expforer以外,其它的浏览器是看不到任何的效果的。顾名思义,它使文本可以像走马灯一样在一定的范围内根据制作者的设定滚动。
它的使用也很简单,选择插入Marquees后,同样在对话框里自定义选项:包括文本内容、滚动方向、滚动速度、重复特性、位置、大小、颜色等。
实际应用中,请慎重使用这个元素,因为它可能会导致你编排好的页面在其它浏览器中面目全非。如果一定要使用的话,可以使用表格来限定元素的位置,并使用不同的浏览器来测试,以确保页面的视觉效果。
四、Search form(检索表单)
Search form使访问者在站点中可以查找所有页面中的文字信息,从而迅速地找到所需信息。在站点非常庞大或有着复杂结构的时候,这个友好的功能为访问者提供了极大的方便。
检索表单元素和上面介绍的几种元素有很大不同,它是用一种叫做Common Gateway Interface(CGI)的特殊格式编写的。CGI是一种特殊的格式,它能让页面同主服务器进行通讯并共享信息。由于它的特殊性,在使用时必须在服务器上安装FrontPage Extensions软件。
向页面插入该元素时,我们可定义的选项并不多,主要就是修改文字并设定颜色和高度以配合页面的整体效果。插入后,用鼠标指向检索元素,会发现鼠标指针下方出现了一个小机器人的图标。
这说明该单元是一个WebBot。WebBot是 FontPage中所提供的小程序单元。它是一种动态程序单元,当使用浏览器浏览包含Bot的页面时可直接由服务器端执行程序,但同页制作者在编辑页面时并不需要编辑程序,只需将适当的Bot插人页面即可。
实际应用中在FrontPage中使用Search from可以进行全文检索。 FrontPage Server Extensions(FrontPage服务器扩展软件)将站点中所有页面的字串做成索引以方便查询。若站点包含讨论组时,FrontPage也可将各讨论组中字串做成索引。访问者在Search form中输人欲查询的字串,它便会将索引中相同的字串传回并显示出来。
五、Hit Counter(点击计数器)
点击计数器是大家最为熟悉的一个元素了。它在页面上的作用非常重要,可以让作者知道自己的站点受欢迎的程度。和Search form一样它也是一个CGI脚本,需要服务器的支持。
FrontPnge提供了五种不同风格的计数器,并可方便直观地操作计数器回零、固定数字等:
虽然目前在网络上有大量的免费计数器资源,但由于不是在本地服务器上运行这个CGI脚本,速度上会大受影响。并且缺乏直观的界面去定制计数器。现在,FrontPage提供了这个功能,我们便可以拥有属于自己的计数器了!

(小怡)