五创建链接和导航讲解学习.ppt

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