第1讲、Firewors使用基础分解.ppt

Macromedia Fireworks CS Page ? * 学生证 一有 授课教材 二有 笔记本 三有 笔 四有 课堂要求： “课 堂 四 有” Page ? * 不 准 睡 觉 一不准 不准玩手机 二不准 不准乱说话 三不准 不准吃东西 四不准 “课 堂 四 不 准 ” 高压线1 高压线2 高压线3 高压线4 Page ? * 了解网站制作流程及学习方法 了解Fireworks特点及应用领域 掌握网页中所出现图象的格式及要求 “学 习 目 标 ” 了解Fireworks界面的组成及基本操作 Page ? * “案 例 欣 赏 ” Page ? * “案 例 欣 赏 ” Page ? * 网页的基本要素 文字 表格 基本要素 图形 动画 链接标志 交互功能 Page ? * 网页三剑客 制作相关的Flash动画 设计网站静态页面即效果图 根据网站素材进行页面排版。 网页制作三剑客是Macromedia 公司开发的网页制作工具，包括 DREAMWEAVER（网页制作）  FLASH（动画制作）  FIREWORKS（矢量图形制作和图像处理）  　 Page ? * 任务一：网站制作流程及学习方法 一、网站制作流程： 第一步：设计网站静态页面即效果图。 第二步：根据效果图制作相关的Flash动画。 第三步：根据网站素材运用Dreamweaver进行页面排版。 二、提高网站前台美工的完美学习方法： 从临摹→再临摹→临摹修改→完全吸收。 Page ? * 针对Web页的图像图形软件，是美国Macromedia公司（现已被Adobe公司收购）设计的专业的网页图形图像软件； 强大的图像优化输出功能，以最小的文件尺寸获得最好的图像质量使图像更适合于Web应用； 集合了位图处理软件和矢量图形软件的特性，可用两种模式编辑——位图模式与矢量图模式，可以直接对矢量图形应用Photoshop滤镜； 可导入多种格式的图形文件，包括＊.psd，并可确认其中的层； 与网页编辑软件特别是Dreamerweaver、Flash无缝集成，可直接在Dreamweaver与Flash中调用。 任务二、Fireworks特点及应用领域 Fireworks的功能和特点 Page ? * 设计制作 网页中各种元素（Gif动画、导航、Logo、按钮等等） 设计制作 网络广告图像效果 网页图像制作及图形设计 可精确并快速完成网页效果图切图 任务二、Fireworks特点及应用领域 Fireworks的应用 Page ? * 任务三：网页中所出现图象的格式及要求 Page ? * 任务四：Fireworks界面的组成及基本操作 Page ? * 任务四：Fireworks界面的组成及基本操作 选择工具 位图工具 矢量工具 网页工具 颜色工具 视图工具 工 具 箱 的 组 成 Page ? * 任务四：Fireworks界面的组成及基本操作 层面板 网页层 对象层 Page ? * 任务四：Fireworks界面的组成及基本操作 属性工具栏 画布大小 图像大小 符合画布 图片属性（默认图像的输出格式） Page ? * 矢量图与位图 Page ? * 本节课主要讲解了网页的制作流程及学习方法，其次 重点学习掌握对图形对象进行编辑和处理，这一点大家应重点 掌握并吸收。 归 纳 总 结 Page ? * 课后作业： 1、完成课堂实例。 2、利用剩下的时间将a.jpg利用photoshop临摹完成。