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

通过本章学习，应该掌握以下内容： 认识超链接 利用Dreamweaver CS5创建各种超连接的方法 利用Dreamweaver CS5编辑各种超连接的方法 利用HTML创建、编辑超链接的方法 利用站点地图管理超链接的方法;6.1 利用Dreamweaver CS5处理超链接 ; 按照链接路径的不同，网页中超链接一般分为以下3种类型： ; 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议 ： 避免孤立文件的存在 在网页中避免使用过多的超链接 网页中的超链接不要超过4层 页面较长时可以使用书签 设置主页或上一层的链接 ;3．文档路径类型 ; ; 在Dreamweaver CS5中创建文本超链接的步骤为： （1）在网页上选择需要添加超链接的文本，打开文本的属性面板。 （2）在属性面板上指定文字的链接目标。 （3）在“目标”下拉列表框中选择目标文件打开的方式。 设置结束后，在网页中被选择的文字改变了颜色，且在文字底部出现一条下划线，即文字的超链接设置完成。在键盘上按“F12”键，即可将网页在浏览器中打开。单击链接的文字，即可打开目标文件。 ;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编写的程序或函数，要想对文本设置行为，首先为文本建立空链接，这样行为才有效。 为文本建立空链接时，只要先在文档窗口选定文本，然后在属性面板中的“链接”栏中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为，其他情况下不必建立空链