超级链接优秀课件
合集下载
超链接 ppt课件
详细描述
在制作PPT课件时，应避免在幻灯片中设置过多的超链接，以免观众在浏览时感到困惑。适当的超链 接可以引导观众深入了解内容，但过多的超链接会干扰观众的注意力，降低课件的可读性。
注意超链接的可用性
总结词
确保超链接的有效性和准确性，避免出 现死链或错误链接。
VS
详细描述
在设置超链接时，应仔细检查链接的目标 地址，确保链接有效且准确。同时，应测 试超链接在课件中的实际效果，避免出现 死链或错误链接的情况。有效的超链接能 够提高课件的质量和用户体验。
优化页面布局和排版
保持简洁明了
页面布局应简洁明了，避免过多 的元素和复杂的背景设计，以便
观众更好地关注演示内容。
合理利用空间
合理利用页面空间，将内容按照重 要性和逻辑关系进行排版，突出重 点信息，提高演示的可读性和易理 解性。
统一风格和字体
保持整个PPT的风格和字体统一， 以增强演示的整体感和专业性。
THANKS。
超链接PPT课件制作
目 录
• 引言 • 如何创建超链接 • 超链接的应用场景 • 超链接的注意事项 • 超链接PPT课件的优化建议
01
引言
什么是超链接PPT课件
超链接PPT课件是一种利用 PowerPoint软件制作的，通过超链 接实现不同幻灯片之间、幻灯片与其 他网页或文件之间跳转的多媒体课件 。
增加交互性和趣味性
使用问答形式
在演示过程中穿插问答环节，增 强与观众的互动，提高观众的参
与度和兴趣。
设计互动环节
在PPT中加入互动环节，如投票 、小游戏等，使观众能够主动参 与其中，提高演示的趣味性和吸
引力。
提供反馈和奖励
在演示过程中给予观众反馈和奖 励，如掌声、鼓励的话语等，激
在制作PPT课件时，应避免在幻灯片中设置过多的超链接，以免观众在浏览时感到困惑。适当的超链 接可以引导观众深入了解内容，但过多的超链接会干扰观众的注意力，降低课件的可读性。
注意超链接的可用性
总结词
确保超链接的有效性和准确性，避免出 现死链或错误链接。
VS
详细描述
在设置超链接时，应仔细检查链接的目标 地址，确保链接有效且准确。同时，应测 试超链接在课件中的实际效果，避免出现 死链或错误链接的情况。有效的超链接能 够提高课件的质量和用户体验。
优化页面布局和排版
保持简洁明了
页面布局应简洁明了，避免过多 的元素和复杂的背景设计，以便
观众更好地关注演示内容。
合理利用空间
合理利用页面空间，将内容按照重 要性和逻辑关系进行排版，突出重 点信息，提高演示的可读性和易理 解性。
统一风格和字体
保持整个PPT的风格和字体统一， 以增强演示的整体感和专业性。
THANKS。
超链接PPT课件制作
目 录
• 引言 • 如何创建超链接 • 超链接的应用场景 • 超链接的注意事项 • 超链接PPT课件的优化建议
01
引言
什么是超链接PPT课件
超链接PPT课件是一种利用 PowerPoint软件制作的，通过超链 接实现不同幻灯片之间、幻灯片与其 他网页或文件之间跳转的多媒体课件 。
增加交互性和趣味性
使用问答形式
在演示过程中穿插问答环节，增 强与观众的互动，提高观众的参
与度和兴趣。
设计互动环节
在PPT中加入互动环节，如投票 、小游戏等，使观众能够主动参 与其中，提高演示的趣味性和吸
引力。
提供反馈和奖励
在演示过程中给予观众反馈和奖 励，如掌声、鼓励的话语等，激
《dw教学课件》第三讲----超级链接
跳转菜单是一个下拉菜单，其中的每个选项都是一 个超级链接。其占的空间小，所能包含的菜单项却 很多，所以经常用于有很多内容需要分类的情况。 创建跳转菜单 插入面板下的表单下的跳转菜单按钮 插入－表单－跳转菜单 修改跳转菜单 （选中代码，在属性栏中“列表值”中进行修改)
16
2、鼠标经过图像 3、使用导航条
20
上机作业
练习利用各种链接方式创建链接
21
注意：用了“高级”中的a:link a:hover时，则网页中所 有链接都会与之相同的设置
14
方法二:定义“样式表”设置 新建样式中,选”高级”会有4种状态可选.分别为: a:link a:hover a:visited a:active
15
任务三、超级链接的应用
1、在跳转菜单上建立超级链接
11
锚点链接的创建方法 ①定义锚点：用锚点来定义目标 注意:锚点名称只可用字母和数字并以字母开头 ②链接（链接到本文档的指定位置）
可以是本文档之内,也可以是其他文档里面的
本文档之内：链接：＃＋锚点名称 不同文本之间的链接： ⅰ在外部文档的某位置定义锚点 ⅱ链接：插入锚点的文件名＋＃＋锚点名称
6
任务二、创建超级链接
1、超级链接的分类 网站外部链接
普通链接 网站内部链接
锚点链接 电子邮件链接 下载文件链接 空链接
7
2、创建方法
使用属性面板 右击创建超级链接 插入菜单下的超级链接 使用“指向文件”图标链接文档 使用”超链接“命令按钮
8
①普通链接 网站外部的链接（链接到某一个外部文件） 网站内部的链接
5
3、绝对路径和相对路径 绝对路径：是包括服务器的完整路径。主要用于外 部链接，即网站与网站间的链接。 如： 相对路径：只包含当前文档的文件夹的路径。主要 用于网站内部连接，即站内的网页与网页间的链接。
16
2、鼠标经过图像 3、使用导航条
20
上机作业
练习利用各种链接方式创建链接
21
注意：用了“高级”中的a:link a:hover时，则网页中所 有链接都会与之相同的设置
14
方法二:定义“样式表”设置 新建样式中,选”高级”会有4种状态可选.分别为: a:link a:hover a:visited a:active
15
任务三、超级链接的应用
1、在跳转菜单上建立超级链接
11
锚点链接的创建方法 ①定义锚点：用锚点来定义目标 注意:锚点名称只可用字母和数字并以字母开头 ②链接（链接到本文档的指定位置）
可以是本文档之内,也可以是其他文档里面的
本文档之内：链接：＃＋锚点名称 不同文本之间的链接： ⅰ在外部文档的某位置定义锚点 ⅱ链接：插入锚点的文件名＋＃＋锚点名称
6
任务二、创建超级链接
1、超级链接的分类 网站外部链接
普通链接 网站内部链接
锚点链接 电子邮件链接 下载文件链接 空链接
7
2、创建方法
使用属性面板 右击创建超级链接 插入菜单下的超级链接 使用“指向文件”图标链接文档 使用”超链接“命令按钮
8
①普通链接 网站外部的链接（链接到某一个外部文件） 网站内部的链接
5
3、绝对路径和相对路径 绝对路径：是包括服务器的完整路径。主要用于外 部链接，即网站与网站间的链接。 如： 相对路径：只包含当前文档的文件夹的路径。主要 用于网站内部连接，即站内的网页与网页间的链接。
超级链接ppt课件
Байду номын сангаас
5.1超级链接根底
3：创建一个完好的超级链接必需思索的4个方面： ①链接的载体 ②链接的目的 ③链接的途径 ④链接目的的翻开方式
5.2超级链接的途径
• 对途径能否正确了解是确保设置里链接正确的 先决条件，如不正确的了解途径，能够会出现 所设置的链接在本地可以正确执行，但在别的 计算机和上传到互联网中就不能运用，网页中 的图片也不能正确的显示出来。所以要学习链 接途径的相关知识。
1.锚记链接 锚记，也称为书签或锚点，用来标志文档中的特定位 置。 在网页中创建锚记链接的步骤：
一是先在网页中创建锚记 〔如：a name =“pmteatime〞〕
二是为已创建好的锚记建立链接。(a herf=“#pmteatime〞)。
5.5几种特殊的超级链接的创建
〔1〕创建锚记 操作思绪：将光标移到需求参与锚记的地方，单击插 入“常用〞面板上的按钮，或是选择主窗口的菜单 “插入〞|“命名锚记〞命令，在弹出“命名锚记〞 对话框中完成设置即可。 【注】：锚记建立后，假设看不到，请执行查看|可 视化助理|不可见元素菜单命令，显示锚记标志。
它制定网站内文档链接的最好方法。在处置运用多 个效力器的大型 Web 站点，或者在运用承载有多 个不同站点的效力器时，能够需求运用这些类型 的途径；假设不熟习此类型的途径，最好坚持运 用文档相对途径。
5.3超级链接的分类
采用的划分规范不同，划分出的类型也不尽一样。
１.按照链接途径或链接目的的不同，网页中的超链 接普通分为内部链接、外部链接、锚点链接和电子 邮件超级链接4种类型。 内部链接：即在同一个站点内的不同页面(文档)之 间的超级链接。
〔1〕在属性面板上的“链接〞文本框中输入符号# 和锚记称号。 〔2〕按住属性面板上的“指向文件〞按钮，并拖动 鼠标指向锚记。 〔3〕选择文字或图片后，按住Shift键，然后拖动 鼠标指向锚记。
5.1超级链接根底
3：创建一个完好的超级链接必需思索的4个方面： ①链接的载体 ②链接的目的 ③链接的途径 ④链接目的的翻开方式
5.2超级链接的途径
• 对途径能否正确了解是确保设置里链接正确的 先决条件，如不正确的了解途径，能够会出现 所设置的链接在本地可以正确执行，但在别的 计算机和上传到互联网中就不能运用，网页中 的图片也不能正确的显示出来。所以要学习链 接途径的相关知识。
1.锚记链接 锚记，也称为书签或锚点，用来标志文档中的特定位 置。 在网页中创建锚记链接的步骤：
一是先在网页中创建锚记 〔如：a name =“pmteatime〞〕
二是为已创建好的锚记建立链接。(a herf=“#pmteatime〞)。
5.5几种特殊的超级链接的创建
〔1〕创建锚记 操作思绪：将光标移到需求参与锚记的地方，单击插 入“常用〞面板上的按钮，或是选择主窗口的菜单 “插入〞|“命名锚记〞命令，在弹出“命名锚记〞 对话框中完成设置即可。 【注】：锚记建立后，假设看不到，请执行查看|可 视化助理|不可见元素菜单命令，显示锚记标志。
它制定网站内文档链接的最好方法。在处置运用多 个效力器的大型 Web 站点，或者在运用承载有多 个不同站点的效力器时，能够需求运用这些类型 的途径；假设不熟习此类型的途径，最好坚持运 用文档相对途径。
5.3超级链接的分类
采用的划分规范不同，划分出的类型也不尽一样。
１.按照链接途径或链接目的的不同，网页中的超链 接普通分为内部链接、外部链接、锚点链接和电子 邮件超级链接4种类型。 内部链接：即在同一个站点内的不同页面(文档)之 间的超级链接。
〔1〕在属性面板上的“链接〞文本框中输入符号# 和锚记称号。 〔2〕按住属性面板上的“指向文件〞按钮，并拖动 鼠标指向锚记。 〔3〕选择文字或图片后，按住Shift键，然后拖动 鼠标指向锚记。
五章超链接ppt课件-文档资料
（1）在【插入】面板的【常用】模式中，单击【电子邮件 链接】 按钮 。
（2）弹出如图所示的【电子邮件链接】对话框中，输入
“文本”和“E-mail” 地址，然后单击【确定】按钮。
第五章 超链接
13
5.3 超链接的设置
5.3.3 电子邮件链接
或选中文本“写信给我”，在【属性】面板的
“链接”文本框中，键入“mailto:abc163”，即
5.3.6 图像链接
方法与文本链接一样，选择“图像”对象，在【属性】板
的链接文本框右侧的【指向文件】按钮
或【浏览文件】按钮
或直接在文本框中输入被链接的网页文档的路径，如图所示。
第五章 超链接
20
5.3 超链接的设置
5.3.7 图像热点链接
热点链接也称热区链接，也有的称图像地图。图像热点链接
• 超链接的分类
根据源端点的不同，超级链接可分为文本超级链接、图像超级链接 和表单超级链接。 根据目标端点的不同，可分为内部超级链接、外部超级链接、电子 邮件超级链接和锚记超级链接。
第五章 超链接
4
5.2 超链接路径
• 绝对路径
绝对路径是指某个文件在网络上的完整路径，包括协议、主机 名、路径、文件名等。例如： 。链接到其它站点的页面 文档时，必须使用绝对路径。
第五章 超链接
6
5.3 超链接的设置
5.3.1 文本链接
使用【属性】面板中的“链接”，先在网页中选择要进行链
接设置的文本，再通过链接文本框右侧的【指向文件】按钮
或【浏览文件】按钮 或直接在文本框中输入被链接的网页文 档的路径，来进行文本链接的设置，如图所示。
第五章 超链接
7
5.3.1 文本链接
（2）弹出如图所示的【电子邮件链接】对话框中，输入
“文本”和“E-mail” 地址，然后单击【确定】按钮。
第五章 超链接
13
5.3 超链接的设置
5.3.3 电子邮件链接
或选中文本“写信给我”，在【属性】面板的
“链接”文本框中，键入“mailto:abc163”，即
5.3.6 图像链接
方法与文本链接一样，选择“图像”对象，在【属性】板
的链接文本框右侧的【指向文件】按钮
或【浏览文件】按钮
或直接在文本框中输入被链接的网页文档的路径，如图所示。
第五章 超链接
20
5.3 超链接的设置
5.3.7 图像热点链接
热点链接也称热区链接，也有的称图像地图。图像热点链接
• 超链接的分类
根据源端点的不同，超级链接可分为文本超级链接、图像超级链接 和表单超级链接。 根据目标端点的不同，可分为内部超级链接、外部超级链接、电子 邮件超级链接和锚记超级链接。
第五章 超链接
4
5.2 超链接路径
• 绝对路径
绝对路径是指某个文件在网络上的完整路径，包括协议、主机 名、路径、文件名等。例如： 。链接到其它站点的页面 文档时，必须使用绝对路径。
第五章 超链接
6
5.3 超链接的设置
5.3.1 文本链接
使用【属性】面板中的“链接”，先在网页中选择要进行链
接设置的文本，再通过链接文本框右侧的【指向文件】按钮
或【浏览文件】按钮 或直接在文本框中输入被链接的网页文 档的路径，来进行文本链接的设置，如图所示。
第五章 超链接
7
5.3.1 文本链接
网页制作ppt课件第4章超链接
超链接的重要性
总结词
超链接在网页制作中起着至关重要的作用，它能够提高用户体验、增强网站导航、增加网站流量和提升搜索引擎 排名。
详细描述
超链接是网页中不可或缺的一部分，它能够提高用户体验，使用户能够方便地浏览和获取信息。通过设置合理的 超链接，可以增强网站的导航结构，使用户更容易找到所需内容。同时，超链接还可以增加网站的外部链接数量， 提高网站的权重和流量，从而提升搜索引擎排名。
问。
图片链接
总结词
图片链接是指将一张图片设置为超链接 ，当用户点击这张图片时，会跳转到指 定的片链接，首先需要插入一 张图片，然后选中这张图片，选择“插入 ”菜单中的“超链接”选项。在弹出的对 话框中，输入要链接到的网址或文件路径 ，并设置好显示的文字和颜色等属性。点 击确定后，选中的图片就会变成超链接， 用户可以直接点击访问。
确保超链接指向的内容合法、合规， 不涉及任何违法、侵权或不良信息。
避免在超链接中传递任何误导、虚假 或欺诈信息，以免引起法律纠纷和不 良后果。
在使用外部链接时，尊重原网站的版 权和隐私政策，避免侵犯他人的权益。
06
案例分析
优秀超链接案例一
01
案例名称
旅游网站导航栏
02 03
描述
该网站通过超链接将各个旅游景点的页面相互连接，使用户可以轻松跳 转到感兴趣的景点页面，同时每个景点页面都提供了返回主页的超链接， 方便用户浏览。
使用链接管理工具或插件来检 测和清除死链，提高网站的用 户体验和搜索引擎优化效果。
优化用户体验
确保超链接的文本清晰、简洁， 易于理解，避免使用过于复杂或
难以理解的链接描述。
合理规划超链接的位置和布局， 使其符合用户的浏览习惯和阅读
第12课用超级链接设计导航课件(16张ppt)
• 如何检测链接是否正确呢？如果发现有错 误的链接，应该怎么办？
选中该对象，单击 “插入”—— “超链接”，重新修改其超链接，并检 灯片制作素材， 要求必须使用文字、图形图像、动作按钮 来超级链接。
• 两件法宝真好用！ • 一是做好文件备份； • 二是学会使用复制、粘贴！
试一试：小组合作学习，根据设置文字链 接项的方法，小组内合作完成任务老师提 供的小练习。
用一用：根据学习任务（练习），学生小 组合作学习探究如何在目录页设置图片链 接项。
说一说：设置文字链接项和图片链接项后， 与没有链接前有什么不同？
想一想：设置好超级链接后，我们可以单 击左下角中“幻灯片放映”按钮检查链接 效果；当我们看完其中一个内容后，如果 想返回目录页去选择其它内容，该怎么办？
姓名 工作单位 出生日期 兴趣爱好
姓名
曾小荣
工作单位 XX镇中心小学
出生日期
兴趣爱好 运动、维修、网购
怎样制作一个这样的演示文稿呢？
学习要求：
请同学们找找看超级链接的链接项有哪些？
文字、图形图像、动作按钮
如何在目录页设置文本链接项？
（1）选定要设置链接的文字； （2）单击“插入”——“超链接”； （3）在“插入超链接”对话框中单击“本文档中的位 置”； （4）选择要链接幻灯片——确定。
通过“设置动作按钮”来实现。
找一找：如何快捷地找到“动作按钮”？
单击左下角“自选图形”——“动作按 钮”。
• 动作按钮设置方法 （1）选择要插入按钮的幻灯片； （2）单击“自选图形”或“幻灯片放
映”，选择“动作按钮”；
（3）拖动鼠标，画出按钮图标； （4）单击“超链接到”，选择要链接 的幻灯片。
课件设置超级链接夏万龙.ppt
3、表格除了作为网页内容元素外，还是使用最广泛的 内容组织方式之一，通过使用表格可以对素材进行 更加合理、精确的布局。
新课导入：
【设问引导】我们在网络上浏览时，鼠标经过或停留在某些位置、 某些内容上时指针会变成为“小手”形状，这意味着什么？点击鼠标一 般会怎样？（预计学生回答：超练级；打开网页、图片）
参考教学资源自学、探究
[点击以上图片开始自学并尝试完成作业]
课堂小结
1. 要点 2. 发现 3. 感悟
☞重在学以致用
学案导学
复习提问：
1、网站建设工具有哪些？我们重点学习的是哪一个？ 2、网站的第一页我们一般称之为什么？它一般有何作用？ 3、表格除了作为网页内容元素外，
还有什么重要作用？
复习提问（参考答案）：
1、网站建设工具有rontpage、Dreamweaver等。 我们重点学习的是Frontpage。
2、网站的第一页我们一般称之为主页或首页，它一般用来展示 网站最为主要的内容或宣传网站的作用。
【总结引导】超级链接；点击它可以打开网页、图片文件、音乐 文件——甚至下载压缩文件、可执行文件或者发送电子邮件等等。既然 它具有这样的功能，那么我问大家：我们可不可以使用超级链接把一个 网站内的多个各个网页联系起来呀？（预计学生回答：可以。）——是的，可 以。本节课就让我们来学习《网站建设——设置超级链接》。
新课导入：
【设问引导】我们在网络上浏览时，鼠标经过或停留在某些位置、 某些内容上时指针会变成为“小手”形状，这意味着什么？点击鼠标一 般会怎样？（预计学生回答：超练级；打开网页、图片）
参考教学资源自学、探究
[点击以上图片开始自学并尝试完成作业]
课堂小结
1. 要点 2. 发现 3. 感悟
☞重在学以致用
学案导学
复习提问：
1、网站建设工具有哪些？我们重点学习的是哪一个？ 2、网站的第一页我们一般称之为什么？它一般有何作用？ 3、表格除了作为网页内容元素外，
还有什么重要作用？
复习提问（参考答案）：
1、网站建设工具有rontpage、Dreamweaver等。 我们重点学习的是Frontpage。
2、网站的第一页我们一般称之为主页或首页，它一般用来展示 网站最为主要的内容或宣传网站的作用。
【总结引导】超级链接；点击它可以打开网页、图片文件、音乐 文件——甚至下载压缩文件、可执行文件或者发送电子邮件等等。既然 它具有这样的功能，那么我问大家：我们可不可以使用超级链接把一个 网站内的多个各个网页联系起来呀？（预计学生回答：可以。）——是的，可 以。本节课就让我们来学习《网站建设——设置超级链接》。
超级链接PPT课件
(2) 若要链接到 book1.htm（在名为 book1 的子文件 夹中），可使用相对路径 book1/book1.htm。每 个正斜杠 (/) 表示在文件夹层次结构中下移一级。
(3) 若 要 链 接 到 index.html （ 在 父 文 件 夹 中 ， booklist1.htm 向 上 一 级 ） ， 可 使 用 相 对 路 径 ../index.htm。每个 ../ 表示在文件夹层次结构中上移 一级。
方法二：
链接目标文件
将鼠标光标定位于页面中的文字“关于本站”后，选择 主菜单“【插入】→【超级链接】”，弹出“超级链
接”对话框，输入相应内容，如图5-1-6所示。
在“超级链接”对话框中，设置以下选项： ❖ 文本：显示在页面中的文字。 ❖ 链接：所要链接的目标文档。 ❖ 目标：为打开的窗口类型（详见本例最后一段）。 ❖ 标题：为鼠标置于链接文字上方时所出现的提示。 效果如图5-1-7所示。
(4) 若要链接到 picture1.htm（在父文件夹的其它子文 件夹中），可使用相对路径 ../mypictures/picture1.htm。其中 ../ 向上移至父文 件夹； mypictures/ 向下移至 mypictures子文件夹 中。
3、站点根目录相对路径
站点根目录相对路径以一个正斜杠(/)开始，该正斜杠 表 示 站 点 根 文 件 夹 。 例 如 ， /mybooks/ booklist1.htm 是文件 (booklist1.htm) 的站点根目录 相对路径，该文件位于站点根文件夹的 mybooks子文 件夹中。
方法三： 打开属性面板，选择“链接(L)”右边的“指向文件” 图标“”，拖动该图标至站点目录下的 “learnlanguage.htm”文件，即可自动生成链接。 如图5-1-8所示。
(3) 若 要 链 接 到 index.html （ 在 父 文 件 夹 中 ， booklist1.htm 向 上 一 级 ） ， 可 使 用 相 对 路 径 ../index.htm。每个 ../ 表示在文件夹层次结构中上移 一级。
方法二：
链接目标文件
将鼠标光标定位于页面中的文字“关于本站”后，选择 主菜单“【插入】→【超级链接】”，弹出“超级链
接”对话框，输入相应内容，如图5-1-6所示。
在“超级链接”对话框中，设置以下选项： ❖ 文本：显示在页面中的文字。 ❖ 链接：所要链接的目标文档。 ❖ 目标：为打开的窗口类型（详见本例最后一段）。 ❖ 标题：为鼠标置于链接文字上方时所出现的提示。 效果如图5-1-7所示。
(4) 若要链接到 picture1.htm（在父文件夹的其它子文 件夹中），可使用相对路径 ../mypictures/picture1.htm。其中 ../ 向上移至父文 件夹； mypictures/ 向下移至 mypictures子文件夹 中。
3、站点根目录相对路径
站点根目录相对路径以一个正斜杠(/)开始，该正斜杠 表 示 站 点 根 文 件 夹 。 例 如 ， /mybooks/ booklist1.htm 是文件 (booklist1.htm) 的站点根目录 相对路径，该文件位于站点根文件夹的 mybooks子文 件夹中。
方法三： 打开属性面板，选择“链接(L)”右边的“指向文件” 图标“”，拖动该图标至站点目录下的 “learnlanguage.htm”文件，即可自动生成链接。 如图5-1-8所示。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
10
(2).创建图像热点链接
绘制热点
选择图像，使用图形工具栏中的热
点绘制工具绘制热点区域。
建立超级链接
绘制完热点，图像上会出现热点的
边框，并出现创建超级链接的对话 框，输入超级链接的地址。
11
三、检查、修改超链接
跟踪链接
在超级链接视图中观看链接情况
修改链接的颜色
单击右键，打开网页属性对话框。
14
二、建立框架式网页
1.创建框架页：新建→网页 2.在框架中放置网页
三、保存框架式网页
15
四、设置框架属性
可以调整框架的大小，决定 是否出现框架边框和滚动条， 设置框架的初始页面等等。
选中框架，单击右键，从快 捷菜单中选择框架属性，打开 框架属性对话框。
16
框架属性对话框
17
框架网页对话框
五、框架式网页的链接
3.为链接目标指定目标框架
网页默认值（main）：默认框架。
相同框架：链接载体所在的框架。 整页：没有框架。 新建窗口：重新开一个窗口。 父框架：调用目标的框架。
23
二、建立框架式网页
1.创建框架页
选择文件 > 新建 > 页面，弹出
新建对话框。
选择框架网页选项卡 选择一个框架模板 单击确定。
8
2.创建图像链接 图像链接一个目标
与文本载体一样，区别是先
选中图像。 图像链接多个目标 创建图像热点链接
9
(2).创建图像热点链接
图像热点是建立在一幅图像内的 多个超级链接触发点，热点实际上是 一个区域，所以也可以叫热区。每一 个图像热点可以指向一个超级链接目 标。当浏览者的鼠标移动到热点内， 鼠标变形（小手），单击鼠标，就可 以转到链接目标。
24
二、建立框架式网页
2.在框架中放置网页 在新建的框架网页中，每个框架都有 两个按钮：设置初始网页、新建网页。
选择设置初始网页，可以打开一 个网页。
选择新建网页，则新建一个网页。
25
三、改变框架属性
名称：系统默认值，可自己定义。 初始网页：可以修改，重新指定。 框架大小：相对、绝对。 边距：文本与框架边框的距离。 显示滚动条：从不、始终、需要时。 框架边框：单击框架网页按钮，可 设置框架边框。
6
关于文档路径
绝对路径：被链接文档的完整URL， 包括传输协议（http://）。在创建 外部链接时，必须使用绝对路径。 相对路径：以当前文档所在位置为 起点到被链接文档经由的路径。内 部链接（同一网站内）时使用相对 路径比较方便。
7
三、创建链接
以文本为载体
1. 2. 3. 4. 5.
链接站点内的网页 链接到其他站点 Email链接 书签链接 文件链接
... 载体 目标
链接载体
链接目标
2
许多页面元素可以作为链接载体
文本 图像、图像热区、悬停按钮…
链接目标可以是任意网络资源
页面 网站 Email
文件(图像、声音、文档、Zip文件…)
书签(页面中的某个位置)
3
超级链接
文本 图像图像热区ຫໍສະໝຸດ 悬停按钮链接载体网页
网站
书签
Email 图像 声音 其他文件
26
四、保存框架式网页
选择文件>保存命令，或单击保 存按钮。 对话框内一个框架处于选中状态， 在文件名框中输入文件名。 重复上述步骤，保存所有网页， 最后一个是框架集网页。
27
五、框架式网页的链接
1.目标框架：
超级链接目标网页（对象） 出现的框架。在框架式网页 的超级链接中一定要为链接 目标指定目标框架。
第三节 超级链接
一、超级链接概述 二、链接分类 三、创建链接 四、检查、修改链接
1
一、超级链接概述
超级链接是指站点内不同网页之间、
站点与Web之间的连接关系，它可以使 站点内的网页成为有机的整体，还能 够使不同站点之间建立联系。 超级链接由两部分组成：链接载体 （源端点）和链接目标（目标端点）。
网络资源
根据链接载体的特点，一般把链接 分为
文本链接：链接载体是文本，简
单实用。 图像链接：链接载体是图像，能 使网页美观、生动活泼。它既可 以指向单个的链接关系，也可以 根据图像不同的区域建立多个链 接。
5
二、链接的分类（目标）
我们可以为文本和图像创建以 下几种链接 内部链接：同一网站文档之间的 链接。 外部链接：不同网站文档之间的 链接。 书签链接：同一网页或不同网页 的指定位置的链接。 E-mail链接：发送邮件的链接。
28
五、框架式网页的链接
2.链接步骤：
选择链接文本。
单击常用工具栏的超链接图标。 输入链接目标后，单击目标框
架按钮，选择目标框架。 单击确定。
29
18
五、框架式网页的链接
1.目标框架：
超级链接目标网页（对 象）出现的框架。在框架式 网页的超级链接中一定要为 链接目标指定目标框架。
19
五、框架式网页的链接
2.链接步骤：
选择链接文本。
单击常用工具栏的超链接图标。 输入链接目标后，单击目标框
架按钮，选择目标框架。 单击确定。
20
21
22
在网页之间复制颜色方案
选择网页属性>背景>从另一网页获得背景信
息。
制作链接的动态效果
选择网页属性>背景>启用超链接翻转效果。
第四节 框架式网页
一、框架概述 二、创建框架式网页 三、保存框架式网页 四、设置框架属性 五、框架中的链接
13
一、框架概述
框架可以把浏览器窗口分成 几个独立的部分，每部分显示 单独的页面。如3框架网页，顶 端框架显示网页标题，下面左 右两个框架，左边显示导航栏， 右边显示超级链接目标。
(2).创建图像热点链接
绘制热点
选择图像，使用图形工具栏中的热
点绘制工具绘制热点区域。
建立超级链接
绘制完热点，图像上会出现热点的
边框，并出现创建超级链接的对话 框，输入超级链接的地址。
11
三、检查、修改超链接
跟踪链接
在超级链接视图中观看链接情况
修改链接的颜色
单击右键，打开网页属性对话框。
14
二、建立框架式网页
1.创建框架页：新建→网页 2.在框架中放置网页
三、保存框架式网页
15
四、设置框架属性
可以调整框架的大小，决定 是否出现框架边框和滚动条， 设置框架的初始页面等等。
选中框架，单击右键，从快 捷菜单中选择框架属性，打开 框架属性对话框。
16
框架属性对话框
17
框架网页对话框
五、框架式网页的链接
3.为链接目标指定目标框架
网页默认值（main）：默认框架。
相同框架：链接载体所在的框架。 整页：没有框架。 新建窗口：重新开一个窗口。 父框架：调用目标的框架。
23
二、建立框架式网页
1.创建框架页
选择文件 > 新建 > 页面，弹出
新建对话框。
选择框架网页选项卡 选择一个框架模板 单击确定。
8
2.创建图像链接 图像链接一个目标
与文本载体一样，区别是先
选中图像。 图像链接多个目标 创建图像热点链接
9
(2).创建图像热点链接
图像热点是建立在一幅图像内的 多个超级链接触发点，热点实际上是 一个区域，所以也可以叫热区。每一 个图像热点可以指向一个超级链接目 标。当浏览者的鼠标移动到热点内， 鼠标变形（小手），单击鼠标，就可 以转到链接目标。
24
二、建立框架式网页
2.在框架中放置网页 在新建的框架网页中，每个框架都有 两个按钮：设置初始网页、新建网页。
选择设置初始网页，可以打开一 个网页。
选择新建网页，则新建一个网页。
25
三、改变框架属性
名称：系统默认值，可自己定义。 初始网页：可以修改，重新指定。 框架大小：相对、绝对。 边距：文本与框架边框的距离。 显示滚动条：从不、始终、需要时。 框架边框：单击框架网页按钮，可 设置框架边框。
6
关于文档路径
绝对路径：被链接文档的完整URL， 包括传输协议（http://）。在创建 外部链接时，必须使用绝对路径。 相对路径：以当前文档所在位置为 起点到被链接文档经由的路径。内 部链接（同一网站内）时使用相对 路径比较方便。
7
三、创建链接
以文本为载体
1. 2. 3. 4. 5.
链接站点内的网页 链接到其他站点 Email链接 书签链接 文件链接
... 载体 目标
链接载体
链接目标
2
许多页面元素可以作为链接载体
文本 图像、图像热区、悬停按钮…
链接目标可以是任意网络资源
页面 网站 Email
文件(图像、声音、文档、Zip文件…)
书签(页面中的某个位置)
3
超级链接
文本 图像图像热区ຫໍສະໝຸດ 悬停按钮链接载体网页
网站
书签
Email 图像 声音 其他文件
26
四、保存框架式网页
选择文件>保存命令，或单击保 存按钮。 对话框内一个框架处于选中状态， 在文件名框中输入文件名。 重复上述步骤，保存所有网页， 最后一个是框架集网页。
27
五、框架式网页的链接
1.目标框架：
超级链接目标网页（对象） 出现的框架。在框架式网页 的超级链接中一定要为链接 目标指定目标框架。
第三节 超级链接
一、超级链接概述 二、链接分类 三、创建链接 四、检查、修改链接
1
一、超级链接概述
超级链接是指站点内不同网页之间、
站点与Web之间的连接关系，它可以使 站点内的网页成为有机的整体，还能 够使不同站点之间建立联系。 超级链接由两部分组成：链接载体 （源端点）和链接目标（目标端点）。
网络资源
根据链接载体的特点，一般把链接 分为
文本链接：链接载体是文本，简
单实用。 图像链接：链接载体是图像，能 使网页美观、生动活泼。它既可 以指向单个的链接关系，也可以 根据图像不同的区域建立多个链 接。
5
二、链接的分类（目标）
我们可以为文本和图像创建以 下几种链接 内部链接：同一网站文档之间的 链接。 外部链接：不同网站文档之间的 链接。 书签链接：同一网页或不同网页 的指定位置的链接。 E-mail链接：发送邮件的链接。
28
五、框架式网页的链接
2.链接步骤：
选择链接文本。
单击常用工具栏的超链接图标。 输入链接目标后，单击目标框
架按钮，选择目标框架。 单击确定。
29
18
五、框架式网页的链接
1.目标框架：
超级链接目标网页（对 象）出现的框架。在框架式 网页的超级链接中一定要为 链接目标指定目标框架。
19
五、框架式网页的链接
2.链接步骤：
选择链接文本。
单击常用工具栏的超链接图标。 输入链接目标后，单击目标框
架按钮，选择目标框架。 单击确定。
20
21
22
在网页之间复制颜色方案
选择网页属性>背景>从另一网页获得背景信
息。
制作链接的动态效果
选择网页属性>背景>启用超链接翻转效果。
第四节 框架式网页
一、框架概述 二、创建框架式网页 三、保存框架式网页 四、设置框架属性 五、框架中的链接
13
一、框架概述
框架可以把浏览器窗口分成 几个独立的部分，每部分显示 单独的页面。如3框架网页，顶 端框架显示网页标题，下面左 右两个框架，左边显示导航栏， 右边显示超级链接目标。