怎样制作网页.doc

山东电大直属学院教师技术手册（三）： Frontpage制作网页
怎样制作网页
现在市面上的有许多制作网页的工具，office中也有一个专门作网页的工具FrontPage ，其操作与word相似，比较容易上手。下面以FrontPage 2000 为例，介绍网页制作的基本知识。
一、 如何打开FrontPage了解主界面
单击任务栏“开始”按钮，选择“程序”选项，单击FrontPage就可以进入。

进入后你会发现PRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的。

[图一]ProntPage2000 界面

　　视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左]，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。
　　这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。

下面看一看同一个WEB站点在不同视图中是怎样显示的。
　　单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮，窗口中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容。

[图一]网页视图
　　注意，此时工作区的左下角有三个切换显示模式的选项卡[图二]。单击“普通”选项卡，就切换到了普通模式。在普通模式可以编辑网页的内容以及设置各种格式。单击“预览”选项卡就到了预览模式。如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的。单击“HTML”，有的时候，也可以切换到HTML模式直接对网页对应的HTML文本文件进行编辑，从而为网页作一些特殊的设置。

[图二]工作区的三个切换模式
文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件[图三]。由于一个WEB站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要。比如，可以把所有的图形文件放入IMAGE文件夹。FRONTPAGE还提供了一个_PRIVATE文件夹，用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个SOUND文件夹，用来存放WEB站点用到的声音文件：选中站点的根目录，然后单击“文件”菜单的“新建”项，在弹出的子菜单中选择“文件夹”命令。在输入SOUND，新文件夹就建立好了[图四]。

[图三]文件列表
[图四]文件列表
　　其实一个站点实际上就是一个目录，在这个目录下可以建立许多子目录，并将站点的各种文件放在这些目录里。
　　任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。
　　报表视图给出了当前站点的一些统计信息。这里可以知道在站点的目录中哪些文件被链接进站点了，哪些没有。
　　导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表一个网页。如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来。
　　超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链接，以及是什么类型的链接。
任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。
二、 创建网页
　这一节我们讨论怎样创建页面。　
　　创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
　　如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。
　　单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板[图一]，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。

[图一]新建网页对话框
　　使用模板可以不用总是从空白网页开始编辑，这样就省力很多。
三、 加入文字
FrontPage中对于文字与图像的处理与word很相似，用过word的人对于FrontPage中这部分的操作很容易上手的。不过，毕竟是网页制作软件，在Web的基础上，又增加了很实用的功能，也能做出复杂而且高级的网页文字与图像。

FrontPage中对于文字以及图像的处理基本集中在这三个菜单栏里：编辑、插入、格式。

编辑：包括用于处理文字的复制、粘贴等操作，调整网页内容（包括文字、图像、控件等等）的多少以及安排。是最基础的工具，经常使用其对应的快捷键。

插入：用于网页各种部件及其组成部分的创建，很多选项都能创建既复杂又实用的部件，这方面较Dreamwaver更容易被初学者接受。（图2.1）

图2.1
格式：对于文字的处理大多集中在这里，这里的选项是用来协调整个网页以及整个网站的内容编制，也是个较常用到的菜单栏。（图2.2）

图2.2
（一）创建文字：

在FrontPage中创建文字的方法大致分两种：输入和导入。

1、新建一个网页，之后输入的文字就会在光标所在位置出现，根本得不能再根本的方法，说白了就是打字。只要光标能到的地方都可以正常输入文字。

2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中，【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形式导入文字，包括txt、doc、htm等纯文本或者包含文字的文件。

（二）处理文字字体：

选择【格式】菜单栏中的【字体】选项，出现字体对话框（如图2.3）。

图2.3
字体：框中选择想应用的字体。字体文件都保存在windows目录中的fonts子目录中，可以自行删改添加。

字形：有常规、倾斜、加粗和加粗倾斜四个选项。一般来说正文选用保持常规，加粗用于标题，倾斜则用于突出正文中的内容以及使文字美观。

字号：可以直接在输入框中输入想使用的字号，也可以在选项中选取。一般来说在浏览器中9磅和10.5磅看起来最美观最舒服。

字符间距：这个分页中的选项是用来进行行距设置以及文字定位的。

预览：无论在【字体】中进行什么操作，都可以在预览框中看到样品，方便选取合适的搭配。

（三）处理文字段落：
选择【格式】菜单栏中的【段落】选项，出现段落对话框（如图2.4）

图2.4
对齐方式：设置整个段落在页面中的位置。常用的为居中。

缩进：调整段落与左右边界的距离。首行缩进是用来设置各段第一行。

段落间距：设置段落与段落之间的距离。

对段落的操作和字体一样，可以在预览框中观察。

当然，以上这些操作都可以在工具栏中对应图标按钮实现。（如图2）

图2
还有【格式】菜单栏中的【项目符号与编号】选项，也可以用来设置文字段落的排列，基本上文字的一般处理都与word相似。

（四）处理动态文字：

图2.5
§ 选择【插入】菜单栏中的【Web组件】选项，在出现的对话框中选择动态效果中的“字幕”（如图2.5）。在出现的对话框中首先在文本框中输入文字，而后对速度、大小进行调整。这里值得说明的是左下角的样式按钮，点击之后出现的新窗口中可以进行样式的调用等，在新窗口的左下角有一个格式按钮，在这里可以进行文字格式的一般处理（即上文所述的）。这在以后的文字相关处理中都用这种按钮后的按钮情况。（如图2.6）回到字幕对话框后按“确定”，这样一个网页中的滚动字幕就制作好了。

图2.6
§ 选择【格式】菜单栏中的【动态HTML效果】选项，出现相应浮动选项框（如图2.7）。只有当你在网页中选择了文字或者图像，浮动框中的选项才会启动。这里我们先在网页中输入文字处理一下，把鼠标移到文字行，在浮动框中依次选择“网页加载”、“逐字放入”。DHTML效果在FrontPage中以淡蓝色方框表示。（如图2.8）

图2.7

图2.8
（五）创建图像：

在FrontPage中创建图像是在【插入】菜单栏里的【图片】选项。

剪贴画：会启动剪贴画寻找器。在这里你可以方便地在本机或者在互联网上搜索到剪贴画用来装点你的页面。

来自文件：导入本机或者局域网中的图片，相比较剪贴画，获得图像的质量、类型和格式都很丰富，是最常用的导入图像方式。

新建图片库：主要用于制作排列众多图片的页面，针对样品列举、图片欣赏等。在打开的对话框中，点击添加导入所需要的图片，设置好缩略图的大小后，在四种布局中选择一种适合用户的（如图2.9）。简单点击后，按确定，一张布满图像的页面就生成了。

图2.9
绘制新图形：选择后在页面中插入一块类似画板的蓝色区域，可以在上面自由作画。一般不用到。

自选图形：在众多简单后实用的线图中选择插入。

图2.10
艺术字：用过word的人应该都很了解这个了，就是方便的创建含有文字特效的图片文件。知道保存页面后才会以图片形式导出。点击后选择一种合适的文字艺术效果，再输入文字就行了（如图2.10）。艺术字生成后可以修改，有艺术字浮动框（如图2.11）。可以进行艺术效果的重新选择，文字内容的重新输入，样式的调整等等。

图2.11
（六）处理图片：
在已经创建的图片上点击左键，出现图片浮动框（如图2.12）。这里的所有图标按钮都可对图像进行操作处理，从左到右依次是：

图2.12
插入文件中的图片：插入新图像替代选中的图像。
文本：在图像上加入文字，这可是Dreamweaver很难做到的哦。不过它会帮你自动转换文件格式到gif。
自动缩略图：十分方便，轻轻一点就可创建缩略图。以前版本没有的功能。
绝对定位：锁定图片在网页中的位置。
上移、下移一层：类似于Fireworks中的排列，点击后，图像可以在网页中任意拖动确定位置，很好用的功能。
翻转：共上下左右四种。
对比度以及亮度的处理：这是Dreamweaver望尘莫及的。在加强了亮度以及对比度的图片上插入文字，这种安排一定可以大大提高访问量哦。
裁剪、线性、填充色、设置透明色、颜色、凹凸效果都用于修改图片的。
最后几个是添加热区，也就是图片上的超链接的。
可以看出，FrontPage对于图片的处理能力已经远在Dreamweaver之上了，只不过比起dw和fw的配合使用来说，还有一些距离。但它的简单快捷非常省事省力，适合初学者。接着我们在图像上点击右键，选择图像属性。这里常用的就是图像的环绕样式，以及一些其他设置（如图2.13）。

图2.13
（七）处理动态图像：

§ 选择【插入】菜单栏中的【Web组件】选项，在出现的对话框中选择动态效果中的“横幅广告管理器”（就在上文说到的“字幕”下）。设置好广告图片的长和宽，选择一种合适的过渡效果，设置好时间后点击添加。在完成了所需广告图片的添加后，设置连接页面。最后点击确定，这样一个网页中的横幅广告就制作好了。（如图2.14）

图2.14
§ 选择【插入】菜单栏中的【Web组件】选项，在出现的对话框中选择动态效果中的“悬停按钮”。通过与上文相仿的简单设置就可以搞定一个动态按钮，简直可以和辛辛苦苦用Fireworks做出来的媲美呢。
四、 如何插入使用表格
（一） 创建表格
　在FRONTPAGE的诸多功能中，制表功能也是一个很重要的方面。我们不仅利用表格显示一些有规律的数据，而且还经常对表格中的单元格进行调整，在其中放入文本和图形，达到对网页进行布局的目的。
　　我们来看看这个网页，这是在普通模式里的效果。

　　文本被分成左右两栏了。文本周围有虚线包围。这些虚线实际上就是表格的框线，我们利用表格把网页分为了左右两栏。
　　我们切换到预览模式，框线没有了。

　　在普通模式看到的虚线可以便于我们编辑。由于表格框线的宽度是0，所以它在普通模式里是虚线显示的，而在浏览器里它就不显示出来。也就是说用一个看不见的表格把文字分开。
　　怎样创建表格呢？
　　首先把插入点调整到要插入表格的位置，单击“常用”工具栏“插入表格”按钮，拖动鼠标，直到高亮的格子的行列数与你要插入的表格相同为止。这里我们用3乘4的，也就是3行4列的。

　　实际上这种方法创建单元格只能将各单元格行高和列宽设置为一样的，如果要在创建表格时对表格进行设置，可以使用插入表格命令。 设置好插入点后，选择“表格”菜单的“插入”命令，单击“表格”命令，

将行数设置为3，列数设置为4，将边框粗细设置为5，将单元格间距设为3，确认指定宽度复选框选中，并选择单位为百分比， 设置百分比为80，使表格宽度为浏览器宽度的80%，单击“确定”按钮。

　　新建的表格边框变粗了。这是因为我们刚才设置了边框的粗细为3，另外单元格之间的分割线也变宽了，这是因为我们设置了单元格间距的结果。我们的设置也自动变为了下一次创建表格的默认设置。
　　还有一种创建表格的方法，你可以直接把表格画出来。
　　选择“查看”菜单的“工具栏”命令，单击其中的“表格”选项，这时就会显示“表格”工具栏。

　　单击“手绘表格”按钮，用拖动鼠标的方法画一个表格。 双击鼠标退出画表格状态。
　　如果画错了就单击“擦除”按钮，在要擦除的线条上拖动，这时线条会变红，

　　放开鼠标，线条就被擦除了。
　　表格工具栏的其他按钮都与表格菜单的各条命令相对应，它们的使用方法也是一样的。
（二） 单元格的控制
创建好表格后，就可以在表格里输入文本了。
　　一般情况下，直接输入就可以了。当达到单元格末尾时文字会自动换行的。 可是在没有达到末尾时就要换行的话，不是按回车键不就可以了，因为这样做就把文本分成了两个段落，文本的行距就会变大。
　　这就是使用回车键的效果。

　　应该这样来做。按SHIFT+ENTER键，这样文本就强制换行了。我们再输入换行文字，这时行距就正常了。

　　单元格里的文本与单元格的对齐方式有时也需要调整。我们可以用“格式”工具栏的左对齐、居中对齐、右对齐进行设置。
　　在这里还有专门的设置方式。首先单击要调整格式的单元格，单击鼠标右键，选择“单元格属性”命令，在这里你不仅可以设置水平对齐方式还可以设置垂直对齐方式。

　　这里我们把水平对齐方式调整为“水平居中”对齐。 单击“确定”按钮，文本就水平居中对齐了。
　　我们还可以把水平和垂直对齐方式组合使用，这样就可以任意的调整对齐方式了，也可以同时选中多个单元格，一起设置对齐方式。
　　首先要知道为什么要选中单元格。有时我们要对单元格进行某种操作，比如要删除几个单元格，首先就要把这些单元格先选中。
　　现在我们来看一看怎么选中单元格：单击要选中的单元格，插入点就在单元格中了， 选择“表格”菜单的“选定”子菜单，单击“单元格”命令，单元格就选中了。
　　我们刚才已经选中了一个单元格，按住CTRL键，单击其他单元格，这些单元格就选中了。

　　用这种方法可以选中不连续的单元格。
　　从一个单元连续拖动鼠标可以选中连续的单元格。
　　选定单元格后就可以对单元格做操作了。
　　我们可以把几个连续单元格合成一个单元格：先把单元格一、单元格二选中，执行“表格”菜单的“合并单元格”命令，两个单元格就合并成为一个单元格了。
　　也可以把一个单元格分成几个单元格：我们把插入点放到要拆分的单元格里，选择“表格”菜单的“拆分单元格”命令，

　在“拆分单元格”对话框里你可以设置是拆分成行还是列，这里我们选择列，并将列数设置为2，单击“确定”按钮，这样一个单元格就被拆分为两个单元格了。

　　下面我们看看如何在表格里插入新的单元格：首先在要插入单元格的右侧单元格内单击，使插入点放在右侧单元格内，选择“表格”菜单的“插入”命令，单击“单元格”选项，一个新的单元格就放在指定位置了。
　　用这种方法也可以插入行和列,方法是一样的，只要执行插入命令时选择行和列就可以了。
　　在“单元格属性”对话框里还有一些其他设置。
　　我们先来看一下设置背景色：选中两个单元格，单击鼠标右键，选择“单元格属性”命令，将背景色改为青色。

　　单元格边框的颜色也也可以在“单元格属性”对话框里设置。
　　你可以使用这些选项来调整单元格边框的颜色；

你也可以为单元格加一个背景；

　　单元格的宽度和高度也可以指定；
　　选中不换行选项则文本在单元格内不会换行，如果文本太长单元格的宽度会自动改变。

（三） 行列操作
熟悉了单元格的操作，我们现在来学习表格的行列操作。
　　对表格的行列操作，除了提高效率之外，还有一些特别的操作。不过我们还是从行列的选择学起吧。
　　我们可以用选择单元格的方法选择行和列，不过有更简便的方法：把鼠标移到表格的左边界处，这时鼠标光标会变为向右的黑色箭头，单击鼠标就可以选中箭头指向的行。把鼠标移到上边界处就可以选中列。

　　我们在选中一行后，按住SHIFT键不放，接着选择其他行，就可以选中连续的几行， 如果按住CTRL键，就可以选中间断的几行。也可以在按住SHIFT键不放的情况下，用键盘的上下左右键来选择。
　　这里我们看一下用“选择”命令选择：单击要选择的行的任何一个单元格，执行“表格”菜单的“选定”命令，单击“行”命令就可以选中该行。当然，对列的选择也是类似的操作方法，选中之后可以把选中行或列删除。
　　注意：用DELETE键删除只能删除单元格中的内容。只要选择“表格”菜单的“删除单元格”就可以了。
　　你看，这一个表格的各列宽度是不同的，

现在我们选中各列，选中后我们能对列进行均分。
　　选择“表格”菜单的“平均分配列宽”命令，这样各列的宽度就一样了。

（四）表格设置

　　如果我们把表格看作一个整体，它还有一些特殊的设置。
　　我们先来看看怎样把文本转化为表格。看，这儿有用逗号隔开的数字1到8，选中它们，
　　选择“表格”菜单的“转换”子菜单执行“文本到表格”命令，

选择分隔符为逗号，单击“确定”按钮，这样，文本就转换为表格了。

　　这样以后我们就可以先输入文字再建立表格了。

　　再来看看怎样为表格加一个标题。
　　单击要插入标题的单元格，选择“表格”菜单的“插入”子菜单，单击“标题”，这时表格上方出现了一个插入点，

　输入表格的标题文字，标题就添加完成了。

　　我们提到过看不见的表格用来排版，这种看不见的表格又怎么设置呢？
　　我们单击这个可见的表格，单击鼠标右键，选择“表格属性”，将边框粗细设为0，

　　单击“确定”按钮，切换到预览模式。

　　表格不见了。因为边框的粗细刚才设为0了。

　　当然我们也可以设置表格的背景颜色 ：切换到普通模式，在表格上单击鼠标右键， 选择“表格属性”命令，

　　在背景颜色下拉列表中选择一种颜色，这里我们选择绿色。下面还有使用背景的复选框，我们可以给表格添加背景。 现在我们单击"确定"按钮，整个表格的背景颜色就改变了。

　　作出立体效果也很简单。在表格上单击鼠标右键， 仍然选择“表格属性”命令， 将边框粗细设为5， 将亮边框颜色和暗边框颜色分别设为银灰色和灰度，

　　单击“确定”按钮。

　　看，表格的边框变粗了，立体感也加强了。

　　在默认情况下，表格在网页上是左对齐的，我们也可以改变这种对齐方式。
　　在表格上单击鼠标右键，执行“表格属性”命令，将对齐方式设置为水平居中。

　　这时表格就放在网页的中间了。
　　这和设置单元格的对齐方式差不多。不过在默认情况下表格周围是不能排列文字的， 为了让文本与表格融为一体，我们使表格浮动对齐。
　　我们看一个例子：在表格上单击鼠标右键，选择“表格属性”，把浮动下拉列表设置为左对齐，

　　单击“确定”按钮。你看，这时在表格下面的文本就移上来了。

　　 学习了这么多内容，表格的操作还真不少。其实这些操作并不难，主要是对单元格、表格行列、整个表格三个方面的操作。只要经常使用，就会很熟练的。
五、建立超级连接
网页的强大之处就在它的超链接，在浏览器中通过点击网页中的超链接，可以很方便地打开另外一个网页，或者是图片、文件、邮件地址。一个网页中的链接分成两个部分：链接的载体和链接的目标地址。链接的载体就是在网页中文字和图片，凡是包含链接的文字和图片都称为超链接。

操作　设置文字的超链接：打开网页文件，用鼠标反白选择要超链接的文字，然后按鼠标右键。在弹出菜单中选择超链接。弹出超链接设置窗口，然后在列表中选择要超连接网页文件，确定后，就可以看到超级链接已建立好了。注意，在网页编辑窗口，可以按住“Ctrl”键，点击超链接就可以打开超链接指向的网页。

操作　设置图片的超链接：鼠标右键点击要设置超链接的图片，在右键菜单中选择超链接属性，然后设置要链接的文件，也可以链接图片、E－Mail地址等。

操作　管理超链接：一个网站的超链接就像一张网一样，网住了网站的所有文件。在“视图”窗口中点击“超链接”，打开超链接的管理窗口，在这个窗口中，我们可以看到各个文件相互间的链接情况，文件中链接了哪些文件，又被哪些文件链接，可以在旁边的文件夹窗口中选择该文件，然后即可在链接示意窗口中查看了。也可以在超链接的示意窗口直接展开某个文件的上、下超链接。

操作　设置同一页面中的书签。选中文字或者图片，选择插入里的书签。输入书签名。然后在任何地方插入超链接，在选择属性框中的左侧的本文档中的内容按钮。然后选择欲指向的书签名即可。还可以进行其他设置。

图4.1
操作　在图片上添加热区。选中图片，在图片工具栏中选择插入热区按钮，可以插入矩形热区、圆形热区、多边形热区。方法和插入超链接类似，不过热区比起超链接，可以在同一图片完成多个连接，附图插入的是圆形热区。
六、增加网页的效果
（一）使用字幕
想把网页中的文字变得更生动可是又一时不知道如何下手。
　　这种滚动文字我们称为字幕。它特别醒目，我们经常使用它来发布一些站点的通知或提示信息。
　　其实创建字幕很简单。我们把插入点放到要使用字幕的位置，选择“插入”菜单的“组件”命令，单击“字幕”选项，

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

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

　　下面，我一项项给您介绍：
　　“方向”组框用来指定字幕是向哪个方向滚动，现在的设置表示从右向左滚动； 　　“速度”组框用来调整字幕滚动的速度；
　　“延迟”表示字幕每滚动一步的时间间隔是多少毫秒；
　　“数量”表示字幕每滚动一步的距离是多少像素；
　　“表现方式”是调整字幕滚动的具体效果，你可以自己试试；
　　“重复”组框用来对滚动效果的循环次数进行选择；
　　“背景颜色”用来调整字幕的背景颜色；
　　“大小”用来设置字幕的宽度与高度。你可以使用像素来控制字幕的实际大小，也可以使用百分比来设置字幕的宽度，这时字幕的实际大小是根据浏览器窗口大小的百分比来计算的；
　　“文本对齐方式”组框是用来调整字幕和它所在行文字的对齐方式的。里面有三种对齐方式的效果。
　　象字幕效果是动态HTML的一种功能，它是制作网页的一种标准。不过动态HTML并不是所有版本的浏览器都支持。比如字幕效果只有在Internet Explorer 4.0与Netscape Communicator 4.0以上版本才能看出来，而在低版本的浏览器上它们不过是普通文本罢了。
（二）动态效果
在网页中特殊的效果大大加强了网页的吸引力，用FRONTPAGE是很容易实现的。
　　首先，我们看一下，制作这些特效需要设置些什么。我们在普通模式下查看刚才的网页。 选择“格式”菜单的“动态HTML效果”。这时就会弹出“DHTML效果”工具栏。

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

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

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

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

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

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

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

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

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

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

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

设置合适的背景色。对话框下部的几个选项是设置边框背景图片的，其中重复是用来设置背景图片平铺时的伸展方向的，附件表示是否为图片添加滚动条。
　　现在单击“确定”按钮，切换到预览模式，（鼠标移到文字上）这就是刚才设置后得到的效果。
七、用HTTP来发布站点
在INTERNET上，有很多内容很好，我们可以在建立站点时把它们添加到自己的主页上。为了在当前站点内引入其他站点的内容，FRONTPAGE提供了导入操作。我们可以导入一个文件、目录甚至整个站点。
　　导入实际上就是把导入目标原封不变地复制到当前站点内。比如我们要导入另外的一个站点可以这样操作：首先在文件夹列表中选中导入内容存放的文件夹，这里我们选择当前站点的根目录。

　　选择“文件”菜单的“导入”命令，在“导入”对话框中可以选择“添加文件”按钮添加文件到当前站点中，也可以选择添加文件夹复制某文件夹到当前站点。 在这里我们选择“来自站点”。

　　如果知道被导入站点的存放目录，我们可以选择从本地计算机或源文件所在的目录；如果知道被到入站点的URL地址，我们可以选择从全球广域网站点。在这里我们选择从本地计算机或源文件所在的目录， 然后在位置框输入站点对应的盘符路径名，将“包含子文件夹”复选框选中，以确保复制被导入站点的所有内容。

　　单击“下一步”，再单击“下一步”，再单击“完成”。 这样，我们就把一个站点导入进当前站点了。

　　删除一个站点也很简单。在文件夹列表中选中站点的根目录，

　　执行“编辑”菜单的“删除”命令，

　　如果选择“只删除此站点中的FRONTPAGE信息”，则只有该站点的相关文件会被删除，而站点目录结构会保留下来。我们选择“删除整个站点”。单击“确定”按钮。这样当前站点的文件连同它所在的目录都被删除了。
　　虽然我们也可以直接在资源管理器中删除，但最好不要这样做，对站点所在的目录和文件的操作应特别小心。我们知道，一个WEB页可能以链接的方式对很多的其他文件进行引用（显示相关图示），如果仅改变了文件或目录的名字，就可能使原来的链接无效。所以，最好不要在资源管理器或其他地方对站点的目录或文件进行操作。
　　我们最好这样来：现在在FRONTPAGE的文件夹列表中选中一个目录，单击鼠标右键，在弹出的菜单里有“删除”和“重命名”选项。可以在这里对目录或文件夹进行操作。如果你改变了他们的名称，那么与它们相关的链接也会发生改变，以符合改变后的情况。
　　我们可以随意为我们的站点起名字。站点的名称实际上就是站点所在的服务器名或文件系统的目录名。设置很容易，只要选择“工具”菜单的“站点设置”命令，

　　并在“常规”选项卡里输入需要的站点名称再单击“确定”按钮就可以了。

　　你看一下当前站点根目录的变化。根目录的名称被更改为站点的名称了。因为站点实际上就是一个目录，目录名就是站点名。改变目录名也就改变站点名了。