《_cs6入门与提高实例教程课件dreamweaver_cs6入门与提高实例教程课件第5章制作超链接》由会员分享,可在线阅读,更多相关《_cs6入门与提高实例教程课件dreamweaver_cs6入门与提高实例教程课件第5章制作超链接(13页珍藏版)》请在金锄头文库上搜索。
1、第5章 制作超链接,5.1 认识超级链接,超链接由两部分组成,一部分是在浏览网页时可以看到的部分,称为超链接载体,另一部分是超链接所链接的目标。在浏览页面时,单击超链接的载体将会打开链接目标。超链接载体可以是文本、图像;链接的目标可以是网页、图片、视频或声音和电子邮件地址等。,单击超级链接的载体,5.2 创建、管理链接,5.2.1 创建文本超链接,默认情况下,文本链接显示为蓝色,并加有下划线。用户可以选择“修改”/“页面属性”菜单命令,在“页面属性”面板的“链接”分类页面设置超级链接在各种状态下的颜色,以及选择是否显示下划线。,超级链接效果,注意:Dreamweaver不支持扩展字符集(也被称
2、为High ASCII),所以在指定链接的URL时,不能包含扩展字符集,且完全的URL最多不能超过255个字符。此外,尽管大多数浏览器可以解释路径名或URL中的空格,但在UNIX应用中,空格会被变为%20,这将使得URL比较难看。,5.2.2 创建图片链接,很多情况下,为了去掉文本链接默认的下划线效果或美化页面,网页设计者会选择用图片代替文本创建超链接,这种方式适用于所有能识别图形的浏览器。创建图片链接的方法与创建文本链接大致相同,不同之处在于链接的载体是图片,而不是文本。,选定需要设置超链接的图片,设置了边框的图片链接,5.2.3 链接到命名锚点,命名锚点常用于长篇文章、技术文件等内容的网页
3、,通常放置在网页中每个屏幕或每个主题之后,当用户单击某一个命名锚点时可以转到网页的特定段落,以方便文章的阅读。,指定插入锚点的位置,插入的命名锚点,注意:在“链接”文本框中输入锚点名称时,需要在锚点名称前面添加一个特殊的符号“#”。例如:#top,其中,top为命名锚点。如果所链接的锚点不在当前文档中,则在“链接”文本框中首先要添加链接页面的URL,然后输入井号和锚点名称。例如,如果要在当前页面调用同一文件夹中的index.html页面上名为top的锚点,则应在“链接”文本框中输入index.html#top。,5.2.4 创建E-Mail链接,为了使访问者在访问站点时能轻松地在网络上与网络管
4、理者取得联系,一个最简单的办法就是在页面的适当位置加上网络管理者的E-mail地址的超链接。只要访问者单击这个地址,就可以调用默认的电子邮件程序,并新建一个邮件窗口,给网络管理者发送电子邮件了。如果没有选中任何文本或图像,用户可以通过“电子邮件链接”对话框在页面中插入E-Mail链接。,选中要创建邮件链接的图片,电子邮件链接,5.2.5 虚拟链接和脚本链接,虚拟链接也称为空链接,是指没有指定的链接,一般用于向页面上的文本或对象添加行为。虚拟链接主要包含以下两种格式: 虚拟链接 虚拟链接第1种格式被单击时将返回到页面顶部,这种格式无法添加行为;第2种格式则不会发生任何动作,就好像根本没有单击一样
5、。如果为第2种虚拟链接添加了动作脚本,则执行相应的动作行为,此时的链接即为脚本链接。脚本链接可以执行JavaScript代码或调用JavaScript函数,用于在不离开当前网页的情况下给予访问者有关项目的补充信息。脚本链接也可用于在访问者点击特定项目时执行计算、表单验证和其它处理任务。,5.2.6 使用URL面板管理超链接,“URLs”面板有两种视图:站点和收藏。收藏视图用于收藏常用的资源。收藏资源并不作为单独的文件存储在磁盘上,它们是对“站点”视图列表中的资源的引用。“站点”视图和“收藏”视图的大多数操作都是相同的,不过,有几种任务只能在“收藏”视图中执行。,站点视图,收藏视图,“添加URL”对话框,添加URL,选中文本,应用URL,插入URL,5.3 使用热点制作图像映射,简单地说,图像映射就是将一幅图像用热点工具分割为若干个区域,并将这些子区域设置成热点区域,然后将这些不同的热点区域链接到不同的页面。当用户单击图像上不同热点区域时,就可以跳转到不同的页面。,插入热点区域前后的效果,5.4 实例制作之制作导航条,导航条效果,拆分单元格并插入图片后的效果,多边形热点区域,设置表格背景,绘制AP元素,插入图片,