第5章 设计超链接和导航菜单

1、学习要点学习要点熟悉路径以及URL表示方法在网页中插入超链接。设置热点地图。设计导航菜单。5.1.1 绝对路径绝对路径就是被链接文件的完整URL，包括所使用的传输协议（对于网页通常是http:/）。例如，http:/ 相对路径相对路径是指以当前文件所在位置为起点到被链接文件经由的路径。例如，dreamweaver/main.html就是一个文件相对路径。在把当前文件与处在同一文件夹中的另一文件链接，或者把同一网站下不同文件夹中的文件相互链接时，就可使用相对路径。5.1.3 根路径根路径是指从站点根文件夹到被链接文件经由的路径。根路径由前斜杠开头，它代表站点根文件夹。例如，/news/beiji

2、ng2005.html就是站点根文件夹下的news子文件夹中的一个文件（beijing2005.html）的根相对路径。在网站内链接文件时一般使用根路径的方法，因为在移动一个包含根相对链接的文件时，无需对原有的链接进行修改。5.2.1 使用属性面板选中要定义超链接的文字或图像，在属性面板的【链接】文本框中输入要链接文件的路径和文件名。5.2.2 使用指向文件图标拖动鼠标时会出现一条带箭头的细线，指示要拖动的位置，指向文件后只需释放鼠标，即会自动生成链接。5.2.3 使用【超级链接】对话框选择【插入】|【超级链接】命令，打开【超级链接】对话框。5.2.4 使用快捷菜单右键单击选中的文字或图像，在

3、打开的快捷菜单中选择【创建链接】命令，打开【选择文件】对话框，即可定义超链接。5.2.5 鼠标拖动按住Shift键，在选定的文本上拖动鼠标指针，在拖动时会出现指向文件图标。拖动鼠标到文件中的锚点或者【文件】面板中另一个文件，最后释放鼠标即可。5.2.6 使用源代码在【代码】视图下可以直接输入HTML代码定义超链接。使用标记，结合href属性创建文本链接，例如：文本链接5.3.1 实战演练：创建锚点链接锚点链接是指链接到同一页面中的不同位置的链接。例如，在一个很长的页面，在页面的底部设置一个锚点，单击后可以跳转到页面顶部，这样避免了上下滚动的麻烦。另外，在页面内容的标题上设置锚点，然后在页面顶部

4、设置锚点的链接，这样就可以通过链接快速地浏览具体内容。5.3.2 实战演练：创建E-Mail链接E-Mail就是邮箱地址的英文简称，定义超链接地址为邮箱地址即为E-Mail链接。通过E-Mail链接可以为用户提供方便的反馈与交流机会。当浏览者单击邮件链接时，会自动打开客户端浏览器默认的电子邮件处理程序（如Outlook Express，当然在使用该软件前应该设置好邮件账户），收件人邮件地址被电子邮件链接中指定的地址自动更新，浏览者不用手工输入。5.3.3 实战演练：创建脚本链接脚本链接是一种特殊类型的链接，通过单击带有脚本链接的文本或对象，可以执行脚本代码（如JavaScript或VBScri

5、pt脚本代码等），利用这种特殊的方法可以实现各种特殊的功能，如使用脚本链接进行确认或验证表单等。5.3.4 实战演练：创建空链接空链接就是没有指定路径的链接。利用空链接可以激活文档中链接文本或对象。一旦对象或文本被激活，则可以为之添加行为，以实现当鼠标移动到链接上时进行切换图像或显示分层等动作。有些客户端动作，需要由超链接来调用，这时就需要用到空链接。5.3.5 实战演练：创建下载链接当被链接的文件不被浏览器解析时，如二进制文件、压缩文件等，便被浏览器直接下载，到本地计算机中。5.3.6 实战演练：创建双链接或多重链接双链接就是在一个超链接中包含两个指定路径，同理多重链接是在一个超链接中包含多个指定路径。双链接和多重链接在某些时候有特殊的用处。双链接常用来实现链接时两个框架页面内的内容都改变，多重链接并不常用，它使一个链接元素链接多个文档。图像地图也称为图像热点区域，即指定图像内部某个