资源简介

第8课 按图索骥
——制作热点超链接
一、学习目标
理解图像热点超链接的含义。
学会绘制各种形状的热区，并为之设置链接目标。
二、图像热点超链接
本课，我们利用图像热点超链接制作我们上学期语文课本中学习过的唐诗五首导航阅读网页。
二、图像热点超链接
第一步，用表格简单布局网页。
1
2
3
二、图像热点超链接
第二步，设置表格属性，复制、粘贴我们学过的唐诗五首文字，并进行美化。
第三步，在左侧导航栏、每首诗歌的下面插入我们制作好的导航图片。
（案例效果如下）
二、图像热点超链接
二、图像热点超链接
第三步，在每首诗歌题目后面插入“命名锚记”。
执行“插入”->“命名锚记”，锚记名称以小写字母开头，例如本例中我们以此命名为命名为“ts1”、“ts2”、“ts3”等，插入命名锚记后，在插入命名锚记的地方会出现 这样的标记，本例如下：
二、图像热点超链接
第四步，选中导航图片，在我们每首诗歌题目上运用矩形热点工具绘制热点区域绘制热点区域。
矩形热点工具
二、图像热点超链接
第五步，绘制完热点区域后对热点区域进行设置。
1 绘制热点区域
2 在#后面输入插入命名的锚记名称
二、图像热点超链接
第六步，我们继续用图像热点制作回到顶部的热点区域。
将每首诗歌下方的“点我回到顶部”图片都绘制热点区域，热点链接全部在#后面输入“top”。
三、预览测试图像热点
至此，我们的图像热点制作完成，保存后按F12快速预览。
思考、查阅
我们没有插入命名“top”锚记，为什么回到顶部的热点链接全部可以设置为“#top”呢？请同学们制作成功之后查阅。
附件
本例中用到的素材图片
附件
本例中用到的素材文字
黄鹤楼
（作者：崔颢）
昔人已乘黄鹤去，此地空余黄鹤楼。
黄鹤一去不复返，白云千载空悠悠。
晴川历历汉阳树，芳草萋萋鹦鹉洲。
日暮乡关何处是，烟波江上使人愁。
使至塞上
（作者：王维）
单车欲问边，属国过居延。
征蓬出汉塞，归雁入吴天。
大漠孤烟直，长河落日圆。
萧关逢候骑，都护在燕然。
渡荆门送别
（作者：李白）
渡远荆门外，来从楚国游。
山随平野尽，江入大荒流。
月下飞天镜，云生结海楼。
仍怜故乡水，万里送行舟。
春望
（作者：杜甫）
国破山河在， 城春草木深。
感时花溅泪， 恨别鸟惊心。
烽火连三月， 家书抵万金。
白头搔更短， 浑欲不胜簪。
钱塘湖春行
（作者：白居易）
孤山寺北贾亭西，水面初平云脚低。
几处早莺争暖树，谁家新燕啄春泥。
乱花渐欲迷人眼，浅草才能没马蹄。
最爱湖东行不足，绿杨阴里白沙堤。

展开更多......

收起↑