第13章网页中链接的设置试卷.pptVIP

使用Dreamweaver创建链接即简单又方便，只要选中要设置成链接的文字或图像，然后在“属性”面板上的“链接”文本框中添加相应的URL地址即可，也可以拖动指向文件的指针图标指向链接的文件，同时可以使用“浏览”按钮在当地和局域网上选择链接的文件。 每一个文件都有自己的存放位置和路径，理解一个文件到要链接的另一个文件之间的路径关系是创建链接的根本。在Dreamweaver CC 中，可以很容易的选择文件链接的类型并设置路径。 链接路径主要可以分为相对路径、绝对路径和根路径3种。;13.1.2　创建内部链接 本节中所设置的链接都属于内部链接，简单的说，内部链接就是链接站点内部的文件，在“链接”文本框中用户需要输入文档的相对路径，一般使用“指向文件”和“浏览文件”的方式来创建。;13.1.4　创建外部链接 外部链接比内部链接更好理解，即在“链接”文本框中直接输入所链接页面的URL绝对地址，并且包括所使用的协议（例如对于Web页面，通常使用http://，即超文本传输协议）。;13.2.1　创建文字链接 文字链接即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有文件小、制作简单和便于维护的特点。;13.2.3　链接打开方式 无论是为文字设置链接还是为图像设置链接，在“属性”面板上的“链接”文本框旁都有一个“目标”下拉列表，该选项主要用于设置链接页面的打开方式，在该选项的下拉列表中包含5个选项 。_blank：打开一个新的浏览器窗口，原来的网页窗口仍然存在，这种方法可以应用在用户希望保留主要的窗口时。 new：与_blank类似，将链接的页面以一个新的浏览器打开。 _parent：如果网页中使用“框架”，新链接的网页将回到上一级“框架”所在的窗口中，这种链接方式多用于“框架”文件中需要回到使用“框架”首页的情况。 _self：表示在当前文档中打开。 _top：表示在链接所在的最高级窗口中打开。 ;13.3.1　空链接 有些客户端行为的动作，需要由超链接来调用，这时就需要用到空链接了。访问者单击网页中的空链接，将不会打开任何文件。;13.3.3　E-Mail链接 无论是个人网站还是商业网站，都经常在网页的最下方留下???长或公司的E-mail地址，当网友对网站有意见或建议时，就可以直接单击E-mail超链接，给网站的相关人员发送邮件。E-mail超链接可以建立在文字中，也可以建立在图像中。;13.3.5　图像热点链接 不仅可以将整张图像作为链接的载体，还可以将图像的某一部分设为链接，这要通过设置图像映射来实现。热点链接的原理就是利用HTML语言在图像上定义一定形状的区域，然后给这些区域加上链接，这些区域被称为热点。图像映射就是一张图片上多个不同的区域拥有不同的链接地址。;对于超链接的修饰，通常可以采用CSS伪类。伪类是一种特殊的选择器，能被浏览器自动识别。其最大的优势是在不同状态下可以对超链接定义不同的样式效果，是CSS本身定义的一种类。 在CSS样式中提供了4种用于超链接状态的伪类，分别介绍如下。 a:link：定义超链接对象在没有访问前的样式。 a:hover：定义当鼠标移至超链接对象上时的样式。 a:active：定义当鼠标单击超链接对象时的样式。 a:visited：定义超链接对象已经被访问过后的样式。 在了解了超链接的CSS伪类后，我们就可以通过对超链接CSS伪类的定义来实现网页中各种不同的超链接效果。;课堂案例——制作音乐类网站页面