第5章_创建超级链接

本章将介绍在Dreamweaver中创建和设置超级链接的基本方法 第5章创建超级链接 教学目标 了解文档位置和路径以及超级链接的分类 掌握设置文本超级链接及其状态的方法 掌握设置图像和热点超级链接的方法 掌握设置电子邮件超级链接的方法 掌握设置锚记超级链接的方法 掌握设置鼠标经过图像和导航条的方法 掌握设置脚本链接的方法 5 1认识超级链接 文档位置和路径超级链接的分类 本节主要内容 5 1 1文档位置和路径 每个网页都有一个唯一的地址 称作统一资源定位器 URL 在设置超级链接的URL时 通常会使用以3种类型的链接路径 绝对路径 例如 5 1 2超级链接的分类 超级链接通常由源端点和目标端点两部分组成 按照目标端点的不同 超级链接一般分为3种类型 外部超级链接 是指链接目标位于站点以外 即其他站点的超级链接类型 创建该类超级链接时必须使用绝对路径 内部超级链接 是指链接目标位于同一站点内的超级链接类型 创建该类超级链接时可以使用相对路径 锚记超级链接 是指可以跳转到网页中某一指定位置的超级链接类型 5 1 2超级链接的分类 根据源端点的不同 超级链接也可分为3种类型 文本超级链接 以文本作为超级链接载体 图像超级链接 以图像作为超级链接载体 表单超级链接 选择某个选项后会自动跳转到目标端点 或需要单击相应按钮会自动跳转到目标端点 5 2普通超级链接 文本超级链接及其状态图像和图像热点超级链接图像地图电子邮件超级链接锚记超级链接 本节主要内容 5 2 1文本超级链接及其状态 一 创建文本超级链接的方式在 属性 面板的 链接 文本框中进行设置 通过 超级链接 对话框进行设置 对于文本超级链接 还可以通过 页面属性 对话框设置不同状态下的文本颜色以及下划线样式等 5 2 1文本超级链接及其状态 二 链接目标窗口用于设置单击某个链接时 被链接文件打开的位置 通常 链接目标窗口有以下4种形式 blank 将链接的文档载入一个新的浏览器窗口 parent 将链接的文档载入该链接所在框架的父框架或父窗口 如果包含链接的框架不是嵌套框架 则所链接的文档载入整个浏览器窗口 self 将链接的文档载入链接所在的同一框架或窗口 此目标是默认的 因此通常不需要特别指定 top 将链接的文档载入整个浏览器窗口 从而删除所有框架 5 2 1文本超级链接及其状态 三 下载超级链接和空链接链接对象也可以是其他类型的文件 如RAR压缩文件 Word文件等 这就是下载超级链接 有时也会用到空链接 它是一个未指派目标的链接 建立空链接的目的通常是激活页面上的对象或文本 添加空链接的方法是 在 属性 面板的 链接 文本框中输入 即可 5 2 2图像和图像热点超级链接 一 图像超级链接用图像作为链接载体 这就是图像超级链接 创建图像超级链接的方法是 首先选中图像 然后在 属性 面板中设置链接地址和目标窗口 5 2 2图像和图像热点超级链接 二 图像热点图像热点 或称图像热区 图像地图 实际上就是为图像绘制一个或几个特殊区域 并为这些区域添加链接 创建图像热点超级链接的方法是 1 使用图像热点工具绘制热点区域 2 在 属性 面板中设置链接地址 目标窗口等 5 2 3电子邮件超级链接 创建电子邮件链接的方法是 选择 插入 电子邮件 命令 在 插入 常用 面板中单击 电子邮件链接 按钮 5 2 4锚记超级链接 创建锚记超级链接的方法 1 首先打开 命名锚记 对话框插入锚记 选择 插入 命名锚记 命令在 插入 常用 面板中单击 命名锚记 按钮 2 然后选中链接文本 在 属性 面板的 链接 下拉列表中输入锚记名称 或者选择 插入 超级链接 命令 打开 超级链接 对话框进行设置 5 3特殊超级链接 鼠标经过图像导航条脚本链接 本节主要内容 5 3 1鼠标经过图像 将光标置于文档中 然后选择 插入 图像对象 鼠标经过图像 命令 或在 插入 常用 面板中单击 鼠标经过图像 按钮 打开 插入鼠标经过图像 对话框进行设置即可 5 3 2导航条 选择 插入 图像对象 导航条 命令 或在 插入 常用 面板中单击 导航条 按钮 打开 插入导航条 对话框进行设置即可 5 3 3脚本链接 创建JavaScript链接的方法是 首先选定文本或图像 然后在 属性 面板的 链接 文本框中输入 JavaScript 后面跟一些JavaScript代码或函数调用即可 5 3 3脚本链接 经常用到的脚本链接JavaScript代码 JavaScript alert 字符串 JavaScript history go 1 前进JavaScript history go 1 后退JavaScript history forward 1 前进JavaScript history back 1 后退Jav