网页制作实验教程第十章热点链接

《网页制作实验教程第十章热点链接》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十章热点链接实验二十九创立图片热点区域实验三十设置热点链接热点指的是把一幅图像划分为几个部分，不同的部分对应于不同的超级链接，也可称为图像映射。这种图片热点技术扩展了超级链接的应用形式，而Dreamweaver界面中的交互式热点编辑则大大提高了热点的标注和使用效率。实验目的：要求同学们能够掌握创立图片热点区域的方法。实验原理：客户端热点将超级链接信息保存在HTML文件中，而不是像服务器端的热点链接那样保存在单独的热点文件中。实验条件：电脑操作系统WindowsXP/2000/98、Dreamweaver8网页设计软件。实验二十九创立图片热点区域本实验以在“太阳系缩略图”中创建“土星”图

2、像热点为例，向同学们详细讲述如何创立图片的热点区域。实验内容：步骤1选择［插入］菜单栏中的［常用］中的（图像）按钮，弹出［选择图像源文件］对话框，选择“九大行星”图像插入网页。步骤2在［属性］面板调整图像大小等属性，在［属性］面板中的热点工具中，点击（多边形热点工具）。步骤3选择（多边形热点工具）后，顺着土星的边缘一点一点用鼠标将关键点勾勒出土星的形状。步骤4热点区域选定以后，热点的［属性］面板将代替原［属性］面板。步骤5点击（指针热点工具）按钮，可以随意改变选定热点的各关键点的位置。步骤6热点区域选定完毕，单击F12，在浏览器中预览效果，将鼠标放置在土星的位置上，会变成手形。实验三十设

3、置热点链接本实验以“太阳系缩略图”土星图像热点链接“太阳系介绍”网页的土星命名锚记为例，向同学们详细讲述如何设置热点链接。实验内容：步骤1在热点［属性］面板中的［链接］输入地址“太阳系介绍（锚记）html#土”，目标选择“_blank”。步骤2链接选定完毕，单击F12，在浏览器中预览效果。学习与思考根据本章所讲的热点链接功能，希望同学们按照以下要求来完善你的个人主页:1.为你的主页选择一张喜欢的图像。2.利用热点工具在图像上定义一个多边形热点。3.为命名热点设置相关的链接内容，便于用户更好地浏览你的个人主页。