五创建链接和导航教学内容

单击此处编辑母版标题样式单击此处编辑母版副标题样式*1五.创建链接和导航五.创建链接和导航第3章3.1.3插入文本超链接P46--P491.绝对路径和相对路径创建和管理链接创建跳转菜单创建导航条创建图像地图（图像热点）1.绝对路径和相对路径（超）链接是网页的灵魂，它合理、协调地把网页中的众多页面通过链接构成一个有机整体，是访问者能访问自己想去的地方。超级链接可以是一段文本，一幅图像、或其它网页元素。当在浏览器用鼠标单击这些对象时，浏览器就会根据其指示载入一个新的页面或者跳转到页面的其它位置。在DW中，链接路径可以使用3种表示方式：绝对路径、相对路径和基于根目录的路径。1.绝对路径和相对路径绝对路径在链接中，绝对路径提供了链接文档的完整的

URL地址，包括所使用的传输协议（对于网页通常是http://）。在创建外部链接（从一个网站链接到另一个网站）时，也就是说链接不同站点上的文档，必须使用绝对路径。例如：/index.htm1.绝对路径和相对路径（3）根目录相对路径指从站点文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，如/support/tips.htm就是根文件夹下的support子文件夹下的一个文件tips.htm的根相对路径。根目录相对路径同样适合用于创建内部链接，但不建议使用。根目录相对地址只能由服务器来解释，所以在自己计算机上打开一个带有根目录相对地址链接的网页，上面的链接是无效的。1.绝对路径和相对路径注意问题：①相对路径是最适合网站的内部链接。只要是属于同一网站之下的，即使不在同一个目录下，相对链接也非常适合。当使用相对路径时，如果在DW中改变了某个文件的存放位置，不需要手动修改链接路径，

DW会自动更改链接。②在创建相对路径之前一定要先保存新文档，因为在没有定义起始点的情况下，相对路径是无效的。在文档被保存之前，DW会自动使用以“file://”开头的绝对路径养成先保存再进行操作的习惯，否则极有可能出现file问题2.管理和创建链接在创建，最好先定义好站点。在DW中可以用多种方法创建超链接，以下是常用几种：①使用属性面板的“浏览文件”选择文本或图像，选择链接文件目标文件的打开方式_blank/_parent/_self/_top②使用属性面板中的指向文件图标创建链接③快捷菜单创建链接④直接拖动⑤插入栏插入链接：可以给链接增加提示2.管理和创建链接链接种类页间跳转：相对路径页内跳转（创建锚点链接）：链接到文档中的指定位置。①创建锚点②使用＃链接到锚点位置：＃anchar：当前文档的锚点位置

index.html＃anchar：index页面的锚点位置2.管理和创建链接（3）空链接：是一个无指向的链接。使用空链接可以为页面上的对象或文本附加行为。

在属性面板的链接框中，只输入一个“#”号。如果单击这种地址为一个“#”的链接，无论当前你处于文档的什么地方，都会自动跳转到文档的开头位置。有些人不太喜欢这种情况，因此出现很多插件。使用了插件之后可以用“###”来代替“#”，单击这样的链接的时候，会保持当前页面的浏览位置。2.管理和创建链接脚本链接指执行javascript代码或调用javascript函数,如：①在链接地址键入“javascript:alert(‘meiyou’)”②使用javascript:void(null)代替＃E－mail链接－通过插入栏插入电子邮件链接－也可以用属性面板创建电子邮件链接，直接键入：“mailto：邮箱地址”一般给出电子邮箱链接即可，少用。为什么？3.创建跳转菜单跳转菜单是一个选项弹出菜单。这些选项可包括其它文件、电子邮件、图片或其它任何可在浏览器中打开的链接。跳转菜单包含一个菜单选择提示（可选）、一个链接菜单列表和一个“前往”按钮（可选）。3.创建跳转菜单插入跳转菜单“插入栏－表单－跳转菜单”使用跳转菜单时，会发现第一选项其实没起到作用，无法选定该选项，解决方法：①使用菜单提示，每次选择菜单后，自动选择菜单提示。例如可以将第一项设为“请选择…”文字②使用“前往”按钮但是要使用这种方法，一般要在刚开始插入跳转菜单的时候方有这个选项。3.创建跳转菜单（2）编辑跳转菜单①使用属性面板和“行为”面板：属性面板－列表值②“窗口”－“行为”打开“行为”面板，双击

“跳转菜单”选项，可以跳转菜单进行编辑3.创建跳转菜单注意问题：①一般使用提示信息的方法②如果加上“请选择…”的首项提示信息时要注意，如果该文字没有设置为空链接，则会跳转到网页所在的目录，所以需要设置为空链接③第二种方法加入按钮的作用只是为了让第一项起作用，但是选择其他跳转选项，不用点击该按钮也能实现跳转。4.创建导航条导航条由一个或多个图像组成，其显示根据用户的动作而改变。因此，在使用导航条命令之前，应首先创建一个导航条图像集。这些图像代表四种状态。一般滑过按下按下时鼠标经过5.创建图像地图条使用图像地图热区时，热