网页设计图像热点（在网页设计中使用图像时应注意哪些问题）
本文目录一览：
在用DW设计网页时,如何设计当鼠标经过某个图像热点时,显示出新的图片...
1、使用纯CSS即可实现全部效果，代码也很简单。原理：hover触发CSS临近选择器 所需工具：DW（用来给图片画热区），PS（算出弹出层的top和left偏移值）我在Demo里画了三个热区（位置如下图），你用鼠标悬停到上面即可看到效果。
2、如果你说的在“鼠标旁边就会弹出另一张图片”是说在固定位置的话，那你用DW的“层”结合“行为”应该就可以实现的，在行为面板里，找onmouseover，然后改display的值，显示为block，隐藏为none。
3、第一步，需要打开Dreamweave软件进入，依次单击上方的“插入”--“图像对象”--“鼠标经过图像”，如下图所示。
4、启动FrontPage2003，打开需要建立图片热区的网页文件。
5、变化图片更改img的src属性值即可，这样不会打乱原有的HTML结构。
哪些图片格式可以用于网页设计?
用于网页图像制作的格式是：BMP、PNG、JPG、GIF、DOG。BMP BMP格式的图像，最常见的是网站注册页面或登录页面中的验证码，其实它一般就是网站程序自动生成的bmp格式小图片。
TGA图片格式： TGA的结构比较简单，属于一种图形、图像数据的通用格式，在多媒体领域有着很大影响，在做影视编辑时经常使用，例如3DS MAX输出TGA图片序列导入到AE里面进行后期编辑。
GIF图片格式，GIF是一种调色板型（palettetype）（或者说是索引型）的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。
PNG：PNG是一种无损压缩的图片格式，适合用于展示图标、图形和透明背景的图片。PNG格式可以保留图像的完整细节和质量，并支持透明背景和渐变效果。用于需要保持图像质量和透明效果的场景，如网页设计中的图标、按钮、Logo等。
如何在Dreamweaver中做图像热区链接
1、新建文档里插入素材图片。选中图片，界面左下角箭头处就是热点工具，有圆形、矩形和多边形几种热点工具。就是可以把热点区域（链接区域）设置为这几种形状。
2、启动Dreamweaver MX（其他版本请仿照操作），打开需要建立图片热区的网页文件，选中相应的图片，此时“属性”面板自动切换到“图片属性”状态（如图1）。
3、首先选中需要添加链接的图片，在软件下方的属性窗口中，可以看到“地图”项。
4、首先我们开Dreamweaver软件选中要添加热点的图片。选中了图片之后，在属性栏中就可以看到热点选项工具栏如下图，有矩形热点工具，有圆形热点工具，有多边形热点工具。
5、用ps把图片切成你想要的几个分区，在dw里点击插入-图像，然后选择你要插入的图，就可以了。如果你想每一个图片再加上链接，那么在img外边插入a标签。
6、图像热区的链接：这种前提条件是要有图像才行，然后在DW下方有一个热区的链接，它可以不同角度、不同形状进行链接，这样可以把一张图里做一个位置的链接，方便导航。
