网页设计教程_第3章.pptVIP

3.4.2 编辑导航条 为文档创建好导航条后，就可以使用编辑导航条的命令添加或删除其中的图像、修改一幅或一组图像、修改单击导航元素时关联的文件、选择打开文件的窗口或框架、重新排列图像等，还可以利用【行为】面板编辑导航条。 1. 常规编辑导航条 要编辑导航条，其具体操作如下。 (1) 选择【修改】|【导航条】命令。这时会打开【修改导航条】对话框。 (2) 用类似插入导航条的方法设置【修改导航条】对话框中的各选项。 2. 利用【行为】面板编辑导航条 使用设置导航条图像的高级功能，可以改变文档中基于当前按钮下的其他图像。在默认情况下，单击导航条中的元素时，所有导航条中的元素都会自动返回原来默认的状态。 要设置被选中图像的上浮或下沉的不同效果，可使用导航条中的高级功能，具体操作如下。 (1) 选中需要设置高级属性的导航条，选择【标签】面板中的【行为】选项卡，在【行为】面板中用户可以看到如图3.43所示的导航条信息。 3.4.2 编辑导航条 (2) 单击【行为】面板上的“＋”按钮，这时会弹出一个动作菜单，如图3.44所示。这些菜单是Dreamweaver中内置的动作菜单，在以后章节中将详细介绍这些菜单的作用和使用方法。 (3) 在动作菜单中选择【设置导航栏图像】命令，就会打开如图3.45所示的【设置导航栏图像】对话框。 (4) 该对话框中的【高级】选项卡如图3.46所示。在【当项目“main”显示：】的下拉列表框中，选择【鼠标经过图像或点击时鼠标经过图像】选项，则当鼠标经过图像时显示其上面的图像，有上浮或下沉的效果。 (5) 在【同时设置图像】列表框中选择要显示的图像。 (6) 在【按下时，变成图像文件】文本框中设置当鼠标按下时要显示的图像路径。 (7) 单击【确定】按钮，确定设置。 3.4.2 编辑导航条 图 3.43 【行为】面板 图 3.44 在【动作】菜单中选择 【设置导航栏图像】命令 3.4.2 编辑导航条 图 3.45 【设置导航栏图像】对话框 3.4.2 编辑导航条 图 3.46 设置导航栏图像高级属性 3.5 创建与管理链接 3.5.1 创建各种链接 3.5.2 Dreamweaver的管理链接特性 3.5.3 设置站点缓存 3.5.4 更新链接及链接范围 3.5.5 测试链接 3.5 创建与管理链接 利用超链接可以实现在文档间或文档中的跳转。超链接由两个端点(也称锚)和一个方向构成。通常将开始位置的端点称作源端点(或源锚)，而将目标位置的端点称作目标端点(或目标锚)，链接就是由源端点指向目标端点的一种跳转。目标端点可以是任意网络资源，例如，它可以是一个页面、一幅图像、一段声音、一段程序，甚至也可以是页面中的某个位置。 3.5.1 创建各种链接 根据链接源端点的不同，可以将链接分为两种：超文本和超链接。 超文本就是利用文本构建的超链接。在这种链接中，链接的源端点是文本。在浏览器中，超文本一般显示为下方带有下划线的文本，默认显示为蓝色。 超链接是利用除了文本之外其他对象构建的链接。在这种链接中，源端点是除了文本之外的其他对象，如一幅图像或一个表单等。为了充分美化网页，利用图像构建超链接成为最常见的手段之一。 为了明确链接路径，并能正确使用路径，下面简单介绍一下路径的概念和种类。 每个页面都有一个惟一的地址，称为“统一资源定位器”(URL)。一般情况下，当用户创建本地链接时(链接所在文档和目标文档位于同一站点内)时，用户不需要指定链接目标文档的完整URL。作为代替，用户可以指定一个相对于当前文档或站点根目录的相对路径。下面分别介绍3种类型的链接路径。 绝对路径 如果在链接中使用完整的URL地址，这种链接路径就称作绝对路径。绝对路径的特点是：路径同链接的源端点无关。 假设在站点中要创建指向如图3.47所示“science”目录中的computer.htm文档的链接，则可以使用如下的绝对路径：http://www.NetB/science/computer.htm。如果希望在文档中链接主页，在绝对路径中可以指定主页的名称，也可以不指定主页的名称，如http://www.NetB或http://www.NetB /index.htm。 3.5.1 创建各种链接 图3.47 网上书库中“science”目录中的computer.htm 3.5.1 创建各种链接 相对路径 为了避免绝对路径的缺陷，对于在本站点之中的链接来说，使用相对路径是一个很好的方法。相对路径可以表述源端点同目标端点之间的相互位置，它同源端点的位置密切相关。 如果链接中源端点和目标端点位于一个目录下，则在链接路径中只需要指明目标端点的文档名就可以了。例如，在站点中，如果希望在如图3.4