第五篇 网页超链接.ppt

第五章　网页超链接  第五章　网页超链接 本章学习要点： 超链接的种类和路径 各类超链接的创建 图像地图的创建 5.1 案例1 为网页创建超链接 〖学习目标〗认识超链接，掌握创建超链接的方法。 〖知识要点〗超链接的分类；路径的设置；创建超链接的方法。案例效果如图所示。 5.1.1 超链接概述 超链接是网页最重要、最根本的元素之一。超链接把各个网页链接在一起后，才能真正构成一个网站。通过点击网页上的超链接，浏览者可以轻松地实现网页之间的转换、下载文件或收发邮件等。 1．认识超链接 所谓超链接是指从某个网页元素指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、电子邮件地址或文件，甚至是一个应用程序。 超链接有以下不同的分类方式： 按照链接路径的不同，网页中超链接主要分为内部链接、局部链接和外部超链接。 按照目标对象的不同，网页中的链接可以分为锚点链接、电子邮件链接、脚本超链接、空链接等。 2．超链接路径 建超链接时，超链接路径的设置非常重要，如果设置不正确，将不能正确完成跳转功能。 路径分为绝对路径和相对路径两大类： 绝对路径:完整地描述文件存储位置的路径就是绝对路径,如：D:\tu\Rose.jpg。 相对路径, 是指其他文档相对于某文档的存储路径。在同一个站点内建立链接通常采用相对路径。如文档结构图。 5.1.2 创建超链接 在Dreamweaver CS3中可以通过菜单命令、工具栏按钮甚至直接拖曳创建超链接，方法简单、方便。 创建超链接的目标文件不仅可以是网页文件，还可以是其他类型文件，如图像文件，音频视频文件，文本文件等，如果目标文件可以用默认浏览器打开，则点击超链接文本后会在浏览器中打开相应的目标文件。如果目标文件需要其他应用程序打开，则点击超链接文本后会弹出“下载文件”对话框，要求用户下载后再用相应程序打开。 5.2 案例2 创建各类超链接 〖学习目标〗掌握创建锚点超链接、E-mail链接、空超链接和脚本超链接的方法。 〖知识要点〗锚点超链接；E-mail链接；空超链接和脚本超链接的功能和创建方法。案例效果如图所示。 创建超链接的种类： 创建锚点链接 创建E-mail链接 创建空链接 创建脚本链接 5.3 案例3 创建图像地图 学习目标〗掌握创建图像地图的方法。 〖知识要点〗图像地图的功能；图像地图的创建等。案例效果如图5-17所示。 谢 谢！ 网页设计与制作 网页设计与制作 在Dreamweaver中不仅可以方便地为一幅图像添加超链接，还可以为图像中不同的区域创建不同的超链接，即图像地图。所谓图像地图是指已被分为多个区域（称为热点）的图像。当用户单击某个热点时，会显示其链接的目标文件。 网页设计与制作