第7节 超级链接的设置.ppt

第7章 超级链接的设置 主讲人 7.1认识超级链接 7.1.1 什么是超级链接 超级链接是“超文本链接”的缩略语，是一个专用术语，用于描述Internet上的所有可用信息和多媒体资源 超级链接的作用 将网页文件和其它网络资源连接成一个无边际的网络世界 实现网站内部和外部的链接 7.1认识超级链接 7.1.2 URL URL是Uniform Resource Locator的缩写，中文意思是“统一资源定位器”，指WWW网页的地址 URL的结构:资源类型+主机名+子目录（可选）+文件名（可选） URL址址实例解析 7.1认识超级链接 7.1.3超级链接的路径 超级链接路径的作用 指向链接源文件的寻找方式 超级链接路径的类型 绝对路径 相对路径 7.1认识超级链接 7.1.4 链接网页的跳转类型 链接的网页跳转通常会有两种方式： 跳转到本站点内的其他网页。以采用相对路径和绝对路径 跳转到其他的站点的网页。只能采用绝对路径 7.2 在网页中使用超级链接 7.2.1添加超级链接的方法 方法一：执行【插入】→【超级链接】命令 方法二：在“属性”面板中添加 7.2 在网页中使用超级链接 7.2.2制作文字链接 1、添加文字链接 2、设置文字链接样式 7.2 在网页中使用超级链接 7.2.3 制作图片热点链接 什么是图像热点 图像热区，把一张图像划分成若干个区域，并将这些区域设置成热点，再对每一个热点进行超链接，当浏览者单击每一个热点时，网页将跳转到指定的链接页面上 创建热区图像热区 编辑和调整热区 为热区添加链接 在“属性”面板中的“链接”栏中设定 7.2 在网页中使用超级链接 7.2.4 制作电子邮件链接 只要浏览者单击了该链接就会在客户端启动默认的邮件编辑器，方便浏览者进行邮件的编写和发送。电子邮件链接可以添加在文字上也要以添加到图片或图片的热区中 7.2 在网页中使用超级链接 7.2.5 制作锚记链接 锚记与锚记链接 锚记点概念与书签有些相似，都是起到标记位置的作用 使链接指向当前文档或不同文档中的指定位置 添加锚记的方法 【插入】→【命名锚记】 锚记名不能含有空格，而且不应置于层内 添加锚记链接 方法一：按钮，拖动链接的目标锚记处 方法二：在“链接”栏中直接输入要链接的目标锚记，输入的格式是“#锚记名称” 7.2 在网页中使用超级链接 7.2.6脚本链接 理解脚本链接:直接调用JavaScript语句，创建脚本链接。脚本链接是一种特殊的链接，单击这类链接可以执行相应的JavaScript程序，如弹出对话框、关闭窗 使用链接弹出对话框 javascript:alert(您好，本栏目网页正在建设中) 使用链接关闭当前窗口 javascript:window.close() 7.3 管理超级链接 7.3.1更改链接 自动更新：当对站点内文件进行删除或移动后，可以弹出如下对话框 7.3 管理超级链接 7.3.1 更改链接 手动更新 执行【站点】→【改变站点范围链接】命令 7.3 管理超级链接 7.3.2 删除链接 在“属性”面板中，选中“链接”文本框中的地址删除 执行【修改】→【移除链接】命令 【Alt+Shift+L】直接删除 7.3.3 自动管理链接 执行【编辑】→【首选参数】,弹出“首选参数”对话框 在“移动文件时更新链接”列表中进行选择，其中有三个选项 总是：当本地站点中的文档被重命名或移动时，将自动对文档中的链接进行相应的更新 从不：当本地站点中的文档被重命名或移动时，不对文档中的链接进行相应的更新 提示：当本地站点中的文档被重命名或移动时，将弹出一个提示框询问是否进行相应的更新。 7.4职业上机实战——为网站添加超级链接 为文字添加超级链接 更改链接文字的颜色 为图像设置超级链接 添加电子邮件链接 * 添加超级链接之前各个页面应该制作完成，网站规模越大，网页的页面数量就越多，超级链接的设置也就越复杂。因此，制作超级链接之前需要将页面之间的关系规划好，然后进行超级链接的添加，以实现页面之间的自由跳转，发挥网站的强大功能