网页设计实用教程_第4章超链接ppt课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
第4章 超链接
制作人：王 飞
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
打开的窗口，共有_blank，_pare演nt示， 讲_se解lf，_top四
个选项可供选择。 _blank ：表示重新打开一个新的浏览器窗口显示网页。 _parent ：表示在本框架的上一级框架或浏览器窗口显
示网页。 _self ：表示在自身的框架或浏览器窗口内显示，这个
目标选项是默认的没有指定时就会被采用。 _top ：在浏览器窗口打开链接的网页。 这里选择“_blank”。 (4) 一个内部链接创建完成，设置完成后如图所示。单
创建内部链接
2.创建内部链接 为网页中的文本“我的相册”建立内部链接，操作过程
如下。
（1）选中要设置超接接的元素，这里是演选示中讲文解本“我
的相册”。 （2）在属性面板的“链接”文本框中直接输入链接路
径或单击“链接”文本框右边的【浏览文件】按钮， 在弹出的“选择文件”框中选择一个链接目标对象。 这里，选择同一个文件夹下“MyAlbum.html ”。 也可以在属性面板中拖动“链接”文本框右侧的【指向 文件】按钮到“文件”面板中相应的链接目标对象， 则链接将指向该对象。拖动时会出现一条带箭头的 线，指示要拖动到的位置，指向对象后只需释放鼠 标，即可自动生成链接。
指向一个目标的连接关系,这个目标可以是另一个网页,也可以是 相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一 个文件,甚至是一个应用程序 1.绝对路径
绝对路径是指被链接对象的完整路径，是一个完整URL地址。 2.根目录相对路径
根目录相对路径是指从站点根文件夹到被链接对象经 过的路径。站点上所有公开的文件都存放在站点的根目 录下。根目录相对路径以一个正斜杠“/”开始，该正斜杠 表示站点根文件夹。 3．文档目录相对路径
页文档，如图4-1所示。
演示讲解
（2）按图4-1所示编辑网页，过程这里不在详叙。
图4-1 网页“index.html”
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.1
4.2典例剖析—信息导航列表
本节将通过建立一个信息导航网页的实例来讲解超链接的使用。 本节操作任务：
（1）在“Mystuhome”下建立文件夹“超链接”，在 “超链 接”文件夹下建立网页“index.html”和文件夹“image”
（2）在网页中创建链接。 （3）在网页中创建E-mail链接。 （4）在网页中制作图像映射，设置图像热点的超链接。
重点和难点 ✓ 链接的检查与测试 ✓ 绝对路径 ✓ 相对路径 ✓ 创建超链接
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.1 超链接基础知识
ห้องสมุดไป่ตู้
4.1.1 超链接概述 超链接就是一种超媒体链接技术， 超链接是指从一个网页
击【保存】按钮，按 F12按钮预览网页。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.2
创建外部链接
为网页中的文本“我的家乡”建立外部链接，操作 过程如下。
（1）选中要设置超接接的元素，这里是选中文本 “我的家乡”。
（2）在属性面板的“链接”文本框中直接输入外部 链接的绝对路径，这里是 。
(3)在属性面板中的“目标”下来列表框中设置目标 对象打开的窗口，这里选择“_blank”。
(4) 一个外部链接创建完成，单节【保存】按钮，按 F12按钮预览网页。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.1
创建内部链接
2.创建内部链接 (3) 链接文本框设置完成后，属性面板中的“目标”下
来列表框就自动变为可选状态，用于设置目标对象
4.2.3
创建E-mail链接
为方便获取网页用户的意见和建议，通常需要在网 页中建立E-mail链接。E-mail链接被点击后会调
用送系窗统口中，设用置户的可默 以认直邮接件点程击序E-，ma打il链开接一发个演送邮示邮件讲件发解。
为网页中文本“我的邮箱”建立E-mail链接，操作 过程如下。
（1）选中要设置超接接的元素，这里是选中文本 “我的邮箱”。
文档目录相对路径是指以当前文档所在位置为起点到 被链接对象经由的路径，使用相对路径可以省去当前文 档与被链接对象的绝对路径或根目录相对路径中相同的 部分，保留不同的部分。文档目录相对路径适合于网站 的内部链接。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.1 创建内部链接
1.新建网页
（1）在“Mystuhome”下建立文件夹“超链接”，在 “超链接”
文件夹下建立文件夹“image”和网页“index.html”，保存网
第4章 超链接
制作人：王 飞
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
打开的窗口，共有_blank，_pare演nt示， 讲_se解lf，_top四
个选项可供选择。 _blank ：表示重新打开一个新的浏览器窗口显示网页。 _parent ：表示在本框架的上一级框架或浏览器窗口显
示网页。 _self ：表示在自身的框架或浏览器窗口内显示，这个
目标选项是默认的没有指定时就会被采用。 _top ：在浏览器窗口打开链接的网页。 这里选择“_blank”。 (4) 一个内部链接创建完成，设置完成后如图所示。单
创建内部链接
2.创建内部链接 为网页中的文本“我的相册”建立内部链接，操作过程
如下。
（1）选中要设置超接接的元素，这里是演选示中讲文解本“我
的相册”。 （2）在属性面板的“链接”文本框中直接输入链接路
径或单击“链接”文本框右边的【浏览文件】按钮， 在弹出的“选择文件”框中选择一个链接目标对象。 这里，选择同一个文件夹下“MyAlbum.html ”。 也可以在属性面板中拖动“链接”文本框右侧的【指向 文件】按钮到“文件”面板中相应的链接目标对象， 则链接将指向该对象。拖动时会出现一条带箭头的 线，指示要拖动到的位置，指向对象后只需释放鼠 标，即可自动生成链接。
指向一个目标的连接关系,这个目标可以是另一个网页,也可以是 相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一 个文件,甚至是一个应用程序 1.绝对路径
绝对路径是指被链接对象的完整路径，是一个完整URL地址。 2.根目录相对路径
根目录相对路径是指从站点根文件夹到被链接对象经 过的路径。站点上所有公开的文件都存放在站点的根目 录下。根目录相对路径以一个正斜杠“/”开始，该正斜杠 表示站点根文件夹。 3．文档目录相对路径
页文档，如图4-1所示。
演示讲解
（2）按图4-1所示编辑网页，过程这里不在详叙。
图4-1 网页“index.html”
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.1
4.2典例剖析—信息导航列表
本节将通过建立一个信息导航网页的实例来讲解超链接的使用。 本节操作任务：
（1）在“Mystuhome”下建立文件夹“超链接”，在 “超链 接”文件夹下建立网页“index.html”和文件夹“image”
（2）在网页中创建链接。 （3）在网页中创建E-mail链接。 （4）在网页中制作图像映射，设置图像热点的超链接。
重点和难点 ✓ 链接的检查与测试 ✓ 绝对路径 ✓ 相对路径 ✓ 创建超链接
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.1 超链接基础知识
ห้องสมุดไป่ตู้
4.1.1 超链接概述 超链接就是一种超媒体链接技术， 超链接是指从一个网页
击【保存】按钮，按 F12按钮预览网页。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.2
创建外部链接
为网页中的文本“我的家乡”建立外部链接，操作 过程如下。
（1）选中要设置超接接的元素，这里是选中文本 “我的家乡”。
（2）在属性面板的“链接”文本框中直接输入外部 链接的绝对路径，这里是 。
(3)在属性面板中的“目标”下来列表框中设置目标 对象打开的窗口，这里选择“_blank”。
(4) 一个外部链接创建完成，单节【保存】按钮，按 F12按钮预览网页。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.1
创建内部链接
2.创建内部链接 (3) 链接文本框设置完成后，属性面板中的“目标”下
来列表框就自动变为可选状态，用于设置目标对象
4.2.3
创建E-mail链接
为方便获取网页用户的意见和建议，通常需要在网 页中建立E-mail链接。E-mail链接被点击后会调
用送系窗统口中，设用置户的可默 以认直邮接件点程击序E-，ma打il链开接一发个演送邮示邮件讲件发解。
为网页中文本“我的邮箱”建立E-mail链接，操作 过程如下。
（1）选中要设置超接接的元素，这里是选中文本 “我的邮箱”。
文档目录相对路径是指以当前文档所在位置为起点到 被链接对象经由的路径，使用相对路径可以省去当前文 档与被链接对象的绝对路径或根目录相对路径中相同的 部分，保留不同的部分。文档目录相对路径适合于网站 的内部链接。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
装备一个铸造车间，需要熔炼设备、 造型及 制芯设 备、砂 处理设 备、铸 件清洗 设备以 及各种 运输机 械，通 风除尘 设备等 。只有 设备配 套，才 能形成 生产能 力。
4.2.1 创建内部链接
1.新建网页
（1）在“Mystuhome”下建立文件夹“超链接”，在 “超链接”
文件夹下建立文件夹“image”和网页“index.html”，保存网