网页制作_FireWorks（精选）.ppt

文档介绍：网页制作
信息技术学院
郑义
FireWorks 简介
Adobe Fireworks CS4 是Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。
在 Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。然后直接置入 Dreamweaver CS4 中轻松地进行开发与部署。
2
Fireworks CS4的启动界面
新建Fireworks文档
单击“新建Fireworks文档(PNG)”,弹出新建文档的设定窗口
778*435是800*600分辨率下IE浏览器单屏的大小
Fireworks界面介绍(一)
左侧的Fireworks工具包括:
选择工具(指针、部分选定、缩放/倾斜/扭曲、裁剪/导出区域)
位图工具(矩形和椭圆选取框、套索、魔术棒、刷子、铅笔、橡皮擦、模糊/减淡/加深/锐化/涂抹、橡皮图章/替换颜色/红眼消除)
矢量工具(直线、钢笔、各种形状、文本、变形、刀子)
Web工具(关于热点和切片)
颜色工具
视图工具
Fireworks界面介绍(二)
顶部是常用工具栏
右侧是各种面板
面板的位置可以自由拖动大小和组合
可以通过“窗口”菜单显示对应的面板
下面部分是属性面板
选择不同工具,属性的内容各不相同
Fireworks界面介绍(三)
中间部分是画布,有四种显示方式:
原始:编辑中的内容
预览:最终结果
2幅:显示预览结果和一种优化结果
4幅:显示预览结果和三种优化结果
Fireworks在网页中的应用实例

2. 背景
将层1 改名为“背景层”
选择“矢量”中的矩形工具
设置矩形的填充颜色、纹理
画一个矩形,覆盖整个画布