中文版网页制作——第7讲.pdf

Dreamweaver 8中文版网页制作基础中文版网页制作基础主讲人主讲人第七讲超链接技术第七讲超链接技术1、认识超链接2、超链接的种类1、认识超链接?1．超链接的概念 ?2．文本超链接 ?3. 更改超链接默认属性 ?4．图像超链接1.1. 超链接的概念•什么是超链接：所谓的超链接是指从一个对象指向另一个对象的链接关系， 源对象可以是文本、图像、按钮等，目标对象可以是一个页面、一张图片、 一个文件、一个邮件地址或者一个应用程序等等 •当鼠标光标移到添加了超链接的对象上时，光标就变成了小手状如图1，在超 链接对象上单击后，链接目标将被打开或者运行，如图2在默认状态下，如 果为文本添加了超链接后，那么该文本就显示为蓝色字体且带有下划线，用 于与普通文本区别，单击后文本的颜色又会发生改变用户也可以在页面属 性里修改链接的显示状态1.2．文本超链接•首先选中文本，在【常用】插入栏单击插入超链接按钮，打开【超级 链接】对话框，在【文本】文本框中输入超链接文本，在【链接】选 项框输入目标网页名称或者单击按钮选择目标文件，在【目标】选项 框的列表中选择打开目标的位置，在【标题】文本框输入相关文本， 如下图所示【超级链接】对话框中需要设置的各项的含义。

• 【文本】文本框：在页面中显示的带有超链接的文本， • 【链接】选项框：单击超链接后将要跳转到的目标对象 • 【目标】选项框：目标对象的打开位置：_bank代表在一 个新的窗口中打开链接对象；_self表示在当前窗口打开链 接对象，它是系统的默认值；_parent和_top都表示在一个 完整的窗口打开链接目标 • 【标题】文本框：鼠标光标移到超链接文本上时显示的文 字• 默认情况下，带超链接的文本显示为蓝色，且带有下划 线，用户可以自行设置不同的显示状态在【属性】面板 单击按钮，打开【页面属性】对话框，在【分类】栏单击 【链接】项，然后在右侧具体的项目中进行具体的设置， 如下图所示1.3. 更改超链接默认属性1.4．图像超链接•单击选中一个图片，在【属性】面板中单击【链接】文本框后的按钮 ，如图 1，打开【选择文件】对话框，如图2，找到目标文件“Description001.html”， 然后单击“确定”按钮 ，为图像创建超链接完成，最终的【属性】面板显示如 图3所示 2、超链接的种类? 1．按路径分类 ? 2．按性质分类 ? 3. 锚记链接 ? 4．热点链接 ? 5. 电子邮件链接2.1．按路径分类根据链接对象的路径不同，可以分为：内部链 接、外部链接和锚记链接。

• 内部链接内部链接：链接到当前网站内的其他网页，上一节所列举 的两个例子都是内部链接 • 外部链接外部链接：链接到网站外的其他网页，在【链接】文本框 输入完整的地址，如链接到搜狐网站首页，则要输入 “”• 锚记链接锚记链接：链接到当前打开的网页中某个指定位置根据链接对象的性质不同，链接又可分为： 文本链接、图像链接、电子邮件链接、多媒体文 件链接和空链接等其中的文本链接和图像链接 是大家比较常用的链接，需要特别说明一点的是 图像链接的一个特例：热点链接 •热点链接热点链接：链接指向一张图片的某一部分•电子邮件链接电子邮件链接：链接指向一个E-mail地址 •多媒体文件链接多媒体文件链接：链接指向一个多媒体文件 •空链接空链接：链接不指向任何目标文件，一般用“#”代替2.2．按性质分类2.3．锚记链接通过建立锚 记链接，直 接跳转到指 定的位置2.4．热点链接• 热点链接又叫图像映射，它是指将一个图片划成多个区 域，每个区域链接到不同的对象上去当浏览者单击映射 图时，浏览器会自动判断鼠标单击在哪个热点上，并根据 判断跳转到相应的对象上去 2.5．电子邮件链接电子邮件链接是指连接到E‐mail地址的链接。

如果用户 的机器已经安装了Outlook、Foxmail等邮件软件，在浏览 网页时单击一个E‐mail地址链接就会自动打开一个邮件发 送窗口，并且地址栏已经自动添加了链接的E‐mail地址先选中目标，在属性面板添 加电子邮件地址单击含有电子邮件链接的目 标，自动打开邮件软件。