第5章创网页超链接ppt课件

1、第第5章章 创建网页超链接创建网页超链接教学目的o介绍了超链接的概念o掌握超链接和导航条的创建方法o会在网页中灵活使用超链接5.1 超链接的基本概念o一个网站肯定有很多的页面，如果页面之间彼此是独立的，那么网页就好比是孤岛，这样的网站是无法运行的，没有意义的。为了建立起网页之间的联系我们需要实现从一个网页指向另一个目标的跳转，这个目标可以是另一个网页，也可以是同一个网页上的不同位置，还可以是一张图片、一个电子邮件地址、一个文件或一个绝对定位的元素，甚至是一个应用程序，这就是所谓的超链接。在创建超链接之前，首先要弄清楚目录和路径的关系，只有这样才可以轻松管理网站的链接，创建出结构清晰明确的网站。

2、 5.1.1 URL概述oURL统一资源定位器主要用于指定网上资源的位置和方法。oURL一般由三个部分组成，即协议、主机和域o（1协议，又成服务方式，如http、ftp、telnet等。o（2主机：即存放资源的主机的IP地址，有时也包括端口号，如：o(3)域：主机的具体地址，包括路径和文件名等。5.1.2 绝对路径 o绝对路径就是被链接文档的完整的URL，而且包含服务器协议。这个地址是精确地址而不用考虑文件的位置，如果目标文件被移动，则链接无效。创建外部链接时必须用绝对路径。5.1.3 相对路径 o相对路径是指以当前文件所在位置为起点到被链接文件经由的路径。5.1.4 根路径o根路径是指从站点

3、目录到文档所在位置的路径，根路径是指从站点目录到文档所在位置的路径，以一个正斜杠以一个正斜杠“/”开场，该斜杠表示站点根文件夹。开场，该斜杠表示站点根文件夹。o根路径综合了绝对路径和相对路径的优点，除了根路径综合了绝对路径和相对路径的优点，除了链接时和当前文档位置无关，还可以在本地站点链接时和当前文档位置无关，还可以在本地站点中进行测试。中进行测试。5.2创建超链接 5.1创建内部超链接 内部链接主要是链接站点内部的文件，一般使用相对路径。常见的有文本链接、图像链接和热点链接 1.文本链接 2.图像链接 3.图像热区链接5.2.2 创建锚记超链接o如果一个网页上的内容过长，那么通过滚动条需找需

4、要的内容并不是一件容易的事。应用锚记链接可以在页面内或不同页面内快速定位，找到所需的内容。创建锚记连接的具体操作步骤如下：o1.插入命名锚记o2.创建锚记链接5.2.3 创建邮件超链接o邮件超链接是一种特殊的链接方式，其链接对象为邮箱地址。o1.使用“插入菜单创建邮件链接o2.直接给文档创建邮件链接o如果需要在网页中提供下载资料，就需要为文件提供下载链接。如果链接指向的不是一个网页文件，而是其他格式的文件，如.rar、 .mp3 、 .exe等，单击链接的时候就会弹出是否选中下载文件的对话框。5.2.4 创建下载超链接5.2.5 创建脚本超链接o脚本超链接是一种特殊类型的链接，通过单击带有脚本

5、超链接的文本或对象，可以运行相应的脚本代码及函数。5.2.6 创建空链接o空链接是指没有指定链接对象的链接。利用空链接可以向网页上的对象或文本附加行为，以便当鼠标指针滑过该链接时 ，交换图像或显示层等动作。5.3管理超链接5.4创建跳转菜单o跳转菜单是页面中的弹出式菜单，在菜单中列举出链接到文件或文件夹的选项。5.5创建导航条o导航条由按钮、图像或一组图像组成。导航条就像网站的桥梁，网站通过它把站点中的各个页面联系起来，使浏览者更加方便清晰地在各个页面间进行切换，是网站的结构更加层次分明。思考题o1绝对路径和相对路径有什么区别？o2. 如何创建不同形状的热点超链接？o3. 如何创建邮件超链接？o4. 创建脚本链接有什么作用?o5. 如何快速检查网页中的超链接？本章小结本章小结o为了把Internet上众多的网站和网页联系起来，将其构成一个整体，就要在网页中加入链接。这样一来，能让浏览