DW第4章-创建超级链接.ppt

《DW第4章-创建超级链接.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学内容：超级链接是构成网站最为重要的部分之一，单击网页中的超级链接，即可跳转到相应的网页，因此可以非常方便地从一个网页到达另一个网页。在网页上创建超链接，就可以把Internet上众多的网站和网页联系起来，构成一个有机的整体。本章主要讲述超级链接的基本概念、各种类型的超级链接的创建。第4章创建超级链接教学重点超级链接的基本概念创建链接的方法掌握实战演练4.1超级链接的基本概念网络中的一个个网页是通过超级链接的形式关联在一起的。可以说超级链接是网页中最重要、最根本的元素之一。超级链接的作用是在因特网上建立

2、从一个位置到另一个位置的链接。超级链接由源地址文件和目标地址文件构成，当访问者单击超级链接时，浏览器会从相应的目标地址检索网页并显示在浏览器中。如果目标地址不是网页而是其他类型的文件，浏览器会自动调用本机上的相关程序打开所访问的文件。使用Dreamweaver创建链接既简单又方便，只要选中要设置成超链接的文字或图像，然后应用以下几种方法添加相应的URL即可。4.2创建超级链接的方法利用【属性】面板创建链接的方法很简单，选择要创建链接的对象，选择菜单中的【窗口】

3、【属性】命令，打开【属性】面板。在面板中的【

4、链接】文本框中的输入要链接的路径，即可创建链接。4.2.1使用属性面板创建链接利用直接拖动的方法创建链接时，要先建立一个站点，选择菜单中【窗口】

5、【属性】命令，打开【属性】面板，选中要创建链接的对象，在面板中单击【指向文件】按钮，按住鼠标左键不放并将该按扭拖动到站点窗口中的目标文件上，释放鼠标左键即可创建链接。4.2.2使用指向文件图标创建链接使用菜单命令创建链接也非常简单，选中创建超链接的文本，选择菜单中的【插入】

6、【Hyperlink】命令，弹出【Hyperlink】对话框，如图4-3所示。在对话框中

7、的【链接】文本框中输入链接的目标，或单击【链接】文本框右边的【浏览文件】按钮，选择相应的链接目标，单击【确定】按钮，即可创建链接。4.2.3使用菜单命令创建链接4.3实战演练前面介绍了超级链接的基本概念及创建链接的几种方法，下面通过几个实例来巩固所学的知识。外部链接是相对于本地链接而言的，与本地链接不同的是，外部链接的链接目标文件在外部链接是相对于本地链接而言的，与本地链接不同的是，外部链接的链接目标文件在。4.3.1实例1-创建外部链接4.3.2实例2-创建E-mail链接E-mail链接也叫电子邮件链

8、接，在制作网页时，有些内容需要创建电子邮件链接。当单击此链接时，将启动相关的邮件程序发送E-mail信息。在Dreamweaver中，创建E-mail链接可以在【属性】面板中进行设置，也可以使用菜单命令进行设置。4.3.3实例3-创建下载文件链接如果要在网站中提供下载资料，就需要为文件提供下载链接，如果超级链接指向的不是一个网页文件，而是其他文件，如zip、mp3、exe文件等，单击链接的时候就会下载文件。在网页中，超链接可以是文字，也可以是图像。图像整体可以是一个超链接的载体，而且图像中的一部分或多个部

9、分也可以分别成为不同的链接。4.3.4实例4-创建图像热点链接脚本超链接执行JavaScript代码或调用JavaScript函数，它非常有用，能够在不离开当前网页文档的情况下为访问者提供有关某项的附加信息。脚本超链接还可以用于在访问者单击特定项时，执行计算、表单验证和其他处理任务。4.3.5实例5-创建脚本链接空链接用于向页面上的对象或文本附加行为，打开要创建空链接的文件，选中文字，在属性面板中的【链接】文本框中输入#，即可。4.3.6实例6-创建空链接