第07章-应用与管理网页链接ppt课件(全).ppt

《第07章-应用与管理网页链接ppt课件(全).ppt》由会员分享，可在线阅读，更多相关《第07章-应用与管理网页链接ppt课件(全).ppt（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 网页设计与制作基础教程网页设计与制作基础教程网页设计与制作基础教程网页设计与制作基础教程(第第第第3 3版版版版)第第第第 七七七七 章章章章应用与管理网页链接应用与管理网页链接应用与管理网页链接应用与管理网页链接:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :学学学学 习习习习 目目目目 标标标标 当网页制作完成后，需要在页面中创建链接。使网页能够当网页制作完成后，需

2、要在页面中创建链接。使网页能够当网页制作完成后，需要在页面中创建链接。使网页能够当网页制作完成后，需要在页面中创建链接。使网页能够与网络中的其他页面建立联系。链接是一个网站的灵魂，网页与网络中的其他页面建立联系。链接是一个网站的灵魂，网页与网络中的其他页面建立联系。链接是一个网站的灵魂，网页与网络中的其他页面建立联系。链接是一个网站的灵魂，网页设计者不仅要知道如何去创建页面之间的链接，更应了解链接设计者不仅要知道如何去创建页面之间的链接，更应了解链接设计者不仅要知道如何去创建页面之间的链接，更应了解链接设计者不仅要知道如何去创建页面之间的链接，更应了解链接地址的真正意义地址的真正意义地址的真正

3、意义地址的真正意义。:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :本本本本 章章章章 重重重重 点点点点uu 创建网页文本链接创建网页文本链接创建网页文本链接创建网页文本链接uu 创建图像映射链接创建图像映射链接创建图像映射链接创建图像映射链接uu 管理页面中的超链接管理页面中的超链接管理页面中的超链接管理页面中的超链接uu 在在在在HTMLHTML代码中编辑超链接代码

4、中编辑超链接代码中编辑超链接代码中编辑超链接:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :7.1 7.1 7.1 7.1 超链接简介超链接简介超链接简介超链接简介 超链接是网页中重要的组成部分，其本质上属于一个网页的一部分，它超链接是网页中重要的组成部分，其本质上属于一个网页的一部分，它超链接是网页中重要的组成部分，其本质上属于一个网页的一部分，它超链接是网页中重要的组

5、成部分，其本质上属于一个网页的一部分，它是一种允许网页访问者与其他网页或站点之间进行连接的元素。各个网页链是一种允许网页访问者与其他网页或站点之间进行连接的元素。各个网页链是一种允许网页访问者与其他网页或站点之间进行连接的元素。各个网页链是一种允许网页访问者与其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站接在一起后，才能真正构成一个网站接在一起后，才能真正构成一个网站接在一起后，才能真正构成一个网站。uuu 超链接的类型超链接的类型超链接的类型超链接的类型超链接的类型超链接的类型uuu 超链接的路径超链接的路径超链接的路径超链接的路径超链接的路径超链接的路径 :计

6、算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :7.1.1 7.1.1 7.1.1 7.1.1 超链接的类型超链接的类型超链接的类型超链接的类型 超链接与超链接与超链接与超链接与URLURL及网页文件的存放路径是紧密相关的。及网页文件的存放路径是紧密相关的。及网页文件的存放路径是紧密相关的。及网页文件的存放路径是紧密相关的。URLURL可以简单地称可以简单地称可以简单地称可以

7、简单地称为网址，顾名思义，就是为网址，顾名思义，就是为网址，顾名思义，就是为网址，顾名思义，就是InternetInternet文件在网上的地址，定义超链接其实就是文件在网上的地址，定义超链接其实就是文件在网上的地址，定义超链接其实就是文件在网上的地址，定义超链接其实就是指定一个指定一个指定一个指定一个URLURL地址来访问它指向的地址来访问它指向的地址来访问它指向的地址来访问它指向的Internet Internet 资源。资源。资源。资源。URL(Uniform Resoure URL(Uniform Resoure LocatorLocator，统一资源定位器，统一资源定位器，统一资源定

8、位器，统一资源定位器)是使用数字和字母按一定顺序排列来确定的是使用数字和字母按一定顺序排列来确定的是使用数字和字母按一定顺序排列来确定的是使用数字和字母按一定顺序排列来确定的InternetInternet地址，由访问方法、服务器名、端口号，以及文档位置组成地址，由访问方法、服务器名、端口号，以及文档位置组成地址，由访问方法、服务器名、端口号，以及文档位置组成地址，由访问方法、服务器名、端口号，以及文档位置组成(格式为格式为格式为格式为Access-method:/server-name:port/document-location)Access-method:/server-name:por

9、t/document-location)。:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :7.1.2 7.1.2 7.1.2 7.1.2 超链接的路径超链接的路径超链接的路径超链接的路径 从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创

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

11、书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :7.2 7.2 7.2 7.2 创建超链接创建超链接创建超链接创建超链接 在在在在Dreamweaver Dreamweaver 中，用户可以创建各种超链接，为了在本地站点内移动中，用户可以创建各种超链接，为了在本地站点内移动中，用户可以创建各种超链接，为了在本地站点内移动中，用户可以创建各种超链接，为了在本地站点内移动或重命名文档或其他链接文件，依然可以自动更新指向文档的链接，或重命名文档或其他链接文件，依然可以自动更新指向文档的链接，或重命名文档或其他链接文件，依然可以自动更新指向文档

12、的链接，或重命名文档或其他链接文件，依然可以自动更新指向文档的链接，DreamweaverDreamweaver通常使用文档相对路径创建指定站点中其他网页的链接。本节通常使用文档相对路径创建指定站点中其他网页的链接。本节通常使用文档相对路径创建指定站点中其他网页的链接。本节通常使用文档相对路径创建指定站点中其他网页的链接。本节将主要介绍在将主要介绍在将主要介绍在将主要介绍在Dreamweaver CCDreamweaver CC中创建各种类型超链接的具体方法中创建各种类型超链接的具体方法中创建各种类型超链接的具体方法中创建各种类型超链接的具体方法。uuu 创建文本链接创建文本链接创建文本链接创

13、建文本链接创建文本链接创建文本链接uuu 创建图像映射链接创建图像映射链接创建图像映射链接创建图像映射链接创建图像映射链接创建图像映射链接uuu 制作锚点制作锚点制作锚点制作锚点制作锚点制作锚点链接链接链接链接链接链接uuu 制作音视频链接制作音视频链接制作音视频链接制作音视频链接制作音视频链接制作音视频链接uuu 制作文件下载链接制作文件下载链接制作文件下载链接制作文件下载链接制作文件下载链接制作文件下载链接uuu 制作电子邮件链接制作电子邮件链接制作电子邮件链接制作电子邮件链接制作电子邮件链接制作电子邮件链接:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基

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

15、接作主要包括更新超链接、修改超链接和测试超链接作主要包括更新超链接、修改超链接和测试超链接。uuu 更新超链接更新超链接更新超链接更新超链接更新超链接更新超链接uuu 修改超链接修改超链接修改超链接修改超链接修改超链接修改超链接uuu 测试超链接测试超链接测试超链接测试超链接测试超链接测试超链接uuu 在在在在在在HTMLHTMLHTML代码中编辑超链接代码中编辑超链接代码中编辑超链接代码中编辑超链接代码中编辑超链接代码中编辑超链接:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系

16、列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :7.3.1 7.3.1 7.3.1 7.3.1 更新超链接更新超链接更新超链接更新超链接 在站点内移动或重命名文档时，在站点内移动或重命名文档时，在站点内移动或重命名文档时，在站点内移动或重命名文档时，DreamweaverDreamweaver会自动更新指向该文档的会自动更新指向该文档的会自动更新指向该文档的会自动更新指向该文档的链接，将整个站点存储在本地磁盘上时，自动更新链接功能最适用，但要注链接，将整个站点存储在本地磁盘上时，自动更新链接功能最适用，但要注链接，将整个站点存储在本

17、地磁盘上时，自动更新链接功能最适用，但要注链接，将整个站点存储在本地磁盘上时，自动更新链接功能最适用，但要注意的是，意的是，意的是，意的是，DreamweaverDreamweaver不会更改远程文件夹中的相应文件。为了加快更新速不会更改远程文件夹中的相应文件。为了加快更新速不会更改远程文件夹中的相应文件。为了加快更新速不会更改远程文件夹中的相应文件。为了加快更新速度，度，度，度，DreamweaverDreamweaver会创建一个缓存文件，用来存储跟本地文件夹有关的所有会创建一个缓存文件，用来存储跟本地文件夹有关的所有会创建一个缓存文件，用来存储跟本地文件夹有关的所有会创建一个缓存文件，用

18、来存储跟本地文件夹有关的所有链接信息，在添加、删除或更改指向本地站点上的文件的链接时，该缓存文链接信息，在添加、删除或更改指向本地站点上的文件的链接时，该缓存文链接信息，在添加、删除或更改指向本地站点上的文件的链接时，该缓存文链接信息，在添加、删除或更改指向本地站点上的文件的链接时，该缓存文件会以可见方式进行更新件会以可见方式进行更新件会以可见方式进行更新件会以可见方式进行更新。:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书

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

20、方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :7.3.3 7.3.3 7.3.3 7.3.3 测试超链接测试超链接测试超链接测试超链接 在在在在DreamweaverDreamweaver中常见的超链接是不能显示链接对象的，但可以在网页中常见的超链接是不能显示链接对象的，但可以在网页中常见的超链接是不能显示链接对象的，但可以在网页中常见的超链接是不能显示链接对象的，但可以在网页文档中打开链接页面，测试链接。要测试链接，首先选中要测试的链接，选文档中打开链接页面，测试链接。要测试链接，首先选中要测试的链接，选文档中打开链接页面，测试链接。要测试链接，首先选

21、中要测试的链接，选文档中打开链接页面，测试链接。要测试链接，首先选中要测试的链接，选择择择择“修改修改修改修改”|“打开链接页面打开链接页面打开链接页面打开链接页面”命令；或者按命令；或者按命令；或者按命令；或者按CtrlCtrl键，双击选中的超链接，可键，双击选中的超链接，可键，双击选中的超链接，可键，双击选中的超链接，可在新窗口中打开链接网页文档。但要注意的是，测试页面必须保存在本地站在新窗口中打开链接网页文档。但要注意的是，测试页面必须保存在本地站在新窗口中打开链接网页文档。但要注意的是，测试页面必须保存在本地站在新窗口中打开链接网页文档。但要注意的是，测试页面必须保存在本地站点中点中点

22、中点中。:计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列计算机基础与实训教材系列系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站系列丛书官方网站 edu :edu :edu :7.3.4 7.3.4 7.3.4 7.3.4 在在在在HTMLHTMLHTMLHTML代码中编辑超链接代码中编辑超链接代码中编辑超链接代码中编辑超链接 打开一个创建超链接的页面，选中创建的超链接，切换到打开一个创建超链接的页面，选中创建的超链接，切换到打开一个创建超链接的页面，选中创建的超链接，切换到打开一个创建超链接的页面，选中创建的超链接，切换到“代码代码代码代码”视图视图视图视图中，显示了超链接标记中，显示了超链接标记中，显示了超链接标记中，显示了超链接标记标记标记标记标记。uuu 内部链接内部链接内部链接内部链接内部链接内部链接uuu 锚记链接锚记链接锚记链接锚记链接锚记链接锚记链接uuu 外部链接外部链接外部链接外部链接外部链接外部链接