网页制作CH6超链接11.ppt

通过本章学习，应该掌握以下内容： 认识超链接 利用Dreamweaver MX创建各种超连接的方法 利用Dreamweaver MX编辑各种超连接的方法 利用HTML创建、编辑超链接的方法 利用站点地图管理超链接的方法;6.1 利用Dreamweaver MX处理超链接 ; 按照链接路径的不同，网页中超链接一般分为以下3种类型： ;3．文档路径类型 ;; ; 在Dreamweaver MX中创建文本超链接的步骤为： （1）在网页上选择需要添加超链接的文本，打开文本的属性面板。 （2）在属性面板上指定文字的链接目标。 （3）在“目标”下拉列表框中选择目标文件打开的方式。 设置结束后，在网页中被选择的文字改变了颜色，且在文字底部出现一条下划线，即文字的超链接设置完成。在键盘上按“F12”键，即可将网页在浏览器中打开。单击链接的文字，即可打开目标文件。 ;2．编辑文本超链接 ; （2）删除文本超链接 在Dreamweaver MX中要删除一个文本超链接很容易，先用鼠标选定文本对象，将光标定位于属性面板的“链接”文本框中，用“BackSpace”键或“Delete”键，将其显示的超链接对象文件名删除，再回车，或选择“修改”|“移除链接”命令，都可以删除超链接而保留原文本对象。 ; 1．创建图像超链接 ; 锚记，也称为书签或锚点，用来标记文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标记位置，免去浏览者翻阅网页寻找信息的麻烦。在网页中加入锚记包括两方面的工作，一是在网页中创建锚记，另一个就是为锚记建立链接。 ; 创建锚记的步骤如下： （1）将光标移到需要加入锚记的地方，一般是将光标放置在一行或是一段文字的开头部分。 （2）单击插入“常用”面板上的按钮，或是选择主窗口的菜单“插入”|“命名锚记”命令，将弹出“命名锚记”对话框。 （3）在对话框的“锚记名称”文本框输入锚记的名称。 （4）单击“确定”按钮。 ;在命名锚记时，必须遵循以下规定： ① 只能使用字母和数字，锚记命名不支持中文。虽然在插入锚记对话框中能输入中文，但在属性面板上显示的则是一堆乱码，且在为锚记添加链接的时候，也无法工作。 ② 锚记???称的第1个字符最好是英文字母，一般不要以数字作为锚记名称的开头。 ③ 锚记名称区别英文字母的大小写。 ④ 锚记名称间不能含有空格，也不能含有特殊字符。; 创建锚记后，还必须链接锚记。选择想要链接到锚记的文字或图片，然后按如下方法中的任意一种进行操作。;在链接锚记时，应注意以下事项： ① 在#和锚记名之间不要留有空格，否则链接会失败。 ② 在不同文件夹中为锚记创建链按时，其文件名后缀必定是“.htm”，而不能写成“.html”，否则链接也会失败。 ③ 符号#必须是半角符号，而不能为全角符号。; 如果希望浏览者在浏览网页时，只要浏览者单击E-mail链接时，就会在浏览端自动打开浏览器默认的E-mail处理程序，收件人的地址将会被E-mail超链接中的指定地址自动装入，无需浏览者输入，就需要创建电子邮件链接 。;创建电子邮件链接的步骤如下： （1）将光标置于网页中要添加E-mail链接的地方，或选中文字，通过插入“常用”面板上的“电子邮件链接”按钮，或通过主窗口菜单“插入”|“电子邮件链接”命令，将弹出 “电子邮件链接”对话框。 （2）如果未选中文字，可以在“文本”文本框中添加所需文字；如果已经选中超链接文字，将会在“文本”文本框中自动显示。然后在“E-mail”文本框中输入E-mail地址，单击“确定”按钮，就可以了。 ; 如果想让网站提供文件下载的功能，就必须建立下载文件超链接。实现文件下载的功能很简单，只需加入连接到文件的超链接就可以了。连接到网站中下载文件的超链接也算是内部超链接中的一种。 创建下载文件超链接的方法如下： 首先选择主窗口的菜单“站点”|“站点文件”命令，打开站点窗口，找到需要链接的目标文件。然后选择网页中需建立超链接的文字，按下“Shift”键拖动鼠标到站点窗口中的目标文件。 ; 空链接是一个未指定目标的链接，Dreamweaver MX的行为面板中列出了许多行为，这些行为相当于使用JavaScript编写的程序或函数，要想对文本设置行为，首先为文本建立空链接，这样行为才有效。 为文本建立空链接时，只要先在文档窗口选定文本，然后在属性面板中的“链接”栏中输入一个数值符“#”即可。建立空链接的目的就是为了应用行为，其他情况下不必建立空链接。 ; 通过本章学习，应该掌握以下内容： ;4.1 利用Dreamwea