1、第十章 热点链接,实验二十九 创立图片热点区域 实验三十 设置热点链接,热点指的是把一幅图像划分为几个部分，不同的部分对应于不同的超级链接，也可称为图像映射。这种图片热点技术扩展了超级链接的应用形式，而 Dreamweaver界面中的交互式热点编辑则大大提高了热点的标注和使用效率。,实验目的：要求同学们能够掌握创立图片热点区域的方法。,实验原理：客户端热点将超级链接信息保存在HTML文件中，而不是像服务器端的热点链接那样保存在单独的热点文件中。,实验条件：电脑操作系统Windows XP/2000/98、Dreamweaver 8网页设计软件。,实验二十九 创立图片热点区域,本实验以在“太阳系
2、缩略图”中创建“土星”图像热点为例，向同学们详细讲述如何创立图片的热点区域。,实验内容： 步骤1 选择插入菜单栏中的常用中的 （图像）按钮，弹出选择图像源文件对话框，选择“九大行星”图像插入网页。 步骤2 在属性面板调整图像大小等属性，在属性面板中的热点工具中，点击 （多边形热点工具）。 步骤3 选择 （多边形热点工具）后，顺着土星的边缘一点一点用鼠标将关键点勾勒出土星的形状。,步骤4 热点区域选定以后，热点的属性面板将代替原属性面板。 步骤5 点击 （指针热点工具）按钮，可以随意改变选定热点的各关键点的位置。 步骤6 热点区域选定完毕，单击F12，在浏览器中预览效果，将鼠标放置在土星的位置上，会变成手形。,实验三十 设置热点链接,本实验以“太阳系缩略图”土星图像热点链接“太阳系介绍”网页的土星命名锚记为例，向同学们详细讲述如何设置热点链接。,实验内容： 步骤1 在热点属性面板中的链接输入地址“太阳系介绍（锚记）html#土”，目标选择“_blank”。 步骤2 链接选定完毕，单击F12，在浏览器中预览效果。,学习与思考 根据本章所讲的热点链接功能，希望同学们按照以下要求来完善你的个人主页: 1.为你的主页选择一张喜欢的图像。 2.利用热点工具在图像上定义一个多边形热点。 3.为命名热点设置相关的链接内容，便于用户更好地浏览你的个人主页。,
