《Fireworks CS4网页图像设计与案例教程》配套PPT【教师用】第1章 Fireworks CS4概述和基本操作

改变文件属性
新建文件难免有些属性的设置与 后期制作存在偏差
改变画布大小
修改/画布/画布大小 属性面板/画布大小
改变画布颜色
修改/画布/画布颜色 属性面板/画布颜色指示器
调整图像大小
修改/画布/图像大小 属性面板/图像大小
旋转画布
旋转180 顺时针90 逆时针90
修整画布
符合画布：将画布调整为恰好容 纳所有对象 裁剪画布：裁剪超出画布边界的 对象
向Fireworks文件中插入对象 文件中插入对象
从其它应用程序复制的对象粘贴到 Fireworks中时会把该对象放置在活 动文件的中心
导入图像文件
在将图像文件导入到活动Fireworks 文件的当前层上时，Fireworks将保 持导入图像的比例不变。 “文件”>“导入”
保存和导出文档
“保存”和“另存为”命令 “导出” 命令 “导出”与优化面板的设置
预备知识
具备一定的计算机技能，能够比较熟练 地操作计算机。 有一定的网络基础知识，了解互联网应 用。 对网页设计软件有初步的了解。 能够利用Photoshop制作和编辑位图。
第一章 Fireworks CS4概述和 CS4概述和 基本操作
Fireworks CS4：网页 网页图形图像处理软件 网页 是一款用来设计网页图形的多功能应用 程序。可以创建和编辑位图和矢量图像、 设计网页效果（如变换图像和弹出菜 单）、修剪和优化图形以减小其文件大 小。解决了图形设计人员和网站管理员 所面临的主要问题。
网页图像处理与传统平面设计的区别？ 网页图像处理与传统平面设计的区别？ 网页图像要求：简洁、明快、 信息量小（适合网络传输） 传统平面设计软件：专注于 图像质量，没有考虑网络要求， 与网页设计集成度低。
Fireworks 产品家族
家族三剑客： Macromedia 家族三剑客： Dreamweaver Flash Fireworks
浮动面板
混色器面板和样本面板：类同与 颜色工具组 信息面板 行为面板：热点、切片对鼠标的 响应 查找面板：查找和替换元素 对齐面板
浮动面板
自动形状属性面板 调色板面板 图像编辑面板 路径面板 特殊字符面板 元件属性面板
文件窗口
文件窗口选项卡 优化设置：网页外观和显示速度 的平衡。 显示比例和动画控制按钮
设置工作参数
定制个性化工作环境 编辑/首选参数
“常规”参数 常规”
文档选项/启动选项 最大撤消次数 插值法 颜色默认值 工作区自动折叠图标面板
“编辑”参数 编辑”
修剪时删除对象:选择 “修 改”>“画布”>“画布大小”时 永久删除选定内容的定界框之外 的像素或对象 转换为选取框时删除路径 刷子大小绘图光标 精确光标
文件管理
创建文件的过程就相当于画画 的时候提供一张白纸。“可以 开始作画了” PNG格式：fireworks默认的文件 格式。
新建文件
文件/新建 分辨率：输出图片时单位长 度包含的象素值
打开文件
文件/打开 可以打开除PNG外的其它图形格 式文件 注意：尽管可以打开各种图形格 式，但是在fireworks的内部操作中， 只使用PNG格式编辑图像。
Fireworks CS4的安装和配置要求 CS4的安装和配置要求
完整版 简化版：去除其它组件
Fireworks的工作界面 Fireworks的工作界面
文件窗口 工具面板 属性面板 浮动面板
管理窗口和面板
隐藏或显示所有面板，按Tab或F4键 管理文件窗口 停放和取消停放浮动面板 移动、添加和删除面板 处理面板组 堆叠浮动的面板 调整面板大小 处理折叠为图标的面板
使用布局工具
布局工具帮助进行绘图，虽然它 们在图像上可见，但并不是图像 的组成部分。
标尺
视图/标尺 以象素为单位
辅助线
水平辅助线/垂直辅助线 视图/辅助线 切片辅助线
网格
视图/网格 显示网格/对齐网格
智能辅助线
是临时的对齐辅助线 视图/智能辅助线
调整视图
文档缩小和放大比例6％～6400％ 文档缩放的3种方法 指定区域缩放 手形工具拖动图片 符合全部 3种界面视图
浮动面板
优化面板：寻找颜色、压缩和品质 的适当组合 层面板：组织文档结构 公用库面板：显示公用库文件夹的 内容 页面面板：当前文件中的页面且包 含用于操作页面的选项 状态面板：创建动画
浮动面板
历史记录面板：快速撤销操作； 重复操作，合成命令（批处理） 自动形状面板 样式面板 文档库面板：图形、按钮、动画 元件库 URL面板：简化多次输入同样的超 链接地址
存储并切换工作区
通过将面板的当前大小和位置存储为命 名的工作区，即使移动或关闭了面板， 也可以恢复该工作区。已存储的工作区 的名称出现在应用程序栏上的工作区切 换器中。 工作区切换器中选择“保存当前”
工具面板
6个工具组 工具箱面板的拖动、关闭和打开 某些工具右下角小黑三角的作用
属性面板
上下文关联的动态面板 属性面板的折叠、拖动、关闭隐 藏边缘”命令失效 显示钢笔预览 显示实心点 鼠标滑过时高亮显示
“编辑”参数 编辑”
显示填充手柄 拖动时预览 选择距离 拖动时预览 9切片缩放选项
“辅助线和网格”参数 辅助线和网格”
颜色框 显示/对齐/锁定 对齐距离 网格设置
“文字”参数 文字”
字顶距/基线调整 以英文显示字体名称 字体预览大小 最近使用过的字体数量 默认字体
“photoshop导入/打开”参数 photoshop导入 打开” 导入/
常规 自定义文件转换设置
“启动并编辑”参数 启动并编辑”
从外部应用程序编辑时 从外部应用程序优化时
“插件”参数——功能扩展 插件”参数——功能扩展
插件参数提供了对来自外部源的其它 Photoshop 插件、纹理文件和图案文件 的访问。 Photoshop 插件出现在 Fireworks 的“滤 镜”菜单中和“属性” 面板的“添加 效果”菜单中。以 PNG、JPEG 和 GIF 文件格式储存的纹理或图案以选项的 形式出现在“属性”面板的“图案” 和“纹理”弹出菜单中。