Fireworks与Dreamweaver结合：看实例学切片

核心提示： 边框颜色少,虽有发光效果形成的阴影渐变,但仍没多大变化,所以选择输出GIF格式的图片,并在Project(属性)面板中给切片命名.(如果渐变很复杂,那还是得输出为JPEG,否则看起来就是一块一块的了)下图就是我设置的图片大小名字格式4.输出返回Original(原始?)模式,一一选中切片,

边框颜色少,虽有发光效果形成的阴影渐变,但仍没多大变化,所以选择输出GIF格式的图片,并在Project(属性)面板中给切片命名.(如果渐变很复杂,那还是得输出为JPEG,否则看起来就是一块一块的了)

下图就是我设置的图片大小名字格式

4.输出

返回Original(原始?)模式,一一选中切片,右击,选择第一项Expert Selected Slice...(输出所选择热区...)进入导出

Dreamweaver部分

1.在DW里插入表格.3行3列,506象素宽(图片的宽度),其余参数为0

2.插入图片，在上下左右四个角和中间插入图片,这样,九个格子就有五个是满的了

3.设置背景图

给剩下的四个格子设置背景图.因为表格的背景图是平铺的,所以作为设置作为背景的图片(如图中的engine_top)只需要3*13或13*3的尺寸.

在DW里看来,似乎就这样好了.那按F12预览一下看看: