1、 五 .创建链接和导航五 .创建链接和导航 第 3章 3.1.3 插入文本超链接 P46-P491.绝对路径和相对路径2.创建和管理链接3.创建跳转菜单4.创建导航条5.创建图像地图(图像热点)1.绝对路径和相对路径(超)链接是网页的灵魂,它合理、协调地把网页中的众多页面通过链接构成一个有机整体,是访问者能访问自己想去的地方。超级链接可以是一段文本,一幅图像、或其它网页元素。当在浏览器用鼠标单击这些对象时,浏览器就会根据其指示载入一个新的页面或者跳转到页面的其它位置。在 DW中,链接路径可以使用 3种表示方式:绝对路径 、 相对路径 和 基于根目录的路径 。1.绝对路径和相对路径( 1)绝对路
2、径在链接中,绝对路径提供了链接文档的完整的URL地址,包括所使用的传输协议(对于网页通常是 http:/)。在创建 外部链接 (从一个网站链接到另一个网站)时,也就是说链接不同站点上的文档,必须使用绝对路径。例如: http:/ 1.绝对路径和相对路径( 2)相对路径和当前文档所在的文件夹相对的路径 ,是以源文档所在位置为起点到被链接文档经由的路径。这是用于本地链接的最适宜的路径。当用户要把当前文档与处在相同文件夹中的另一文档链接,或把同一网站下不同文件夹中的文档相互链接时,就可以使用相对路径。如: dw/content.html。“ .” 符号可以用来表示当前位置的父级目录1.绝对路径和相对
3、路径( 3)根目录相对路径 指 从站点文件夹到被链接文档经由的路径 。一个根相对路径以前斜杠开头,如 /support/tips.htm就是根文件夹下的 support子文件夹下的一个文件 tips.htm的根相对路径。根目录相对路径同样适合用于创建内部链接,但不建议使用。根目录相对地址只能 由服务器来解释 ,所以在自己计算机上打开一个带有根目录相对地址链接的网页,上面的链接是无效的。 1.绝对路径和相对路径注意问题: 相对路径是最适合网站的内部链接。只要是属于同一网站之下的,即使不在同一个目录下,相对链接也非常适合。当使用相对路径时,如果在 DW中改变了某个文件的存放位置,不需要手动修改链接
4、路径, DW会自动更改链接。 在创建相对路径之前一定要先保存新文档,因为在没有定义起始点的情况下,相对路径是无效的。在文档被保存之前, DW会自动使用以 “ file:/” 开头的绝对路径养成先保存再进行操作的习惯,否则极有可能出现 file问题2.管理和创建链接在创建,最好先定义好站点。在 DW中可以用多种方法创建超链接,以下是常用几种: 使用属性面板的 “ 浏览文件 ”选择文本或图像,选择链接文件目标文件的打开方式 _blank/_parent/_self/_top 使用属性面板中的 指向文件图标 创建链接 快捷菜单创建链接 直接拖动 插入栏插入链接: 可以给链接增加提示2.管理和创建链接
5、链接种类( 1)页间跳转:相对路径( 2)页内跳转(创建锚点链接): 链接到文档中的指定位置 。 创建锚点 使用链接到锚点位置: anchar:当前文档的锚点位置index.html anchar: index页面的锚点位置2.管理和创建链接( 3)空链接:是一个无指向的链接。使用空链接可以为页面上的对象或文本附加行为。在属性面板的链接框中,只输入一个 “ #” 号。如果单击这种地址为一个 “ #” 的链接,无论当前你处于文档的什么地方,都会 自动跳转到文档的开头位置。有些人不太喜欢这种情况,因此出现很多插件。使用了插件之后可以用 “ #” 来代替 “ #” ,单击这样的链接的时候,会保持当前页面的浏览位置。