第6章超级链接

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第五章 超级链接,*,第,6,章超级链接,课题引入：,站点的资源多而杂，怎样才能把站点的很多资源组合成一个完整统一的整体呢？在,Dreamweaver,中，可以使用超级链接来完成这个艰巨的任务。下面我们来学习超级链接的详细内容。,10/1/2024,1,第五章 超级链接,内容目标,:,1.,熟记超级链接定义和目标选项的含义,2.,了解超级链接的路径,3.,熟练掌握超级链接的,3,种创建方法,4.,了解超级链接的分类,5.,学会用不同的方法创建各种类型的超级链接。,6.,熟练掌握超级链接的结构,10/1/2024,2,第五章 超级链接,能力目标：,（,1,）通过演示、分析教学,激发,学生的,学习兴趣，提高学生分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的。,（,2,）通过同步的上机操作，,充分发挥学生的设计能力,和创新能力。,教学重点,1.,超级链接定义和目标选项的含义,2.,超级链接的,3,种创建方法,3.,各种类型的超级链接的创建方法,4.,超级链接的结构,教学难点,超级链接的路径,10/1/2024,3,第五章 超级链接,6.1,超级链接基础,1,：超链接的定义,超链接是指从一个网页指向一个目标的连接关系，具体是指站点内不同网页之间、站点与,Web,之间的链接关系。一个超级链接由两部分组成：链接载体和链接目标。许多页面元素都可以作为链接载体，链接目标也可以是任意网络资源。,10/1/2024,4,第五章 超级链接,6.1,超级链接基础,2,：链接目标的打开方式,链接目标的打开方式可以在属性检查器的“目标”弹出菜单中设置；该弹出菜单中四个选项的含义：,_blank,将链接的文档载入一个新的、未命名的浏览器口。,_top,将链接的文档载入整个浏览器窗 口，从而删除所有框架。,10/1/2024,5,第五章 超级链接,6.1,超级链接基础,_parent,将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。,_self,将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。,10/1/2024,6,第五章 超级链接,3,：创建一个完整的超级链接必须考虑的,4,个方面：,链接的载体,链接的目标,链接的路径,链接目标的打开方式,6.1,超级链接基础,10/1/2024,7,第五章 超级链接,6.2,超级链接的路径,对路径能否正确理解是确保设置里链接正确的先决条件，如不正确的理解路径，可能会出现所设置的链接在本地能够正确执行，但在别的计算机和上传到互联网中就不能使用，网页中的图片也不能正确的显示出来。所以要学习链接路径的相关知识。,在,dreamweaver,中有三种类型的链接路径：绝对路径、文档相对路径、站点根目录相对路径。,10/1/2024,8,第五章 超级链接,1.,绝对路径,绝对路径：提供所链接文档的完整,URL,，而且包括所使用的协议（如对于,Web,页，通常使用,http:/,），,创建外部链接时必须使用的路径,。同一站点内文档的链接也可使用绝对路径链接，但,不建议采用这种方式,，因为一旦将此站点移动到其它域，则所有本地绝对路径链接都将断开。,6.2,超级链接的路径,10/1/2024,9,第五章 超级链接,2.,文档相对路径：指以当前文档所在的位置为起点到链接文档经由的路径，把当前文档与处在同一文件夹中的另一文档，或同一网站下不同文件夹中的文档相互链接时，就可以使用文档相对路径。,其的基本思想,是省略掉对于当前文档和所链接的文档都相同的绝对,URL,部分，而只提供不同的路径部分。,文档相对路径对于大多数,Web,站点的本地链接,(,内部链接,),来说，是最适用的路径。,6.2,超级链接的路径,10/1/2024,10,第五章 超级链接,6.2,超级链接的路径,相同文件夹只提供“文件名”；,与位于当前文档所在文件夹的子文件夹中的文件链接时要提供“子文件夹名,/,文件名”；,与位于当前文档所在文件夹的父文件夹中文件链接时要提供“,./,文件名”。,10/1/2024,11,第五章 超级链接,3.,站点根目录相对路径站点根目录相对路径是指从站点跟文件夹到被链接文档经由的路径；以一个正斜杠开始，该正斜杠表示站点根文件夹。,它制定网站内文档链接的最好方法。在处理使用多个服务器的大型,Web,站点，或者在使用承载有多个不同站点的服务器时，可能需要使用这些类型的路径；,若不熟悉此类型的路径，最好坚持使用文档相对路径。,6.2,超级链接的路径,10/1/2024,12,第五章 超级链接,6.3,超级链接的分类,采用的划分标准不同，划分出的类型也不尽相同。,.,按照链接路径或链接目标的不同，网页中的超链接一般分为内部链接、外部链接,、,锚点链接和电子邮件超级链接,4,种类型。,内部链接：,即在同一个站点内的不同页面,(,文档,),之间的超级链接。,10/1/2024,13,第五章 超级链接,6.3,超级链接的分类,外部链接：,把网页与,Internet,中的目标相联系的链接。,锚点链接,：可以链接到网页中某个特定位置的链接，使用其可以跳转到当前文档或其他文档中的标记位置，免去浏览者翻阅网页寻找信息的麻烦。,电子邮件超级链接：,发送电子邮件的超级链接。,10/1/2024,14,第五章 超级链接,.,按照使用对象的不同，网页中的链接又可以分为以下几种：文本超链接、图像超链接、电子邮件链接、锚点链接、软件下载链接、多媒体文件链接、空链接、脚本链接等。,6.3,超级链接的分类,10/1/2024,15,第五章 超级链接,6.3,超级链接的分类,文本超链接：,在浏览网页时，鼠标指针经过某些文本时，指针的形状发生变化，同时文本也会发生变化（如出现下划线、文本的颜色发生变化、字体发生变化等），提示这是带链接的文本。此时点击鼠标，就会打开所链接的网页，这就是文本超链接。,10/1/2024,16,第五章 超级链接,6.3,超级链接的分类,图像超链接：,是指给图像添加链接，使其指向其他的网页或者文档；在设置鼠标经过图像或创建图像热区时，也是给图像添加超级链接。,10/1/2024,17,第五章 超级链接,6.3,超级链接的分类,多媒体文件链接：,是把多媒体按钮作为链接的载体、多媒体文件作为链接的目标。,空链接：,是指未指定目标端点的链接。利用链接可以激活文档中链接对应的对象和文本，一旦对象和文本激活，就可以为之添加行为，当鼠标移动到链接上时进行切换图像或显示分层等动作。所以要对文本设置行为，需首先为文本建立空链接，行为才有效，可见建立空链接的目的就是为了应用行为。一般“首页”导航需要设置空链接。,10/1/2024,18,第五章 超级链接,6.3,超级链接的分类,电子邮件链接：,便于用户进行反馈。单击时，可以打开浏览器默认的电子邮件处理程序。收件人地址会被电子邮件链接中指定的地址自动更新，无须手动输入。,10/1/2024,19,第五章 超级链接,6.3,超级链接的分类,软件下载超级链接：,是指可以实现软件下载功能的链接，一般用于教程、软件或一些文件的下载。以便浏览者学习相关内容，也便有利于网络资源的交互和共享。软件下载的超级链接也算是内部超链接中的一种。,10/1/2024,20,第五章 超级链接,6.3,超级链接的分类,脚本链接,是一种特殊的链接。执行,JavaScript,代码或调用,JavaScript,函数时显得非常有用，,单击带有脚本链接的文本或对象，可以运行相应的脚本及函数（,javascript,或,vbscript,等），,能在不离开当前网页的情况下为访问者提供有关某项的附加信息。脚本链接还可用于在访问者选择特定项目时，执行计算、表单验证和其它处理任务。,10/1/2024,21,第五章 超级链接,6.4,超级链接的创建方法,1.,使用属性检查器创建各种各样的超级链接。,可以在属性检查器中链接后的文本框中直接输入链接的路径。,2.,使用浏览文件按钮创建超级链接。,也可以单击属性面板中链接后的浏览文件按钮，通过选择目标文件找到链接的路径。这种方法要求链接的目标在站点中存在。,10/1/2024,22,第五章 超级链接,6.4,超级链接的创建方法,3.,使用属性检查器的“指向文件”图标链接文档、图片、多媒体文件、可下载软件等。,注意：,使用这种方法创建超级链接时，链接的目标必须是站点中存在的资源（图片、文档、多媒体、下载软件、锚记等）。,10/1/2024,23,第五章 超级链接,6.4,超级链接的创建方法,4.,使用,【,超级链接,】,对话框创建超级链接，使用该方法主要用来创建,文字,超级链接。操作方式有下面,2,种：,选择,【,插入,】|【,超级链接,】,命令,在“插入”栏的“常用”类别中，单击“超级链接”按钮。,然后在弹出的,【,超级链接,】,对话框中，设置相应项目完成创建。,10/1/2024,24,第五章 超级链接,其它创建超级链接的方法：,直接插入代码法,快捷快拖动法,站点地图创建超级链接,这两种方法不再详细讲解了，请参阅,所,链接的相关视频。,6.4,超级链接的创建方法,10/1/2024,25,第五章 超级链接,6.5,几种特殊的超级链接的创建,1.,锚记链接,锚记，也称为书签或锚点，用来标记文档中的特定位置。,在网页中创建锚记链接的步骤：,一是先在网页中创建锚记,（如：,a name=“,pmteatime,”,）,二是为已创建好的锚记建立链接。,(a,herf,=“#,pmteatime,”),。,10/1/2024,26,第五章 超级链接,6.5,几种特殊的超级链接的创建,（,1,）创建锚记,操作思路：,将光标移到需要加入锚记的地方，单击插入“常用”面板上的按钮，或是选择主窗口的菜单“插入”,|“,命名锚记”命令，在弹出“命名锚记”对话框中完成设置即可。,【,注,】,：锚记建立后，如果看不到，请执行查看,|,可视化助理,|,不可见元素菜单命令，显示锚记标记。,10/1/2024,27,第五章 超级链接,6.5,几种特殊的超级链接的创建,锚记的命名规则：,只能使用字母和数字，锚记命名不支持中文。锚记名称的第,1,个字符最好是英文字母，一般不要以数字作为锚记名称的开头。,锚记名称间不能含有空格，也不能含有特殊字符，且名称区别英文字母的大小写。,锚记不要放在层中。,10/1/2024,28,第五章 超级链接,6.5,几种特殊的超级链接的创建,（,2,）链接锚记,在同一文档中创建时，,选择想要链接到锚记的文字或图片,，然后按如下方法中的任意一种进行操作。,（,1,）在属性面板上的“链接”文本框中输入符号,#,和锚记名称。（,2,）按住属性面板上的“指向文件”按钮，并拖动鼠标指向锚记。（,3,）选择文字或图片后，按住,Shift,键，然后拖动鼠标指向锚记。,10/1/2024,29,第五章 超级链接,6.5,几种特殊的超级链接的创建,在链接锚记时，应注意以下事项：,符号,#,必须是半角符号；在,#,和锚记名之间不要留有空格，否则链接会失败。,在不同文件夹中为锚记创建链按时，其文件名后缀必定是“,.,htm,”,，而不能写成“,.html”,，否则链接也会失败。,在不同文档中创建时，在属性面板上的“链接”文本框中输入符号“,filename.htm,#,锚记名称”。,10/1/2024,30,第五章 超级链接,6.5,几种特殊的超级链接的创建,2.,给图像热区加上超级链接：,就是把图像中事先创建好的热区作为超级链接的载体，创建超级链接。,3.,软件下载超级链接：,把相关的下载软件作为链接的目标。,10/1/2024,31,第五章 超级链接,6.5,几种特殊的超级链接的创建,4.,创建电子邮件超链接,创建电子邮件链接的有,2,中方法：,（,1,）将光标置于网页中要添加,E-mail,链接的地方，或选中文字，通过插入“常用”面板上