讲义六--URL链接及导航条.ppt

网页三剑客之一 Dreamweaver 层及URL链接 教学目标：学会为网页填加链接及掌握跳转菜单 教学重点： 主要内容： 层： 1 层用于控制浏览器窗口中对象的精确位置 2 层内可以包含HTML文件中任何对象，如文本、图片或嵌套的层等。 3 可以使用Behavior(行为)面板控制层的显示与隐藏，还可以使用Timelines(时间线)面板使层移协或随着时间发生变化。 4 在IE中通常为div/div或span/span 统一资源定位器（URL） 指的是Internet文件在网上的地址。好比一个街道在城市地理上地址。url使用数字和字母按一定顺序排列以确定一个地址。 /index.html /lp1226/darling/index.asp 1 通常将开始位置端点称作源端点，而目标位置的端点称目标端点，目标端点可以是任意的网络资源，如页面、图像、声音、程序等 2 绝对路径：是包括服务器的完全路径，使用完整的URL地址 3 相对路径：只包含当前文档的文件夹的路径 链接的分类： 1 按照源端点区分链接：超文本(Hypertext)、超链接(Hyperlink). a 超文本就是利用文本构建的超级链接。源端点是文本。 b 超链接：是利用除了文本之外其他对象所构建的链接 按照目标端点区分链接： 1 外部链接：它的目标端点是本站以外的站点或文档。 利用该链接可以跳转到其他文档或文件。包括（文字、图像及图像热区）链接。 2 内部链接：它的目标端点是本站点中的文档。 a 如果超级链接指向的文档不是一个HTML文档。而是其他类型的文档，那么单击产生的也不相同 b 如果链接的文档是诸如gif jpg或png之类的浏览器可以识别的类型，则仍然会在浏览器的窗口中载入它们。 c 如果是浏览器不能识别的文档，例如一个带有*.zip扩展名的压缩文件等，或带有*.EXE扩展名的执行文件，则通常会打开一个对话框下载 注：在DW中凡是不被浏览器识别的格式文件(HTM,HTML,ASP,PHP.PERL,SHTML等以外的)作为链接目标时,默认的操作都是下载. 3 E-mail链接：单击这种链接可以启动电子邮件,使用这种链接，可以启动电子邮件程序，允许用户书写电子邮件，并发送到指定地址 例如； a href=‘mailto:darling819@163.com’/a a href=‘mailto:darling819@163.com?subject=how are you’/a 4 局部链接(锚点链接)：它的目标端点是文档中的命名锚，利用它可跳转到当前文档中的某个指定位置上，也可跳转到其他文档中的某个指定位置上 锚点链接（Ctrl+Alt+A） a 页面内的锚点链接。 b 不同页面内的锚点链接。 通过CSS控制局部的文本链接源样式。 1 如果要链接的目标锚位于当前文档，则可以输入一个“#”号，然后加上锚点名称。 2 如果要链接的目标锚位于其他文档中，则需要先输入该文档的URL地址和名称，然后在输入“#”号，再输入锚点名 3 在一篇文档中锚的名称是惟一的。 4 可以命名锚名，也可以同时有一个链接 例如a name=“锚名” href=“url” 4 空链接： 它是没有经过指派目标端点的链接，不会跳转到任何位置，对于附加行为有特殊用处, 创建空链接只要输入一个“#”号 5 脚本链接：它允许用户创建一个执行javascript代码的链接。 点击空链接时，页面往往重置到页首端，如何处理？ 1用代码“javascript:void(null)”代替原来的“#”标记， 2 用三个“#”号也可以 创建超链接的方法： 1 属性面板 2 站点地图 3 modify\...菜单 链接基础 利用base标记，可以定义文档中链接的基础地址，这时文档中所有的相对链接都可以转换为基于该基础地址的绝对地址 例如：base href=“/” 创建超链接的HTML标记被称为“锚”标记或a标记，Dreamveaver可以为对象、文本或图像创建超链接，链接到其他文档或文件，或链接到单个文档的指定位置。 a href=“#”…/a Onmouseover=javascript:window.close() Onmouseover=javascript:alert(‘ffff’) Onmouseover=mailto:darling819@163.com Onmouseover=prompt(“dfff”,”sdfsdf”) a href=mailto:darling819