文档介绍：第三讲———添加超链接超链接简介超链接是、最根本的元素之一。超链接能够使多个孤立的网页之间产生一定的相互联系,从而使单独的网页形成一个有机的整体。什么是超链接所谓的超链接是指从一个网页指向一个目标的链接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。按照链接路径的不同,网页中超链接一般分为以下3种类型:内部链接、锚点链接和外部链接。如果按照使用对象的不同,网页中的链接又可以分为:文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等。超链接的类型:内部链接:在同一个站点内的不同页面之间相互联系的超链接。外部链接:中的目标相联系的链接。锚点链接:可以链接到网页中某个特定位置的链接。文档路径绝对路径:是包含服务器协议(对于网页来说通常是http://或ftp://)的完全路径,例如amweaver/根目录相对路径:从当前站点根目录开始的路径。使用斜线‘/’以告诉服务器从根目录开始的。文档相对路径:和当前文档所在的文件夹相对的路径。这是最简单的路径,可以用来链接和当前文档处于同一文件夹下的文档。说明:1)创建外部链接是必须使用绝对路径。2)如果在内容经常被移动的环境中链接文件,使用根目录相对路径往往是最佳方法。因为即使包含链接的文件在站点内产生移动,链接也不会中断。3)当你在本地机上用浏览器预览的时候,根目录相对路径链接的文档内容是不显示的。因为浏览器不能识别站点根目录,但服务器可以。4)在你创建文档相对路径之前要保存新文件,因为在没有定义起始点的情况下,文档相对路径是不生效的。如果你在保存文件前创建了文档相对路径,Dreamweaver会自动使用以file://开头的绝对路径。内部链接为文字添加超链接链接(Link):指定文字的链接目标。目标(Target):选择目标文件打开的方式。创建链接的常用方法:1)在文本框中直接输入链接文件的路径。2)单击,在弹出的对话框中选择链接的目标文件。3)利用属性面板上的指向文件(pointtoFile)按钮,为文字加入超链接。目标文件打开的方式设置:_blank:在新的浏览器窗口中显示目标,原来的网页窗口仍然存在。_self:在链接所在的窗口或框架中进行显示。_parent:将被链接文档放进包含链接的上一级框架或者窗口内。_top:在链接所在的最高级窗口中打开。设置文字超链接的属性1)修改链接文字颜色修改—页面属性(modify—Pageproperties)链接(Links):链接文字颜色访问过的链接(VisitedLinks):访问过的链接文字的颜色活动链接(ActiveLinks):激活的链接文字的颜色2)用CSS样式表制作动态的文字链接注意:在DW窗口中无法显示所定义的CSSselector样式,只有打开浏览器,才能看到文本超链接的效果。为图片添加超链接添加图像地图链接指在图片中划出一些图像区域(map),又称作“热点”或“热区”,分别指向不同的链接目标。链接(Link):为映像图区域指定链接目标文件地址替代:说明信息为E-Mail添加超链接如果希望浏览者给你发E-mail时,只要浏览者单击E-mail链接时,就会在浏览端自动打开浏览器默认的E-mail处理程序,收件人的地址将会被E-mail超链接中的指定地址自动装入,无需浏览者输入,就需要创建电子邮件链接。使用“插入快捷栏”插入—Email链接直接在栏中输入:mailto:电子邮件,如mailto:june_china@注意:预览时,单击该链接将弹出系统默认的电子邮件程序。为下载文件添加超链接“文件下载链接”的原理很简单,只要链接文件属于浏览器无法识别的类型,便都会使用IE浏览器直接进行下载,并保存到本地计算机中。添加锚点