Frontpage2003超链接

admin管理员组

文章数量:1530924

2024年7月24日发(作者：)

第六节 超链接的建立和设置

一、 教学目的：学习超链接的制作方法。掌握超链接的设置技巧。

二、 教学重点：超链接的制作方法，超链接的设。

三、 教学时间：2课时

四、 教学步骤：

每当我们在浏览网页时，都会发现当鼠标指针移动到某些文字或图片时，就会变成一

只手掌“”的样子，这时只需单击鼠标左键就可以打开另一网页了。这就是我们将要讲

述的网页“超链接”方式。正是由于有了“超链接”，因特网才会如此神奇和流行！网页上

的超链接主要有三种：一种是相对网址的超链接；第二种是与绝对网址（如www.

）的超链接；第三种是指在同一网页内的超链接。

一）、同一网站内的超链接——相对网址的超链接

下面我们以一个实例来说明，其效果。

其操作步骤如下：

（1）创建一个新网站，并在网站内新建几个网页文件：主页“”、兴趣“i

”、相册“”、喜爱站点“”等文件。

（2）打开主页文件“”，输入文字内容，并单击“”插入图片按钮，从“剪

贴画库→学院”中插入图片。

（3）选定网页内的文字“兴趣”，单击“”超链接工具按钮，出现【编辑超链接】对

话框。在对话框的文件列表中选择“”网页文件。

（4）与（3）操作类似，对文字“相册”、“喜爱站点”分别设置超链接到文件“phot

”、“”。

（5）为邮箱设置超链接：选定文字“chinaboyo@”，单击“”超链接按

钮，出现“编辑超链接”对话框。然后单击“”按钮（在对话框“URL”栏右边），出现“创

建电子邮件超链接”对话框。在文字框内输入邮箱地址（如chinaboyo@），连

续单击【确定】按钮，就可以创建一个超链接到邮箱地址。

（6）最后保存文件到主页“”。

二）、绝对网址的超链接

下面通过一个实例来说明，其效果。

其操作步骤如下：

（1）在上例所创建的网站中，打开喜爱站点“”网页文件。

（2）输入标题“我喜爱的站点”，“文字链接：”，按回车键。

（3）单击“ ”工具按钮，建立项目符号列表。

（4）文字上的超链接：输入“中文搜狐”，选定这段文字，然后单击超链接工具按钮，

在所出现的对话框“URL”栏内输入“”，最后单击【确定】按钮。

就可以创建了文字上的超链接；

（5）与（4）操作类似，创建超链接： 广州视窗（/index.h

tml）、中华-国中网（）、碧海银沙（）；

（6）输入文字“图片链接：”，单击“”工具图标，出现对话框。依次选择在images

目录中已准备好待设置超链接的图片：“”（中国国讯网校）、“

g”（广州网易）、“”（新浪网）、“”（中国青年报）。

（7）图片上的超链接：选定刚插入的图片，单击“”超链接工具按钮，在出

现的对话框中的“URL”栏内输入网址“/”。单击【确定】

按钮。这样，也就创建了一个图片上的超链接。

（8）采用与（5）类似的方式，分别设置其他图片的超链接。例如，广州网易（http:

///）、新浪网（/）、中国青年报（w

/zqb/home/GB/）。

（9）输入文字“[返回主页]”，创建一个超链接到主页文件“”。

（10）保存网页文件到喜爱站点“”。

三）、同一网页内的超链接——书签

当一个网页文件比较长的时候，为了便于浏览，我们往往在网页中使用书签。在网页

中使用书签的步骤分为两步：第一步是先定义书签，即在网页中某位置上定义一个书签；

接下来是使用书签，即定义一个超链接到该书签。下面通过一个实例来说明，其效果。其

操作过程如下：

（1）新建一个网页，并在网页中输入文字等内容。

（2）定义书签：

a.将光标移到主编辑区第三行的“个人信息”前面，然后单击【插入】菜单项，选择

【书签】选项，出现一个对话框。在【书签名称】框内输入“aaa”，单击【确定】按钮，

则一个书签被定义了。

b.采用上述类似方法，在“兴趣爱好”、“喜爱站点”前面分别定义书签名称为：bbb、

ccc。

（3）使用书签：定义完书签后，下面我们要创建超链接到这些书签了。链接书签的操

作基本与前面所述超链接的操作相同。只是在【创建超链接】对话框中不使用URL，而是

使用书签。

a.用鼠标选定第二行的文字“个人信息”，然后单击“

辑超链接】对话框。

”超链接工具按钮，出现【编

b.在对话框中的【可选】区域中，打开【书签】下拉列表框，出现上面所定义过的三

个书签名称：aaa、bbb、ccc。选中“aaa”后单击【确定】按钮，则第二行上的“个人

信息”被链接到“aaa”书签上。

c.用同样的方法将“兴趣爱好”、“喜爱站点”分别链接到“bbb”、“ccc”书签。

（4）将网页文件保存起来，并在浏览器中浏览。当单击第二行上的“个人信息”、“兴

趣爱好”、“喜爱站点”时，屏幕会自动滚动到相应的书签位置并显示内容。

四）、超链接的编辑

1、 修改超链接目的端

右击链接源→超链接属性→编辑超链接对话框→选择要链接的目的端→ok

2、 设置超链接颜色

右击网页空白处→主题→修改→颜色→自定义→项目→超链接→颜色→ok→另存为

→保存主题→ok

3、 删除超链接

方法1：选中超链接文本或图片→delete

方法2：右击超链接（在网页视图模式下）→超链接属性→在url地址栏中，删除其内

容→ok

五）、上机操作

在文字和图片上建立超链接。分别以绝对网子和相对网子以及书签的方式建立。

本文标签： 书签文字网页对话框输入