sina.com.cn
新浪首页|免费邮件|用户注册|网站地图

科技时代

新浪首页 > 科技时代 > 软件 > 文字编辑 > 正文
软件分类教程

● 系统工具
● 网络工具
● 常用工具
● 多媒体类
● 图像处理
● 文字编辑
● 休闲娱乐
● 办公软件
● 编程语言
● 操作系统
● 其它软件
● 软件评测
● 主页制作
● 观点评论





FrontPage 98系列讲座(3)

http://tech.sina.com.cn 2000/04/13  软件世界 

  第三讲 共享边界及图象动态按钮使Web更完美

  FrontPage 98的共享边界是一项出色的功能,在创建Web中起着重要作用,本文介绍共享边界的概念 、功能和实际操作方法(包括在整个Web站或特定网页上启用、禁用共享边界),特别着重阐明了比较容易混淆的整个We b站和单个网页上启用、禁用这项功能。而图象动态按钮可使Web站更生动活泼,可吸引用户访问。两者结合应用将可快速 方便地创建生气勃勃的Web站,使之更完美。

  什么是共享边界?它有什么作用?

  FrontPage 98新添加了共享边界(Shared Borders)功能。通常共享边界是保留用来放 置统一出现在当前FrontPage Web的全部网页内容的区域。使用共享边界功能时,只要执行一条命令就能够把一 个或者几个边界元素用于Web站内全部网页或者指定的网页,大大简化了Web站点的创建工作。

  在默认设置时,FrontPage把网页标题和导航栏(Navigation bar)放入共享边界中,但是 你也可以把它们放在页面的任何地方。导航栏是一些与导航超链接结合一体的图形或文本页面元素。用户单击这些图象或者文 本元素就可以被引导进入Web站上的其他网页。通常导航栏只是共享边界的内容之一,如果Web站启用了共享边界功能, 它就可以出现在整个Web站的各个网页中。例如,如果你要把公司的名字、地址、电子函件信箱和版权声明放在每个网页底 部的脚注中,就可以在当前Web站启用底部共享边界。为此你只需要打开当前Web站内任何一个启用了底部共享边界的网 页,在底部键入公司名称、地址、电子函件信箱和版权声明,这些内容就会自动地出现在该Web站的全部启用了底部共享边 界的网页上。

  当你已经在导航视图(Navigation View)中添加了新的网页后,如果需要调整网页之间的关系可以 拖动它们,把它们连接到不同的网页。你也可以从导航视图重新把新建的网页连接到不同的网页,还可以重新命名或删除已经 有的网页。

  根据Navigation视图中Web站的结构(即导航结构),FrontPage 98也能够在该Web站 的各个网页上添加Navigation栏。必须在整个Web站激活Shared Borders(共享边界)功能,才 能够使FrontPage 98 自动地把导航栏添加到多个网页上。你可以用Navigation 视图把共享边界功 能应用到Web站的每一网页。Shared Border是页面上的一些特定区域,该区域上包括有Web站的、浏览W eb站的导航帮助或者浏览者所需要的其他的统一的信息。Shared Border可以通过Web站自动更新,如果在 页面上编辑共享边界的内容,则其修改将显示在使用了同一共享边界的每一个网页上。如果你选定了要统一显示在Web站上 的每一网页的内容,可以使用共享边界功能来实现。

  当你使用FrontPage 98的向导时,将自动为所创建的Web站创建共享边界。也可以从FrontPa ge Explorer选择"Tools\Shared Borders"命令来创建共享边界。执行该命令后必须在所 有网页的顶部(top)、底部(botton,用于脚注)、左边或右边激活Shared Borders。即从打开的 Shared Borders 对话框中的Borders To Include区域选择Top、Bottom和Le ft或Right复选框,单击"OK"按钮,以选择能把Shared Border 包括在网页中的部位。 是否在网 页上启用共享边界功能可以灵活掌握。你既可以指定当前网页使用当前 Web站默认的共享边界,也可以只给当前网页自定 义共享边界。如果在当前Web站内启用了共享边界功能,你也可以用"Shared Borders"命令在当前网页或 部分网页中禁用一部分或者全部的共享边界,用户使用Web浏览器查看时,禁用共享边界的页面将不会出现共享边界的内容 。例如,如果当前Web使用了左共享边界,其中包含有导航栏,而你在某网页上禁用了这个左共享边界,当用户浏览该网页 时,将不会显示左边的导航栏。

  在网页中启用共享边界的选项

  再则,如果在当前Web站禁用了共享边界,你还可以从FrontPage Editor中用"Tools\S hared Borders"命令在当前的网页中启用共享边界。然而,你放在当前网页中的共享边界的内容,将不会出现 当前Web站的其他网页中。这时如果要在其中某些网页中显示共享边界的内容,就必须逐个网页启用,或者在FrontP age Explorer中用"Tools\Shared Borders"命令,启用整个Web站的共享边界功能。 如果当前网页是分画面的(frames)网页,你就不能够启用共享边界功能。

  要在某个网页(而不是整个Web站)启用、禁用或编辑修改共享边界就要从FrontPage Editor中 选择"Tools\Shared Borders"命令,打开Page Borders对话框。

  对话框中有两个单选钮,其中一个是"Use web default"。要在当前网页使用当前Web站默认共 享边界设置时才选择这个单选钮,如果要单独为当前网页设置不同的共享边界就不能选取这个单选钮,否则为该网页单独设置 的共享边界将不起作用。如果在当前Web站已经启用了共享边界功能,并且你以前已经为当前网页单独设置了共享边界,则 选用这个单选钮将使当前网页采用当前Web站默认的共享边界,而覆盖该网页原有的共享边界。 如果要当前网页只用这个 对话框复选框的共享边界,则要选取"Set For This Page Only"单选钮。选取这个单选钮后,则当 前网页将使用这个对话框的共享边界,而覆盖当前Web站默认的共享边界。这时可以通过选取上述对话框预览面板左面的四 个复选框(Top、Left、Right和Bottom),而启用不同的共享边界组合。例如,选取或取消对"Top" 复选框的选择,将启用或禁用顶部共享边界。

  向导默认设置的共享边界

  如果当前Web站是用FrontPage的模板(templates)或向导(除了Discussion W eb 和Empty Web向导之外)创建的,则会自动创建和启用共享边界。要修改其中某些网页的共享边界可以从上述 Page Borders对话框中进行修改。

  在FrontPage 98部分向导中默认设置的共享边界,如下表所示:

  Wizards(向导)

  Shared Borders(共享边界)

  Corporate Presence Wizard

  top, left, bottom

  Customer Support Web

  top, left, bottom

  Personal Web

  top, left

  Project Web

  top, left, bottom

  当你使用上表所列向导时,导航栏(Navigation bar)和页面标题(page banner)组件 将显示在顶部(top)和左边界(left borders)中。并且如果向导使用了底部边界(bottom bor der)则底部边界中也会包括有导航栏。

  在Empty Web和Discussion Web向导中没有使用共享边界。在Customer Supp ort Web 向导中创建的讨论组网页中也没有使用共享边界。

  如果你在导航视图(Navigation View)中创建了共享边界,则会自动在整个Web站启用共享边界 。这时FrontPage会根据导航视图中的组织结构,自动在每个网页上创建适当的导航栏。如果你的FrontPag e web不是在导航视图中创建的,仍然可以为整个Web站或者逐个网页启用共享边界,并把你自己的内容插入共享边界 。然而FrontPage将不在共享边界中创建和插入导航栏。

  共享边界文件

  共享边界是指网页上的一些特定区域。一网页上最多可以有四个共享边界:顶部(top,标题)、底部(bott om,脚注)、左边(left,左边距)和右边(right,右边距)。在这些共享边界区域内保存着需要出现在当前W eb站的全部网页上的内容,包括共同的文本或图形。你可以任意选取这四个边界中的几个进行组合或者完全关闭它们。例如 要使公司的商标出现在每网页的顶部,则只需要把它放置在顶部共享边界一次就行了,而不必手工把商标添加到每网页上。这 样不仅方便省事,同时也可以保证全部Web网页所出现的商标一致和统一。要在当前的FrontPage web设置对 所有网页都适合的全局性共享边界,可以选择FrontPage Explorer的"Tools"菜单上的"Shar ed Borders"命令,这时共享边界的有关数据将存储在当前Web站的_borders文件夹的下面四个文件中 :

  * Top.htm

  * Bottom.htm

  * Left.htm

  * Right.htm

  你可以用下列两种方法编辑共享边界文件:

  * 打开包含有共享边界并且你要修改的文件。或者

  * 打开使用了共享边界的网页。

  请注意: 在FrontPage Editor中打开包含有共享边界的网页时,单击HTML选项卡就可以查看 超文本标识语言(HyperText Markup Language 缩写为HTML)编码,但是只能够看见中心页 面的HTML而不能够看见任何共享边界的HTML编码。

  启用、禁用或修改共享边界的操作步骤

  在FrontPage Explorer中你能够启动或者禁用整个Web站的共享边界,或者可以逐个网页地启 动或者禁用共享边界功能。要在整个FrontPage Web上启动或者禁用共享边界,可以按照下列步骤进行:

  1. 在FrontPage Explorer, 单击"Tools"菜单的"Shared Borders "命令,打开Shared Borders对话框。Shared Borders对话框与图1所示Page Bord ers类似,只是没有那两个单选钮。

  2. 单击选取或者取消对话框中的"Borders to include"中的"Top"、"Left"、" Right"和"Bottom"复选框的选择。

  3. 单击"OK"按钮。

  偶尔你可能要修改个别网页的共享边界的设置。例如,在某网页上不需要显示公司商标,你可以将网页重新定义的共 享边界覆盖Web默认的共享边界,或者删除包含有公司商标的顶部共享边界。要逐个网页启动或禁用共享边界,可以按下列 步骤进行:

  1. 在FrontPage Editor中打开你要修改的网页。

  2. 选择"Tools"菜单上的"Shared Borders"命令、打开"Page Borders" 对话框。

  3. 在"Under Borders To Include"下面单击选取"Set for this p age only."

  4. 单击选取或者取消对预览面板右面的选项框中"Top"、"Left"、"Right"和"Bottom "复选框的选择。

  5. 单击"OK"按钮。

  使用FrontPage Editor来编辑共享边界的内容时,其修改的内容将应用到当前Web站中应用了共 享边界的全部网页上。例如,把你的名字或单位的名字添加到某网页的顶部共享边界上,将使得在FrontPage We b上使用顶部共享边界的所有网页都会显示同样的名字。要编辑共享边界可以按下列步骤进行:

  1. 在FrontPage Editor中打开具有共享边界的网页。

  2. 单击共享边界区域内部,例如要编辑左共享边界就单击该网页的左共享边界。这时该共享边界的外轮廓就变成 了实线。

  3. 在共享边界区域进行需要的编辑。

  4. 从"File"菜单选择"Save"命令。这时该网页和所有共享边界的修改将保存在该网页上。

  从导航结构图启用共享边界

  共享边界的内容通常包括导航栏(navigation bars)及与导航栏结合为一体的导航超链接。导航超 链接指向当前FrontPage Web站其他网页。例如,左共享边界通常包含有一些导航超链接,该超链接指向导航结 构图中位于该网页之下的某些网页;顶部共享边界通常包含有一些导航超链接,该超链接指向主页、父页(parent p age)或者其路径源于当前网页之前的网页以及在同一级的网页。导航栏及其超链接可以帮助引导用户更好地浏览Web站 。导航栏的超链接具有与手工创建的超链接相同的功能。如果用FrontPage Explorer的导航视图创建We b站,FrontPage将根据导航视图中的结构创建导航栏,并将导航栏插入共享边界,并且当你从Web的导航结构中 添加、移动或删除网页时,共享边界和导航栏都会自动更新,因而特别方便快捷。如果应用了某个主题样式(theme)到 Web站或者网页,导航栏将使用该主题样式中的字符、颜色和其他风格元素。

  下面举例说明导航结构图与共享边界的关系。首先,按下列步骤建立一个简单的Web站的导航结构图。

  1. 首先选择"开始(Start)\程序(Programs)\Microsoft FrontPage" 命令,在打开的"Getting Started"对话框中选择"Create A New FrontPage W eb"单选钮,并单击"OK"按钮。

  2. 在对话框"New FrontPage Web"上面的#1部分的"From Wizard Or T emplate"中的6种向导中用光标增亮选择"Empty Web",在对话框的下面#2部分"Choose A Title For Your Web"的文本框中输入你的Web站的名称,例如"北京起重所",然后单击"OK"按 钮。将在FrontPage Explorer中打开名叫"北京起重所"的FrontPage Web站。单击Fro ntPage Explorer左上角的"New Page"建立"Home Page"。选择"edit\rena me"命令,并键入"北京起重所"以重新命名。

  3. 选择"Tools\Shared Borders"命令,打开 "Shared Borders"对话 框,从中选取"Top"、"left"和"bottom"复选框。

  4. 增亮选取Navigation面板的"Home Page"网页后,单击左上角的"New Page" 按钮四次,则在主页下建立四个新的网页(pages),并分别增亮选取后,选择"edit\rename"命令,依次 命名为"检测中心"、"工程和设计"等。增亮选取"工程和设计"后用同样方法在它下面再创建"架空索道"、"自动化仓 库"等7个网页。

  5. 双击其中的导航面板中的"工程和设计"图标,将在FrontPage中打开其网页。在该网页的顶部显示 的是顶部共享边界及其超链接,左边界显示的是左共享边界及其超链接。

  6. 例如,要禁用Web站最底层的网页"自动化仓库"的左部边界,可单击"Show FrontPage Explorer"按钮将返回FrontPage Explorer。再双击"自动化仓库"图标,在FrontPag e Editor中打开"自动化仓库"网页。再选择"Tools\Shared Borders"命令,从打开的如图 1所示的Page Borders对话框中取消对"Left"和"Bottom"复选框的选取,再单击"OK"按钮。 最后单击保存按钮或选择"File\Save"命令保存所做的修改。

  如何创建FrontPage 98图象动态按钮

  用FrontPage 98中的动态按钮(Hover buttons)可使你的Web网页生动活泼。当鼠标 光标越过动态按钮或者单击它时,按钮将改变颜色,改变图象形状,播放音乐或者以你指定的某种方式显示其活力。用Fro ntPage 98的动态按钮功能可以自动创建小的Java程序。还可以将动态按钮链接指向另外的网页,单击动态按钮 就能够进入所链接的网页。动态按钮上既可以显示文本也可以显示图象,图象动态按钮更生动,创建带图象的动态按钮比文本 动态按钮要复杂一些。

  创建图象或文本动态按钮过程如下:

  1. 创建常用的动态按钮图象的第一步是把图象存储在Web站上,因为动态按钮只能够使用已经存储在Web站 及网页上的图象。

  原始的图象可以通过扫描仪、数字照相机或其他TWAIN 兼容设备输入,也可以用从你的桌面图象文件、从Fr ontPage 98的剪辑库(Clipart gallery)或者从其他Web站输入的方法来创建图象。选中了适 当的图象之后,还必须把它们添加到当前的FrontPage 98 Web 站。为此,可以使用FrontPage Explorer的"File\ Import"命令,打开"Import file to FrontPage W eb"对话框,单击对话框上的"Add File"按钮,选择要插入的一个或多个图象文件之后再单击"OK"按钮。最 后再单击"OK"按钮,即可以把所选取的图象文件插入Web站。 2. 把已经在Web站上的图象插入到需要添加图象 按钮的网页中。为此在FrontPage Edtor中打开该网页后,单击工具栏上的"Insert Image"按 钮,打开"Image"对话框,先单击选取需要的图象earth.jpg之后,再单击"OK"按钮就能够把该图象插入 到当前网页上。

  3. 一旦把图象插入网页后,可以单击选取该图象并对图象进行处理和保存。如果当时Images工具栏还看不 见,则选取图象后它就会显示出来。FrontPage 98提供了新的图象编辑工具以增强图象。例如,你可以自动冲刷 (washout)图象,旋转(rotate)、使成倾斜台(bevel)或修剪(crop)图象等。

  对于这个例子,将选择右面第二个使成倾斜台的(bevel)图象工具以便使图象的边界成倾斜的台。

  把图象变成倾斜台之后,单击工具栏上的"Save"按钮,就可以把修改后的图象保存到你的FrontPage 98 Web站。这时将打开"Save Embedded Files"对话框,并提示你保存嵌入的文件时,请在列表 中选取图象,并单击"Rename"按钮把它重新命名。如果要保留原始图象,这是很重要的一步,即必须重新命名,否则 会覆盖原始图象。在这个例子中原始图象名为"earth",倾斜处理后的名称是"earth-new",最后单击"O K"按钮。

  下一步重新选取变成倾斜台后的图象,并选择图象工具栏上的"Washout"工具使图象冲刷褪色。把图象退色 处理之后,再次单击工具栏上的"Save"按钮以保存修改后的网页。再次重新命名冲刷后的图象文件,例如"earth -second",使之不会替换Web站上原来已经变成倾斜台的图象。

  4. 再下一步选取图象后单击工具栏上的"cut"按钮或者选择"Edit\Cut"命令,完全从当前Web 网页删除图象。 上面4步是创建图象动态按钮才需要进行的操作,如果按钮上只显示文本,则不需要进行上述操作,如果W eb站或网页上已经有了适当的图象,也可以省去上述部分或者全部操作。下面的操作步骤则是创建所有动态按钮都必须进行 的操作。

  5. 在FrontPage Editor中打开当前网页后,选择"Insert\Active Eleme nts\Hover Button"命令,打开"Hover button"对话框。

  其中各选项用途和含义如下:

  * "Button Text"文本框内的文本将出现在动态按钮顶上,如果动态按钮顶上用图象,则应该让该文 本框空着。

  * 单击"Font"按钮将打开"Font"对话框,可以从中选择用于动态按钮的文本字体。

  * "Link To"文本框中输入动态按钮要指向的URL,或者也可以单击"Browse"按钮打开"Se lect Hover Button URL"对话框,以便从当前FrontPage Web站、局域网或World -Wide Web(万维网)中选取一个适当的超链接目标。

  * 单击"Button Color"可以选择按钮的颜色,如果要把图象用于按钮上则没有必要再选择这个按钮 。

  * 单击"Background Color"按钮可以选择动态按钮的背景颜色。不能选择透明的背景颜色,但 是可以选取与页面相匹配的背景颜色。

  * 单击"Effect Color"按钮可以选择光标指向按钮时按钮将显示的颜色。

  * 单击"Effect"按钮可以选择用户光标越过按钮时将显示的实际效果。

  * "Width"和"Height"文本框内的数字指定以象素为单位表示的按钮宽度和高度,其大小应该与按 钮上的图象相匹配。

  * 单击"Custom"按钮可以把声音或图象文件与动态按钮相关联。从打开的"Custom"对话框中,可 以指定当用户光标越过按钮时是否播放声音,图象按钮是否显示经过处理的图象或另外的图象。

  首先,填入你要动态按钮链接的网页的URL,然后指定动态按钮在网页上的高度和宽度。这个高度和宽度应该与用 来作为动态按钮的自定义图象"earth-new"的高度和宽度相符合。然后,单击"Custom"按钮以打开"Cu stom"对话框继续设置动态按钮。

  6. 在"Custom"对话框的Custom Image的"Button"文本框中输入光标指向按钮前所 显示的图象的名称,在"On hover"文本框中输入光标越过按钮时,按钮所显示的图象的名称都可以通过相应的"B rowse"按钮进行选择,选取好后单击"OK"按钮。

  进行完上述操作之后就已经完成用自定义图象创建自己第一个动态按钮的工作了。单击工具栏上的"Save"按钮 或者选择"Edit\Save"命令可以保存网页。要查看你的新的动态按钮,可单击FrontPage Editor 窗口的"Preview"选项卡,以预览其效果。当网页出现时把鼠标光标划过动态按钮将会看到按钮上的地球图象褪色, 单击该动态按钮将进入到"photo"网页。

  7. 如果要用户单击按钮时播放音乐,则应该在"Custom"对话框的Play Sound的"On cl ick"文本框中输入单击按钮时将播放的音乐文件的名称,在"On hover"文本框中输入光标越过按钮时将播放的 音乐文件的名称。这些音乐文件也要首先通过上述类似插入图象的方法插入到Web站。这些音乐也都可以通过单击相应的" Browse"按钮进行选择,选取好单击"OK"按钮。

     

  【相关论坛】 【发表评论】  


网站简介 | 用户注册 | 广告服务 | 招聘信息 | 中文阅读 | Richwin | 联系方式 | 帮助信息 | 网站律师

Copyright © 1996 - 2000 SINA.com, Stone Rich Sight. All Rights Reserved

版权所有 四通利方 新浪网