创建链接.docVIP

任务五、创建链接 链接是网页最终的组成部分之一。链接也叫超链接。超链接是网页中最重要、最根本的元素之一。超链接能够使多个孤立的网页之间产生一定的联系，从而使单独的网页形成一个有机的整体。通过设置超链接可以控制链接元素的形式和颜色等的变化，实现在同一页面中不同位置的跳转、功能的激活等。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系这个目标可以是另一个网页也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行 图 1内部链接 （2）外部链接 外部链接是相对于本地链接而言的，不同的是外部链接的链接目标文件不在站点内，而在远程的服务器上，所以只需在链接栏内输入要链接的网址就可以了，如图4-**所示。 图 2外部链接 （3）脚本链接 脚本链接通过脚本来控制链接结果。一般而言，其脚本语言为JavaScript。常用的有javascript: window.close()、javascript: alert(“…”)等，如图4-**所示。 图 3脚本链接 按照使用对象的不同，超链接又可以分为以下6种。 （1）文本超链接 建立一个文本超链接的方法非常简单，首先选中要建立超链接的文本，然后在“属性”面板的“链接”框中输入要跳转的目标网页的路径及名称即可。 （2）图像超链接 图像超链接的创建方法和文本超链接的创建方法基本一致，选中图像，在“属性”面板中输入链接地址即可。较大的图片中如果要实现多个链接可以使用“热点”帮助实现。 （3）E-mail链接 在页面中为E-mail添加链接的方法是利用mailto标签，在“属性”面板的“链接”框中输入要提交的邮箱即可，如图4-**所示。 图 4 E-mail链接 （4）锚记链接 锚点就是在文档中设置标记，并给该位置一个名称，以便引用。通过创建锚点，可以使链接指向当前文档或不同文档中指定的位置。锚点常常被用来跳转到特定的主题或文档的顶部，使访问者能够快速浏览到选定的位置，加快信息检索速度。 （5）多媒体文件链接 该种链接方法分为链接和嵌入两种。使用与外联图像类似的语句可把影视文件链接到html文档，差别只是文件扩展名不同。与链接外联影视文件不同，对嵌入有影视文件的html文档，浏览器在从网络上下载该文档时就把影视文件一起廿来，如果影视文件很大，则下载的时间就会很长。 （6）空链接 在制作或研发网页中，有时候需要利用空链接来模拟链接，以响应鼠标事件，防止页面出现各种问题。在“属性”面板上的“链接”框内输入#符号即可创建空链接。 2、合理安排超链接 在网页中创建超链接时，需要综合整个网站中的所有页面进行考虑。合理的安排超链接，才能使整个网站中的页面具有一定的条理性。对创建超链接的建议如下： （1）避免孤立文件的存在 应该避免存在孤立的文件，这样将来在修改和维护链接时就会有一个清晰的思路。 （2）在网页中避免使用过多的超链接 在一个网页中设置过多超链接会导致网页的观赏性不台，文件过大。如果避免不了过多的超链接，可以尝试使用下拉列表框、动态链接等一些链接方式。 （3）网页中的超链接不要超过4层 链接层数过多容易让上产生厌烦的感觉，在力求做到结构化的同时，尖注意链接避免超过4层。 （4）页面较长时可以使用书签 当页面较长时，可以定义一个书签，从而使浏览者方便地找到想要的信息。 （5）设置主页或上一层的链接 有些浏览者可能不是从网站的主页进入网站的，此时，设置主页或上一层的链接，会让浏览者更加方便地浏览全部网页。 5.2 链接路径 为了明确链接路径并能正确地使用路径，下面介绍一下路径的概念和种类。 每个页面都有一个唯一的地址，称为统一资源定位符（URL,即Uniform Resourde Locator的缩写）。URL的功能就是提供一种在Internet上查找任何资源的标准方法。实际上，在链接中正是以URL的表达方式来书写链接路径的。采用URL可以用一种统一的格式来描述各种信息资源，包括文件、服务器的地址和目录等。 URL地址通常由4部分组成，分别是文件传输协议、域名（或IP地址）、文件路径和文件名，如图4-**所示。 图 5 URL地址结构 一般来说，Dreamweaver允许使用使用的链接路径有3种：绝对路径、文档相对路径和根相对路径。 1、绝对路径 绝对路径为文件提供完整的路径，包括使用的协议（如http、ftp、rtsp等）。常见的绝对路径如、等。 尽管本地链接也可以使用绝对路径，但不建议采用这种方式，因为一旦将此移动到时其他服务器，则所有本地绝对路径链接将断开。 图 6绝对