《网页设计与制作实例教程》课件第5章

A. 1像素 B. 5像素 C. 10像素 D. 20像素
第5章 设置网页超级链接
5.4 小结和习题
5.4.2 强化练习
教学内容
二、判断题
1．设置电子邮件超链接时，在“链接”框中直接输入邮箱地址即可，例如
teacher@163.com。
()
2．使用根目录相对路径时，以“\”开头。
()
3．超链接创建后无法删除或更改。
()
4．可以创建超链接的对象可以是文本、图像、图像的某一部分。 ( )
5．在浏览器中单击电子邮件链接后，会启动浏览器。
()
第5章 设置网页超级链接
实例6 创建脚本链接 打开光盘中的5-2.html文件，给文本“关闭窗口”创建脚本链接，当单 击其时，系统将弹出如下图所示的“关闭”对话框。
第5章 设置超级链接
5.2 创建超级链接
教学内容
5.2.6 创建下载文件超链接
网站中经常提供一些下载文件的链接，单击这些链接，就可以直接 下载文件，这些超链接指向的不是网页，而是其他文件，例如rar、mp3 或者exe文件等。
实例7 下载VB软件的超链接 打开光盘中的5-2.html文件，给文本“VB软件下载”创建下载文件 超链接，当单击其时，系统将弹出下载文件的对话框，如下图所示。
单击
第5章 设置超级链接
5.2 创建超级链接
教学内容
5.2.7 创建热区超链接
当制作的网页是由图片构成的，可以使用热点工具来给图片的各个 部分建立不同的热区链接，使页面的导航结构更加简洁、明快。
单击
回到页首
第5章 设置超级链接
5.2 创建超级链接
教学内容
5.2.5 创建空链接及脚本链接
脚本链接是可以执行JavaScript语句的链接，其通过链接触发脚本命 令，通常有添加到收藏夹，关闭窗口等脚本代码可以调用。
实例5 创建空链接 打开5-2.html，给文本“1.电子信息工程”创建空链接。空链接是一 个未指派的链接，利用该链接可激活页面上的对象。
第5章
2020/6/30
内容提要
网络世界里，超级链接无处不在。通过超级链接可以将因特 网上的各种相关信息有机地联系起来，能很方便地从一个网页跳 转到另一个网页，从而可以方便的查询到所需要的资源。
本章通过多个实例，从超级链接的基本概念、创建和管理三 个方面，介绍超级链接在网页中的相关应用。
第5章 设置网页超级链接
A. *
B. javascript
C. javascript;
D. javascript:;
3．设置超级链接属性时，目标窗口设置为_blank时，表示的是( )。
A. 会打开一个新的浏览器窗口来打开链接文档
B. 在当前窗口的父窗口中打开链接
C. 在当前窗口打开链接文档
D. 在整个浏览器窗口中打开链接的文档
5.3.1 自动更新超链接 5.3.2 检查链接错误
第5章 设置网页超级链接
5.4 小结和习题
教学内容
5.4.1 本章小结
网络中的所有资源都是通过超链接联系在一起的，利用好超链接，可 以让网页变得更加方便、清晰和更富有灵性。本章详细介绍了超级链接的制 作方法和技巧，具体包括以下主要内容。
1. 超链接的基本概念 超链接的定义、分类、地址、URL等。 2. 创建超链接 主要介绍了在Dreamweaver中创建图像超链接、文本超 链接、电子邮件超链接、空链接和脚本超链接、下载文件超链接以及热点超 链接的方法。 3. 管理超链接 包括自动更新和检查链接错误的方法。
5.1.2 URL简介
URL(Uniform Resource Locator，统一资源定位符)，简称网址。 互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位 置以及浏览器应该怎么处理它。
5.1.3 超级链接的路径
绝对路径 根目录相对路径 文档目录相对路径
第5章 设置超级链接
5.2 创建超级链接
5.4.2 强化练习
第5章 设置网页超级链接
5.4 小结和习题
教学内容
5.4.2 强化练习
一、选择题
1．要实现网页上有如跳转到页首之类的链接，应该使用的方法是 ( )。
A. 表单
B. 选择“插入”→“超级链接”命令
C. 标签
D. 选择“插入”→“命名锚记”命令
2．添加空链接时，应选中对象，并在“链接”文本框中输入( )。
5.2 创建超级链接
教学内容
5.2.3 创建电子邮件超链接
电子邮件超链接是一种特殊的链接，单击其时，将打开一个新的空白 邮件窗口，在“收件人”栏里将自动显示电子邮件链接中指定的地址。
实例3 创建电子邮件超链接 给网页中的文字或者图像创建电子邮件超链接，使得单击其时， 打开如下图的发送邮件的窗口。
第5章 设置超级链接
第5章 设置超级链接
5.2 创建超级链接
教学内容
5.2.2 创建文本超链接
文本超链接的创建，有多种方法，可以在“链接”文本框中输入内容，
也可以利用工具按钮来创建链接。 实例2 安徽省各地简介 给网页中的文本“淮北”、“合肥”、“阜阳”、“宿州”创建超
链接，效果如下图所示。
单击 ②删除
打开网页
第5章 设置超级链接
5.2 创建超级链接
教学内容
5.2.4 创建锚记超链接
锚记链接是指链接到同一页面中不同位置的链接。例如，当一个页 面较长时，为了方便用户浏览网页，可以在页面底部设置一个锚记链接， 单击后可以快速跳转到页面顶部。
实例4 返回页首 打开光盘中的网页5-2.html文件，实现单击“返回页首”后返回到 页首的功能，效果如下图所示。
教学目录
01 认识超级链接
02
创建超级链接
03 管理超级链接
第5章 设置网页超级链接
5.1 认识超级链接
教学内容
5.1.1 超级链接定义பைடு நூலகம்分类
超级链接在本质上属于一个网页的一部分，它是一种允许同其他网页 或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网 站。
1. 超链接定义 2. 超链接分类
实例8 创建热区超链接 打开网页5-3.html，在中间单元格中插入所示图片“shopping.jpg”，建 立相应的热区链接，如下图所示。
第5章 设置超级链接
5.3 管理超链接
教学内容
管理超链接是网站管理中不可或缺的一部分，通过超链接可以使 各个网页连接在一起，使网站中众多页面构成一个有机整体。通过管 理网页中的超链接，可以对网页进行相应管理，从而使得网站运行的 更加流畅。
5.2.1 创建图像超链接
教学内容
给网页上的图像设置超链接，使得用户通过单击图像就可以打开相应 的内容，让网页更加生动。例如常见的友情链接，可以将站点页面链接到本 地站点以外的页面，设计者需要事先给相应的图像指定一个完整的地址。
实例1 创建友情链接 在网页文档中插入3张图像，并将它们用新窗口的方式分别链接到相应 的网页，如下图所示。
4．下列关于在一个文档中可以创建的链接类型，说法错误的是( )。
A. 命名锚记链接，此类链接可跳转至文档中的指定位置
B. 电子邮件链接，此类链接可新建一个收件人地址已填好的空白电子邮件
C. 链接到其他文档或文件的链接
D. 空链接，此类链接不能够在对象上附加行为
5．在移动热点时，按下方向键的同时按下Ctrl键，每次移动的距离为( )。