3.1创建内部链接 课件 - 2022-2023学年高二下学期（中职）《网页设计与制作》（武汉大学版）

第3章 掌握网站灵魂之超链接 创建内部链接 3.1 创建外部链接 3.2 3.1 创建内部链接 3.1.1 创建文本链接 3.1.2 创建图像链接 3.1.3 制作图像映射 3.1.4 插入电子邮件链接 3.1.5 创建锚点链接 3.1.6 创建空链接 3.1.7 知识拓展 3.1.1 创建文本链接 创建文本链接的操作步骤如下： 　　（1）打开diqiu.html，在标题“人类，只有一个地球”的上方，添加文字“首页”、“环境篇”、“风景相册”，如下图所示。 （2）在文档窗口选中文字“首页”，单击属性面板“链接”下拉列表框右侧的“选择文件”按钮，弹出“选择文件”对话框，选择要链接到的网页文件，即可链接到这个网页，如下图所示。 3.1.1 创建文本链接 3.1.1 创建文本链接 也可以通过拖动“链接”后的“指向文件”按钮到站点中的相应网页文件，即可链接到这个网页，如下图所示。 3.1.1 创建文本链接 3.1.1 创建文本链接 　此外，还可以直接将地址输入到“链接”文本框里来链接一个页面。 　　用同样的方法，可创建“环境篇”和“风景相册”的链接，分别为huanjing.html和photo.html文件。 3.1.1 创建文本链接 3.1.2 创建图像链接 创建图像链接和创建文本链接一样，也有3种方法，这里就不再重复了。这里将链接的文件指定为diqiu.html文件，按F12键预览，将鼠标移动到网页中的图像上，光标会变成小手的形状，表示有链接，如下图所示。 在图像任意位置上单击，就会自动跳转到diqiu.html页面。 3.1.2 创建图像链接 3.1.3 制作图像映射 图像映射也称热区链接，就是指定图像一部分区域链接到一个网页，另一部分链接到另一个网页。 制作图像映射的具体操作步骤如下： （1）打开一个空白文档，插入图像文件，如下图所示。 3.1.3 制作图像映射 （2）选中图像，通过属性面板设置图像属性。属性面板左下角的一排按钮是选区及绘制热区的工具，箭头光标为选区，其他3项功能分别为绘制方形热区、圆形热区、不规则热区，如下图所示。 3.1.3 制作图像映射 　（3）单击一个热区按钮，然后在图像上需要创建热区的位置拖动鼠标，即可创建热区。建立的热区为一个蓝色的半透明块，单击这个透明块可以选中它，也可以在选中后按“Delete”键将它删除。 选中的部分被称为图像热点，属性面板也变为热点面板，如下图所示。 3.1.3 制作图像映射 3.1.3 制作图像映射 （4）选中图像热点，在属性面板的“链接”文本框中设置超链接即可。 　　（5）保存页面，按F12键预览。 3.1.3 制作图像映射 3.1.4 插入电子邮件链接 为了获得浏览者对网站的建议以及业务需要，往往需要在网页中设置电子邮件链接，使浏览者点击电子邮件链接时就会自动发送电子邮件给指定的电子邮件地址。 　　打开index.html文件，在页面中插入电子邮件链接。 方法1：定位光标，然后单击“常用”选项卡中的“电子邮件链接”按钮，弹出“电子邮件链接”对话框，在“文本”文本框中输入要链接的文本，在“E-Mail”文本框中输入邮箱地址即可，如下图所示。 3.1.4 插入电子邮件链接 方法2：（1）选中需要建立电子邮件链接的文字。在属性面板的“链接”文本框中输入“mailto：”，再输入链接的电子邮件地址，如下图所示。 3.1.4 插入电子邮件链接 3.1.4 插入电子邮件链接 （2）按F12键预览，单击电子邮件超链接就会自动弹出“新邮件”窗口，如下图所示。 3.1.4 插入电子邮件链接 3.1.5 创建锚点链接 所谓锚点链接，是指在同一个页面中的不同位置的链接。当网页的内容和信息量很多时，就可以用锚点链接来指引浏览者进行阅读。锚点链接就像一本书中的书签一样，能够快速重定向网页的特定位置（比如快速到页首、页尾或者网页中某篇文章处），便于浏览者查看网页内容。 　 　 创建锚点链接的过程分为两步：创建锚记和链接到锚记。 　　第一步：创建锚记 第二步：链接到锚记 3.1.5 创建锚点链接 3.1.6 创建空链接 链接就是没有链接对象的链接，利用空链接可以激活文档中链接对应的对象、文本或图像等，当对象或文本等被激活后就可以为