fireworks 创建网站及应用程序界面原型.pptVIP

通过本讲的学习掌握创建编辑位图图像 1、 重点：了解Firworks的使用范围 一、创建工作流程原型 1. 创建页面 在“ 页面” 面板中，为您的初始设计创建所需的页数或屏幕数。随着设计的改进，您可以根据需要添加或去除页面。 2. 构造公用设计元素布局 在画布上，构造您要在多个页面之间共享的设计元素（如导航栏和背景图像）的布局。若要对齐元素，请使用“ 智能辅助线”。为获得最大的灵活性，请使用 CSS 构造您的布局。 3. 在多个页面间共享公用元素 在共享公用元素时，单个更改会自动更新所有受影响的页面。使用主页共享它包含的所有元素，或共享层来复制元素的子集。 （请参阅第173 页的“ 使用主页” 和第117 页的“ 共享层”。） 一、创建工作流程原型 4. 向各个页面添加独特的元素 在每个页面上，添加独特的设计、导航或表单元素。在“ 公用库” 面板中，您会发现许多可加快设计过程的按钮、文本框和弹 出菜单。Flex 组件、HTML、Mac、Win、Web Application 以及 Menu Bars 文件夹中的组件元件包括您可以为各个元件实例自定义的属性 5. 使用链接模拟用户导航 利用切片、热点或导航按钮等网页对象，链接原型的各个页面 6. 导出已完成的交互式原型 Fireworks 为您的原型提供了多种输出格式，所有输出格式都为页面导航保留了超文本链接。若要与客户端共享基于 CSS 的灵 活原型或在 Adobe Dreamweaver 中做进一步编辑， “ 导出 Fireworks HTML”。若要分发 PDF 版本的原型进行注释或打印， PDF 文件”。若要创建 Flex 应用程序原型， 二、使用 Fireworks 页面 一个 Fireworks PNG 文件可以包含多个页面，从而为创建 Web 界面和应用程序界面的原型提供了一种极好的方式 每个页面都包含画布大小和颜色、图像分辨率以及辅助线的独特设置。这些设置可以在每个页面的基础上进行设置，也可以在文档的 所有页面中以全局方式进行设置。除网页层之外，每个页面还包含一组独特的层。但是，对于公用元素，您可以使用主页或在 页面之间共享层。 二、使用 Fireworks 页面 添加、删除和导航页面 使用“ 页面” 面板，可以添加新页面，删除不需要的页面以及复制现有页面。在添加、删除或移动页面时， Fireworks 会自动 更新页面标题左边的数值。这些自动数值可帮助您快速定位到多页大型设计中的特定页面。 二、使用 Fireworks 页面 添加页面 ? 在“ 页面” 面板中，单击“ 新建/ 复制页” 按钮。 ? 右键单击面板，然后从弹出菜单中选择“ 新建页面”。 ? 选择“ 编辑”“ 插入”“ 页面 二、使用 Fireworks 页面 定位到页面 ? 在“ 页面” 面板中，选择一个页面。 ? 在键盘上，使用 Page Up 和 Page Down 按钮。 ? 从文档窗口顶部的页面弹出菜单或“ 页面” 面板的右下角选择页面。 页面弹出菜单中的页面名称旁边的星号表示主页。 二、使用 Fireworks 页面 复制页面 复制操作会添加一个新页面，它包含与当前所选页面相同的对象和图层层次结构。复制的对象保留原始对象的不透明度和混合模式。可以对复制的对象进行更改而不影响原始对象。 ? 将页面拖到“ 新建/ 复制页” 按钮上。 ? 右键单击页面，然后从弹出菜单中选择“ 复制页”。 二、使用 Fireworks 页面 删除页面 ? 在“ 页面” 面板中，将页面拖到垃圾桶图标 上。 ?右键单击页面，然后从弹出菜单中选择“ 删除页”。 三、编辑页面画布 每个页面都有独特的画布，具有独立的画布大小、颜色和图像分辨率。 1 从“ 页面” 面板或文档窗口顶部的页面弹出菜单中选择一个页面。 2 选择“ 修改”“ 画布”“ 图像大小”， “ 修改”“ 画布”“ 画布颜色”，或者“ 修改”“ 画布”“ 画布大小”。 四、使用主页 若要在所有页面中使用一组元素，请使用主页。将普通页转换为主页时，该页会移至“ 页面” 面板中的列表顶部。创建主页时，会将主页层添加到每个页面的图层层次结构的底部。 创建主页 在“ 页面” 面板中，右键单击现有页，然后从弹出菜单中选择“ 设置为主页”。 在页面之间共享的层会成为普通（非共享）的层。但是，在帧间共享的层会保留原样。若要显示链接页面中的主页帧 四、使用主页 将页面链接到主页 在创建主页后，任何新创建的页面都会自动继承主页设置。现有页面不会继承这些设置，除非您将它们链接到主页。如果以后更改主页，则所有链接的页面都会自动更新。 以下限制适用于从主页到其它页面的对象和行为继承： ? 页面仅继承主页中所有对象的当前状态。若要继承所