网页制作技术 作者 邓振杰 第06章.pptVIP

第 6 章 在网页中使用超链接 6.1 超 链 接 基 础 6.2 利用Dreamweaver MX创建超链接 6.3 利用Dreamweaver MX编辑超链接 6.4 创 建 导 航 条 6.5 管 理 超 链 接 超链接是WWW的魅力所在。为了把Internet上众多分散的网站和网页联系起来，构成一个有机的整体，就要在网页上加入链接。通过点击网页上的链接，才能真正实现网络无国界，我们才可以在信息海洋中尽情遨游。 6.1 超 链 接 基 础 6.1.1 超链接的种类 超链接按源端点的链接划分，可分为超文本链接和非超文本链接两类。 超链接按目标端点的链接划分，可分为外部链接、内部链接、电子邮件链接、局部链接、脚本链接等。 6.1.2 文档路径类型 文档路径类型有绝对路径和相对路径两种。 1．绝对路径 绝对路径是包括服务器协议（在本例中为HTTP）的完全路径。 2．相对路径 相对路径包括根相对路径（Site Root）和文档相对路径（Document）两种。 （1）根相对路径 根相对路径（也称相对根目录）以“/”开头，路径是从当前站点的根目录开始计算。 （2）文档相对路径 文档相对路径的基本思想是省略当前文档和链接的文档都相同的绝对URL部分，而只提供不同的那部分路径。 6.2 利用Dreamweaver MX创建超链接 6.2.1 创建文字超链接 1．使用“浏览文件”图标 2．使用“指向文件”图标 3．使用“超级链接”对象 6.2.2 创建锚点超链接 1．命名锚记 2．链接到命名锚记 6.2.3 创建电子邮件链接 1．插入电子邮件链接 2．使用属性面板创建电子邮件链接 6.2.4 创建空链接和脚本链接 1．创建空链接 2．创建脚本链接 6.2.5 创建下载文件超链接 6.2.6 图像地图 1．创建图像地图 2．修改图像地图 6.3 利用Dreamweaver MX编辑超链接 6.3.1 设置链接颜色 6.3.2 设置链接字体 6.3.3 删除超链接 6.4 创 建 导 航 条 6.4.1 认识导航条 1．导航条的作用 2．导航条的4种状态 （1）一般 （2）滑过 （3）按下 （4）按下时鼠标经过 6.4.2 插入导航条 6.4.3 修改导航条 6.5 管 理 超 链 接 6.5.1 设计一个清晰的超链接 1．设计一个清晰的超链接 2．首页上的超链接要“有去有回” 3．给图像超链接做文字说明 6.5.2 利用站点地图管理超链接 1．建立网页间的超链接 2．移除网页间的超链接 3．更新超链接 4．检查超链接 6.6 利用HTML创建超链接 6.6.1 页面链接 6.6.2 锚点链接 6.6.3 电子邮件链接 * 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 图6-23 导航条的一般状态 图6-24 导航条的滑过状态