admin管理员组文章数量:1579888
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
五)、上机操作
在文字和图片上建立超链接。分别以绝对网子和相对网子以及书签的方式建立。
版权声明:本文标题:Frontpage2003超链接 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1721822387a899347.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论