站内搜索

Frontpage2000教程 第 六 课 组件的使用

 选择“字幕”的菜单

这种滚动文字我们称为字幕。它特别醒目,我们经常使用它来发布一些站点的通知或提示信息。
  其实创建字幕很简单。我们把插入点放到要使用字幕的位置,选择“插入”菜单的“组件”命令,单击“字幕”选项,

“字幕属性”窗口

  在文本框中输入要滚动的文字,单击“确定”按钮。字幕不动,这是因为我们现在是在普通模式下,我们单击“预览”选项卡切换到预览视图,字幕的滚动效果就呈现出来了。
  字幕的字体、字号、字颜色是可以调整的。我们在要调整字体字体、字号或字颜色的字幕上单击鼠标右键,选择“字体”命令进入“字体”对话框,

“字体”对话框

  把字大小改为5,字颜色改为绿色。当然在这里你也可以选择“字符间距”选项卡改变字符的间距,单击“确定”按钮。这时字符的外观就改变了。
  其实,对字幕的字符串外观进行设置和对普通字符串的设置是一样的。只不过字幕字符串是一个整体罢了。
  除了可以调整字幕的外观外,字幕的背景颜色、滚动速度等都是可以调整的。
  我们在字幕上单击鼠标右键,选择“字幕属性”命令,进入“字幕属性”对话框。

“字幕属性”窗口

  下面,我一项项给您介绍:
  “方向”组框用来指定字幕是向哪个方向滚动,现在的设置表示从右向左滚动;   “速度”组框用来调整字幕滚动的速度;
  “延迟”表示字幕每滚动一步的时间间隔是多少毫秒;
  “数量”表示字幕每滚动一步的距离是多少像素;
  “表现方式”是调整字幕滚动的具体效果,你可以自己试试;
  “重复”组框用来对滚动效果的循环次数进行选择;
  “背景颜色”用来调整字幕的背景颜色;
  “大小”用来设置字幕的宽度与高度。你可以使用像素来控制字幕的实际大小,也可以使用百分比来设置字幕的宽度,这时字幕的实际大小是根据浏览器窗口大小的百分比来计算的;
  “文本对齐方式”组框是用来调整字幕和它所在行文字的对齐方式的。里面有三种对齐方式的效果。
  象字幕效果是动态HTML的一种功能,它是制作网页的一种标准。不过动态HTML并不是所有版本的浏览器都支持。比如字幕效果只有在Internet Explorer 4.0与Netscape Communicator 4.0以上版本才能看出来,而在低版本的浏览器上它们不过是普通文本罢了。

 

插入站点计数器的菜单

可能我我们会经常看到Internet上许多站点都纪录着访问次数。
  其实用FRONTPAGE你只要插入一个计数器就可以实现访问统计的目的。
  我们现在执行“插入”菜单的“组件”命令,选择“站点计数器”,

“站点计数器属性”窗口

  在“站点计数器属性”对话框中选择喜欢的计数器风格,设置计数器的初始值为0,设置计数器位数为6,单击“确定”按钮。
  只有当你将站点发布到WEB服务器,并设置了网站的FRONTPAGE服务器扩展后,计数器才能正常显示。
  我们会在高级篇的发布站点部分学到发布站点和配置服务器扩展的知识。这里我们看一下站点发布后计数器的效果:

你想在网页中添加按钮吗?虽然我们可以用插入图片的方法来做按钮,可是它们没有动感,要是能插入真正的按钮,那就最好了。你看,这一个按钮怎么样!

插入悬停按钮的菜单  如果我们把鼠标移到上面它会变色,单击它,它会链接到另一个页面。
  首先把插入点放到要插入悬停按钮的位置,选择“插入”菜单的“组件”命令,单击“悬停按钮”选项,

悬停按钮属性对话框

  在“悬停按钮属性”对话框的“按钮文本”框中输入“click me !”单击“确定”按钮。按钮就插入到网页中了。单击插入的悬停按钮,拖动它周围的小黑点我们就改变了它的大小。
  下面该设置悬停按钮的超链接了:在悬停按钮上单击鼠标右键,选择“悬停按钮属性”命令,

“悬停按钮属性”对话框

  在链接到文本框中输入链接目标的地址,当然你也可以单击浏览按钮选择要链接的网页。
  自定义按钮是用来制作图形悬停按钮的。
  有一种悬停按钮,当鼠标进入按钮时,它的背景就会变化,由一幅图片变成另一幅图片,这就是图形悬停按钮。

看这个网页,自动的一幅幅的不断换背景。

一个横幅广告条

选择插入广告条的菜单  这是横幅广告条,它可以使几幅图片一幅幅的按照一定的切换效果不断播放,还可以控制每一幅图片显示的时间。单击横幅广告条,还能切换到它链接的另外一幅页面。  
  用FRONTPAGE实现横幅广告条是很方便的:
  我们打开“插入”菜单的“组件”命令,选择“横幅广告条编辑器”,

”横幅广告管理器“属性对话框

  在弹出的“横幅广告管理器”属性对话框中单击“添加”按钮,选择要添加的横幅图片,单击“确定”按钮,

选择要添加图片的窗口

  如此添加其他两幅图片,单击“确定”按钮,横幅广告条就插入到页面中了。

  现在我们来设置横幅广告的超链接 双击广告条,(这次我们没有单击鼠标右键 一般来说,在普通视图中编辑网页时,想弹出各种组件属性的对话框,既可以用双击鼠标右键选取命令的方法,也可以直接在组件上双击。)在“横幅广告管理器属性”对话框中 单击“浏览”按钮,

在“横幅广告管理器属性”窗口中单击“浏览”按钮 

  选择要链接到的网页。

选择横幅广告超链接窗口

  我们来看“横幅广告管理器属性”窗口:

  • 过渡效果是设置图形的广告图片的切换效果;
  • 上移、下移是用来调整广告图片的播放顺序的;
  • 删除用来删除指定的广告图片。

  单击“确定”按钮,切换到预览模式,广告条的效果就出来了,单击广告条就跳转到指定的画面了。

这节我们一起学习一下FRONTPAGE的包含网页。包含网页的意思,就是在一个网页中包含另外的一个网页。
  这有什么用呢?在我们查询网页的时候,输入了查询内容并单击开始搜索后,它就会在站点内搜索出现查询内容的网页,并将它们与列表的方式列出来。如果我们把查询单独作为一个网页,在需要做查询的网页中包含单独做的查询网页,就不需要做许多查询,同时如果查询有问题,只要改查询网页就可以了,这是不是很方便? 用包含网页的方法,我们可以在多个地方方便地插入相同的内容。
选择“包含网页”的菜单  我们先来看看如何插入网页:选择“插入”菜单的“组件”命令,单击“包含网页”命令,

“包含网页属性”窗口

  单击“浏览”按钮,

“当前站点”对话框

  选择“搜索表单”文件,单击“确定”按钮,搜索表单就被包含进当前页面了。
  但是需要特别指出的是:不可以包含其他站点的网页而只能包含当前站点内的网页。且一个网页不可以包含自己。不过,FRONTPAGE已经悄悄地为我们做了许多工作,
  比如:一个网页更新以后,FRONTPAGE会自动更新所有包含该页的网页。如果你改变了站点内文件的位置,那么许多引用该文件的网页的链接都需要改变,这时FRONTPAGE就会自动地检查各个网页,并且更新需要更改的链接。

  对于网页的包含还有一种方法,我们称为预定包含网页。就象今年可以预定明年的报纸一样,我们可以设置在哪一段时间内包含哪个网页。
  这有什么作用呢?普通包含网页与时间无关,而预定包含网页可以按照指定时间显示网页,这样我们就可以用这种方式发布一些时间性较强的内容。
选择“指定包含网页”的菜单  比如:在国庆期间包含庆祝国庆的网页,而其他时间则不包含。
  怎么做到呢?打开“插入”菜单,选择“插入”命令,单击“预定包含网页”选项,进入“预定包含网页属性”对话框,

“预定包含网页属性”窗口

选择“预定图片”的菜单  你可以先设置好在哪个时间段内预定网页,然后输入在预定时间内要包含的网页的地址,如果在预定时间之外的其他时间你要包含另一个网页,可以在预定时间之前或之后框中输入包含网页的地址。只要把预定时间之前或之后框空着就可以在预定时间之外不包含网页。
  类似的,我们也可以预定包含图形。选择“插入”菜单的“组件”命令,单击“预定图片”命令,

“预定图片属性”窗口

  这个对话框和“预定包含网页属性”对话框很相似,我们在这里可以做预定的设置。 预定图片和预定网页唯一的区别是预定图片可以从站点之外的Internet上预定图片,我们单击“浏览”按钮,在这里可以单击放大镜按钮,在Internet上查找要包含的图片。

 

 

现在我让你看一个特别有意思的网页。

 

  我们单击“用鼠标单击我,我就飞了!” 文字飞出网页去了。
  现在我们在把鼠标放到“靠近我!”文字。


  你看,文字被一个框围绕了。现在你相信网页也会“飞”了吧。
  这些特殊的效果大大加强了网页的吸引力,用FRONTPAGE是很容易实现的。

选择“动态HTML”的菜单  首先,我们看一下,制作这些特效需要设置些什么。我们在普通模式下查看刚才的网页。 选择“格式”菜单的“动态HTML效果”。这时就会弹出“DHTML效果”工具栏。

“DHTML效果”对话框

  我们就是用这一个工具栏来设置动态效果的。现在我们按下工具栏上的“突出显示动态HTML效果”按钮“突出显示动态HTML效果”按钮

页面上很多地方变成高亮

  网页中有许多文字被高亮了。这些高亮的地方就是设置了动态效果的地方。
  现在我们单击“用鼠标单击我,我就飞了!”注意DHTML效果工具栏这时就列出了该文字的动态效果的设置。

点中的文字的动态效果设置

  在“开启”下拉列表中显示的是单击,这表示在鼠标单击文字时就会产生动态效果,我们把这种单击叫做事件。 开启下拉列表中可以设置四种事件,它们是:单击、双击、鼠标悬停和网页加载。在这四种事件发生时我们都可以让设置的内容产生动态效果。

“开启”下拉列表显示的内容


  “鼠标悬停”事件在鼠标进入设置的内容时发生,而“网页加载”是在我们切换到设置的内容所在的网页时发生,它们都能够触发动态效果。
  现在我们接着看“应用”下拉列表,

“应用”下拉列表选“到右上部”

  这里显示的是“飞出”,表明在“单击”事件发生时,要做一个飞出效果。在应用下拉列表中具体的设置了用的是向右上方飞出。FORNTPAGE2000共提供了八种飞出效果,(对应选项下拉)你可以自己一个个试一试。
  给“靠近我”加动态边框又是怎么做的呢?我们打开“应用”下拉列表,除了“飞出”类动态效果外,还有“格式”类效果,现在我们就来做一个格式类效果:选中“制作格式类效果”文字,在“开启”下拉列表中选择“鼠标悬停”,

在“开启”下拉列表中选“鼠标悬停”

  在“应用”下拉列表中选择“格式”,

在“应用”下拉列表中选“格式”

  在“效果”列表框中选取“选择字体”项,

在“效果”列表中选“选择字体”

  在弹出的“字体”对话框中,设置斜体字,设置文字颜色,

”字体“对话框

  单击“确定”按钮;在“效果”列表框中选取“选择边框”项,

“在”效果“列表框中选”选择边框“项

  弹出“边框与阴影”对话框,

“边框与阴影”对话框

  在“边框”选项卡中选择“方框”项,给方框设置合适的颜色,再设置合适的样式,单击“阴影”选项卡,

“阴影”选项卡

  设置合适的背景色。对话框下部的几个选项是设置边框背景图片的,其中重复是用来设置背景图片平铺时的伸展方向的,附件表示是否为图片添加滚动条。
  现在单击“确定”按钮,切换到预览模式,(鼠标移到文字上)这就是刚才设置后得到的效果。

最后得到的效果

我们利用FRONTPAGE不仅可以设置文字和图片的动态效果,还可以设置网页的过渡效果,当浏览者进入或离开网页时过渡效果都会自动播放。
选择“网页过渡”的菜单  用普通模式打开要设置网页过渡的网页,选择“格式”菜单的“网页过渡”命令,进入“网页过渡”对话框。

“网页过渡”对话框

  一共有26种过渡效果,而且对一个网页的每一个事件我们都可以设置不同的效果,在周期框中,我们还可以设置效果的持续时间。现在我们设置触发效果的事件。 进入和退出站点事件分别在浏览者通过设置效果的网页进入和退出用户站点时发生。 现在我们选择“进入网页”事件,选择“中央向左右扩展”效果(见上图),再选择“离开网页”事件,选择“向上擦除”效果,

“网页过渡”对话框

  单击“确定”按钮。要想看我们刚才设置的效果得在浏览器中观察,我们选择文件菜单的“在浏览器中预览”命令,单击“确定”按钮,进入网页时中央向左右扩展效果就表现出来了,单击“GO HOME”,你看这就是离开事件所触发的向上擦除效果。

插入“组件”菜单  在Frontpage中还可以插入office网页组件。
  单击“插入”菜单,选择“组件”。你看,我们可以插入:office spreadsheet、office pivottable、office chart。
  如果你想要在网页上添加一个Excel工作表,那么可以插入一个office spreadsheet组件。即使没有安装Excel。同样的,我们也可以插入office pivottable来显示一个数据库里的数据。而插入office chart我们就可以在网页里显示一个Excel图表。
  office网页组件比较特殊,只有在浏览者的机器上安装了office的网页控件之后,才能够正常地显示在网页里插入的office组件信息。这样就不是所有的浏览器都能够支持office网页组件的显示了。
  不过以后浏览器对office网页组件会越来越好,您有兴趣也可以进一步学习这三个组件的使用。
  
  这一课我们学习了在网页中插入组件,使用组件可以大大加快制作主页的速度,使我们可以像搭积木似的轻松完成网页的编辑,课后您一定要试一试。

 

  • 上一篇:Frontpage2000教程 第 五 课 使用表格
  • 下一篇:Frontpage2000教程 七 课 使用框架