《超级链接的应用》PPT课件
合集下载
超链接 ppt课件
详细描述
在制作PPT课件时，应避免在幻灯片中设置过多的超链接，以免观众在浏览时感到困惑。适当的超链 接可以引导观众深入了解内容，但过多的超链接会干扰观众的注意力，降低课件的可读性。
注意超链接的可用性
总结词
确保超链接的有效性和准确性，避免出 现死链或错误链接。
VS
详细描述
在设置超链接时，应仔细检查链接的目标 地址，确保链接有效且准确。同时，应测 试超链接在课件中的实际效果，避免出现 死链或错误链接的情况。有效的超链接能 够提高课件的质量和用户体验。
优化页面布局和排版
保持简洁明了
页面布局应简洁明了，避免过多 的元素和复杂的背景设计，以便
观众更好地关注演示内容。
合理利用空间
合理利用页面空间，将内容按照重 要性和逻辑关系进行排版，突出重 点信息，提高演示的可读性和易理 解性。
统一风格和字体
保持整个PPT的风格和字体统一， 以增强演示的整体感和专业性。
THANKS。
超链接PPT课件制作
目 录
• 引言 • 如何创建超链接 • 超链接的应用场景 • 超链接的注意事项 • 超链接PPT课件的优化建议
01
引言
什么是超链接PPT课件
超链接PPT课件是一种利用 PowerPoint软件制作的，通过超链 接实现不同幻灯片之间、幻灯片与其 他网页或文件之间跳转的多媒体课件 。
增加交互性和趣味性
使用问答形式
在演示过程中穿插问答环节，增 强与观众的互动，提高观众的参
与度和兴趣。
设计互动环节
在PPT中加入互动环节，如投票 、小游戏等，使观众能够主动参 与其中，提高演示的趣味性和吸
引力。
提供反馈和奖励
在演示过程中给予观众反馈和奖 励，如掌声、鼓励的话语等，激
在制作PPT课件时，应避免在幻灯片中设置过多的超链接，以免观众在浏览时感到困惑。适当的超链 接可以引导观众深入了解内容，但过多的超链接会干扰观众的注意力，降低课件的可读性。
注意超链接的可用性
总结词
确保超链接的有效性和准确性，避免出 现死链或错误链接。
VS
详细描述
在设置超链接时，应仔细检查链接的目标 地址，确保链接有效且准确。同时，应测 试超链接在课件中的实际效果，避免出现 死链或错误链接的情况。有效的超链接能 够提高课件的质量和用户体验。
优化页面布局和排版
保持简洁明了
页面布局应简洁明了，避免过多 的元素和复杂的背景设计，以便
观众更好地关注演示内容。
合理利用空间
合理利用页面空间，将内容按照重 要性和逻辑关系进行排版，突出重 点信息，提高演示的可读性和易理 解性。
统一风格和字体
保持整个PPT的风格和字体统一， 以增强演示的整体感和专业性。
THANKS。
超链接PPT课件制作
目 录
• 引言 • 如何创建超链接 • 超链接的应用场景 • 超链接的注意事项 • 超链接PPT课件的优化建议
01
引言
什么是超链接PPT课件
超链接PPT课件是一种利用 PowerPoint软件制作的，通过超链 接实现不同幻灯片之间、幻灯片与其 他网页或文件之间跳转的多媒体课件 。
增加交互性和趣味性
使用问答形式
在演示过程中穿插问答环节，增 强与观众的互动，提高观众的参
与度和兴趣。
设计互动环节
在PPT中加入互动环节，如投票 、小游戏等，使观众能够主动参 与其中，提高演示的趣味性和吸
引力。
提供反馈和奖励
在演示过程中给予观众反馈和奖 励，如掌声、鼓励的话语等，激
PPT课件插入超链接的方法与应用
CATALOG
DATE
ANALYSIS
SUMMAR Y
06
超链接的注意事项
避免过度使用超链接
过度使用超链接可能会分散观众的注意力，影响课件的演示效果。
避免在课件中添加过多的超链接，以免观众迷失在链接中，影响学习效果。
注意链接的有效性
在插入超链接之前，应确保链接的目 标地址是有效的，避免出现无法打开 的链接。
制作外部链接，将PPT课件与其他网 页、文档或软件进行关联，实现信息 的拓展与交互。
演示互动
利用超链接实现PPT课件中的互动效果，如弹出提示框、播放音频或视频、启动小游戏等，增加观众 参与度和学习兴趣。
制作问答环节，通过超链接实现观众与演示者的互动交流，提高课堂或会议的互动性和参与度。
REPORT
在弹出的对话框中 ，选择“网址”选 项。
点击“确定”，完 成超链接的插入。
链接到其他文件
在PowerPoint中选择需要插 入超链接的文本或图片。
点击“插入”选项卡，选择 “超链接”。
02
01
在弹出的对话框中，选择“
文件”选项。
03
浏览并选择需要链接的文件 ，设置好显示的文本。
04
05
点击“确定”，完成超链接 的插入。
VS
定期检查超链接的有效性，确保课件 的演示效果和准确性。
注意网络安全问题
在插入外部链接时，应确保链接的安全性，避免插入 恶意网站或带有病毒的链接。
在演示课件时，应确保网络安全，避免网络攻击或数 据泄露等安全问题。
REPORT
THANKS
感谢观看
CATALOG
DATE
ANALYSIS
SUMMAR Y
dw教学-第三讲----超级链接ppt课件
椭圆热点工具 : circle 多边形热点工具 : poly 如何来结束绘制热区？ 双击或按Esc键 如何修改热区？ 拉住四个点可缩放 鼠标放在中间可以拖动热区
18
5、弹出式菜单 ①选热区 ②行为面板－在“添加行为“选项上右击－显示
弹出式菜单－设置即可 留意： 在此也可做链接。 做弹出式菜单必须是在已保存过的文档中。
③空链接 在属性面板中设置链接栏为：#
9
④创建电子邮件链接 使用E-mail Link按钮创建(插入菜单)
使用电子邮件协议创建(属性面板) mailto:111126
10
⑤使用锚点链接 锚点链接是页面内的超级链接，用于文本内容很 多的页面，方便浏览者找到所需的内容。其超链接 地址格式为“#命名锚记”。 锚点的作用： 用于大篇幅文字，点击链接处，则跳转到定义的 锚点处． 锚点的创建： 用插入栏下的“常用〞边的命名锚记按钮
超级链接的概念 超级链接链接
1、概念 链接是在Web 页面中插入的指向其它文档的引用 。可以将任何类型的资源转换为链接，但最常用的 链接类型是文本链接
2、URL URL全称Uniform Resource Locator〔统一资源定位 符），即网站地址。URL确定了要浏览的地址，浏 览器通过超文本传输协议()，将Web服务器上站点 的网页代码提取出来，并翻译成网页。
5
3、绝对路径和相对路径 绝对路径：是包括服务器的完整路径。主要用于外 部链接，即网站与网站间的链接。 如：sina 相对路径：只包含当前文档的文件夹的路径。主要 用于网站内部连接，即站内的网页与网页间的链接。
4、链接的组成 链接源：点击的对象 可以是文字或图片 链接目标：打开后的内容
6
任务二、创建超级链接
11
18
5、弹出式菜单 ①选热区 ②行为面板－在“添加行为“选项上右击－显示
弹出式菜单－设置即可 留意： 在此也可做链接。 做弹出式菜单必须是在已保存过的文档中。
③空链接 在属性面板中设置链接栏为：#
9
④创建电子邮件链接 使用E-mail Link按钮创建(插入菜单)
使用电子邮件协议创建(属性面板) mailto:111126
10
⑤使用锚点链接 锚点链接是页面内的超级链接，用于文本内容很 多的页面，方便浏览者找到所需的内容。其超链接 地址格式为“#命名锚记”。 锚点的作用： 用于大篇幅文字，点击链接处，则跳转到定义的 锚点处． 锚点的创建： 用插入栏下的“常用〞边的命名锚记按钮
超级链接的概念 超级链接链接
1、概念 链接是在Web 页面中插入的指向其它文档的引用 。可以将任何类型的资源转换为链接，但最常用的 链接类型是文本链接
2、URL URL全称Uniform Resource Locator〔统一资源定位 符），即网站地址。URL确定了要浏览的地址，浏 览器通过超文本传输协议()，将Web服务器上站点 的网页代码提取出来，并翻译成网页。
5
3、绝对路径和相对路径 绝对路径：是包括服务器的完整路径。主要用于外 部链接，即网站与网站间的链接。 如：sina 相对路径：只包含当前文档的文件夹的路径。主要 用于网站内部连接，即站内的网页与网页间的链接。
4、链接的组成 链接源：点击的对象 可以是文字或图片 链接目标：打开后的内容
6
任务二、创建超级链接
11
ppt超级链接的使用
二、改变行高和列宽
改变行高 法一：在行标的下边缘，拖动鼠标 法二：在两行之间，当光标变成双向箭头 时双击 法三：①选中行 ②【格式】中的【行】 ③输入行高值 改变列宽 注：列标的右边缘
三、数据的移动和复制
鼠标拖动 编辑菜单
四、行、列和单元格的插入与删除
插入 删除
一、数据的排序 二、数据的筛选 三、数据的分类汇总
一、数据的排序
1.根据一列数据对数据行排序 2.根据多列数据对数据行排序 3.自定义排序 4.根据行数据对数据列排序
1.根据一列数据对数据行排序
①单击排序字段名 ②工具栏中的“升序”或“降序”
2.根据多列数据对数据行排序
单元格或区域的选择
操作
修改数据： ①单击，重输。 ②单击，在编辑栏修改。 ③双击，在单元格中修改 ④delete清除
单元格或区域的选择
1.单击左上角单元格，拖动鼠标至右下 2.单击区域的左上角，然后按住SHIFT键 并单击区域右下角单元格即可。 3.单击列标或行号， 4.ctrl＋单击，选不连续单元格。 5.单击全表选择框，可选择整个工作表。 6.取消区域选择，任何空白处单击鼠标。
二、工作簿பைடு நூலகம்保存
保存 ①保存或另存为对话框中的【工具】可对保存的文 件作一些设置。 ②在【工具】的【自动保存】中设置自动保存时间 间隔
§3.3 工作表的编辑
一、编辑单元格数据 二、改变行高和列宽 三、数据的移动和复制 四、行、列和单元格的插入和删除 五、＊查找和替换数据
一、编辑单元格的数据
第三章 Excel 2003的主要内容
§3.1概述 §3.2工作表的基本操作 §3.3工作表的编辑 §3.4工作表的管理 §3.5工作表的格式化 §3.6数据管理 §3.7工作表的打印
超级链接优秀课件
10
(2).创建图像热点链接
绘制热点
选择图像，使用图形工具栏中的热
点绘制工具绘制热点区域。
建立超级链接
绘制完热点，图像上会出现热点的
边框，并出现创建超级链接的对话 框，输入超级链接的地址。
11
三、检查、修改超链接
跟踪链接
在超级链接视图中观看链接情况
修改链接的颜色
单击右键，打开网页属性对话框。
14
二、建立框架式网页
1.创建框架页：新建→网页 2.在框架中放置网页
三、保存框架式网页
15
四、设置框架属性
可以调整框架的大小，决定 是否出现框架边框和滚动条， 设置框架的初始页面等等。
选中框架，单击右键，从快 捷菜单中选择框架属性，打开 框架属性对话框。
16
框架属性对话框
17
框架网页对话框
五、框架式网页的链接
3.为链接目标指定目标框架
网页默认值（main）：默认框架。
相同框架：链接载体所在的框架。 整页：没有框架。 新建窗口：重新开一个窗口。 父框架：调用目标的框架。
23
二、建立框架式网页
1.创建框架页
选择文件 > 新建 > 页面，弹出
新建对话框。
选择框架网页选项卡 选择一个框架模板 单击确定。
8
2.创建图像链接 图像链接一个目标
与文本载体一样，区别是先
选中图像。 图像链接多个目标 创建图像热点链接
9
(2).创建图像热点链接
图像热点是建立在一幅图像内的 多个超级链接触发点，热点实际上是 一个区域，所以也可以叫热区。每一 个图像热点可以指向一个超级链接目 标。当浏览者的鼠标移动到热点内， 鼠标变形（小手），单击鼠标，就可 以转到链接目标。
(2).创建图像热点链接
绘制热点
选择图像，使用图形工具栏中的热
点绘制工具绘制热点区域。
建立超级链接
绘制完热点，图像上会出现热点的
边框，并出现创建超级链接的对话 框，输入超级链接的地址。
11
三、检查、修改超链接
跟踪链接
在超级链接视图中观看链接情况
修改链接的颜色
单击右键，打开网页属性对话框。
14
二、建立框架式网页
1.创建框架页：新建→网页 2.在框架中放置网页
三、保存框架式网页
15
四、设置框架属性
可以调整框架的大小，决定 是否出现框架边框和滚动条， 设置框架的初始页面等等。
选中框架，单击右键，从快 捷菜单中选择框架属性，打开 框架属性对话框。
16
框架属性对话框
17
框架网页对话框
五、框架式网页的链接
3.为链接目标指定目标框架
网页默认值（main）：默认框架。
相同框架：链接载体所在的框架。 整页：没有框架。 新建窗口：重新开一个窗口。 父框架：调用目标的框架。
23
二、建立框架式网页
1.创建框架页
选择文件 > 新建 > 页面，弹出
新建对话框。
选择框架网页选项卡 选择一个框架模板 单击确定。
8
2.创建图像链接 图像链接一个目标
与文本载体一样，区别是先
选中图像。 图像链接多个目标 创建图像热点链接
9
(2).创建图像热点链接
图像热点是建立在一幅图像内的 多个超级链接触发点，热点实际上是 一个区域，所以也可以叫热区。每一 个图像热点可以指向一个超级链接目 标。当浏览者的鼠标移动到热点内， 鼠标变形（小手），单击鼠标，就可 以转到链接目标。
项目五超级链接-设置站点导航网页-PPT
面包屑导航
1 2
显示当前位置
面包屑导航应清晰地显示用户在网站中的当前位 置，以便用户了解自己所处的页面层级。
提供返回路径
面包屑导航应提供返回上一级的链接，使用户能 够轻松地返回到之前的页面或主页面。
3
简化路径
在显示面包屑导航时，可以简化路径，只显示关 键的页面层级，以避免过长的路径显示。
下拉菜单导航
DIV+CSS布局
使用DIV元素进行页面划分
利用DIV元素作为容器，将页面内容划分为不同的区块，每个区块可以独立设置样式和布 局。
CSS样式定义
通过编写CSS样式规则，可以为DIV元素及其内部内容设置样式，包括字体、颜色、背景 、边距等。
布局定位与浮动
使用CSS的定位和浮动属性，可以实现元素的精确定位和层叠效果，创建灵活的页面布局 。
测试超级链接有效性
链接可用性测试
使用自动化工具或手动检查，确保所有超级链接都能正确指向目 标页面。
跨浏览器测试
在不同浏览器和设备上测试超级链接，确保其在各种环境下都能正 常工作。
加载速度测试
测试超级链接的加载速度，确保用户能够快速访问目标页面。
解决超级链接问题
修复死链
定期检查并修复无效的超级链接，避免用户 访问时出现404错误。
处理重定向
对于需要重定向的超级链接，确保使用正确的HTTP 状态码和重定向方式。
优化锚文本
改进超级链接的锚文本，使其更具描述性和 相关性，提高用户体验和搜索引擎排名。
提高用户体验度
01
清晰的导航结构
设计简洁明了的导航菜单和面包 屑导航，帮助用户快速了解网站 结构和当前位置。
响应式设计
02
03
课件设置超级链接夏万龙.ppt
3、表格除了作为网页内容元素外，还是使用最广泛的 内容组织方式之一，通过使用表格可以对素材进行 更加合理、精确的布局。
新课导入：
【设问引导】我们在网络上浏览时，鼠标经过或停留在某些位置、 某些内容上时指针会变成为“小手”形状，这意味着什么？点击鼠标一 般会怎样？（预计学生回答：超练级；打开网页、图片）
参考教学资源自学、探究
[点击以上图片开始自学并尝试完成作业]
课堂小结
1. 要点 2. 发现 3. 感悟
☞重在学以致用
学案导学
复习提问：
1、网站建设工具有哪些？我们重点学习的是哪一个？ 2、网站的第一页我们一般称之为什么？它一般有何作用？ 3、表格除了作为网页内容元素外，
还有什么重要作用？
复习提问（参考答案）：
1、网站建设工具有rontpage、Dreamweaver等。 我们重点学习的是Frontpage。
2、网站的第一页我们一般称之为主页或首页，它一般用来展示 网站最为主要的内容或宣传网站的作用。
【总结引导】超级链接；点击它可以打开网页、图片文件、音乐 文件——甚至下载压缩文件、可执行文件或者发送电子邮件等等。既然 它具有这样的功能，那么我问大家：我们可不可以使用超级链接把一个 网站内的多个各个网页联系起来呀？（预计学生回答：可以。）——是的，可 以。本节课就让我们来学习《网站建设——设置超级链接》。
新课导入：
【设问引导】我们在网络上浏览时，鼠标经过或停留在某些位置、 某些内容上时指针会变成为“小手”形状，这意味着什么？点击鼠标一 般会怎样？（预计学生回答：超练级；打开网页、图片）
参考教学资源自学、探究
[点击以上图片开始自学并尝试完成作业]
课堂小结
1. 要点 2. 发现 3. 感悟
☞重在学以致用
学案导学
复习提问：
1、网站建设工具有哪些？我们重点学习的是哪一个？ 2、网站的第一页我们一般称之为什么？它一般有何作用？ 3、表格除了作为网页内容元素外，
还有什么重要作用？
复习提问（参考答案）：
1、网站建设工具有rontpage、Dreamweaver等。 我们重点学习的是Frontpage。
2、网站的第一页我们一般称之为主页或首页，它一般用来展示 网站最为主要的内容或宣传网站的作用。
【总结引导】超级链接；点击它可以打开网页、图片文件、音乐 文件——甚至下载压缩文件、可执行文件或者发送电子邮件等等。既然 它具有这样的功能，那么我问大家：我们可不可以使用超级链接把一个 网站内的多个各个网页联系起来呀？（预计学生回答：可以。）——是的，可 以。本节课就让我们来学习《网站建设——设置超级链接》。
浙教版初中信息技术 第十二课 超链接的应用 课件
任务一 设置分栏（参考P50）
1、目录在杂志中的位置 2、设置分栏
注意：对象范围的选择 3、设置栏宽大小（见“日积 月累”）
任务二：美化栏框
1、在页面中添加文字和图片 2、修饰文字、美化栏框
设置边框和底纹 （思考：如何将页面设置成 艺术型边框）
任务三：书签的运用
1、什么是书签？
第十二课 超链接的应用
一、引入
打开下发的电子杂志，思考：
杂志内容是否已经完整（对照 纸质杂志）？
目录
目录能使读者快速了解杂志的
内容，还可以选看感兴趣的章 节，所以目录是杂志必不可少 的。
目录的特点
目录的特点
1、分栏
(1)有利于文字的对齐， (2)使版面整洁清楚。 2、目录一般包括: (1)知识板块 (2)文章篇目 (3)内容提要 (4)编辑人员 (5)…
书签是文档中加以标志和 命名的项目或位置，利用书签 可以快速跳转到指定位置。 2、如何设置书签 3、思考：如何删除多余书签
任务三:超链接的运用
1、设置目录设置超链接 2、思考：给各分栏目建立返
回目录的超链接。
课堂小结
1、通过对电子杂志目录页面的编排，
学会运用分栏来布局页面。 2、 理解书签的作用，掌握书签的插入、 删除的方法，能显示或隐藏书签。 3、 会设置、修改指向书签的超链接。 4、体验电子杂志相对纸质杂志所特有 的优势
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
相对路径是指该文件相对于某一参照物的路径地址， 在网页中，我们使用..表示上一级目录， 如../index.html 是个相对路径。
2019/5/9
中原工学院信息商务学院计科系
4
7.2 创建超级链接
文档链接 锚点链接 E-mail链接 脚本链接 空链接 下载文件链接
2019/5/9
距形 热点
圆形 多边形热点 热点
图像左上角的坐标是（0,0）
2019/5/9
中原工学院信息商务学院计科系
13
创建图像热点链接
上图的HTML代码：
<img src="main.jpg" width="323" height="141" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="rect" coords="4,62,118,83" href="" target="_blank" alt="这是教学楼 " /> <area shape="circle" coords="166,114,23" href="#" /> <area shape="poly" coords="313,60,244,58,201,58,198,79,224,79,227,90,291,84,3 11,85" href="#" /> </map>
_top：在整个窗口中打开链接，在有框架的页面中才有效果， 否则效果和_self看到的一样；
_parent：在父框架中打开链接，如果含有该链接的框架不 是嵌套的，则效果_top。
说明：图像超链接本质就是将<a>的元素内容 由文本替换为图像而已，我们可以直接选中图 像后，在【属性】面板中对【链接】和【目标】 两栏进行设置就可以为图像设置超链接了。
2019/5/9
中原工学院信息商务学院计科系
7
创建锚点链接（书签链接）
它用于那些内容庞大繁琐的网页，通过点击命名锚点， 不仅让我们能指向文档，还能指向页面里的特定段落， 让链接对象更加精准、细粒度化，便于浏览者查看网 页内容。
第一步：在需要链接到的位置处创建命名锚点
点击
设置锚点名字
代码
<a name="to_logo" id="to_logo"></a>
由斜线、冒号、散列符号分隔。
超文本传输协议（HTTP）：以访问资源的 方式来寻找Web服务器的方式。
2019/5/9
中原工学院信息商务学院计科系
3
7.1.2 路径的概念
在网页中，最常用的链接对象是链接路径。 链接路径分为绝对路径和相对路径。
绝对路径是一个完整的路径地址，如： /index.aspx ；
如果只想给图像的某些区域添加链接，点击不同的区
域可以打开不同的链接，这样的链接就叫做图像热点
链接，图像的带链接的区域就称为热点。选中要创建
图像热点链接的图像，在【属性】面板的如下区域进
行设置：
创建图像热点链接的工具
以上四个按钮从左到右，分别为如下工具：
选择工具：可以对热点区域进行选择和调整；
<a
代码
href="mailto:a1234514@16
">我的邮箱</a>
空链接：是指链接对象是一个#的链接。有的时候，链 接对象还未确定，又想让元素显示为链接时，可以使 用它。当点击空链接时，某些浏览器可能会跳到页面 的顶部。
2019/5/9
中原工学院信息商务学院计科系
9
创建脚本链接
第二步：链接到的刚创建的命名锚点
创建一个普通的超链接，将【链接】文本框的值设置为：#+刚才创 建的锚点名称（#to_logo）就可以了。
2019/5/9
中原工学院信息商务学院计科系
8
创建Email链接和空链接
E-mail链接：是指链接对象是一个E-mail地址的链
接。
点击
设置E-mail链接的属性
矩形工具按钮：绘制一个矩形的热点区域；
2019/5/9
中原工学院信息商务学院计科系
11
创建图像映射链接
创建图像热点链接的工具
圆形工具按钮：绘制一个圆形的热点区域；
多边形工具按钮：绘制一个不规则多边形的热点区 域。
2019/5/9
中原工学院信息商务学院计科系
12
创建பைடு நூலகம்像热点链接
用选择工具选中相应的热点区域后， 即可在【属性】面板设置它的链接 地址等信息
2019/5/9
中原工学院信息商务学院计科系
14
中原工学院信息商务学院计科系
5
创建普通超链接
点击
绝对路径
创建文本链接
效果图
相对路径
选择
2019/5/9
中原工学院信息商务学院计科系
相对于Untitled1.html这个网页
6
创建普通超链接
目标属性（target）的四个值：
_blank：在新窗口打开链接；
_self：在原窗口打开链接；（默认值）
脚本链接：是指链接对象是一段JavaScript脚本或一 个JavaScript函数名的链接 。使用这种链接，我们 可以调用一段JS脚本，以实现某些特殊效果。
点击链接后的弹出窗口
Javascript:alert(‘……’)
2019/5/9
中原工学院信息商务学院计科系
10
7.3 创建图像映射链接
超链接分类：按照链接路径的不同，网页中超链接 一般分为: 内部链接，锚点链接和外部链接。按照 使用对象的不同，网页中的链接又可以分为：文本 超链接，图像链接，E-mail链接，文件链接，空 链接，脚本链接等。
2019/5/9
中原工学院信息商务学院计科系
2
7.1.1 URL的概念
URL代表全球资源定位器，其功能提供一 种在Internet上查找东西的标准方法。
第七章
超级链接的应用
2019/5/9
中原工学院信息商务学院计科系
1
7.1 超级链接概述
超链接是网页中重要组成部分，利用它不仅可以链 接到其他网页，还可以链接到其他图像文件、多媒 体文件及下载程序，也可以利用它在网页内部进行 链接或是发送E-mail等。在Dreamweaver中， 可以将文档中的任何文字及任意位置的图片设置为 超链接。
2019/5/9
中原工学院信息商务学院计科系
4
7.2 创建超级链接
文档链接 锚点链接 E-mail链接 脚本链接 空链接 下载文件链接
2019/5/9
距形 热点
圆形 多边形热点 热点
图像左上角的坐标是（0,0）
2019/5/9
中原工学院信息商务学院计科系
13
创建图像热点链接
上图的HTML代码：
<img src="main.jpg" width="323" height="141" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="rect" coords="4,62,118,83" href="" target="_blank" alt="这是教学楼 " /> <area shape="circle" coords="166,114,23" href="#" /> <area shape="poly" coords="313,60,244,58,201,58,198,79,224,79,227,90,291,84,3 11,85" href="#" /> </map>
_top：在整个窗口中打开链接，在有框架的页面中才有效果， 否则效果和_self看到的一样；
_parent：在父框架中打开链接，如果含有该链接的框架不 是嵌套的，则效果_top。
说明：图像超链接本质就是将<a>的元素内容 由文本替换为图像而已，我们可以直接选中图 像后，在【属性】面板中对【链接】和【目标】 两栏进行设置就可以为图像设置超链接了。
2019/5/9
中原工学院信息商务学院计科系
7
创建锚点链接（书签链接）
它用于那些内容庞大繁琐的网页，通过点击命名锚点， 不仅让我们能指向文档，还能指向页面里的特定段落， 让链接对象更加精准、细粒度化，便于浏览者查看网 页内容。
第一步：在需要链接到的位置处创建命名锚点
点击
设置锚点名字
代码
<a name="to_logo" id="to_logo"></a>
由斜线、冒号、散列符号分隔。
超文本传输协议（HTTP）：以访问资源的 方式来寻找Web服务器的方式。
2019/5/9
中原工学院信息商务学院计科系
3
7.1.2 路径的概念
在网页中，最常用的链接对象是链接路径。 链接路径分为绝对路径和相对路径。
绝对路径是一个完整的路径地址，如： /index.aspx ；
如果只想给图像的某些区域添加链接，点击不同的区
域可以打开不同的链接，这样的链接就叫做图像热点
链接，图像的带链接的区域就称为热点。选中要创建
图像热点链接的图像，在【属性】面板的如下区域进
行设置：
创建图像热点链接的工具
以上四个按钮从左到右，分别为如下工具：
选择工具：可以对热点区域进行选择和调整；
<a
代码
href="mailto:a1234514@16
">我的邮箱</a>
空链接：是指链接对象是一个#的链接。有的时候，链 接对象还未确定，又想让元素显示为链接时，可以使 用它。当点击空链接时，某些浏览器可能会跳到页面 的顶部。
2019/5/9
中原工学院信息商务学院计科系
9
创建脚本链接
第二步：链接到的刚创建的命名锚点
创建一个普通的超链接，将【链接】文本框的值设置为：#+刚才创 建的锚点名称（#to_logo）就可以了。
2019/5/9
中原工学院信息商务学院计科系
8
创建Email链接和空链接
E-mail链接：是指链接对象是一个E-mail地址的链
接。
点击
设置E-mail链接的属性
矩形工具按钮：绘制一个矩形的热点区域；
2019/5/9
中原工学院信息商务学院计科系
11
创建图像映射链接
创建图像热点链接的工具
圆形工具按钮：绘制一个圆形的热点区域；
多边形工具按钮：绘制一个不规则多边形的热点区 域。
2019/5/9
中原工学院信息商务学院计科系
12
创建பைடு நூலகம்像热点链接
用选择工具选中相应的热点区域后， 即可在【属性】面板设置它的链接 地址等信息
2019/5/9
中原工学院信息商务学院计科系
14
中原工学院信息商务学院计科系
5
创建普通超链接
点击
绝对路径
创建文本链接
效果图
相对路径
选择
2019/5/9
中原工学院信息商务学院计科系
相对于Untitled1.html这个网页
6
创建普通超链接
目标属性（target）的四个值：
_blank：在新窗口打开链接；
_self：在原窗口打开链接；（默认值）
脚本链接：是指链接对象是一段JavaScript脚本或一 个JavaScript函数名的链接 。使用这种链接，我们 可以调用一段JS脚本，以实现某些特殊效果。
点击链接后的弹出窗口
Javascript:alert(‘……’)
2019/5/9
中原工学院信息商务学院计科系
10
7.3 创建图像映射链接
超链接分类：按照链接路径的不同，网页中超链接 一般分为: 内部链接，锚点链接和外部链接。按照 使用对象的不同，网页中的链接又可以分为：文本 超链接，图像链接，E-mail链接，文件链接，空 链接，脚本链接等。
2019/5/9
中原工学院信息商务学院计科系
2
7.1.1 URL的概念
URL代表全球资源定位器，其功能提供一 种在Internet上查找东西的标准方法。
第七章
超级链接的应用
2019/5/9
中原工学院信息商务学院计科系
1
7.1 超级链接概述
超链接是网页中重要组成部分，利用它不仅可以链 接到其他网页，还可以链接到其他图像文件、多媒 体文件及下载程序，也可以利用它在网页内部进行 链接或是发送E-mail等。在Dreamweaver中， 可以将文档中的任何文字及任意位置的图片设置为 超链接。