第14课 使用超链接实现网页的跳转 课件（12张ppt）

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