《网页设计与制作实例教程》第5章(蒋舒静).pptVIP

清华大学出版社《网页设计与制作实例教程》第5章高等学校计算机应用规划教材2024/9/20主编方其桂设置网页超级链接

内容提要第5章设置网页超级链接网络世界里，超级链接无处不在。通过超级链接可以将因特网上的各种相关信息有机地联系起来，能很方便地从一个网页跳转到另一个网页，从而可以方便的查询到所需要的资源。本章通过多个实例，从超级链接的基本概念、创建和管理三个方面，介绍超级链接在网页中的相关应用。

教学目录认识超级链接创建超级链接管理超级链接010203第5章设置网页超级链接

5.1认识超级链接教学内容5.1.1超级链接定义与分类超级链接在本质上属于一个网页的一部分，它是一种允许同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。1.超链接定义2.超链接分类第5章设置超级链接5.1.2URL简介URL(UniformResourceLocator，统一资源定位符)，简称网址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。5.1.3超级链接的路径绝对路径根目录相对路径文档目录相对路径

5.2创建超级链接教学内容第5章设置超级链接5.2.1创建图像超链接给网页上的图像设置超链接，使得用户通过单击图像就可以打开相应的内容，让网页更加生动。例如常见的友情链接，可以将站点页面链接到本地站点以外的页面，设计者需要事先给相应的图像指定一个完整的地址。实例1创建友情链接在网页文档中插入3张图像，并将它们用新窗口的方式分别链接到相应的网页，如下图所示。

5.2创建超级链接教学内容第5章设置超级链接5.2.2创建文本超链接文本超链接的创建，有多种方法，可以在“链接”文本框中输入内容，也可以利用工具按钮来创建链接。实例2安徽省各地简介给网页中的文本“淮北”、“合肥”、“阜阳”、“宿州”创建超链接，效果如下图所示。

5.2创建超级链接教学内容第5章设置超级链接5.2.3创建电子邮件超链接电子邮件超链接是一种特殊的链接，单击其时，将打开一个新的空白邮件窗口，在“收件人”栏里将自动显示电子邮件链接中指定的地址。实例3创建电子邮件超链接给网页中的文字或者图像创建电子邮件超链接，使得单击其时，打开如下图的发送邮件的窗口。

5.2创建超级链接教学内容第5章设置超级链接5.2.4创建锚记超链接锚记链接是指链接到同一页面中不同位置的链接。例如，当一个页面较长时，为了方便用户浏览网页，可以在页面底部设置一个锚记链接，单击后可以快速跳转到页面顶部。实例4返回页首打开光盘中的网页5-2.html文件，实现单击“返回页首”后返回到页首的功能，效果如下图所示。单击回到页首

5.2创建超级链接教学内容实例6创建脚本链接打开光盘中的5-2.html文件，给文本“关闭窗口”创建脚本链接，当单击其时，系统将弹出如下图所示的“关闭”对话框。第5章设置超级链接5.2.5创建空链接及脚本链接脚本链接是可以执行JavaScript语句的链接，其通过链接触发脚本命令，通常有添加到收藏夹，关闭窗口等脚本代码可以调用。实例5创建空链接打开5-2.html，给文本“1.电子信息工程”创建空链接。空链接是一个未指派的链接，利用该链接可激活页面上的对象。

5.2创建超级链接教学内容实例7下载VB软件的超链接打开光盘中的5-2.html文件，给文本“VB软件下载”创建下载文件超链接，当单击其时，系统将弹出下载文件的对话框，如下图所示。第5章设置超级链接5.2.6创建下载文件超链接网站中经常提供一些下载文件的链接，单击这些链接，就可以直接下载文件，这些超链接指向的不是网页，而是其他文件，例如rar、mp3或者exe文件等。

5.2创建超级链接教学内容第5章设置超级链接5.2.7创建热区超链接当制作的网页是由图片构成的，可以使用热点工具来给图片的各个部分建立不同的热区链接，使页面的导航结构更加简洁、明快。实例8创建热区超链接打开网页5-3.html，在中间单元格中插入所示图片“shopping.jpg”，建立相应的热区链接，如下图所示。

5.3管理超链接教学内容5.3.1自动更新超链接第5章设置网页超级链接5.3.2检查链接错误管理超链接是网站管理中不可或缺的一部分，通过超链接可以使各个网页连接在一起，使网站中众多页面构成一个有机整体。通过管理网页中的超链接，可以对网页进行相应管理，从而使得网站运行的更加流畅。

5.4小结和习题教学内容5.4.1本章小结5.4.2强化练习第5章设置网页超级链接网络中的所有资源都是通过超链接联系在一起的，利用好超链接，可以让网页变得更