大学计算机ii课件第7次

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