网页设计与制作_第05章 创建和设置超级链接课件.pptVIP

　　　本章将介绍在Dreamweaver CS3中创建和设置超级链接的基本方法。 添加空链接的方法是，在【属性】面板的【链接】文本框中输入“#”即可 。 * 第5章　创建和设置超级链接 学习目标 了解超级链接的种类。 掌握设置文本和图像超级链接的方法。 掌握设置图像热点超级链接的方法。 掌握设置电子邮件超级链接的方法。 掌握设置锚记超级链接和空链接的方法。 掌握设置鼠标经过图像和导航条的方法。 掌握设置Flash文本和Flash按钮的方法。 5.1　认识超级链接 URL 路径 链接目标 超级链接的分类 5.1.1 URL 　URL的地址格式为“scheme://host:port/path/file”。 scheme：Internet资源类型，又称通信协议，如http、ftp、telnet等。 host：服务器主机，指出服务器在网络中的IP地址（如“18”）或域名（如“”）。 port：端口，对某些资源的访问需要给出服务器相应的端口号，但许多时候不需要。 path：路径，指明服务器上资源的位置，有时不需要。 file：文件，指明服务器上资源的文件名称，有时不需要。 　例如，“/special/00052FJJ/rocketteam.html”便是一个典型的URL地址。“http”表示客户程序（如IE浏览器）要处理的是HTML链接，“”是站点主机名，“special/00052FJJ”是路径，“rocketteam.html”是路径下的文件名。另外需要注意的是，WWW上的服务器都是区分大小写字母的，所以，一定要注意正确的URL大小写表达形式。 5.1.2 路径 　　　在超级链接中，路径通常有以下3种表示方法。 绝对路径：就是被链接文档的完整URL，如“/dobbs/index.aspx” 文档相对路径：是指以当前文档所在位置为起点到被链接文档经由的路径，如“index.aspx”、“dobbs/index.aspx”、“../dobbs/index.aspx” 站点根目录相对路径：是指所有路径都开始于当前站点的根目录，以“/”开始，“/”表示站点根文件夹，如“/dobbs/index.aspx” 5.1.3 链接目标 　　　链接目标用于设置单击某个链接时，被链接文件打开的位置。通常，链接目标有以下4种形式。 【_blank】：将链接的文档载入一个新的浏览器窗口。 【_parent】：将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。 【_self】：将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，因此通常不需要特别指定。 【_top】：将链接的文档载入整个浏览器窗口，从而删除所有框架。 5.1.4 超级链接的分类 　超级链接通常由源端点和目标端点两部分组成。 根据源端点的不同，超级链接可分为文本超级链接、图像超级链接和表单超级链接。 根据目标端点的不同，超级链接可分为内部超级链接、外部超级链接、电子邮件超级链接和锚记超级链接。 5.2 创建超级链接 文本超级链接 图像超级链接 图像地图 电子邮件超级链接 锚记超级链接 空链接 鼠标经过图像 导航条 Flash文本 Flash按钮 脚本链接 5.2.1 文本超级链接 创建文本超级链接比较常用的方式主要有两种。 【属性】面板的【链接】文本框中定义链接地址，在【目标】下拉列表中定义目标窗口。 选择【插入】/【超级链接】命令，或在【插入】/【常用】工具栏中单击 按钮，打开【超级链接】对话框进行设置。 对于文本超级链接，还可以通过【页面属性】对话框设置不同状态下的文本颜色以及下划线样式等。 5.2.2 图像超级链接 创建图像超级链接通常通过【属性】面板进行，方法是首先选中图像，然后在【属性】面板中设置链接地址和目标窗口。 5.2.3 图像地图 创建图像地图的方法是： （1）使用图像热点工具绘制热点区域 （2）接着在【属性】面板中设置链接地址、目标窗口等 5.2.4 电子邮件超级链接 使用以下两种方法打开【电子邮件链接】对话框进行设置。 选择【插入记录】/【电子邮件】命令 在【插入】/【常用】面板中单击 （电子邮件链接）按钮 5.2.5 锚记超级链接 创建锚记超级链接的方法： （1）使用以下两种方式之一打开【命名锚记】对话框来插入锚记。 选择【插入记录】/【命名锚记】命令 在【插入】/【常用】面板中单击 （命名锚记）按钮 （2） 选中链接文本，在【属性】面板的【链接】下拉列表中输入锚记名称，或者选择【插入记录】/【超级链接】命令，打开【超级链接】对话框进行设置。 5.2.6　空链接 5.2.7　鼠标经过图像 将鼠标光标置