1、计算机基础与实训教材系列,系列丛书官方网站,:,高等学校计算机应用规划教材,网页设计与制作基础教程,第7章 超链接的应用于管理(完成)ppt课件(全),第 七 章,超链接的应用与管理,第7章 超链接的应用于管理(完成)ppt课件(全),学 习 目 标,网站由诸多网页组成,网页与网页之间通常通过超链接的方式相互建立关联。超链接在网页设计中的应用范围非常广泛,它不仅可以链接网页,还可以链接图像文件、多媒体文件及下载程序等,用户也可以利用超链接在网页的内部进行链接或发送,E-mail,。本节将通过实例操作,详细介绍创建与设置网页超链接的方法,从而使用户进一步掌握制作网页的相关知识。,:计算机基础
2、与实训教材系列系列丛书官方网站 edu :,本 章 重 点,在网页中创建超链接,管理页面中的超链接,在,HTML,代码中编辑超链接,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.1,超链接简介,超链接是网页中重要的组成部分,其本质上属于一个网页的一部分,它是一种允许网页访问者与其他网页或站点之间进行连接的元素。各个网页链接在一起后,才能真正构成一个网站。,超链接的类型,超链接的路径,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.1.1,超链接的类型,超链接与,URL,及网页文件的存放路径是紧密相关的。,URL,可以简单地称为网址,顾名思义,就是,Internet,文
3、件在网上的地址,定义超链接其实就是指定一个,URL,地址来访问它指向的,Internet,资源。,URL(Uniform Resoure Locator,,统一资源定位器,),是指,Internet,文件在网上的地址,是使用数字和字母按一定顺序排列来确定的,Internet,地址,由访问方法、服务器名、端口号,以及文档位置组成(格式为,Access-method:/server-name:port/document-location,)。,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.1.2,超链接的路径,从作为链接起点的文档到作为链接目标的文档之间的文件路径,对于创建链接至关重
4、要。一般来说,链接路径可以分为绝对路径与相对路径两类。,绝对路径,相对路径,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.2,创建超链接,在,Dreamweaver,中,用户可以创建各种超链接,为了在本地站点内移动或重命名文档或其他链接文件时,依然可以自动更新指向文档的链接,,Dreamweaver,软件通常使用文档相对路径创建指定站点中其他网页的链接。本节将主要介绍在,Dreamweaver,中创建各种类型超链接的具体方法。,创建文本链接,创建图像链接,创建锚记链接,创建电子邮件链接,创建其他特殊链接,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.3,管理超链接,
5、通过管理网页中的超链接,可以对网页进行相应的管理。管理超链接操作主要包括更新超链接、修改超链接和测试超链接。,更新超链接,修改超链接,测试超链接,在,HTML,代码中编辑超链接,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.3.1,更新超链接,在站点内移动或重命名文档时,,Dreamweaver,会自动更新指向该文档的链接,将整个站点存储在本地磁盘上时,自动更新链接功能最适用,但要注意的是,,Dreamweaver,不会更改远程文件夹中的相应文件。为了加快更新速度,,Dreamweaver,会创建一个缓存文件,用来存储跟本地文件夹有关的所有链接信息,在添加、删除或更改指向本地站点
6、上的文件的链接时,该缓存文件会以可见方式进行更新。,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.3.2,修改超链接,除了自动更新链接外,还可以手动修改所有创建的超链接,以指向其他位置。在,Dreamweaver,中修改超链接的方法如下。,:计算机基础与实训教材系列系列丛书官方网站 edu :,7.3.3,测试超链接,在,Dreamweaver,中常见的超链接是不能显示链接对象的,但可以在网页文档中打开链接页面,测试链接。要测试链接,首先选中要测试的链接,选择“修改”,|“,打开链接页面”命令;或者按下,Ctrl,键,双击选中的超链接,即可在新窗口中打开链接网页文档,如图,7-18,所示。但要注意的是,测试页面必须保存在本地站点中。,:计算机基础与实训教材系列系列丛书官方网站 edu :,