第07章-应用与管理网页链接.pptVIP

《网页设计与制作基础教程(第3版)》

第七章应用与管理网页链接

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::学习目标当网页制作完成后，需要在页面中创建链接。使网页能够与网络中的其他页面建立联系。链接是一个网站的灵魂，网页设计者不仅要知道如何去创建页面之间的链接，更应了解链接地址的真正意义。

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::本章重点创建网页文本链接创建图像映射链接管理页面中的超链接在HTML代码中编辑超链接

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.1超链接简介超链接是网页中重要的组成部分，其本质上属于一个网页的一部分，它是一种允许网页访问者与其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。超链接的类型超链接的路径

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.1.1超链接的类型超链接与URL及网页文件的存放路径是紧密相关的。URL可以简单地称为网址，顾名思义，就是Internet文件在网上的地址，定义超链接其实就是指定一个URL地址来访问它指向的Internet资源。URL(UniformResoureLocator，统一资源定位器)是使用数字和字母按一定顺序排列来确定的Internet地址，由访问方法、服务器名、端口号，以及文档位置组成(格式为Access-method://server-name:port/document-location)。

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.1.2超链接的路径从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创建链接至关重要。一般来说，链接路径可以分为绝对路径与相对路径两类。据对路径相对路径

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.2创建超链接在Dreamweaver中，用户可以创建各种超链接，为了在本地站点内移动或重命名文档或其他链接文件，依然可以自动更新指向文档的链接，Dreamweaver通常使用文档相对路径创建指定站点中其他网页的链接。本节将主要介绍在DreamweaverCC中创建各种类型超链接的具体方法。创建文本链接创建图像映射链接制作锚点链接制作音视频链接制作文件下载链接制作电子邮件链接

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.3管理超链接通过管理网页中的超链接，可以对网页进行相应的管理。管理超链接操作主要包括更新超链接、修改超链接和测试超链接。更新超链接修改超链接测试超链接在HTML代码中编辑超链接

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.3.1更新超链接在站点内移动或重命名文档时，Dreamweaver会自动更新指向该文档的链接，将整个站点存储在本地磁盘上时，自动更新链接功能最适用，但要注意的是，Dreamweaver不会更改远程文件夹中的相应文件。为了加快更新速度，Dreamweaver会创建一个缓存文件，用来存储跟本地文件夹有关的所有链接信息，在添加、删除或更改指向本地站点上的文件的链接时，该缓存文件会以可见方式进行更新。

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.3.2修改超链接除了自动更新链接外，还可以手动修改所有创建的超链接，以指向其他位置。

:::::《计算机基础与实训教材系列》系列丛书官方网站edu:::::7.3.3测试超链接在Dreamweaver中常见的超链接是不能显示链接对象的，但可以在网页文档中打开链接页面，测试链接。要测试链接，首先选中要测试的链接，选择“修改”|“打开链接页面”命令；或者按Ctrl键，双击选中的超链接，可在新窗口中打开链接网页文档。但要注意的是，测试页面必须保存在本地站点中。

:::::《计算机基础与实训教材系列》系