中职教育二年级上学期电子与信息《超级链接》教学课件.pptx

超级链接

目标TARGET知识目标了解链接与路径掌握各种链接的设置方法技能目标能选择恰当的链接制作网页效果

目录认识超级链接1添加超级链接2

一、认识超级链接链接是网页中极为重要的部分，单击文档中的链接，即可跳转至相应的位置。

认识超链接1、链接的概念链接（Hyperlink）也叫超级链接，由源端点和目标端点两部分组成，通常将开始位置的端点称为源端点（或源锚），而将目标位置的端点称为目标端点（或目标锚）。链接就是由源端点到目标端点的一种跳转。

认识超链接2、链接的路径一般来说，DreamweaverCC允许的路径有三种，即绝对路径、相对路径和根相对路径。URL(UniformResourceLocator，统一资源定位符)是互联网上标准资源的地址，由三部分组成：协议类型、存放资源的主机域名、资源文件名。如/index.php绝对路径：被链接文件的完整URL。相对路径：以当前文档所在的位置为起点到被链接文档经由的路径。根相对路径：提供从站点根文件夹到被链接文档所经过的路径。

二、添加超级链接介绍各种超级链接的添加方法。

添加超链接1、添加文本链接添加链接的方法有三种。第一种，使用菜单命令创建链接。选中需要创建链接的文字，单击【插入】——【hyperlink】菜单命令。第二种，使用属性面板创建链接。第三种，使用【指向文件】按钮创建链接。2、添加图像链接与添加文本链接的方法相同。

添加超链接添加外部链接是指将网页中的文字或图像，与站点外的文档，或与Internet上的网站相链接。3、添加外部链接4、添加电子邮件链接添加电子邮件链接的方法有两种。第一种，使用菜单命令创建链接。选中需要创建链接的文字，单击【插入】——【HTML】——【电子邮件链接】菜单命令。第二种，使用属性面板创建链接。

添加超链接添加下载文件链接与一般链接的创建方法相同，只是所链接的内容是一个文件。5、添加下载文件链接6、添加空链接空链接也称虚拟链接，是指没有指定的链接，不打开链接目标，常用于返回页面顶端，或什么也不做。

添加超链接1）什么是锚点？锚点是在网页文档中设置的一个标记，便于以后引用。2）为什么要设置锚点？通过创建锚点，可以使链接指向当前文档中指定的位置。3）怎样实现锚点链接？第一步：将网页的某一处设置为锚点，并为其命名；aname=“a1”/aaid=“a2”/a第二步：在源端点处建立该锚点的超级链接。ahref=“#a1”/a7、添加锚记链接

添加超链接在网页中，不但可以单击整幅图像跳转到链接文档，也可以单击图像中的不同区域而跳转到不同的链接文档。通常将处于一幅图像上的多个链接区域称为热点。8、添加图像热点链接9、添加脚本链接脚本链接可以执行JavaScirpt代码或调用JavaScript函数。选择文本，在【链接】文本框里输入Javascript要执行的代码或调用的函数，如”javascript:alert(‘欢迎光临’)”，即可创建一个脚本链接。

谢谢观看