2.5-超链接-《网页设计制作》.ppt

超链接 主要内容 1.1 了解超级链接 1.2 超级链接的创建和使用 1.3 管理超级链接 1.1 了解超级链接 超级链接由两部分组成： 源端点:超级链接中有链接的一端称为链接的源端点 目标端点:跳转到的页面称为链接的目标端点。 1.1.1 源端点的链接 源端点的链接有: 图像链接 文本链接 表单链接 1.1.2 目标端点的链接 目标端点的链接根据类型的不同可分为: 内部链接：即建立于同一个站点内的不同页面之间用来相互联系的超级链接 外部链接：即从该页面链接到Internet上其他站点的超级链接 锚点链接：可以链接到该网页自身某个特定位置（锚点）的超级链接 电子邮件链接： 1.1.3 根据链接路径分类 在一个网站中大致可包含如下3种路径形式： 1、绝对路径 所谓绝对路径提供了链接文档的完整URL地址。绝对路径不利于站点的移植。一般来说，只有在页面中创建外部链接的时候才必须使用绝对路径。 2、和根目录相对的路径 和根目录相对的路径即以站点根目录为基准的路径。通常使用“/”符号表示根目录，如“/images/logo.gif” 1.1.3 根据链接路径分类 3、和文档相对的路径 和文档相对的路径是指和当前文档所在的文件夹相对的路径，这种路径通常是最简单的路径。它的链接方法是： 若要链接到与当前文档处在同一个文件夹中的其他文件，只需输入文件名即可。 若要链接到当前文档所在文件夹的子文件夹中的文件，只需提供子文件夹的名称，后跟一个正斜杠“/”，接着输入该文件的名称即可。 若要链接到当前文档所在文件夹的父文件夹中的文件，请在文件名前添加“../”（此处的“..”表示在文件夹层次结构中上移一级。）。如a href=../../t.htmltttt/a 1.2 超级链接的创建和使用 目标（即target属性）也就是网页连结的指向目标： target=_blank：在新的浏览窗口中打开链接文档 target=_parent：在本链接的父框架中打开链接文档 target=_self：在本链接的页面中打开链接文档。这是默认设置 target=_top：用当前的窗口打开链接文档，并且关闭原来窗口中的全部内容 1.2.1 创建文档、单张图像超级链接 文本链接是最常见的链接。 单张图像超级链接与文本超级链接添加的方法相同。 1.2.2 图片热点链接 如果想在一张图片上单击不同的位置链接到不同的文档，就需要创建图片的热点，然后为每一个热点创建链接。 打开“属性”面板，单击“地图”文本框下的“热点工具”按钮 1.2.3 锚记链接 使用命名锚记可在网页中指定位置上创建链接的目标端点。使用命名锚记不仅可以跳转到其他网页中的指定位置，还可以跳转到当前网页中的指定位置。 锚链接的创建分为: 创建命名锚记:“插入”面板“常用”类别中“命名锚记”按钮或菜单“插入”|“命名锚记” 链接命名锚记：在“链接”文本框中输入“#”+“锚记名称” ；如果链接到其他文件中的锚记，则在“链接”文本框中输入“文件名”+“#”+“锚记名称” 1.2.4 设置E-mail的超级链接 电子邮件链接可方便浏览者为某邮箱发送邮件。访问者只需要单击页面上的电子邮件链接即可启动其机器默认的邮件发送客户端程序。设置方法有以下几种： 在属性面板中的“链接”文本框中输入：mailto 菜单“插入”|“电子邮件链接”命令 “插入”面板“常用”类别中的“电子邮件链接”按钮 1.2.5 空链接 在“链接”文本框中输入字符“#”即可。 空链接就是没有链接任何对象，利用空链接可以激活页面中链接对应的文本或图像，但是激活后不发生任何效果。空链接经常被附加一定的行为设置。 1.3 管理超级链接 菜单“站点”|“该变站点范围的链接” 菜单“站点”|“检查站点范围的链接” 菜单“编辑”|“首选参数” 福建农林大学软件工程学院 姚剑芳 * 网页设计制作——Dreamweaver 预备知识：HTML基础 * *