网学网为广大网友收集整理了,第一节 FrontPage 2003的新增功能,希望对大家有所帮助!
第二节 创建超链接
网站是由网页及相关文件组成的,在网页之间创建超链接,可以使网页之间保持密切的关系。通过超链接,浏览者可以在不同的网页中相互转换,以便查阅和浏览。在了解了超链接的基础知识后,下面来介绍超链接的基本创建方法。
一、创建文本超链接
文本超链接是指在文本中定义的超链接。创建文本超链接的具体操作步骤如下:
(1)在网页中选中需要创建超链接的文本。
(2)选择“插入”→“超链接”命令,或单击鼠标右键,在弹出的快捷菜单中选择“超链接”命令,出如图7.2.1所示的“插入超链接”对话框。
图7.2.1 “插入超链接”对话框
(3)在“地址”下拉列表框中输入链接的目标地址及文件名,或在“查找范围”下拉列表中选择所要链接的文件,选择后该文件的地址将自动添加到地址栏中,如图7.2.2所示。
图7.2.2 输入链接地址
(4)单击“确定”按钮,即可创建一个文本超链接。创建超链接的文本将会以蓝色显示,并且在该文字下方增加了一条下画线,效果如图7.2.3所示。
图7.2.3 创建文本超链接效果
二、创建图片超链接
除了可以为文本创建超链接外,还可以为图片创建超链接。图片超链接分为整幅图片的超链接和图片映射两种。
1.创建整幅图片的超链接
整幅图片的超链接是指该图片只有唯一的链接目标。创建图片超链接的具体操作步骤如下:
(1)选中需要创建超链接的图片。
(2)选择“插入”→“超链接”命令,或在该图片上单击鼠标右键,在弹出的快捷菜单中选择“超链接”命令,弹出如图7.2.4所示的“插入超链接”对话框。
图7.2.4 “插入超链接”对话框
(3)在该对话框的“地址”下拉列表框中输入链接的目标地址和文件名,或在“查找范围”下拉列表中选择所要链接的文件,选择后该文件的地址及名称将自动添加到地址栏中。所链接的对象可以是该网站中的文件、网页或其他网站中的网页、文件等。
(4)设置完成后单击“确定”按钮即可。
2.设置图片映射
图片映射就是在一张图片中创建多个不同的区域,这些区域可以是矩形、圆形或多边形,每一个区域称为一个“热点”。图片映射可以在同一个图片中创建多个超链接,每一个链接与一个指定的热点相联系。用户可以为每一个热点创建不同的链接目标,也可以为某几个或所有的热点创建同一个链接目标。甚至还可以与整幅图片创建相同的链接目标。单击图片中的热点时,系统会自动打开链接的目标文件。创建图片热点超链接的具体操作步骤如下:
(1)在网页视图的设计模式下,选中需要创建热点超链接的图片,单击鼠标右键,在弹出的快捷菜单中选择“显示图片工具栏”命令,打开“图片”工具栏。
(2)单击“图片”工具栏中的热点按钮,包括“长方形热点”按钮。。。、“圆形热点”按钮。。。和“多边形热点”按钮。。。。这些热点按钮主要是根据图片的内容和设计要求而选择的,这里单击“圆形热点”按钮。。。。
(3)将鼠标移到图片中需要创建热点超链接的位置,当鼠标变成。。。形状时,按住鼠标左键拖动,使其在图片上构成一个圆形区域,如图7.2.5所示。
(4)在图片中拖动鼠标至合适位置后释放鼠标左键,即可在图片中产生一个圆形热点区域,同时弹出如图7.2.6所示的“插入超链接”对话框。
图7.2.5 绘制图片热点
图7.2.6 “插入超链接”对话框
(5)在该对话框中的“地址”下拉列表中选择图片热点所要链接的目标地址和名称。所链接的对象可以是该网站中的网页、文件、图片或其他网站中的网页、文件等。
(6)设置完成后,单击“确定”按钮即可。
按同样的方法可以继续在图片中创建长方形和多边形热点。创建长方形热点超链接的方法与创建圆形热点超链接的方法类似;创建多边形热点超链接比较复杂,其具体操作步骤如下:
(1)单击“图片”工具栏中的“多边形热点”按钮。。。。
(2)将鼠标移到图片中需要创建热点超链接的位置,当鼠标变成。。。形状时,确定第一个点并按住鼠标左键拖动,使其在图片中构成一条线段。
(3)按同样的方法继续绘出多边形的其他线段,使得下一条线段的起点与上一条线段的终点相重合。
(4)回到起始点上双击鼠标,即可在图片中绘制一个封闭的多边形热点,同时弹出“插入超链接”对话框,在该对话框中,用户可以选择链接对象。在图片中创建圆形热点、长方形热点和多边形热点的效果如图7.2.7所示。
图7.2.7 创建图片中的热点效果
三、链接到电子邮件
如果希望浏览者对站点做出反馈意见,除了使用表单外,用户还可以通过邮件的形式与浏览者进行交流。这时就需要在网页中设置一个电子信箱超链接,用于接收浏览者的意见和建议。其具体操作步骤如下:
(1)在网页中选中需要创建超链接的文本或图片,这里以选择文本为例。
(2)在选中的文本中单击鼠标右键,在弹出的快捷菜单中选择“超链接”命令,弹出如图7.2.8所示的“插入超链接”对话框(一)。
图7.2.8 “插入超链接”对话框(一)
(3)在“链接到”列表框中单击。。。图标,弹出如图7.2.9所示的“插入超链接”对话框(二)。
(4)在“电子邮件地址”文本框中输入链接的电子邮件地址,如输入“rsjklbb@163.com”。在输入电子邮件地址时,系统会自动在该邮件地址前添加“mailto:”。
(5)设置完成后,单击“确定”按钮。当浏览者单击该文本超链接时,将自动在计算机中启动Outlook Express,并打开如图7.2.10所示的“未命名的邮件”窗口。在“主题”文本框中,浏览者可以输入反馈给设计者的主题内容;在“邮件内容”文本框中输入自己的建议和看法。输完后单击“发送”按钮,即可将反馈信息反馈给设计者。
图7.2.9 “插入超链接”对话框(二)
图7.2.10 “未命名的邮件”窗口