DW第四讲 超级链接.ppt

Dreamweaver课件
任务四超级链接
课堂讲解
超级链接概念
超级链接分类
创建空链接
创建文本超级链接
创建电子邮件超级链接
创建锚链接
创建脚本链接
使用跳转菜单
创建图像超级链接
创建导航条
超级链接概念
超级链接是指页面对象之间的链接关系,它是网页的灵魂,能合理、协调地把网站中的各个元素、页面通过超级链接构成了一个有机整体,使浏览者能快速地访问到想要访问的页面。
超级链接
超级链接的分类(按要链接的文件所处的位置分类)
绝对链接(链接的文件位于站点外)
相对链接(链接的文件位于站点内)
空链接(链接的文件是本身)
注意:相对链接根据链接文件的参照点不同,又分为:
文档内绝对链接(链接文件的参照点是根目录)不支持预览 文档内相对链接(链接文件的参照点是此文档所在文件夹)
超级链接
超级链接的创建
:
步骤:1):选中要设置链接的文本或图象
2):在属性检查器“链接”文本框中输入URL.
注意:URL:(统一资源定位符) 格式:protocol://machine[:port]/directory/filename 协议名主机名端口目录文件名
例如:
注意:绝对链接常见于“友情链接”项,或网址类网站.
超级链接
超级链接的创建
:
步骤:1) 选中要设置链接的文本或图象
2) 在属性检查器中,单击“浏览”按钮选择链接的文件. 在属性检查器中,拖拽“指向”按钮在站点列表中选
择链接文件.
按住Shift键拖拽到站点列表中的链接文件。
在属性检查器“链接”文本框中输入相对URL地址。

:
步骤:1) 选中要设置链接的文本或图象
2) 在属性检查器中, “链接”文本框中输入#
或者输入javascript:;(javascript 一词后依次接一个冒号和一个分号)建立空链接的目的只是为了应用行为,其他情况下不必建立。
为文字和图片设置常规超链接
要为文字设置超链接,应首先选中文字,然后单击“插入”栏“常用”类别中的“超级链接”按钮,打开“超级链接”对话框。
可以是内部链接或外部链接
设置在何处打开网页
“标题”编辑框用于设置,当鼠标悬停在超链接上时出现的说明文字
超级链接
指向目标的链接
作用:设置链接文件的打开方式。
设置:选中已设置链接的对象,属性检查器中,目标项中选
择合适方式。
_blank : 在新窗口中打开链接
_self : 当前窗口打开链接(默认方式)
_parent : 在父框架中打开链接
_top : 在最外层框架打开链接
取消超链接
要取消超链接,可在选中设置为超链接的文字后,删除属性面板中“链接”编辑框中的内容。
为图片设置超链接的方法同文字一样。
超级链接
几种特殊的超级链接

作用:单击此链接可以调用Outlook发出一封E-mail.
设置:选中文本或图象,在“链接”框中输入:
mailto:abc@
或者单击“插入”栏“常用”类别中的“电子邮件链接”按钮,在弹出的对话框中输入链接到的电子信箱地址即可。
特殊的邮件链接:mailto:邮件地址?subject==其他邮件地址&bcc=其他邮件地址

作用:单击此“链接”可下载文件。
设置:选中文本或图象,在属性检查器中选择“浏览”按钮选
择要下载的文件。(一般为压缩文件或可执行文件如rar、zip、exe)