DW超级链接 图文.ppt

2018/1/29
第五章超级链接
1
第6章超级链接
课题引入:
站点的资源多而杂,怎样才能把站点的很多资源组合成一个完整统一的整体呢?在Dreamweaver中,可以使用超级链接来完成这个艰巨的任务。下面我们来学习超级链接的详细内容。
2018/1/29
第五章超级链接
2
内容目标:




。

2018/1/29
第五章超级链接
3
能力目标:
(1)通过演示、分析教学激发学生的学习兴趣,提高学生分析问题、解决问题的实际能力,达到轻松学习、自主学习的目的。
(2)通过同步的上机操作,充分发挥学生的设计能力和创新能力。
教学重点




教学难点
超级链接的路径
2018/1/29
第五章超级链接
4

1:超链接的定义
超链接是指从一个网页指向一个目标的连接关系,具体是指站点内不同网页之间、站点与Web之间的链接关系。一个超级链接由两部分组成:链接载体和链接目标。许多页面元素都可以作为链接载体,链接目标也可以是任意网络资源。
2018/1/29
第五章超级链接
5

2:链接目标的打开方式
链接目标的打开方式可以在属性检查器的“目标”弹出菜单中设置;该弹出菜单中四个选项的含义:
_blank 将链接的文档载入一个新的、未命名的浏览器口。
_top 将链接的文档载入整个浏览器窗 口,从而删除所有框架。
2018/1/29
第五章超级链接
6

_parent 将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架,则所链接的文档载入整个浏览器窗口。
_self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的,所以通常不需要指定它。
2018/1/29
第五章超级链接
7
3:创建一个完整的超级链接必须考虑的4个方面:
①链接的载体
②链接的目标
③链接的路径
④链接目标的打开方式

2018/1/29
第五章超级链接
8

对路径能否正确理解是确保设置里链接正确的先决条件,如不正确的理解路径,可能会出现所设置的链接在本地能够正确执行,但在别的计算机和上传到互联网中就不能使用,网页中的图片也不能正确的显示出来。所以要学习链接路径的相关知识。
在dreamweaver中有三种类型的链接路径: 绝对路径、文档相对路径、站点根目录相对路径。
2018/1/29
第五章超级链接
9

绝对路径:提供所链接文档的完整 URL,而且包括所使用的协议(如对于 Web 页,通常使用 http://) ,创建外部链接时必须使用的路径。同一站点内文档的链接也可使用绝对路径链接,但不建议采用这种方式,因为一旦将此站点移动到其它域,则所有本地绝对路径链接都将断开。

2018/1/29
第五章超级链接
10
:指以当前文档所在的位置为起点到链接文档经由的路径,把当前文档与处在同一文件夹中的另一文档,或同一网站下不同文件夹中的文档相互链接时,就可以使用文档相对路径。
其的基本思想是省略掉对于当前文档和所链接的文档都相同的绝对 URL 部分,而只提供不同的路径部分。文档相对路径对于大多数 Web 站点的本地链接(内部链接)来说,是最适用的路径。