1 / 16

四 . 创建链接和导航

四 . 创建链接和导航. 四 . 创建链接和导航. 1. 认识绝对路径和相对路径 2. 创建和管理链接 3. 创建跳转菜单 4. 创建导航条 5. 创建图像地图（图像热点）. 1. 绝对路径和相对路径. （超）链接是网页的灵魂，它合理、协调地把网页中的众多页面通过链接构成一个有机整体，是访问者能访问自己想去的地方。超级链接可以是一段文本，一幅图像、或其它网页元素。当在浏览器用鼠标单击这些对象时，浏览器就会根据其指示载入一个新的页面或者跳转到页面的其它位置。 在DW中，链接路径可以使用3种表示方式： 绝对路径 、 相对路径 和基于根目录的路径。.

quynh
Download Presentation

四 . 创建链接和导航

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 四.创建链接和导航

  2. 四.创建链接和导航 1.认识绝对路径和相对路径 2.创建和管理链接 3.创建跳转菜单 4.创建导航条 5.创建图像地图（图像热点）

  3. 1.绝对路径和相对路径 • （超）链接是网页的灵魂，它合理、协调地把网页中的众多页面通过链接构成一个有机整体，是访问者能访问自己想去的地方。超级链接可以是一段文本，一幅图像、或其它网页元素。当在浏览器用鼠标单击这些对象时，浏览器就会根据其指示载入一个新的页面或者跳转到页面的其它位置。 • 在DW中，链接路径可以使用3种表示方式： • 绝对路径、相对路径和基于根目录的路径。

  4. 1.绝对路径和相对路径 （1）绝对路径 在链接中，绝对路径提供了链接文档的完整 的URL地址，包括所使用的传输协议（对于网 页通常是http://）。 在创建外部链接（从一个网站链接到另一个 网站）时，也就是说链接不同站点上的文 档，必须使用绝对路径。例如： http://ww.hstc.edu.cn/index.htm

  5. 1.绝对路径和相对路径 • （2）相对路径 • 和当前文档所在的文件夹相对的路径，是以源文档所在位置为起点到被链接文档经由的路径。这是用于本地链接的最适宜的路径。当用户要把当前文档与处在相同文件夹中的另一文档链接，或把同一网站下不同文件夹中的文档相互链接时，就可以使用相对路径。如dw/content.html。 • “..”符号可以用来表示当前位置的父级目录 • ../abc.htm;../abc/abc.htm ;../../abc.htm

  6. 1.绝对路径和相对路径 （3）根目录相对路径 指从站点文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，如/support/tips.htm就是根文件夹下的support子文件夹下的一个文件tips.htm的根相对路径。 根目录相对路径同样适合用于创建内部链接，但不建议使用。根目录相对地址只能由服务器来解释，所以在自己计算机上打开一个带有根目录相对地址链接的网页，上面的链接是无效的。

  7. 1.绝对路径和相对路径 注意问题： (2)相对路径是最适合网站的内部链接。只要是 属于同一网站之下的，即使不在同一个目录 下，相对链接也非常适合。当使用相对路径 时，如果在DW中改变了某个文件的存放位 置，不需要手动修改链接路径，DW会自动更 改链接。 (2)在创建相对路径之前一定要先保存新文档， 因为在没有定义起始点的情况下，相对路径 是无效的。在文档被保存之前，DW会自动使 用以file://开头的绝对路径

  8. 2.创建和管理链接 • 在创建，最好先定义好站点。在DW中可以用多种方法创建超链接，以下是常用几种： • 使用属性面板的“浏览文件” 选择文本或图像，选择链接文件，目标文件 的打开方式_blank/_parent/_self/_top • 使用属性面板中的指向文件图标创建链接 • 右键快捷菜单创建链接 • 直接拖动 • 直接插入 • 可以给链接增加提示，给链接增加快捷键

  9. 2.创建和管理链接 链接种类 1）页间跳转：相对路径 2）页内跳转（创建锚点链接）： 链接到文档中的指定位置。 ① 创建锚点 ②使用＃链接到锚点位置： ＃anchar、index.html＃anchar

  10. 2.创建和管理链接 3）空链接：是一个无指向的链接。 使用空链接可以为页面上的对象或文本附加行为。在属性面板的链接框中，只输入一个“#”号。如果单击这种地址为一个“#”的链接，无论当前你处于文档的什么地方，都会自动跳转到文档的开头位置。 如果不想出现这种自动跳转到文档开头的情况可以安装插件进行处理。

  11. 2.创建和管理链接 4）脚本链接 指执行javascript代码或调用javascript函数.如在链接地址键入:javascript:alert(“meiyou”) 5）E－mail链接 －通过插入栏插入电子邮件链接 －也可以用属性面板创建电子邮件链接，直接 键 入：“mailto：邮箱地址”

  12. 3.创建跳转菜单 跳转菜单是一个选项弹出菜单。这些选项可包括其它文件、电子邮件、图片或其它任何可在浏览器中打开的链接。跳转菜单包含一个菜单选择提示（可选）、一个链接菜单列表和一个“前往”按钮（可选）。

  13. 3.创建跳转菜单 • （1）插入跳转菜单 • “插入栏－表单－跳转菜单” • 使用跳转菜单时，会发现第一选项其实没起到作用，无法选定该选项，解决方法： • 使用菜单提示，每次选择菜单后，自动选择 菜单提示。例如可以将第一项设为“请选择…” 文字 • 使用“前往”按钮

  14. 3.创建跳转菜单 • （2） 编辑跳转菜单 使用属性面板和“行为”面板： • 属性面板－列表值 • “窗口－行为”打开“行为”面板，双击“跳转菜 单”选项，可以跳转菜单进行编辑

  15. 4.创建导航条 导航条由一个或多个图像组成，其显示根据用户的动作而改变。因此，在使用导航条命令之前，应首先创建一个导航条图像集。这些图像代表四种状态。 一般 滑过 按下 按下时鼠标经过

  16. 5.创建图像地图

More Related