1、网页制作之超链接,在这一章我们引入一个新的概念超链接（Hyperlink）。在网页设计中，超链接的应用非常广泛，熟练地应用超链接是设计网页的基本要求。本章主要讲解的内容是超链接的基本知识，各种超链接的操作方法，以及检查和修复网页中的超链接。,超级链接的概述,超级链接是互联网的重要的特色之一，是网页制作的重要纽带。通过超链接可以把分散的网页联成一个整体。超链接的建立可以建立在不同的对象上，其主要类型有如下几种。 1）内部超链接： 同一网站内的链接； 2）外部超链接：不同网站之间的链接； 3）锚点超链接：同一网页或不同网页的指定位置的链接； 4）Email超链接：电子邮件的链接 5）映像图的链接
2、目标的选择项的说明： blank ：在新文件的浏览窗口打开链接的网页。 parent ：在父框架中或整个浏览窗口打开链接的网页。 self ：在当前默认的框架或窗口打开浏览的网页。 top ：在完整的浏览窗口打开浏览的网页。,超链接的路径,相对路径与绝对路径作为超链接的两种基本连接方式是十分重要的也是容易混淆的 1绝对路径 绝对路径：指明目标端点所在具体位置的完整URL地址的链接路径。 2相对路径 相对路径：指明目标端点与源端点之间相对位置关系的路径称为相对路径。,一、建立内部链接,在网页文档中选择要链接的对象，在“属性”面板中单击“链接”按钮，在弹出的“选择文件”对话框中选择要链接的对象，单
3、击“确定”即可完成链接。,二、建立外部链接,1、直接在属性面板输入链接地址。 1）在打开的网页文档中选择图片或文字，如图8.4-22选中图片。 2）在“属性”面板链接栏输入搜狐网的地址。 3）在“属性”面板的“目标”选项中选择“blank”。 4）设置完成后，按F12预览，外部链接设置完成。 说明：如果选择文字建立链接方法和选择图片相同。 2、使用“超链接”对话框进行链接。 1）选择网页文档中的文字，点击插入工具栏中【常用】按钮，选择链接命令，调出超链接对话框。 2）在超级链接对话框中，链接栏填入“”， 目标栏填入“blank”，点击确定即可。,三、创建空链接,空链接是指未指定目标文档的链接。
4、使用空链接可以为页面上的对象或文本附加行为。具体操作步骤如下： （1）选中要创建链接的文本“更多进入”；在“属性检查器”，“链接”文本框中直接输入 “#”，如图9.6所示。 （2）保存文件，在浏览器中预览时，“更多进入”显示为超文本链接的样式，单击后不会跳转到别的页面，如图9.7所示。,四、命名锚链接,当用户浏览一个内容较多的网页时，查找信息会浪费大量的时间。在这种情况下，可以在网页中创建锚链接，放在页面顶部作为书签。锚实质上就是在文件中命名的位置或文本范围，锚链接起到的作用就是在文档中定位。单击锚链接，就会跳转到页面中指定的位置。,4.1 创建锚点,在创建锚链接之前，首先要在页面中创建锚点。
5、具体操作步骤如下：,4.2 建立锚链接,在上一小节中创建了四个锚点，下面来学习为文本建立锚链接。具体步骤如下：,五、电子邮件链接,电子邮件链接是一种特殊的链接，在网页中单击这种链接，不是跳转到其他网页中，而是会自动启动电脑中的Outlook Express或其他E-mail程序，允许书写电子邮件，并发送到指定的地址。具体操作步骤如下：,六、链接到图片或多媒体文件,（1）链接放大图片链接到图片的创建方法和链接网页方法完全一样，选中要链接的图片或文字，在“属性”面板中点击“链接”指向按钮指向站点上的大图片即可。 （2）链接下载文件选中要链接的文字或图片，在“属性”面板中点击“链接”按钮，当链接的文
6、件是.exe、zip格式的文件，网页不支持即可下载。,图像热区链接,在Dreamweaver CS4中，除了可以给文本添加超链接，还可以给图像添加超链接。图像的超链接包括为整张图像创建超链接和在图像上创建热区两种方式。,6.1 为整张图像创建超链接,这种应用方式很普遍，在网页中经常会用到。当鼠标移到设置了链接的图像上时，会变成“手型”；单击图像，会跳转到指定的页面。具体操作步骤如下：,6.2 创建热区,在Dreamweaver CS4中，除了为整张图像创建超链接外，还可以在一张图像上创建多个链接区域，这些区域可以是矩形、圆形或者多变形。这些链接区域就叫做热区。当单击图像上的热区时，就会跳转到热区所链接的页面上。具体操作步骤如下：,6.3 导航条,导航条是由一个图像或一组图像组成，单击某个图像，就会跳转到相应的栏目页面。Dreamweaver CS4中的导航条功能，可以设置随着鼠标的不同操作，如滑过、按下等，图像的显示内容也会随之变化，效果如图9.25所示。具体操作步骤如下：,七、检查与修复链接,对于一个内容繁多的网站来说，通常包含有大量的超链接。使用Dreamweaver CS4的检查与修复链接功能，可以对当前网页文档中的所有链接进行检查，报告网页中断掉的链接并进行修复，省去了手工检查的麻烦。具体操作步骤如下：,
