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

清华大学出版社《网页设计与制作实例教程》第5章高等学校计算机应用规划教材

2024/9/23主编方其桂设置网页超级链接内容提要第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章

设置网页超级链接网络中的所有资源都是通过超链接联系在一起的，利用好超链接，可以让网页变得更加方便、清晰和更富有灵性。本章详细介绍了超级链接的制作方法和技巧，具体包括以下主要内容。1.超链接的基本概念超链接的定义、分类、地址、URL等。2.创建超链接主要介绍了在Dreamweaver中创建图像超链接、文本超链接、电子邮件超链接、空链接和脚本超链接、下载文件超链接以及热点超链接的方法。3.管理超链接包括自动更新和检查链接错误的方法。5.4小结和习题教学内容5.4.2强化练习第5章

设置网页超级链接一、选择题1．要实现网页上有如跳转到页首之类的链接，应该使用的方法是()。A.表单

B.选择“插入”→“超级链接”命令C.标签D.选择“插入”→“命名锚记”命令2．添加空链接时，应选中对象，并在“链接”文本框中输入()。A.*B.javascriptC.javascript;D.javascript:;3．设置超级链接属性时，目标窗口设置为_blank时，表示的是()。A.会打开一个新的浏览器窗口来打开链接文档B.在当前窗口的父窗口中打开链接C.在当前窗口打开链接文档D.在整个浏览器窗口中打开链接的文档4．下列关于在一个文档中可以创建的链接类型，说法错误的是()。A.命名锚记链接，此类链接可跳转至文档中的指定位置B.电子邮件链接，此类链接可新建一个收件人地址已填好的空白电子邮件C.链接到其他文档或文件的链接D.空链接，此类链接不能够在对象上附加行为5．在移动热点时，按下方向键的同时按下Ctrl键，每次移动的距离为()。A.1像素B.5像素C.10像素D.20像素5.4小结和习题教学内容5.4.2强化练习第5章

设置网页超级链接二、判断题1．设置电子邮件超链接时，在“链接”框中直接输入邮箱地址即可，例如。()2．使用根目录相对路径时，以“\”开头。()3．超链接创建后无法删除或更改。