FrontPage教程-FrontPage技巧

来源：作者：出处：巧巧读书 2006-02-23 进入讨论组

引用:http://www.qqread.com/frontpage/s042370202.html

　　FrontPage是极受广大网友特别是网络初学者欢迎的一款网页制作软件。它强大的功能和方便、快捷的操作让使用者感到非常得心应手！下面为大家介绍有关它的几个小技巧！

一、给图形增加一个缩略图

　　在上网过程中，如果觉得网络的速度比较慢，可以给图片增加一个缩略图，以便快速地显示图片的概图。缩略图是指把原图像按比例缩小，作为原图的预览。当访问者点击到图片的链接后，在图片下载的过程中，网页上首先会出现图片的略图，直至原图全部出现，让浏览者能在最快的时间内看到图片的全貌，来决定是否需要再打开此图，也节省了许多上网时间，非常方便。下面我们来看一下如何在FrontPage中完成这样的功能！

　　首先制作缩略图。这可以在一些图形软件中制作一个缩略图，并保存到相应的目录中，或者找到现成的素材也可。这里我们就不详细介绍了。接着，在FrontPage中插入图片，然后单击鼠标右键，选“图片属性”。选择“常规”选项卡，单击“替代表示”栏中的“浏览”按钮，找到刚才所制作的缩略图的文件，也可以在“文本”栏中填入相应的说明文字，单击“确定”按钮即可。

二、怎样插入竖直线

　　我们都知道用 <hr> 可以插入一条水平线，但如何插入一条竖直线呢？
　　我们既可以利用插入表格的方法，也可以利用 <hr> 的方法。
　先看看用 <hr> 方法插入竖直线。建立一个表格，然后在某一单元格内插入一条水平线，然后将此线选中，单击鼠标右键，选择“水平线属性”命令，将其宽度设为1个像素，高度为100像素，一条高为100像素的垂直线就出来了。

FrontPage教程-FrontPage技巧（图一）

　　如果想要更长的线，只将高度设大是没用的，不信你试试，设置高度为200，但在浏览器中只能看到100像素高。这是因为HTML只承认100像素高的水平线。这时你可以加回车键，然后再画一条同样的水平线，或者在竖直方向上的两个单元格内都加一条同样的水平线。我们还可以改变线的颜色，以达到不同的效果。　　第二个办法也很简单，就是在一个表格中，单击鼠标右键，选“表格属性”，设置表格的单元格边距和间距均为0。

FrontPage教程-FrontPage技巧（图二）

　　再单击鼠标右键，选“单元格属性”，设置某一单元格的指定宽度为1个像素，高度为100个像素，并设置合适的背景色。

三、设置图片热点连接

　　有时你可能不希望一张图片都做上连接，只想为图片的某部分做上连接，这就叫做提片热点连接。如何做到呢？我们点击一下想要做热点连接的图片，你会看到Frontpage2000会自动在编辑区下面弹出一个工具栏。
　　你可以使用这些工具加工你的图片。而做热点连接我们只需要使用到工具栏的几个按纽。她们分别是可以选取各种形状来做热点连接。我们选择长方形的热点工具，在图片上拉取一个想要做连接的区域，它就会自动弹出一个超级连接的窗口来，为它做好连接之后你会发现做热点连接的图片多了一个热点区。
　　这样就表示热点连接已经做好了。浏览的时候你就会发现这张图片内只有热点区才有连接而热点区以外是没有连接的。

四、设置背景音乐

　　除了设置背景图象或背景颜色，你还可以设置一种背景音乐或声音。但这个设置是在页面属性对话框的“常规”标签下。所以，点击“常规”标签，在显示的对话框中下部你可以看到有一项是“背景音乐”，在该项目下面的“位置”框中你可以键入你所要加入的声音文件所在的路径和文件名。你也可以点击右边的“浏览”键，在弹出的对话框中选择文件所在的路径和文件名。在“循环次数”选单中你可以设定背景声音文件循环播放的次数，如果你选中“循环次数”右边的“不限次数”选框，则你所设定的背景声音将一直循环播放，直到你转到别的网页或网站浏览时为止。

五、插入Ｆlash动画

　　点击“插入”菜单，然后选“高级”中的“插件”，这时会出现“插件属性”对话框，在“数据源”中填入待插入的Flash动画所在的路径，然后在“大小”中填入该动画的尺寸，其他都用默认的就行了。

　　这时页面中会出现一个大大的“插头”，看上去怪怪的，点一下预览看看，一切正常！

　　其实你还可以直接将〈p align=“center”〉〈embed width=“400”height=“400”src=“ccc2.swf”〉〈/p〉这段代码插入你网页的源代码中，注意“width”和“height”是你Flash动画的实际尺寸，“src”是你的Flash动画所在的路径，别搞错了！

六、文字上下移动

　　首先输入一行文字，如“上下移动”，将文字全部选中，然后单击“插入”菜单，选择“Web组件”命令，这时会出现一个“插入Web组件”对话框，在左边的列表框中选择“动态效果”，在右边的列表框中双击“字幕”，打开“字幕属性”对话框，我们可以看到文本的默认方向是向“左”移动的，把它改为“右”，这时我们还要切换到“html”窗口，找到“< marquee direction="right" >上下移动< /marquee >”，把里面的“right”改为“up”（或down），再切换到“预览”里，就可以看到字体上下移动了。

七、任意放置图片

　　在网页制作过程中，你是否遇到过这种情况：把一幅图片固定好以后，过一会儿又想把这幅图挪到另一个地方去，这可不是简单的事情。不过你可以试试绝对定位法，首先选中该图片，然后单击“格式”菜单下的“定位”命令，在弹出的“定位”对话框中，选择“定位样式”下的“绝对”，这时你可以在“位置与大小”中设置你想要的图片的大小和位置，就可以把图片放到你想要的地方去了。还有更简单的，选中“绝对”后，按下“确定”按钮，回到编辑区，然后把鼠标指针放到图片上面，就可以随意拖动到任意位置了。

八、如何去掉超链接的下划线

我们可以用CSS语法来控制超链接的形式、颜色变化。

　　下面我们做一个这样的链接：未被点击时超链接文字无下划线，显示为蓝色；当鼠标在链接上时有下划线，链接文字显示为红色；当点击链接后，链接无下划线，显示为绿色。

　　实现方法很简单，在源代码的<head>和<head>之间加上如下的CSS语法控制：

　　其中：
　　a:link 指正常的未被访问过的链接；
　　a:active 指正在点的链接；
　　a:hover 指鼠标在链接上；
　　a:visited 指已经访问过的链接；
　　text-decoration是文字修饰效果的意思；
　　none参数表示超链接文字不显示下划线；
　　underline参数表示超链接的文字有下划线

　　同样，如果讲none替换成overline则给超链接文字加上划线，换成line-through给超链接文字加上删除线，blink则使文字在闪烁。