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

3.4.1 插入导航条 导航条是由一幅图像(或一组图像)组成的，这些图像将根据用户的操作而改变显示内容。导航条是在站点页面和文件中移动的最简单方式。 在使用【插入导航条】命令前，首先应该创建每个导航元素显示状态所对应的一组图像(将导航元素看作是按钮将比较有助于理解，因为它们被选中时也将把用户带到另外一个页面)。 一个导航元素可以有4种状态。 正常显示：该图像在用户尚未单击该导航元素或者未和该导航元素进行任何交互时显示。 鼠标经过图像：当鼠标指针从正常显示图像经过时，该图像出现。导航元素的外观也随之改变(例如，变得更亮)以让用户知道可以和它进行交互。 按下图像：该图像在导航元素被单击后出现。例如，当用户单击一个导航元素时，新页面加载并且同时仍然显示导航条，只是被单击的导航元素变暗以表明它已经被选取。 按下鼠标时经过图像：导航元素被单击后将显示按下鼠标时图像，如果此时鼠标指针经过按下鼠标时图像上方，则显示该图像。例如，元素可能会变灰暗。用户可以使用这个状态告诉浏览者该元素已经不能再单击，因为正处在所链接的页面中了。 3.4.2 编辑导航条 为文档创建好导航条后，就可以使用编辑导航条的命令添加或删除其中的图像、修改一幅或一组图像、修改单击导航元素时关联的文件、选择打开文件的窗口或框架、重新排列图像等，还可以利用【行为】面板编辑导航条。 1. 常规编辑导航条 要编辑导航条，其具体操作如下。 (1) 选择【修改】|【导航条】命令。这时会打开【修改导航条】对话框。 (2) 用类似插入导航条的方法设置【修改导航条】对话框中的各选项。 2. 利用【行为】面板编辑导航条 使用设置导航条图像的高级功能，可以改变文档中基于当前按钮下的其他图像。在默认情况下，单击导航条中的元素时，所有导航条中的元素都会自动返回原来默认的状态。 要设置被选中图像的上浮或下沉的不同效果，可使用导航条中的高级功能，具体操作如下。 (1) 选中需要设置高级属性的导航条，选择【标签】面板中的【行为】选项卡，在【行为】面板中用户可以看到如图所示的导航条信息。 3.4.2 编辑导航条 (2) 单击【行为】面板上的“＋”按钮，这时会弹出一个动作菜单，如图所示。这些菜单是Dreamweaver中内置的动作菜单，在以后章节中将详细介绍这些菜单的作用和使用方法。 (3) 在动作菜单中选择【设置导航栏图像】命令，就会打开如图所示的【设置导航栏图像】对话框。 (4) 该对话框中的【高级】选项卡如图所示。在【当项目“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种类型的链接路径。