北京市职业院校网页制作教程（主编齐建玲-水利水电第二版）教案：第7章 在网页中使用超链接.PPTVIP

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