第6章 在网页中使用超链接《网页设计与制作实用技术知识》（第二版）电子教案.pptVIP

通过本章学习，应该掌握以下内容： 认识超链接 利用Dreamweaver CS5创建各种超连接的方法 利用Dreamweaver CS5编辑各种超连接的方法 利用HTML创建、编辑超链接的方法 利用站点地图管理超链接的方法;6.1 利用Dreamweaver CS5处理超链接 ; 按照链接路径的不同，网页中超链接一般分为以下3种类型： ; 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议 ： 避免孤立文件的存在 在网页中避免使用过多的超链接 网页中的超链接不要超过4层 页面较长时可以使用书签 设置主页或上一层的链接 ;3．文档路径类型 ;2．编辑文本超链接 ; （2）删除文本超链接 在Dreamweaver CS5中要删除一个文本超链接很容易，先用鼠标选定文本对象，将光标定位于属性面板的“链接”文本框中，用“BackSpace”键或“Delete”键，将其显示的超链接对象文件名删除，再回车，或选择“修改”→“移除链接”命令，都可以删除超链接而保留原文本对象。 ; 1．创建图像超链接 ; 热点即图像上不可见的区域，该区域分配了一个超链接。为图像添加热点就是在图像上划分区域，从而设定图像上制作超链接的范围。 ; 锚记，也称为书签或锚点，用来标记文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标记位置，免去浏览者翻阅网页寻找信息的麻烦。在网页中加入锚记包括两方面的工作，一是在网页中创建锚记，另一个就是为锚记建立链接。 ; 创建锚记的步骤如下： （1）将光标移到需要加入锚记的地方，一般是将光标放置在一行或是一段文字的开头部分。 （2）单击插入“常用”面板上的按钮，或是选择主窗口的菜单“插入”→“命名锚记”命令，将弹出“命名锚记”对话框。 （3）在对话框的“锚记名称”文本框输入锚记的名称。 （4）单击“确定”按钮。 ;在命名锚记时，必须遵循以下规定： ① 只能使用字母和数字，锚记命名不支持中文。虽然在插入锚记对话框中能输入中文，但在属性面板上显示的则是一堆乱码，且在为锚记添加链接的时候，也无法工作。 ② 锚记名称的第1个字符最好是英文字母，一般不要以数字作为锚记名称的开头。 ③ 锚记名称区别英文字母的大小写。 ④ 锚记名称间不能含有空格，也不能含有特殊字符。; 创建锚记后，还必须链接锚记。选择想要链接到锚记的文字或图片，然后按如下方法中的任意一种进行操作。 ;在链接锚记时，应注意以下事项： ① 在#和锚记名之间不要留有空格，否则链接会失败。 ③ 符号#必须是半角符号，而不能为全角符号。; 如果希望浏览者在浏览网页时，只要浏览者单击E-mail链接时，就会在浏览端自动打开浏览器默认的E-mail处理程序，收件人的地址将会被E-mail超链接中的指定地址自动装入，无需浏览者输入，就需要创建电子邮件链接 。;创建电子邮件链接的步骤如下： （1）将光标置于网页中要添加E-mail链接的地方，或选中文字，通过插入“常用”面板上的“电子邮件链接”按钮，或通过主窗口菜单“插入”→“电子邮件链接”命令，将弹出 “电子邮件链接”对话框。 （2）如果未选中文字，可以在“文本”文本框中添加所需文字；如果已经选中超链接文字，将会在“文本”文本框中自动显示。然后在“E-mail”文本框中输入E-mail地址，单击“确定”按钮，就可以了。 ; 如果想让网站提供文件下载的功能，则必须建立下载文件超链接。当被链接的文件是.exe文件或.zip、.rar类型的文件时，浏览器无法直接打开文件，这时会提示下载文件，这就上网上下载的方法。 ; 空链接是一个未指定目标的链接，Dreamweaver CS5的行为面板中列出了许多行为，这些行为相当于使用JavaScript编写的程序或函数，要想对文本设置行为，首先为文本建立空链接，这样行为才有效。 为文本建立空链接时，只要先在文档窗口选定文本，然后在属性面板中的“链接”栏中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为，其他情况下不必建立空链接。 ; 当执行 JavaScript 代码或调用 JavaScript 函数时，如果想在不离开当前网页面的情况下为访问者提供有关某项的附加信息，需要用到脚本链接。 创建脚本链接的方法是：在“文档”窗口的“设计”视图中选择文本、图像或对象；在属性面板的“链接”框中，键入 javascript:，后跟一些 JavaScript 代码或一个函数调用。 ;1．更新超链接 （1）利用“文件”浮动面板更新超链接 （2）启用自动链接更新