第6讲 链接1课件.ppt

设某网站放在文件夹myweb12中，网址是，myweb12是网站的根文件夹，index.htm是主页。 * * * 第4章　超链接 一个网站由许多的网页组成，而各个网页之间通常是由超级链接联系在一起的。 链接是网页中由一个地方跳转到另一个地方的指针。 跳转的起点称为源端点；跳转的终点称为目标端点。超链接给出了从源端点到目标端点的路径。 超级链接是网页中最基本的元素之一，利用它不仅可以进行网页间的相互链接，还可以使网页链接到相关的图像文件、多媒体文件以及下载程序等。 课程引导 知识技能目标 （1）掌握绝对路径和相对路径的概念和用法 （2）掌握创建外部链接和内部链接的操作方法。 （3）掌握制作热点链接的操作方法。 （4）掌握锚点链接的操作方法。 （5）掌握创建E-mail链接的操作方法。 （6）掌握测试链接的有效性的操作方法。 4.2.1　课堂案例——车行天下网 使用电子邮件链接命令制作电子邮件链接效果。使用浏览文件链接按钮为文字制作下载文件链接效果。 效果图 超链接概述 每一个网页文档都有自己的存放位置和路径，在一个网站中，链接路径通常有3种表示方法：绝对路径、相对于文档的路径、基于站点根目录的相对路径。 指Internet上资源的完整URL（统一资源定位器）地址。其形式为： 协议名://网站域名/文件夹/文档名 例：如链接到主页index.htm http:// 创建指向page_1.htm的链接，绝对路径为： http:// /aaa/bbb/page_1.htm 特点：绝对路径同链接的源端点的位置无关。如果目标端点不变，无论源端点如何移动，都不会发生链接错误。用于网站外部的链接。 1．绝对路径 指目标端点相对于源端点的路径。 例：如希望在index.htm网页中创建指向page_1.htm的链接，相对路径为： aaa/bbb/page_1.htm 如希望在page_3.htm网页中创建指向page_1.htm的链接，相对路径为： .. /aaa/bbb/page_1.htm 特点：如果网站的结构和文件的相对位置不变，链接就不会出错。将整个网站移植到另一个地方，不需对链接路径做任何修改。文档目录相对路径适合于网站的内部链接。 2．与文档相对的路径 站点根目录相对路径是指从站点根文件夹到被链接文档经由的路径。所有基于根目录的路径都从斜线“/”开始。 例：无论从本网站的哪个网页链接到page_1.htm的基于根目录的路径均为： /aaa/bbb/page_1.htm 根目录相对路径也适用于创建内部链接，但大多数情况下，一般不使用这种路径形式。 3．基于网站根目录的相对路径 创建文本链接的方法非常简单，主要是在链接文本的“属性”面板中指定链接文件。指定链接文件的方法有3种。 直接输入要链接文件的路径和文件名 使用“浏览文件”按钮 使用指向文件图标 4.2.2　创建文本链接 属性面板中的“目标”下拉列表框共有4个选项可供选择: _blank :新打开的空窗口 _parent：如果是嵌套的框架，则在父框架中打开。 _self：会在当前网页所在的窗口或框架中打开。 _top：会在完整的浏览器窗口中打开。 一个未被访问过的链接文字与一个被访问过的链接文字在形式上是有所区别的，以提示浏览者链接文字所指示的网页是否被看过。 在菜单“修改”-“页面属性”中设置 4.2.3　文本链接的状态 当被链接的文件是exe文件或rar文件等浏览器不能显示的类型时，这些文件会被下载，这就是网上下载的方法。 建立下载文件链接的具体操作步骤如下。 （1）在文档窗口中选择需添加下载文件链接的网页对象。 （2）在“链接”选项的文本框中指定链接文件。 （3）按F12快捷键预览网页。 4.2.4　下载文件链接 网页只能作为单向传播的工具，将网站的信息传给浏览者，但网站建立者需要接收使用者的反馈信息，一种有效的方式是让浏览者给网站发送E-mail。在网页制作中使用电子邮件超链接就可以实现。 每当浏览者单击包含电子邮件超链接的网页对象时，就会打开邮件处理工具，并且自动将收信人地址设为网站建设者的邮箱地址，方便浏览者给网站发送反馈信息。 利用“属性”面板建立电子邮件超链接 利用“电子邮件链接”对话框建立电子邮件超链接 4.2.5　电子邮件链接