06添加图像热点链接教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5） .ppt

06添加图像热点链接教学课件 高教版 中职 网页设计与制作（Dreamweaver CS5）添加图像热点链接静态网站制作教学资源课件静态网站制作教学资源课件 图像热点链接为一张完整的图片的各个部分建立不同的链接，使页面的导航结构简洁、明快、浑然一体。，在文档窗口中选中插入热点链接的图像，在“属性”面板中选择“热点工具”按钮创建热点链接。：在图像上拖动光标，创建一个矩形热点。：在图像上拖动光标，创建一个圆形热点。：图像上拖动光标，创建一个不规则多边形热点实例实例5：在下图的图片相应区域创建四个矩形热点链接，并设置相应的链接目标文件。1.选择网页文档中要添加热区的图像，单击图像属性面板中的矩形工具按钮。2.在图像中的“儿童影院”处拖动光标，创建一个矩形热点。3.选择刚创建的矩形热区，在其属性面板的链接文本框中输入login.htm。4.重复以上步骤，分别在“儿童游戏”、“儿童歌曲”处添加矩形热区，并设置相应链接，效果如图所示。实用技巧实用技巧：选中图像后按下“Ctrl+A”键，可选择图像中的所有热点。在移动热点时，每按一次方向键，热点改变1像素距离，如果在按下方向键的同时按下Ctrl键，可每次移动10像素。对于矩形和圆形热点，也可以在按下Shift键的前提下，通过方向键来改变热点的大小，每一次方向键，热点改变1像素距离，如果在按下方向键的同时按下Ctrl键，可每次改变10像素。