《大学计算机Ⅱ》课件(第7次课).ppt

广东金融学院 LOGO 广东金融学院 广东金融学院 第7讲 创建网页链接 参考资源： 3/kcpt/jkx.html 《大学计算机Ⅱ》 * * 广东金融学院 主要内容 1．超链接的概念； 2．理解路径； 3．创建文本超链接、下载超链接和图像超链接； 4．创建锚点链接和E-mail链接； 5．制作导航条； 6．求职站点的页面导航； 7．总结并布置作业。 * 广东金融学院 * 1．超链接的概念 什么是超链接 超链接（简称链接）是网页文档中的重要元素，使用超链接可以实现网页文档之间的快速跳转，而不管这些网页是来自一个站点，还是来自Internet中不同的站点。 网页中超链接通常以文本、图像或动画等形式出现。当鼠标指针指向超链接时，鼠标指针会变成手指状；单击超链接时，浏览器就会按照超链接指向的目标载入另一个网页，或者跳转到同一网页（也可以是其他网页）的某一个位置。 * 广东金融学院 * 1．超链接的概念 源端点和目标端点 超链接是由源端点到目标端点的一种跳转。 源端点可以是网页中的一段文本、一幅图像或图像热区等。 目标端点可以是任意类型的网络资源，例如一个网页、一幅图像、一首音乐、一段动画、一段电影或一个程序等。 * 广东金融学院 * 1．超链接的概念 源端点和目标端点 * 广东金融学院 * 文本 图像 热区 其它网页 其它文件 锚点 E-mail 图像 声音 程序 链接源端点 链接目标端点 1．超链接的概念 超链接分类（按照目标端点的不同） 文件链接：目标端点是一个文件（通常是网页文件，也可以是其它文件），用于打开另外一个网页，或者将一个文件直接下载到本地计算机中。 锚点链接：目标端点是网页中的某个位置，用于快速跳转到当前网页或其它网页中的某个位置。 E-mail链接：目标端点是一个发送邮件的客户端程序（如Foxmail、Outlook等），用于启动一个邮件客户端程序，并向某个电子邮箱发送邮件。 * 广东金融学院 * 2．理解路径 什么是路径？ 路径是指文件或其它资源（如邮件或锚点等）在本地计算机或网络中的存储位置，通常用URL（统一资源定位器）表示。 文件链接通常要指定目标端点的文件位置，因此创建超链接前，理解文件路径是非常关键的一步。 * 广东金融学院 * 2．理解路径 URL的格式 http://：指明文件在网络中传输的协议是超文本传输协议。 Web服务器IP或域名：用于指定是网络中的哪一台计算机。 文件目录：就是Web站点的目录，通常站点中的文件资源都放在这个目录中。 文件名：包括文件主名和扩展名。 * 广东金融学院 * http://Web服务器IP地址或域名/文件目录.../文件名 2．理解路径 URL的唯一性 网络中计算机的IP地址（或域名）唯一。 网络中每台计算机中的文件路径唯一。 因此，由于URL特殊的层次性结构，使得在网络中，每个文件的URL是唯一的。 * 广东金融学院 * 2．理解路径 路径的类型 绝对路径 也称绝对URL，它给出链接目标文件的完整URL地址，包括传输协议在内，如/dreamweaver8/contenets.html。 如果链接的目标文件不在当前Web站点内，必须使用绝对路径。 * 广东金融学院 * 2．理解路径 路径的类型 相对路径 也称为相对URL，是指以当前文件所在位置为起点到目标文档所经过的路径，如“dreamweaver8/contents.html”。若要将当前文件与处在同一文件夹中的另一个文件链接，或者将同一站点中不同文件夹下的文件相互链接，都可以使用相对路径，此时可以省去当前文件与目标文档完整URL中的相同部分，只留下不同部分。 * 广东金融学院 * 2．理解路径 路径的类型 根相对路径 是指从站点根目录到被链接文件的路径，如“/dreamweaver8/contents.html”。实际上，根相对路径是站点内部的“绝对路径”，因此服务器地址加上根相对路径就形成绝对路径了。 根相对路径适用于当前网页文档和链接目标端点文件处于相同站点中的情况。 * 广东金融学院 * 3．文本链接、下载链接和图像链接 文本超链接 是指源端点是文本的超链接。 下载链接 是一种特殊的文件超链接，即当打开超链接的浏览器不能显示（或默认显示）目标端点文件中的内容时，浏览器将自动提示下载对话框。 图像超链接 是指源端点是图像中热点的超链接。 * 广东金融学院 * 3．文本链接、下载链接和图像链接 新建超链接的方法 使用菜单命令 使用“属性”面板 * 广东金融学院 * 4．创建锚点链接和E-mail链接 锚点链接 当网页内容很长时，可以使用锚点超链接快速定位到网页文档的指定位置，加快页面浏览速度。 创建锚点链接一般分为两个步骤： 首先，在页面的某处设置一个命名标记（即锚点）； 其次，创建锚点链接，