1 / 55
文档名称:

章网页设计与制作(与“链接”有关文档共55张).pptx

格式:pptx   大小:1,872KB   页数:55页
下载后只包含 1 个 PPTX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

章网页设计与制作(与“链接”有关文档共55张).pptx

上传人:可爱的嘎GD 2022/11/29 文件大小:1.83 MB

下载得到文件列表

章网页设计与制作(与“链接”有关文档共55张).pptx

相关文档

文档介绍

文档介绍:该【章网页设计与制作(与“链接”有关文档共55张) 】是由【可爱的嘎GD】上传分享,文档一共【55】页,该文档可以免费在线阅读,需要了解更多关于【章网页设计与制作(与“链接”有关文档共55张) 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。超级链接(Hyperlink)在本质上属于一个网页的一部分,它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。超级链接又简称为超链接。所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序等。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。因此,超链接根据使用对象的不同可以分为文本链接、图像链接、锚点连接、空链接、电子邮件链接等。
1
第1页,共55页。

在网页制作中,设置超链接有三种表示方式:
(1)绝对路径。
(2)相对路径(相对于文档)。
(3)站点根目录相对路径(基于根文件夹)。
在正确创建超链接之前,我们有必要先来学****一下路径。
2
第2页,共55页。
绝对路径(AbsolutePath)
大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:,我们就知道文件是在D盘的mysite文件夹下的music子文件夹中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似于来确定文件位置的方式也是绝对路径。
3
第3页,共55页。
相对路径(RelativePath)
相对路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。使用相对路径可以为我们带来非常多的便利。下面举实例详解:
一、例如在本地硬盘有如下两文件,它们要互做超链接,如图5-1所示。
4
第4页,共55页。
要想链接到这个文件,正确的链接应该是:<ahref=web/article/>链接文字</a>,这是标准的相对路径。
反过来,要想链接到这个文件,在文件里面应该写上这句:<ahref=../../>返回首页</a>。这里的../表示向上一级。
因此在相当路径中我们使用“../”来表示上一级文件夹,“../../”表示上上级的文件夹,以此类推。下级文件夹则用“/..”表示。
5
第5页,共55页。
站点根目录相对路径
站点根目录相对路径描述从站点的根文件夹到文档的路径。如果在处理使用多个服务器的大型Web站点,或者在使用承载多个站点的服务器,则可能需要使用这些路径。不过,如果您不熟悉此类型的路径,最好坚持使用文档相对路径。
站点根目录相对路径以一个正斜杠开始,该正斜杠表示站点根文件夹。例如,/article/()的站点根目录相对路径,该文件位于站点根文件夹的article子文件夹中。
如果您需要经常在Web站点的不同文件夹之间移动HTML文件,那么站点根目录相对路径通常是指定链接的最佳方法。移动包含站点根目录相对链接的文档时,不需要更改这些链接,因为链接是相对于站点根目录的,而不是文档本身;例如,如果某HTML文件对相关文件(如图像)使用站点根目录相对链接,则移动HTML文件后,其相关文件链接依然有效。
6
第6页,共55页。
但是,如果移动或重命名由站点根目录相对链接所指向的文档,则即使文档之间的相对路径没有改变,也必须更新这些链接。例如,如果移动某个文件夹,则必须更新指向该文件夹中文件的所有站点根目录相对链接。(如果使用【文件】面板移动或重命名文件,则Dreamweaver将自动更新所有相关链接。)
7
第7页,共55页。

超链接由源端点和目标端点两个部分组成。超链接中有链接的一端称为链接的源端点,跳转到的页面或页面中的某个位置称为链接的目标端点。
设置超链接的总体思路:
选择超链接的开始位置(源端点)——链接到目标位置(目标端点)
8
第8页,共55页。

文本链接是网页中最常见的一种链接,这种链接的源端点是文本,目标端点可以是站点内或站点外的网页。
设置文本链接的方法如下:
方法一:新建一个文件,并输入文字“文本超链接”,选中该文本,在菜单栏中选择【插入】→【超级链接】命令,弹出如图所示的对话框,在该对话框中进行设置。
9
第9页,共55页。
方法二:使用【属性】面板中的“链接”,先在网页中选择要进行链接设置的文本,再通过链接文本框右侧的【指向文件】按钮或【浏览文件】按钮或直接在文本框中输入被链接的网页文档的路径,来进行文本链接的设置,如图所示。
10
第10页,共55页。