第5章超级链接-课件（PPT-精）.ppt

第五章 超级链接 第5章超级链接 课题引入： 站点的资源多而杂，怎样才能把站点的很多资源组合成一个完整统一的整体呢？在Dreamweaver中，可以使用超级链接来完成这个艰巨的任务。下面我们来学习超级链接的详细内容。 内容目标: 1.熟记超级链接定义和目标选项的含义 2.了解超级链接的路径 3.熟练掌握超级链接的3种创建方法 4.了解超级链接的分类 5.学会用不同的方法创建各种类型的超级链接。 6.熟练掌握超级链接的结构 能力目标： （1）通过演示、分析教学激发学生的学习兴趣，提高学生分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的。 （2）通过同步的上机操作，充分发挥学生的设计能力和创新能力。 教学重点 1.超级链接定义和目标选项的含义 2.超级链接的3种创建方法 3.各种类型的超级链接的创建方法 4.超级链接的结构 教学难点 超级链接的路径 5.1超级链接基础 1：超链接的定义 超链接是指从一个网页指向一个目标的连接关系，具体是指站点内不同网页之间、站点与Web之间的链接关系。一个超级链接由两部分组成：链接载体和链接目标。许多页面元素都可以作为链接载体，链接目标也可以是任意网络资源。 5.1超级链接基础 2：链接目标的打开方式 链接目标的打开方式可以在属性检查器的“目标”弹出菜单中设置；该弹出菜单中四个选项的含义： _blank 将链接的文档载入一个新的、未命名的浏览器口。 _top 将链接的文档载入整个浏览器窗 口，从而删除所有框架。 5.1超级链接基础 _parent 将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。 _self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。 5.1超级链接基础 3：创建一个完整的超级链接必须考虑的4个方面： ①链接的载体 ②链接的目标 ③链接的路径 ④链接目标的打开方式 5.2超级链接的路径 对路径能否正确理解是确保设置里链接正确的先决条件，如不正确的理解路径，可能会出现所设置的链接在本地能够正确执行，但在别的计算机和上传到互联网中就不能使用，网页中的图片也不能正确的显示出来。所以要学习链接路径的相关知识。 在dreamweaver中有三种类型的链接路径： 绝对路径、文档相对路径、站点根目录相对路径。 5.2超级链接的路径 1.绝对路径 绝对路径：提供所链接文档的完整 URL，而且包括所使用的协议（如对于 Web 页，通常使用 http://） ，创建外部链接时必须使用的路径。同一站点内文档的链接也可使用绝对路径链接，但不建议采用这种方式，因为一旦将此站点移动到其它域，则所有本地绝对路径链接都将断开。 5.2超级链接的路径 2.文档相对路径：指以当前文档所在的位置为起点到链接文档经由的路径，把当前文档与处在同一文件夹中的另一文档，或同一网站下不同文件夹中的文档相互链接时，就可以使用文档相对路径。 其的基本思想是省略掉对于当前文档和所链接的文档都相同的绝对 URL 部分，而只提供不同的路径部分。文档相对路径对于大多数 Web 站点的本地链接(内部链接)来说，是最适用的路径。 5.2超级链接的路径 相同文件夹只提供“文件名”； 与位于当前文档所在文件夹的子文件夹中的文件链接时要提供“子文件夹名/文件名”； 与位于当前文档所在文件夹的父文件夹中文件链接时要提供“../文件名”。 5.2超级链接的路径 3.站点根目录相对路径站点根目录相对路径是指从站点跟文件夹到被链接文档经由的路径；以一个正斜杠开始，该正斜杠表示站点根文件夹。 它制定网站内文档链接的最好方法。在处理使用多个服务器的大型 Web 站点，或者在使用承载有多个不同站点的服务器时，可能需要使用这些类型的路径；若不熟悉此类型的路径，最好坚持使用文档相对路径。 5.3超级链接的分类 采用的划分标准不同，划分出的类型也不尽相同。 5.3超级链接的分类 外部链接：把网页与Internet中的目标相联系的链接。 锚点链接：可以链接到网页中某个特定位置的链接，使用其可以跳转到当前文档或其他文档中的标记位置，免去浏览者翻阅网页寻找信息的麻烦。 电子邮件超级链接：发送电子邮件的超级链接。 5.3超级链接的分类 ２.按照使用对象的不同，网页中的链接又可以分为以下几种：文本超链接、图像超链接、电子邮件链接、锚点链接、软件下载链接、多媒体文件链接、空链接、脚本链接等。 5.3超级链接的分类 文本超链接 ：在浏览网页时，鼠标指针经过某些文本时，指针的形状发生变化，同时文本也会发生变化（如出现下划线、文本的颜