第14课 使用超链接实现网页的跳转 课件-2021-2022学年教科版信息技术八年级上册

第14课 使用超链接实现网页的跳转 厦门市松柏中学信息技术教学课件 廖鹭峰 1 目录 建立网页超链接 建立锚点链接 1 2 2 1 建立网页超链接 3 打开网站中的网页“qushi.html” 1 2 选中“蝴蝶之最”文字下面的图片，在“属性”面板中单击“链接”文本框右侧的文件夹图标，在文件夹“qushi”中找到“zhizui.html”文件名，选中，单击“确定”即可（也可使用拖动链接的方式） 建立网页超链接 4 使用同样的方法，给文字“蝴蝶定理”和“蝴蝶效应”建立页面超链接，超链接到文件夹“qushi”下的网页文件“dingli.html”（蝴蝶定理）和“xiaoying.html”（蝴蝶效应） 3 建立网页超链接 4 保存文件，并进行预览，点击各个超链接图片检查链接结果 5 打开网站中的网页“wenhua.html”，给“诗词中的蝴蝶”、“书画中的蝴蝶”、“蝴蝶艺术品”、“蝴蝶结”栏目建立页面超链接，分别链接到文件夹“wenhua”下的网页“sici.html”、“huazhong.html”、 “yishupin.html”、“hudiejie.html”。 保存网页文件：“文件”——“保存”，并进行预览，点击各个超链接图片检查链接结果。 建立网页超链接练习操作 6 2 建立锚点链接 7 打开网站中的网页“jiben.html” 建立锚点链接 01 光标定位到文字“蝴蝶简介（返回文字）”前，执行“插入→命名锚记”，输入锚记名称“jianjie”，单击“确定”按钮。 02 8 选中网页中标题文字“蝴蝶简介（转图片）”，在“属性”面板“链接”文本框中输入“#jianjie”，链接到对应的锚点，即可建立锚点链接。 建立锚点链接 03 9 给网页文件“jiben.html”中的“蝴蝶的生长发育（转图片）”、“蝴蝶的形态特征（转图片）”、“蝴蝶的生活习性（转图片）”建立锚点链接到图片的位置“蝴蝶的生长发育（返回文字）” 、“蝴蝶的形态特征（返回文字）”、“蝴蝶的生活习性（返回文字）”。 保存网页文件：“文件”——“保存” 建立锚点链接练习 10 有能力的同学，按上面操作方法，在文字的位置也建立锚点，图片的位置建立链接，使得我们看完图片以后能够迅速地返回到相应的文字的位置。 对网页中“蝴蝶的生长发育（返回文字）”建立锚点链接到文字位置“