第5章网页制作基础.pptVIP

《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 第5章 网页制作基础 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 主要内容 概述 设计站点 编辑网页 页面布局 建立超链接 使用CSS样式 层、行为和时间轴 模板 管理和发布站点 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5 建立超链接 超链接概述 超链接基本概念 两种链接路径 创建各种超链接 文本超链接 电子邮件链接 制作图像地图链接 创建图像地图 修改图像地图 创建特定位置的链接 插入命名锚记 建立命名锚记链接 使用属性检查器“指向文件”按钮 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.1 超链接概述 超链接基本概念 超链接是从源端点到目标端点的一种跳转。 源端点是被链接的对象，可以是: 文本 图像等 目标端点是连接到的对象，可以是任何网络资源： 一个页面 一幅图像 一段视频 一个页面中的某个位置等 浏览网页时，单击超链接后显示对应的页面、图像和视频，或者跳转到网页中的某个位置。如果超链接的链接到的对象无法在浏览器中直接打开，则弹出“文件下载”对话框，从而达到了下载文件的目的。 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.1 超链接概述 在浏览器中访问网页时，作为超链接源端点的文本（即超文本）有3种状态： 未被访问的超文本 已被访问的超文本 正在被访问的超文本 默认状态下，不同状态的超文本的颜色由浏览器决定。通过设置页面属性，可以定义各种链接状态下文本的字体颜色。 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.1 超链接概述 根据目标端点的对象不同，可以把超链接分为 外部链接 外部链接的目标端点是本站点以外的站点或文档，利用外部链接可以跳转到其他网站。 内部连接 内部链接的目标端点是本站点中的文档，利用内部链接可以跳转到本站点中的其他页面。 E-mail链接 E-mail链接的目标端点是电子邮件程序，单击这种超链接后自动启动电子邮件程序，并以超链接指定的E-mail地址为收件人，开始撰写新邮件。 局部链接 局部链接的目标端点是网页中标记的位置，利用局部链接可以跳转到网页中的指定位置。 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.1 超链接概述 链接路径 绝对路径 提供所链接文档的完整URL，它包括了所使用的协议，例如/travel/jianzhu/hebjzzl.htm 绝对路径与链接的源端点没有任何关系，只要目标端点的地址不变，无论超链接所在的网页文件在站点文件夹中如何移动，都可以实现正常的跳转而不会出错。 绝对路径通常用于表示外部链接。 相对路径 常用于表示内部链接，相对路径包括文档相对路径和站点根目录相对路径两种。 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.1 超链接概述 文档相对路径 是以当前网页所在文件夹为基础来描述路径的，对于Web站点中的文件来说，使用相对路径比较适合。 站点根目录相对路径 从当前站点的根目录开始描述路径的，站点根目录相对路径以一个正斜杠开始，该正斜杠表示站点根文件夹。例如：/contents/yjsx.html是相对路径，表示yjsx.html文件位于站点的根文件夹的contents文件夹中。 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.1 超链接概述 例 若要从yjsx.html链接到rwjg.html，其相对路径是rwjg.html。 若要从yjsx.html链接到mulu.html，其相对路径为lywh/mulu.html。 若要从yjsx.html链接到index.html，其相对路径为../index.html。 若要从yjsx.html链接到changjiang.jpeg，其相对路径为../photo/changjiang.jpeg。 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.1 超链接概述 在 “文件”面板中改变文件名或者移动文件时，将弹出“更新文件”对话框，显示出需要更新的文件名列表，单击“更新”按钮可以完成超链接的路径更新。 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.2 创建各种超链接 插入文本超链接★ ①插入工具栏/“常用” /“超级链接”按钮 ②“插入”/“超级链接”命令 ③属性检查器 选中文本 下一张 《大学计算机信息科技教程（第二版）》——第5章 网页制作基础 * 5.5.2 创建各种超链接 《大