WEB开发网
开发学院图形图像Fireworks 在Fireworks中加入Dreamweaver的CSS图层 阅读

在Fireworks中加入Dreamweaver的CSS图层

 2007-04-14 08:53:12 来源:WEB开发网   
核心提示:如何在Dreamweaver中加入CSS图层Fireworks能直接导出图片到Cascading Style Sheet(CSS)图层,CSS图层是一个自由浮点结构,在Fireworks中加入Dreamweaver的CSS图层,可以在任何版本4以上的浏览器中显示,CSS图层中几个值得注意的特性:1、位置:图层以及它们包

如何在Dreamweaver中加入CSS图层

Fireworks能直接导出图片到Cascading Style Sheet(CSS)图层。CSS图层是一个自由浮点结构,可以在任何版本4以上的浏览器中显示。CSS图层中几个值得注意的特性:

1、位置:图层以及它们包含的内容是可以精确放置的,这使得分层远比用传统的HTML方法更容易。

2、深度:图层可以彼此堆叠,它们的深度可以动态地改变。

3、可视性:图层可以根据意愿隐藏或显示。

4、图层可以动态放置,并且可以在屏幕上移动。

这里简要介绍一下这个技术。

1、在FW中,打开背景图象,并在layers面板上将其锁定。

2、在layers面板上单击新图层NEW LAYER按钮。

3、选择insert->image打开一个图片。也可以从一个打开的文件中剪切并粘贴一个对象或图片。

4、相对于背景放置图片。

5、重复2-4步,为每个对象创建一个新的图层。

尽管每个对象在自己的图层中,但看上去它们好象是一个挨一个的。如图所示

6、当所有图片都正确放置后,选择file->export special->css layer,出现对话框。

7、选择layer from the files from选项列表,作为fw部件类型导出

8、Trim lmage选项

如果选中trim lmage,FW的图层作为一个单独的图片保存

如果没有选中trim image,fw会把背景和当前图层合并为一个图象进行导出。

9、在html style设为CSS图层。

10、在Location选项列表中选择一个选项,以确定html文件保存在什么位置:同一目录same directory,上一级one level up,还是自定义custom。

11、完成后单击保存save.

在dreamweaver打开后的情形,每个图片占单独的一层。CSS图层的深度由FW中图层的顺序决定。

Tags:Fireworks 加入 Dreamweaver

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接