第8課按圖索驥——制作熱點(diǎn)超鏈接一、學(xué)習(xí)目標(biāo)理解圖像熱點(diǎn)超鏈接的含義。學(xué)會(huì)繪制各種形狀的熱區(qū)，并為之設(shè)置鏈接目標(biāo)。二、圖像熱點(diǎn)超鏈接本課，我們利用圖像熱點(diǎn)超鏈接制作我們上學(xué)期語(yǔ)文課本中學(xué)習(xí)過(guò)的唐詩(shī)五首導(dǎo)航閱讀網(wǎng)頁(yè)。二、圖像熱點(diǎn)超鏈接第一步，用表格簡(jiǎn)單布局網(wǎng)頁(yè)。123二、圖像熱點(diǎn)超鏈接第二步，設(shè)置表格屬性，復(fù)制、粘貼我們學(xué)過(guò)的唐詩(shī)五首文字，并進(jìn)行美化。第三步，在左側(cè)導(dǎo)航欄、每首詩(shī)歌的下面插入我們制作好的導(dǎo)航圖片。（案例效果如下）二、圖像熱點(diǎn)超鏈接二、圖像熱點(diǎn)超鏈接第三步，在每首詩(shī)歌題目后面插入“命名錨記”。執(zhí)行“插入”->“命名錨記”，錨記名稱以小寫字母開頭，例如本例中我們以此命名為命名為“ts1”、“ts2”、“ts3”等，插入命名錨記后，在插入命名錨記的地方會(huì)出現(xiàn)這樣的標(biāo)記，本例如下：二、圖像熱點(diǎn)超鏈接第四步，選中導(dǎo)航圖片，在我們每首詩(shī)歌題目上運(yùn)用矩形熱點(diǎn)工具繪制熱點(diǎn)區(qū)域繪制熱點(diǎn)區(qū)域。矩形熱點(diǎn)工具二、圖像熱點(diǎn)超鏈接第五步，繪制完熱點(diǎn)區(qū)域后對(duì)熱點(diǎn)區(qū)域進(jìn)行設(shè)置。1繪制熱點(diǎn)區(qū)域2在#后面輸入插入命名的錨記名稱二、圖像熱點(diǎn)超鏈接第六步，我們繼續(xù)用圖像熱點(diǎn)制作回到頂部的熱點(diǎn)區(qū)域。將每首詩(shī)歌下方的“點(diǎn)我回到頂部”圖片都繪制熱點(diǎn)區(qū)域，熱點(diǎn)鏈接全部在#后面輸入“top”。三、預(yù)覽測(cè)試圖像熱點(diǎn)至此，我們的圖像熱點(diǎn)制作完成，保存后按F12快速預(yù)覽。思考、查閱我們沒(méi)有插入命名“top”錨記，為什么回到頂部的熱點(diǎn)鏈接全部可以設(shè)置為“#top”呢？請(qǐng)同學(xué)們制作成功之后查閱。附件本例中用到的素材圖片附件本例中用到的素材文字黃鶴樓（作者：崔顥）昔人已乘黃鶴去，此地空余黃鶴樓。黃鶴一去不復(fù)返，白云千載空悠悠。晴川歷歷漢陽(yáng)樹，芳草萋萋鸚鵡洲。日暮鄉(xiāng)關(guān)何處是，煙波江上使人愁。使至塞上（作者：王維）單車欲問(wèn)邊，屬國(guó)過(guò)居延。征蓬出漢塞，歸雁入?yún)翘?。大漠孤煙直，長(zhǎng)河落日?qǐng)A。蕭關(guān)逢候騎，都護(hù)在燕然。渡荊門送別（作者：李白）渡遠(yuǎn)荊門外，來(lái)從楚國(guó)游。山隨平野盡，江入大荒流。月下飛天鏡，云生結(jié)海樓。仍憐故鄉(xiāng)水，萬(wàn)里送行舟。春望（作者：杜甫）國(guó)破山河在，城春草木深。感時(shí)花濺淚，恨別鳥驚心。烽火連三月，家書抵萬(wàn)金。白頭搔更短，渾欲不勝簪。錢塘湖春行（作者：白居易）孤山寺北賈亭西，水面初平云腳低。幾處早鶯爭(zhēng)暖樹，誰(shuí)家新