绝对路径与相对路径-Read.PPTVIP

第6章 创建网站的连接和导航 重点内容： 绝对路径与相对路径 创建与管理连接 创建跳转菜单 创建导航条 创建图像地图 一、 绝对路径与相对路径 1、绝对路径 在链接中，绝对路径提供了链接文档的完整的URL地址。使用绝对路径与链接的源端点无关，只要站点地址不变，无论文档在站点中如何移动，都可以正常实现跳转而不会发生错误。在链接不同站点上的文档时，必须使用绝对路径。 绝对路径如： /support/dreamweaver/contents.html 一、绝对路径与相对路径 2、相对路径 ?相对路径可以表述源端点同目标端点之间的相互位置，它同源端点的位置密切相关。如果链接中源端点和目标端点位于一个目录下，则在链接路径中只需要指明目标端点的文档名称即可。 例如在右图所示的站点中，如果在Support.html文档中创建指向contents.html文档的链接，可以使用相对路径contents.html。 。 二、创建与管理连接 1、创建超链接 在Dreamweaver 8中可以为对象、文本或图像创建超链接，链接到其他文档或文件。要在网页中创建超链接，可以选择“插入”|“超级链接”命令，打开“超级链接”对话框 。 2、创建E-mail链接 E-mail链接是一种特殊链接，单击这种链接，将打开一个空白通信窗口。选择“插入”|“电子邮件链接”命令，可打开“电子邮件链接”对话框 。 二、创建与管理链接 3、创建虚拟链接及脚本链接 虚拟链接实际上是一个未设计的链接，利用该链接可激活页面上的对象或文本。要创建虚拟链接，用户只需在选定文字或图片后，在“属性”面板的“链接”文本框中输入一个“#”号就可以了。 脚本链接是指执行JavaScript代码或调用JavaScript函数。该方式可使用户在不离开当前页面的情况下了解关于某个项目的一些附加信息。创建脚本链接，只需在选定文字或图片后，在“属性”面板的“链接”文本框中输入JavaScript，并且跟一些JavaScript代码或函数调用就可以了。 二、创建与管理链接 4、在站点地图中创建和修改链接 用户可以通过在站点地图中添加、更改和删除链接来修改站点的结构。在站点地图窗口中，单击菜单上的“站点地图”按钮，选择“地图和文件”命令。在站点地图中，选择需要创建页面链接的HTML文件，这时在文件图标右边将出现点到文件图标 ，拖动点到文件图标，指向其他网页文档，然后释放鼠标即可创建一个页面链接。 三、创建跳转菜单 1、插入跳转菜单 要在网页中插入跳转菜单，可以选择“插入”|“表单”|“跳转菜单”命令，或选择“插入”栏中的“表单”选项卡，切换到表单插入栏，单击“跳转菜单”按钮，将打开“插入跳转菜单”对话框 。 三、创建跳转菜单 2、编辑跳转菜单 要编辑跳转菜单，可利用“属性”面板或“行为”面板。其中，在“属性”面板中单击“列表值”按钮，系统将打开“列表值”对话框，利用该对话框可增加、删除菜单项，还可调整菜单项的顺序。 3、解决跳转菜单冲突 使用跳转菜单时，如果用户在浏览该网页时选择了某个菜单项，在重新返回该页面时将无法再选择该菜单项。此时可使用菜单选择提示：每次选择菜单后，自动重新选择菜单提示。 四、创建导航条 1、插入导航条 要在网页中插入导航条，可以选择“插入”|“图像对象”|“导航条”命令，将打开“插入导航条”对话框。 2、编辑导航条 为文档创建导航条后，选择“修改”|“导航条”命令，在打开的“修改导航条”对话框中向导航条添加图像，或从导航条中删除图像。 五、创建图像地图 1、插入客户端图像地图 要在网页中插入图像地图，可以选择“插入”|“图像”命令，打开“选择图像源”对话框，在对话框中选择合适的图像文件，单击“确定”按钮将其插入到网页文档中。 在文档窗口中选中插入的图像，使用图像“属性”面板中的“地图名称”文本框和“热点工具” 按钮可以为图像创建客户端图像地图。 五、创建图像地图 2、修改图像地图 用户可以很方便地在创建的图像映射中修改热点，移动热点区域，调整热点尺寸，或在一个层中将热点置于其他元素之前或之后。也可以将图像和热点一同从一个文档复制到另一个文档，或从一个图像上复制一个或多个热点，并将其粘贴到其他图像上。 六、 思考 基于站点根目录的绝对路径与相对路径有何不同。 在Dreamweaver8中可以创建几种类型的链接。 七、 动手练习 创建一个带有下拉菜单效果的网页。包括：1.制作出导航条并添加相关链接。 * 新世纪网页设计师应用教程