5、超链接.ppt

1、超链接,了解超链接的基本特点 掌握超链接的创建与管理方法,创建超链接概述 在页面中创建超链接 超链接管理,本章内容,超链接的基础 超链接的路径,超链接概述,超链接的基础,超链接是通过寻址方式找到目的地址的； 将超链接开始位置的端点称作源端点，将目标位置的端点称作目标端点，而超链接就是实现从源端点到目标端点的跳转。,源目标使用文本的超链接称为超文本链接,超链接的路径,绝对路径 在链接中使用了完整的URL地址，例如 绝对路径包含了页面的完整路径，不用考虑页面的位置。可以在任何一个页面、任何一个站点上设置该路径，其最终结果都指向这个地址。 相对路径 在本地站点中使用相对路径是很好的选择，如果要链接的

2、源端点和目标端点在同一个目录之下，只需要在链接的路径中输入目标端点文件名称即可。如果要链接的源端点和目标端点不在同一个目录之下，使用相对路径时，只需将目录的相对关系表达出来即可。 基于根目录的路径 基于根目录的路径是从当前站点的根目录开始，与链接源端点的位置无关。这比相对路径麻烦，但是比绝对路径方便。在经常移动的文档中建立链接，基于根目录的路径是最佳选择。,创建文件链接 创建锚链接 创建邮件链接 创建图像超链接 创建图像映射超链接 创建其他的链接 关闭窗口的超链接 后退的超链接,在页面中创建超链接,创建文件链接,选择要作为链接的文字或图像,属性面板上的链接域中输入目标端的URL or单击文本框

3、后面的文件夹图标，打开“选择文件”对话框,选择链接路径形式,单击属性面板上的“目标”， 选择显示该链接的窗口,创建文件链接,2 使用属性面板上的指向文件图标,利用指向文件图标,源端点和目标端点文件 都在同一个编辑窗口中,目标端文件不在编辑窗口内，而是在本地站点文件夹内，则先打开站点面板，然后将指针拖向该文件,创建文件链接,“查看”“可视化助理” “不可见元素”,在其前打勾,若目标端点是一个命名锚点，则将指针拖向该命名锚点,将指针拖到目标端点后，松开鼠标，可以看到在属性面板上链接文本框内显示目标端点文件的URL，表示链接成功,创建文件链接,3 利用站点地图创建超链接,“站点”“管理站点” “定义

4、站点为本地站点 ”对话框中，定义该页为站点主页,文件面板“本地视图” “地图视图” 单击站点面板上的展开折叠按钮,单击并拖动 ，指向右侧站点内的目标文件,创建锚链接,1 创建命名锚,光标置于页面中要创建命名锚的位置“插入”“命名锚记” or单击插入面板,更改命名锚的名称,创建锚链接,2 链接命名锚,选择要链接到锚的文字或图像,在属性面板上的链接文本框中输入要链接锚的名称及前缀,如要链接的锚在当前页面中，则在锚名称前加上“#”符号,如要链接的锚位于别的页面中，则先要输入那个页面的URL，然后再输入“#”和锚名,创建邮件链接,1 创建文本的邮件超链接,选定要创建邮件超链接的文字,单击插入面板常用分

5、类下的电子邮件链接按钮,输入邮件地址,创建邮件链接,2 创建图像的邮件超链接,选择该图像，在编辑视窗下面出现图像属性面板,属性面板链接文本框中输入“mailto：电子邮件地址”,创建图像超链接,选定要创建超链接的图像，出现图像属性面板,链接文本框中输入要链接文件的URL,or单击文本框后面的浏览文件按钮 选择文件对话框中选择要链接的文件,创建图像映射超链接,选择要创建图像映射的图像，出现图像属性面板，单击该面板右下角的小三角形,在图像上拖曳出热点,在出现的属性面板中定义 该热点映射的URL地址,“目标” 中选择链接文件的显示方式 “替换” 中输入链接时的提示性文字,创建其他的链接,1 创建脚本

6、链接,在页面中选定要设置链接的文本,保存页面,输入JavaScript函数或代码,创建其他的链接,2 创建空链接,在页面中选定要设置链接的文本或图像,创建其他的链接,2 创建关闭窗口超链接,在页面中选定要设置链接的文本或图像,Javascript:window.close();,javascript:window.close();,创建其他的链接,2 创建后退超链接,在页面中选定要设置链接的文本或图像,Javascript:history.go(-1);,javascript:history.back();,测试链接 自动管理链接功能 打开链接页面 重新设置链接和删除链接 使用网站地图管理文件

7、和链接,超链接管理,测试链接,在浏览器中打开该页面，如果出现 连接错误则出现“该页无法显示”的提示,实现Dreamweaver 8链接检测功能的步骤,“文件”“检查页” “检查链接”,保存测试报告,自动管理链接功能,“编辑”“首选参数”,提示：当文件被重新命名或位置发生移动时，系统会提示你是否要更新链接。 从不：当文件被重新命名或位置发生移动时，不更新链接。 总是：当文件被重新命名或位置发生移动时，系统会自动更新链接,打开链接页面,在页面编辑视窗下选择当前页面中的链接文字或图像; 选取命令“修改”“打开链接页面”，或者单击右键选择“打开链接页面”命令，如果能正确打开要链接的页面，则链接是正确的

8、，否则，页面链接有错误，要及时采取措施对错误的链接进行更新或删除,重新设置链接和删除链接,1 重新设置链接,选取要链接的文本或图像。 选取命令“修改”“更改链接”，打开“选择文件”对话框，在其中选择要链接的文件，选择合适的文件后单击“确定”按钮即可,选取要删除链接的文本或图像; 选取命令“修改”“移除链接”即可删除链接。,2 删除链接,使用网站地图管理文件和链接,1 查看站点文件列表,打开文件面板“文件” 单击展开/折叠按钮,选择文件图标后单击右键， 在弹出的快捷菜单中选择相应的命令,站点面板的工具栏,扩展/折叠,同步,存回文件,取出文件,上传文件,获取文件,“站点地图”视图,“站点文件”视图,“测试服务器”视图,刷新,链接/断开,当前的弹出式菜单,使用网站地图管理文件和链接,在默认的情况下，如果远程站点空闲时间超过30分钟，则Dreamweaver会自动断开和远程站点的连接。如要改变这个时间限制，选取命令“编辑”“首选参数” “首选参数”对话框分类中选择“站点”选项,要自动更新 文件列表， 选择“站点” “管理站点”,设置存回 /取出选项,使用网站地图管理文件和链接,2 利