1.4 建立网页间的超链接（教学课件）-信息科技第二册同步教学（河北大学版2023）

建立网页间的超 链 接 1 Frontpage 页 网 1 / 学会设置文字上的超链接 2 / 学会建立书签链接 3 / 学会对图片设置热区超链接 4 / 学会建立指向E-mail的超链接 学习目标 PPT模板 http:///moban/ 2 制作好各孤立网页之后，通过设置恰当的超链接建立起联系，为浏览者提供方便、快捷、自由地选择阅读网页的途径。 学习任务 网页 3 超链接是以文字、图片、按钮等为载体，从一个网页指向另一个目标端的链接。 超 链 接 超链接 4 1. 检查制作好的独立页面是否都已加入到本网站中。 2. 建立主页与各页之间的超链接。 3. 还有热区、邮件、下载等不同形式的超链接，根据网页内容进行设置。 任务分析 网页 5 操 作 指 南 1.建立主页到其他页面的超链接 2.建立“书签”链接 3.对图片设置热区超链接 4.在“电子邮件地址”文本框中输入E-mail地址 5.测试效果 1 2 3 1.建立主页到其他页面的超链接 （1）设置文字上的超链接 （2）建立主页与其他页面的超链接 （3）预览，查看效果 PPT下载 http://www.1ppt.com/xiazai/ 2.建立“书签”链接 （1）打开“美食之旅页面” （2）插入—书签 （3）插入页面中其他书签 （4）建立链接 （5）完成其他书签链接设置， 并预览效果 PPT下载 http://www.1ppt.com/xiazai/ 小 组 探 究 请同学们以小组为单位，探究在阅读书签链接的内容后，如何返回到网页列出的内容目录处？ 提 示 在具体内容的下面添加“返回”文字，在网页开头插入一个书签，然后建立“返回”文字与此书签的超链接。 3.对图片设置热区超链接 （1）右键—显示图片工具栏 （2）多边形热点工具 （3）绘制多边形 （4）在不同区域建立其他热区 PPT下载 http://www.1ppt.com/xiazai/ 3.对图片设置热区超链接 （1）右键—显示图片工具栏 （2）多边形热点工具 （3）绘制多边形 （4）在不同区域建立其他热区 PPT下载 http://www.1ppt.com/xiazai/ 4.在主页中建立指向E-mail的超链接 （1）插入超链接载体 （2）打开“插入超链接”对话框 （3）电子邮件地址 （4）输入E-mail地址 PPT下载 http://www.1ppt.com/xiazai/ 5. 测试结果 超链接建立之后要进行测试。一般在预览环境下，当鼠标指针指向超链接时，出现光标，单击鼠标即可跳转到此超链接对应的目标端。 PPT下载 http://www.1ppt.com/xiazai/ 知识链接 1.设置超链接的文本颜色 （1）右键网页任意位置 （2）快捷菜单—网页属性 （3）格式—超链接—设置字体颜色 PPT下载 http://www.1ppt.com/xiazai/ 知识链接 2.删除一个超链接 （1）选定超链接—Delete （2）选定超链接—超链接属性—编辑超链接—删除链接 PPT下载 http://www.1ppt.com/xiazai/ 请同学们以小组为单位，制作好各孤立网页之后，通过设置恰当的超链接建立起联系，为浏览者提供方便、快捷、自由地选择阅读网页的途径，并展示汇报 课堂练习 网页 17 课后作业 (1)插入超链接后，链接部分的内容在视觉上有什么特点? (2)在浏览网页时注意观察超链接的文本颜色，对网页中所设置的颜色满意吗?若不满意，自己尝试修改颜色。 PPT下载 http://www.1ppt.com/xiazai/ 课后作业 (3)浏览器中的某个页面中的文字可以直接复制到正在编辑的网页中，也可以先复制到记事本中，再从记事本复制到正在编辑的网页中。两种操作有什么区别吗? (4)浏览器中的某个页面中的图片能直接复制到正在编辑的网页中吗?为什么? PPT下载 http://www.1ppt.com/xiazai/ Frontpage 页 网 1 / 设置文字上的超链接 2 / 建立书签链接 3 / 对图片设置热区超链接 4 / 建立指向E-mail的超链接 课堂总结 PPT模板 http:///moban/ 20 下 节 课 见 ！ 21 $$