007超级链接和站点导航.pptVIP

* Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 第7章 超级链接和站点导航 重点内容： 超级链接的创建 通过CSS样式改变超级链接样式 添加导航条 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 1. 创建文本超级链接 默认情况下，为文字设置链接属性后，该文字的颜色会变为蓝色，且被添加下画线。 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 1. 创建文本超级链接 在Dreamweaver中为文字添加超链接的方法有以下3种： （1）直接在【链接】文本框中输入链接目标。 （2）单击【链接】文本框右侧的文件夹图标 ，从弹出的对话框中选择链接目标。 （3）将【链接】文本框右侧的【指向文件】图标 拖动至【文件】面板中要链接的对象上，然后松开鼠标键。 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 2. 创建图像超级链接 为选定的整幅图像创建单独的超级链接： （1）在属性检查器的【链接】文本框中输入链接目标。 （2）单击【链接】文本框右侧的文件夹图标 ，从弹出的对话框中选择链接目标。 （3）将【链接】文本框右侧的【指向文件】图标 拖动至【文件】面板中要链接的对象上。 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 2. 创建图像超级链接 为图像的一部分添加超级链接：先用属性检查器中的热点工具为图像区域设置热点，然后用属性检查器为热点设置超级链接。 （1）椭圆形热点 （2）矩形热点 （3）不规则形状热点 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 3. 创建E-mail超级链接 将插入点放置在所需位置，或者选择相应的载体，然后单击【插入】工具栏【插入】类别中的【电子邮件链接】按钮 ，弹出【电子邮件链接】对话框，输入链接文本（如果没有事先选中的话）和自己的E-mail地址。 【电子邮件链接】对话框 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 4. 使用锚记 创建锚记 单击【插入】工具栏【常用】类别中的【命名锚记】按钮 ，或者选择【插入】|【命名锚记】命令，弹出【命名锚记】对话框。在【锚记名称】文本框中输入锚记的名称。 【命名锚记】对话框 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 4. 使用锚记 锚记的命名规则 （1）锚记名称的第1个字符最好是英文字母，一般不要以数字作为开头（如果服务器支持的话，锚记名称也可以使用中文）。 （2）锚记名称区别英文字母的大小写。 （3）锚记名称中不能含有空格，也不能含有特殊字符。 Dreamweaver 应用技术——《 Dreamweaver 8 实训教程》讲义 一、超级链接的创建： 4. 使用锚记 链接锚记 （1） 选择要链接到锚记的文字或图片，拖动属性检查器中的【指向文件】按钮