《五创建链接和导航.ppt》由会员分享，可在线阅读，更多相关《五创建链接和导航.ppt（18页珍藏版）》请在三一办公上搜索。
1、五.创建链接和导航,五.创建链接和导航,第3章 3.1.3 插入文本超链接 P46-P49 1.绝对路径和相对路径 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中改变了某个文件的存放位置，不需要手动修改链接路径，DW会自动更改链接。
4、在创建相对路径之前一定要先保存新文档，因为在没有定义起始点的情况下，相对路径是无效的。在文档被保存之前，DW会自动使用以“file:/”开头的绝对路径,养成先保存再进行操作的习惯，否则极有可能出现file问题,2.管理和创建链接,在创建，最好先定义好站点。在DW中可以用多种方法创建超链接，以下是常用几种：使用属性面板的“浏览文件”选择文本或图像，选择链接文件 目标文件的打开方式_blank/_parent/_self/_top使用属性面板中的指向文件图标创建链接快捷菜单创建链接直接拖动插入栏插入链接：可以给链接增加提示,2.管理和创建链接,链接种类（1）页间跳转：相对路径（2）页内跳转（创建锚
5、点链接）：链接到文档中的指定位置。创建锚点 使用链接到锚点位置：anchar：当前文档的锚点位置 index.htmlanchar：index页面的锚点位置,2.管理和创建链接,（3）空链接：是一个无指向的链接。使用空链接可以为页面上的对象或文本附加行为。在属性面板的链接框中，只输入一个“#”号。如果单击这种地址为一个“#”的链接，无论当前你处于文档的什么地方，都会自动跳转到文档的开头位置。有些人不太喜欢这种情况，因此出现很多插件。使用了插件之后可以用“#”来代替“#”，单击这样的链接的时候，会保持当前页面的浏览位置。,2.管理和创建链接,（4）脚本链接 指执行javascript代码或调用j
6、avascript函数,如：在链接地址键入“javascript:alert(meiyou)”使用javascript:void(null)代替（5）Email链接 通过插入栏插入电子邮件链接 也可以用属性面板创建电子邮件链接，直接键 入：“mailto：邮箱地址”一般给出电子邮箱链接即可，少用。为什么？,3.创建跳转菜单,跳转菜单是一个选项弹出菜单。这些选项可 包括其它文件、电子邮件、图片或其它任何 可在浏览器中打开的链接。跳转菜单包含一 个菜单选择提示（可选）、一个链接菜单列 表和一个“前往”按钮（可选）。,3.创建跳转菜单,（1）插入跳转菜单“插入栏表单跳转菜单”使用跳转菜单时，会发现第
7、一选项其实没起到作用，无法选定该选项，解决方法：使用菜单提示，每次选择菜单后，自动选择菜 单提示。例如可以将第一项设为“请选择”文字 使用“前往”按钮 但是要使用这种方法，一般要在刚开始插入跳转 菜单的时候方有这个选项。,3.创建跳转菜单,（2）编辑跳转菜单 使用属性面板和“行为”面板：属性面板列表值“窗口”“行为”打开“行为”面板，双击“跳转菜单”选项，可以跳转菜单进行编辑,3.创建跳转菜单,注意问题：一般使用提示信息的方法 如果加上“请选择”的首项提示信息时要注意，如 果该文字没有设置为空链接，则会跳转到网页所在 的目录，所以需要设置为空链接 第二种方法加入按钮的作用只是为了让第一项起作 用，但是选择其他跳转选项，不用点击该按钮也能 实现跳转。,4.创建导航条,导航条由一个或多个图像组成，其显示根据用户的动作而改变。因此，在使用导航条命令之前，应首先创建一个导航条图像集。这些图像代表四种状态。一般 滑过 按下 按下时鼠标经过,5.创建图像地图条,使用图像地图热区时，热区是不显示出来的，要确保用户知道该热区能够进行选择，如可以使用明显的“导航”图像或者在有热区的地方加上必要的文字说明。不然设置了一个链接的区域，但是用户不知道能够进行选择，设置了等于没有设置。,练习,第12章 利用图像热点实现地图链接功能,
