第5章 设计超链接和导航菜单概要1.ppt

熟悉路径以及URL表示方法 在网页中插入超链接。 设置热点地图。 设计导航菜单。 5.1 超链接概述 绝对路径就是被链接文件的完整URL，包括所使用的传输协议（对于网页通常是http://）。例如，/main.html就是一个绝对路径。在设置外部链接（从一个网站的网页链接到另一个网站的网页）必须使用绝对路径。这与本地计算机中绝对路径、相对路径概念类似。 相对路径是指以当前文件所在位置为起点到被链接文件经由的路径。例如，dreamweaver/main.html就是一个文件相对路径。在把当前文件与处在同一文件夹中的另一文件链接，或者把同一网站下不同文件夹中的文件相互链接时，就可使用相对路径。 根路径是指从站点根文件夹到被链接文件经由的路径。根路径由前斜杠开头，它代表站点根文件夹。例如，/news/beijing2005.html就是站点根文件夹下的news子文件夹中的一个文件（beijing2005.html）的根相对路径。在网站内链接文件时一般使用根路径的方法，因为在移动一个包含根相对链接的文件时，无需对原有的链接进行修改。 5.2 定义超链接的方法 选中要定义超链接的文字或图像，在属性面板的【链接】文本框中输入要链接文件的路径和文件名。 拖动鼠标时会出现一条带箭头的细线，指示要拖动的位置，指向文件后只需释放鼠标，即会自动生成链接。 选择【插入】|【超级链接】命令，打开【超级链接】对话框。 右键单击选中的文字或图像，在打开的快捷菜单中选择【创建链接】命令，打开【选择文件】对话框，即可定义超链接。 按住Shift键，在选定的文本上拖动鼠标指针，在拖动时会出现指向文件图标。拖动鼠标到文件中的锚点或者【文件】面板中另一个文件，最后释放鼠标即可。 在【代码】视图下可以直接输入HTML代码定义超链接。 使用a标记，结合href属性创建文本链接，例如： a href=/ target=_blank文本链接/a 5.3 使用超链接 锚点链接是指链接到同一页面中的不同位置的链接。例如，在一个很长的页面，在页面的底部设置一个锚点，单击后可以跳转到页面顶部，这样避免了上下滚动的麻烦。另外，在页面内容的标题上设置锚点，然后在页面顶部设置锚点的链接，这样就可以通过链接快速地浏览具体内容。 E-Mail就是邮箱地址的英文简称，定义超链接地址为邮箱地址即为E-Mail链接。通过E-Mail链接可以为用户提供方便的反馈与交流机会。当浏览者单击邮件链接时，会自动打开客户端浏览器默认的电子邮件处理程序（如Outlook Express，当然在使用该软件前应该设置好邮件账户），收件人邮件地址被电子邮件链接中指定的地址自动更新，浏览者不用手工输入。 脚本链接是一种特殊类型的链接，通过单击带有脚本链接的文本或对象，可以执行脚本代码（如JavaScript或VBScript脚本代码等），利用这种特殊的方法可以实现各种特殊的功能，如使用脚本链接进行确认或验证表单等。 空链接就是没有指定路径的链接。利用空链接可以激活文档中链接文本或对象。一旦对象或文本被激活，则可以为之添加行为，以实现当鼠标移动到链接上时进行切换图像或显示分层等动作。有些客户端动作，需要由超链接来调用，这时就需要用到空链接。 当被链接的文件不被浏览器解析时，如二进制文件、压缩文件等，便被浏览器直接下载，到本地计算机中。 双链接就是在一个超链接中包含两个指定路径，同理多重链接是在一个超链接中包含多个指定路径。双链接和多重链接在某些时候有特殊的用处。双链接常用来实现链接时两个框架页面内的内容都改变，多重链接并不常用，它使一个链接元素链接多个文档。 5.4 创建图像地图 图像地图也称为图像热点区域，即指定图像内部某个区域为热点，当单击该热点区域时，会触发超链接，并跳转到其他网页或网页的某个位置。图像地图是一种特殊的超链接形式，常用来在图像中设置局部区域导航。