第12章 添加超链接和导航工具条.pptVIP

* Dreamweaver 8中文版应用教程 Dreamweaver 8中文版应用教程 第12章 添加超链接和导航工具条 重点内容： 设置内部超链接 设置外部超链接 设置图片超链接 设置E-mail超链接 设置下载文件链接 创建与链接锚记 创建导航条 一、什么是超链接 1.超链接的概念 超链接简称链接，是指从一个网页指向一个目标对象的连接关系，该目标对象可以是网页，也可以是当前网页上的不同位置，还可以是图片、电子邮件地址、文件（如多媒体文件或者Microsoft Office文档），甚至可以是应用程序。在网页中超链接一般分为内部链接、外部链接与锚记链接3种类型。 2.链接路径 绝对路径：指提供所链接文档的完整URL，而且包括所使用的服务器协议（如Web网页通常使用http://）。 文档相对路径：其基本思想是省略掉对于当前文档和所链接的文档都相同的绝对URL部分，只提供不同的路径部分。 站点根目录相对路径：是指从站点的根文件夹到文档的路径。 二、内部超链接 1.为文字添加超链接 要为文字添加超链接，在属性面板上的“链接”文本框中输入链接目标对象。 2.设置文字超链接的属性 打开“页面属性”对话框，选择“分类”列表框中的“链接”选项，显示“链接”相关的选项。。 3.为图片添加超链接 创建图片的超链接同样可以通过属性面板上 的“链接”选项来完成，实现的方法与创建文字超链接的方法相同。设置了超链接后的图片，用户只需单击即可直接链接到目标文件。除了可以为整个图片创建超链接外，还可以为图片的一部分添加超链接。 三、外部超链接 浏览网页时，经常能见到“友情链接”栏目。单击“友情链接”中任意一个项目时，浏览器即会立即链接到另一个网址，而该网址是当前网站外的一个网址。像这种能够从一个网站链接到另一个网站的链接，一般称之为外部超链接。 外部超链接是指将站点中的某个对象与Internet上的目标建立一种相互链接的关系。Internet上的目标非常多，但使用最多的外部超链接是链接到WWW网站的超链接。其创建链接的方法是在Link文本框中以http://开头，再输入需链接到的网址。 四、为E-mail和下载文件添加超链接 1.为E-mail添加超链接 将光标置于要显示E-mail链接的地方，或 是选定要设置邮件链接的文本，单击“插入”工 具栏“插入”类别中的“电子邮件链接”按钮，打开 “电子邮件链接”对话框。输入所需的内容，单 击“确定”按钮。 一般情况下默认的收发电子邮件程序为Outlook Express，在电子邮件窗口中的“收件人”文本框中会自动显示指定的电子邮件链接地址。如果用户没有安装Outlook Express，而是安装其他的收发电子邮件程序（如Foxmail），则会打开Foxmail写邮件窗口。 2.为下载文件添加超链接 向网页中添加下载功能，方法与为文字或 图片添加超链接的方法相同。 五、使用锚记 1.创建锚记 单击“插入”工具栏“常用”类中的“命 名锚记”按钮 ，或是选择“插入”|“命名锚记”命令，打开“命名锚记”对话框。在“锚记名称”文本框中输入锚记的名称，定义锚记名称后，单击“确定”按钮。 2.链接锚记 创建锚记后，还必须链接锚 记，才可实现快速链接。创建锚 记最简单的方法是单击属性面板 中的“指向文件”按钮：先选择要 链接到锚记的文字或图片，拖动 属性面板中的“指向文件”按钮指 向已创建的锚记，即可完成锚记链接操作。 六、使用导航工具条 1.插入导航条 选择“插入”|“图像对象”|“导航条”命 令，或单击“插入”工具栏“常用”类别中的 “图像”按钮右侧的下三角按钮，从弹出的 菜单中选择“导航条”选项，打开“插入导航条”对话框，进行所需设置后单击“确定”按钮，即可在文档中插入导航条。 2.修改导航条 若要修改导航条，选择“修改”|“导 航条”命令，打开“修改导航条”对话框。 从“导航条元件”列表框中选择要编辑的 项目，再根据实际需要进行设置，设置 后单击“确定”按钮即可。 七、实例 打开已存在的网页myself.html，在该网页中已经添加了“友情链接”、E-mail键接和导航条，本实例中主要介绍为文本（生活快照下的所有文本）及图像（首页、开心时刻和生活区）添加超链接。 * Dreamweaver 8中文版应用教程