超链接主题知识讲座

第9章超链接在这一章我们引入一个新概念——超链接（Hyperlink）。在网页设计中，超链接应用非常广泛，熟练地应用超链接是设计网页基本要求。本章主要讲解内容是超链接基本知识，各种超链接操作方法，以及检验和修复网页中超链接。超链接主题知识讲座第1页9.1超链接概述超链接是Web页中最吸引人部分。Internet之所以如此受到人们欢迎，很大程度上是因为在网页中使用了大量超级链接。在介绍使用DreamweaverCS4在文档中创建超链接之前，我们先来了解一些关于超链接基本概念和基本知识。超链接主题知识讲座第2页9.1.1超链接基本概念超链接是指从一个对象指向另一个对象指针，它能够是网页中一段文字也能够是一张图片，甚至能够是图片中某一部分。它允许我们同其它网页、站点、图片、文件等进行连接，从而使Internet上信息组成一个有机整体。依据链接方式不一样超链接可分为：绝对路径连接、相对路径连接两种。而依据链接对象不一样超链接又可分为：超文本链接、命名锚链接、图像链接、电子邮件链接、热区链接，空链接等。超链接主题知识讲座第3页9.1.2超链接路径相对路径与绝对路径作为超链接两种基本连接方式是十分主要也是轻易混同，要想熟练利用超链接我们首先就搞清什么相对路径什么是绝对路径，它们区分在哪里。1．绝对路径绝对路径：指明目标端点所在详细位置完整URL地址链接路径。2．相对路径相对路径：指明目标端点与源端点之间相对位置关系路径称为相对路径。超链接主题知识讲座第4页9.2超文本链接超文本链接是最普通、最简单一个超链接。在Dreamweaver中依据链接目标不一样，超文本链接能够分为与当地网页文档链接、与外部网页链接、空链接等几个类型。下面将逐一介绍。超链接主题知识讲座第5页9.2.1创建与文档链接与当地网页文档链接，是最常见超文本链接类型。经过创建与文档链接，能够将当地站点一个个单独文档连接起来，形成网站。详细操作步骤以下：超链接主题知识讲座第6页9.2.2创建与外部网页链接上一小节介绍了创建与当地文档链接，下面就来学习怎样创建与外部网页链接。详细操作步骤以下：（1）选中要创建链接文本“北京师范大学”；在“属性检验器”“链接”文本框中直接输入URL地址“”，“目标”下拉列表框中选择“_blank”，如图9.5所表示。（2）保留文件，在浏览器中预览时，单击文本“北京师范大学”，就会在新窗口中打开北京师范大学网站主页。超链接主题知识讲座第7页9.2.3创建空链接空链接是指未指定目标文档链接。使用空链接可认为页面上对象或文本附加行为。具体操作步骤如下：（1）选中要创建链接文本“更多进入”；在“属性检验器”，“链接”文本框中直接输入“#”，如图9.6所示。（2）保存文件，在浏览器中预览时，“更多进入”显示为超文本链接样式，单击后不会跳转到别页面，如图9.7所示。超链接主题知识讲座第8页9.3命名锚链接当用户浏览一个内容较多网页时，查找信息会浪费大量时间。在这种情况下，能够在网页中创建锚链接，放在页面顶部作为书签。锚实质上就是在文件中命名位置或文本范围，锚链接起到作用就是在文档中定位。单击锚链接，就会跳转到页面中指定位置。超链接主题知识讲座第9页9.3.1创建锚点在创建锚链接之前，首先要在页面中创建锚点。详细操作步骤以下：超链接主题知识讲座第10页9.3.2建立锚链接在上一小节中创建了四个锚点，下面来学习为文本建立锚链接。详细步骤以下：超链接主题知识讲座第11页9.4电子邮件链接电子邮件链接是一个特殊链接，在网页中单击这种链接，不是跳转到其它网页中，而是会自动开启电脑中OutlookExpress或其它E-mail程序，允许书写电子邮件，并发送到指定地址。详细操作步骤以下：超链接主题知识讲座第12页9.5图像热区链接在DreamweaverCS4中，除了能够给文本添加超链接，还能够给图像添加超链接。图像超链接包含为整张图像创建超链接和在图像上创建热区两种方式。超链接主题知识讲座第13页9.5.1为整张图像创建超链接这种应用方式很普遍，在网页中经常会用到。当鼠标移到设置了链接图像上时，会变成“手型”；单击图像，会跳转到指定页面。详细操作步骤以下：超链接主题知识讲座第14页9.5.2创建热区在DreamweaverCS4中，除了为整张图像创建超链接外，还能够在一张图像上创建多个链接区域，这些区域能够是矩形、圆形或者多变形。这些链接区域就叫做热区。当单击图像上热区时，就会跳转到热区所链接页面上。详细操作步骤以下：超链接主题知识讲座第15页9.6导航条导航条是由一个图像或一组图像组成，单击某个图像，就会跳转到对应栏目页面。DreamweaverCS4中导航条功效，能够设置伴随鼠标不一样操作，如滑过、按下等，图像显示内容也会随之改变，效果如图9.25所表示。详细操作步骤以下：超链接主题知识讲座第16页9.7检验与修复链接对于一个内容