第3章情景3——建立某公司网站超级链接剖析.ppt

3.3其他超接链接 1．空链接 在“属性检查器”的“链接”属性中输入“#”，空链接是激活网页某对象的，可以为他添加一个链接的动作，在浏览器中点击链接时并不链接到新的网页。一般网站首页导航栏的首页链接就可是空链接。很多情况下不明确的链接目标可以使用空连接临时代替。 2．脚本链接 在“链接”属性中输入“Javascript:脚本命令”，可通过链接触发脚本命令。以下给出了几个常见的脚本链接命令： （1）关闭窗口：javascript:window.close( )，效果如图所示。 （2）弹出提示对话框： javascript:alert(‘欢迎光临！‘)，效果如图所示。 （3）添加到收藏夹：javascript:window.external.addFavorite(‘收藏网页的URL ‘)。 （4）设置为默认主页: 通过空链接，触发onclick事件， onclick=”this.style.behavior=’url(#default#homepage)’;this.sethomepage(‘网页的URL ‘)”。 3．热点链接： 在图像的“属性检查器”中有矩形、圆形和多边形的热点工具 ，可以在一张图像上绘制出不同的热点区域，设置多个超级链接。 具体设置链接的步骤： （1）在”属性检查器”中选择矩形热点工具，在图像上拖曳绘制出热点区域。如图所示。 （2）选中热点区，在“属性检查器”的“链接”属性中设置“超级链接”路径。如图所示。 （3）若热点区域大小、位置不合适，可使用选择工具，调整热点的大小和位置。 3.4 本章小结 本章主要介绍了路径、URL、超级链接的概念和几种常见的超链接形式。详细介绍了每种超级链接的创建、修改和样式设定，通过在Dreamweaver CS5中完成一个“房产公司网站”的网页链接综合训练超级链接的使用。 超级链接是网站设计的重要基础，每类超级链接都有其独特的用途，读者需要熟练的运用各种超级链接。 3.5 拓展练习—热点连接 任务描述：设计制作一个诗词赏析的网站，在网站首页的图像上点击就可进入诗词欣赏、作者简介、诗词注释等页面，如图所示。 第三章情景3 建立某公司网站超级链接 本章主要介绍了在Dreamweaver CS5中如何创建、编辑超级链接。超级链接是网页设计的重要元素之一，通过超级链接用户可随意访问网站内、外的网页，也可以访问Internet网络上的各类信息。本章内容通过完成某公司网站的超级链接任务来学习。 具体涉及以下内容： 超级链接概念 路径和URL 超级链接的创建和编辑 各类链接的使用 3.1 任务一：在网页中使用超级链接 3.1.1 知识要点 1. 超级链接概念 超级链接就是实现文件和文件之间的相互访问，通过超级链接可以从一个网页指向另一个目标。超级链接由两部分组成：链接的载体和链接目标，载体可以是文本或媒体，目标可以是网页、图像、邮件地址、word文档或程序。通过超级链接可以将网站内、外的网页链接在一起。 2. 路径和URL 表示链接目标的地址就是路径，超级链接的路径有三种： （1）绝对路径：是链接目标的完整路径，包括使用的协议， 例如 ，绝对路径通常用于站点外的文件链接。 （2）相对路径：是链接目标与源的相对目录关系路径。常用于同一站点内不同文件的链接，是Dreamweaver中默认的链接路径。 如图所示，index.html和gsjj.html在同一级目录内，news.html是在下级目录pages内，则index.html连接到gsjj.html的相对路径就是gsjj.html；而index.html连接到news.html的相对路径就是pages/news.html, news.html连接到index.html的相对路径就是../ index.htm。  （3）站点根目录相对路径：是从站点根目录开始的路径，与链接的源端位置无关。需要先配置站点的HTTP地址（用“/”表示站点根文件夹）。 URL（Uniform Resource Locator）：统一资源定位符，是超级链接相互访问时标准的文件定位标示，其概念类似路径，但是它应用于网页的超级链接上，所以其写法有自己的规则。例如“/11/1203/20/7KCHJ19C0001124J.html”是一个完整的URL， 其完整的构成是 协议://用户名@密码:子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志” 协议根据网络服务不同而不同，比较常用的有“HTTP（超级文本传输协议）”、“FTP（文件传输协议）”、“Telnet（远程登录）”等。 顶级域名标示不同的