网页图形处理工具Fireworks CS3
Fireworks入门
标尺
Fireworks 提供了标尺、辅助线和网格帮助用户在 Fireworks 8图像中精确定位。标尺以像素为单位。选择 【视图】|【标尺】命令可以显示或隐藏标尺。 1．改变画布上的坐标原点 如图2-12所示，用鼠标拖动标尺左上角的有两条虚线交叉 的区域，在画布中将两条虚线交叉点对准要设置为原点的 点放开即可。 2．利用标尺定位 用鼠标拖动需定位的对象，水平和垂直标尺上会出现黑色 的色块，如图2-13所示，使两色块均对准要定位的刻度 值即可。
3．改变图像的分辩率
打开需要修改的图像，单击【修改】/【画布】/【图像大小】命令，打开【图像大小】对话框，在 【分辨率】文本框中设置图像的分辨率为36，单击【确定】按钮即可。
9.5
习题
1．填空题
（1）Fireworks是专门针对网络图像处理的工具软件，它既可以______，又可以______，______、 ______、______等。 （2）Fireworks CS3包括10个菜单，即：______、______、______、______、______、______、 ______、______、______、______。 （3）在Fireworks CS3中，不仅可以修改画布的______，而且可以改变画布的______，甚至可以修改 图像的______。
1．新建文档
启动Fireworks CS3时，并不会自动新建空白文档。 单击【文件】/【新建】命令，打开【新建文档】对话框，在【新建文档】对话框中输入文件的 宽度、高度，在【画布颜色】选项区设置背景色，单击【确定】按钮，将在Fireworks中建立一个新 的工作窗口，
2．打开文件
单击【文件】/【打开】命令，弹出【打开】对话框，在【打开】对话框中选择需要打开的文件，单 击【打开】按钮。如下图所示。
Dreamweaver CS3 详解
Dreamweaver CS3 简介Dreamweaver CS3是一款功能强大的可视化的网页编辑与管理软件。
利用它，不仅可以轻松地创建跨平台和跨浏览器的页面，也可以直接创建具有动态效果的网页而不用自己编写一行源代码。
Dreamweaver CS3 最主要的优势在于能够进行多任务工作，并且在操作方法、界面风格方面更加人性化。
用户可以根据自己的喜好和工作方式，重新排列面板和面板组，自定义工作区。
1 Dreamweaver CS3概述Dreamweaver CS3是由Adobe公司在并购Macromedia之后推出的最新版本，它是一款专业的Web站点开发软件，可用于Web站点、Web页和Web应用程序的设计、编码和开发工作。
在业界通常将Dreamweaver、Flash、Fireworks称为网页三剑客。
将各种网页制作的相关工具紧密联系起来是Dreamweaver系列的一大亮点，同时良好的插件体系，使Dreamweaver CS3可通过第三方插件进行补充。
另外，Dreamweaver CS3还为开发人员提供了动态语言支持与丰富的模板。
另外值得称道的是，Dreamweaver CS3不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，可以说，它是一个集网页创作和站点管理两大利器于一身的超重量级的创作工具。
Dreamweaver CS3在功能强大与易用性之间具有很好的平衡，使用Dreamweaver CS3可以有效地提高Web开发的工作效率。
2 Dreamweaver CS3的新增功能相对于以前的版本Dreamweaver CS3的功能主要在以下方面进行了增强：1. Ajax 的Spry 框架通过Adobe Dreamweaver CS3，可以使用Ajax 的Spry框架进行动态用户界面的可视化设计、开发和部署。
Ajax 的Spry 框架是一个面向Web 设计人员的JavaScript 库，用于构建向用户提供更丰富体验的网页。
fireWork应用
Firework的主要用途Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks 都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。
新推出的Fireworks 3 更是增加了许多脍炙人口的新功能：1. 可以输出SWF和Illustrator7文件；2. 与Dreamweaver紧密的配合；3. 与网页编辑器的结合；4. 可以直接编辑点阵图；5. 更方便的Roll over；6. 向量模式编辑；7. 即时预览；8. 允许加入Photoshop滤镜；9. 可以读入Photoshop文件；10. 提供MAC Gamme预览功能；11. 提供GIF编辑环境；12. 提供History panel来记录动作；13. 提供全新的按钮制作工具；14. 可编辑的操作环境；15. 资料库（Library）的运用；16. 提供图形与文字的样式库（Style）。
怎么样？Firework 3如此强大的网页编辑功能是不是很令人眼馋呀？！是不是恨不得马上就掌握这个网页编辑利器呀？！别急！就让我们一起来深入地研究它吧！第二节基本概念firework的矢量图像一、矢量图像矢量图像是用包含颜色和位置属性的直线或曲线（即称为矢量）来描述图像属性的一种方法。
比如说一个椭圆，它就包括由通过椭圆边缘的一些点组成的轮廓和轮廓内的点两部分。
对于矢量图像，椭圆的颜色取决于椭圆轮廓曲线的颜色和轮廓封闭的区域颜色，与轮廓内单独的点无关。
我们可以通过修改描述椭圆轮廓的直线或曲线来更改椭圆的性质，也可以移动、放缩、变形，或者在不改变图形显示质量的前提下，改变具有矢量性质的椭圆的颜色。
矢量图形具有独立的分辨率，也就是说我们以各式各样的分辨率来显示矢量图形，它都不会失真。
adobe photoshop cs3教程
Adobe Photoshop CS3教程介绍Adobe Photoshop CS3是一款图像处理软件，广泛应用于图像编辑、合成、设计等领域。
本教程将为您介绍Adobe Photoshop CS3的基本功能和操作方法，帮助您快速入门并熟练使用该软件。
安装首先，您需要从Adobe官方网站下载并安装Adobe Photoshop CS3软件。
安装过程较为简单，并提供了对应的安装向导指导您完成安装步骤。
软件界面Adobe Photoshop CS3的界面由多个面板组成，主要包括工具栏、选项栏、图层面板等。
以下是对软件界面的简要介绍：工具栏工具栏位于软件界面的左侧，默认显示主要的图像处理工具，如矩形选框工具、画笔工具、渐变工具等。
您可以通过点击工具栏上的图标选择相应的工具进行操作。
选项栏选项栏位于工具栏的下方，显示当前所选工具的相关选项和设置。
当您选择不同的工具时，选项栏会自动更新并显示相应的选项。
图层面板图层面板位于软件界面的右侧，默认显示当前文档的图层信息。
您可以通过图层面板对图层进行编辑、排序、组合等操作。
基本操作打开和保存图像要打开一张图像，您可以点击菜单栏中的“文件”选项，然后选择“打开”，并在文件浏览器中选择要打开的图像文件。
同样地，要保存已编辑的图像，您可以点击菜单栏中的“文件”选项，然后选择“保存”或“另存为”。
图像调整Adobe Photoshop CS3提供了多种图像调整的功能，可以帮助您对图像进行颜色校正、亮度对比度调整等操作。
您可以通过菜单栏中的“图像”选项来进行这些调整，也可以使用快捷键。
图层操作图层是Adobe Photoshop CS3中非常重要的概念，您可以将不同的元素、效果放置在不同的图层上进行编辑。
通过图层面板，您可以添加、删除、重命名图层，还可以对图层进行可见性、透明度、混合模式等设置。
选择和变换Adobe Photoshop CS3提供了多种选择和变换工具，如矩形选框工具、椭圆选框工具、变换工具等。
AE CS3 基本功能简介
AE CS3基本功能简介
After Effects适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。
而在新兴的用户群，如网页设计师和图形设计师中，也开始有越来越多的人在使用它。
新版本的After Effects带来了前所未有的卓越功能。
在影像合成、动画、视觉效果、非线性编辑、设计动画样稿、多媒体和网页动画方面都有其发挥余地，图1-2所示的是该软件的操作界面。
图1-2 软件界面
图1-3所示的就是一个关于栏目包装的作品，这是一个关于迎接2007到来的作品。
在整个作品当中，采用了大红大紫的色调，利用粒子和花朵的使整个画面的看起来绚丽多彩。
然后，一头金色的小猪向屏幕走来，预示着金猪向我们走来。
在整个制作的过程中，花朵、粒子以及小猪的模型是利用Maya制作出来的，而所有的光效，以及栏目中的其他特效则是利用AE后期合成的。
图1-3 作品欣赏
AE的功能不在于它的前期设计，主要是对作品进行润色。
通常情况下，利用三维软件
制作出基本的动画，然后利用AE进行后期合成，例如添加光效、制作边形、抠像、校色等等，这部分知识在上文中已经提到过，这里不再赘述。
网页设计与制作DreamweaverCS3-试题库
试题库试题说明：(1)题型包括填空题、单选题、简答题、操作题4种。
(2)试题按项目的顺序提供，并注明该试题所属的具体的章节和难度（难、中、易）。
(3)操作题的答案在“操作题答案”文件夹下对应该项目的文件夹中。
项目一认识Dreamweaver CS3一、填空题1、Dreamweaver是集网页制作和于一身的所见即所得式网页编辑器。
（答案：网站管理章节：任务一难度：中）2、与Flash、Fireworks一度被称为网页三剑客。
（答案：Dreamweaver 章节：任务一难度：易）3、【插入】面板通常有两种表现形式：制表符格式和。
（答案：菜单格式章节：任务三难度：中）4、通过【】面板可以设置所选对象的属性。
（答案：属性章节：任务三难度：易）5、在【】视图中，整个编辑区域分为【代码】和【设计】两个部分。
（答案：拆分章节：任务三难度：易）二、单选题1、Dreamweaver CS3是由（）公司发布的。
A、MacromediaB、AdobeC、MicrosoftD、Intel（答案：B 章节：任务一难度：中）2、可以用于网页排版的软件是（）。
A、FlashB、PhotoshopC、DreamweaverD、Fireworks（答案：C 章节：任务一难度：易）3、通过【（）】工具栏可以设置显示在浏览器标题栏的文本。
A、文档B、标准C、文档D、样式呈现（答案：A章节：任务三难度：中）项目二定义和创建站点2 4、创建一个网页文档“index.html”，它将显示在【（）】面板中。
A、行为B、框架C、属性D、文件（答案：D 章节：任务三难度：易）5、下面的说法不正确的是（）。
A、在Dreamweaver中定义站点，既有利于网页制作也有利于站点管理。
B、通过【欢迎屏幕】对话框可以创建网页文档。
C、可以将【属性】面板重组到【文件】面板组。
D、选择一个对象，在【属性】面板就会显示该对象的属性（答案：C 章节：任务三难度：难）三、简答题1、Dreamweaver的主要作用是什么？答案：Dreamweaver的主要作用是设计网页和管理网站，它在各个行业领域都得到广泛的应用，如个人网站、教育科研网站、企业网站、商业网站、政府网站、公益性网站以及其他网站等。
网页设计Dreamweaver CS3教程1-6章(基础篇)
网页效果
活动三：打造自己的个性化站点
活动小结：
在这次活动中我们完完整整的制作了一个个人的网站，
是不是比想象中的容易啊！在本次制作中使用了“高级”
选项卡来建立网站，这比使用向导建立更快捷。 在制作中，网页间的链接是很重要的，作为一个设计者
值得注意的是，你的设计要让使用者能方便的在你的站点
中的任何网页之中进行跳转。
件的特点。
活动一：初识网页
活动小结：
网页中使用的最多的元素是文字和图片。图 片的一般格式为jpg或gif文件。flash的使用能使网 页增加动感。 动态网页能对用户提交的信息作出及时的反 馈，使网页更具人性化。 Dreamweave有着可视化的操作界面，特别在 与flash和fireworks的相互配合，成为网页创意组 件中最重要的一员。
活动三：制作 “我的第一张网页”
制作完成后的 效果图
活动三：制作 “我的第一张网页”
活动小结：
制作网页的基本流程可以分为：建立
站点->创建网页->插入网页元素->编辑网
页元素->保存网页->预览效果。
第一章实验：制作“我的个人介 绍”
实验要求：
一、建立站点目录mysitelx，并将站点指定至站点目录。 二、制作网页“我的个人介绍”，在网页中加入背景图片、文字、 水平线、图片和超级链接。 三、通过记事本打开网页，修改现有的HTML代码，比较前后效果。
活动四：编辑我的站点
教学目标：
掌握编辑站点的方法。
知识要点：
网站地图，管理网站文件、链接检查、添加和 删除站点。
活动四理功能 （2）站点视觉地图 （3）添加和删除站点
视图工具栏
“管理站点”对话框
网页制作技术(三剑客)第4章
图4-26 层面板菜单
操作步骤(续)
8.选中“框架”层，单击 按钮折叠该层，折叠后文件 夹为关闭状态 。若需要查看该层中的内容，可以再次单击 按钮可展开层，展开后文件夹为打开状态 。
9.点击“仪表”层，单击层面板选项菜单的“向下合并” 命令，或单击“修改”菜单->“向下合并”命令，将该图形合 并。
练一练：
打开一幅图像，练习使用“套索”工具、“多边形套索”工具选择 部分 图像。 使用“魔术棒”工具选择像素 （1）打开一幅图像，按下W键，选择“魔术棒”工具。 （2）点击该图像中的黄色部分，所选部分如图4-13。 （3）“魔术棒”工具属性面板中，改变“容差”值为84，效果 如图 4-14所示。
操作要点
4.2 图层与蒙板 1.使用蒙板
“蒙版”又称“遮罩”，读者可将“蒙版” 理解掩盖位图的某一部分使其不完全显示的工 具。Fireworks CS3提供了强大的“蒙版”功能。
【任务七】使用“粘贴为蒙版”命令遮罩图片
F
遮 罩 图 片
操作步骤
1.打开一幅位图，如图4-28所示。
图4-28 原始位图
图4-13 “容差”值32
图4-14 “容差”值84
操作要点
4.1 选择和变形对象
1.变形和扭曲所选对象和选区 选择“缩放”工具、“倾斜”工 具、“扭曲”工具
UI设计主要用哪些软件
交互中国-UI设计主要用哪些软件学习UI图形界面设计，常用的几个软件分别是Photoshop、Illustrator、fireworks、coredraw等。
一、Photoshop介绍：多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用方面，实际上，PHOTOSHOP的应用领域很广泛的，在图像、图形、文字、视频、出版各方面都有涉及。
请看下面介绍：1、平面设计平面设计是PHOTOSHOP应用最为广泛的领域，无论是我们正在阅读的图书封面，还是大街上看到的招帖、海报，这些具有丰富图像的平面印刷品，基本上都需要PHOTOSHOP软件对图像进行处理。
2、修复照片PHOTOSHOP具有强大的图像修饰功能。
利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸上的斑点等缺陷。
3、广告摄影广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过PHOTOSHOP的修改才能得到满意的效果。
4、影像创意影像创意是PHOTOSHOP的特长，通过PHOTOSHOP的处理可以将原本风马牛不相及的对象组合在一起，也可以使用“狸猫换太子”的手段使图像发生面目全非的巨大变化。
5、艺术文字当文字遇到PHOTOSHOP处理，就已经注定不再普通。
利用PHOTOSHOP可以使文字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。
6、网页制作网络的普及是促使更多人需要掌握PHOTOSHOP的一个重要原因。
因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。
7、建筑效果图后期修饰在制作建筑效果图包括许多三维场景时，人物与配景包括场景的颜色常常需要在PHOTOSHOP中增加并调整。
8、绘画由于PHOTOSHOP具有良好的绘画与调色功能，许多插画设计制作者往往使用铅笔绘制草稿，然后用PHOTOSHOP填色的方法来绘制插画。
除此之外，近些年来非常流行的像素画也多为设计师使用PHOTOSHOP创作的作品。
CS3基本概述
Dreamweaver CS3网页设计商业应用篇1.1 Dreamweaver CS3基本概述Dreamweaver CS3是Adobe公司最新推出的网页制作软件版本，也是网络浏览文件的一个开发工具，它具有强大的功能和简便的操作平台，是一款所见即所得的网页制作软件。
该软件集网页制作、网站管理、程序开发于一身，可以帮助用户在同一个软件中完成所有网站建设的相关工作。
Dreamweaver是由美国著名的软件开发厂商Adobe公司推出的一套专业可视化网页开发工具。
它与该公司的另外两个网页制作软件Flash、Fireworks并称“DreamTeam”，在国内被人们称做“网页三剑客”。
其中Flash用来生成矢量动画，Fireworks完成Web图像制作。
当然，在最新的Adobe CS3软件系统中，Photoshop取代了Fireworks成为最主要的Web图像制作工具，对于比较熟悉Photoshop 的用户来说，也可以把它们称为“新网页三剑客”。
因此，在Adobe CS3软件中，Adobe公司将Photoshop作为首选集成图像编辑软件，而Dreamweaver则是进行各类素材的集成和发布。
由于Dreamweaver支持多种浏览器，可跨平台开发网页，实现了可视化动态HTML编程，方便地集成了Flash、ShockWave、ActiveX等众多外部媒体，加上使用简便，可扩展性强，到目前为止，全世界范围内超过60%的专业网页设计师都在选用Dreamweaver作为网页开发工具，编织他们的梦想。
Dreamweaver支持跨浏览器开发，能够做出既适合Internet Explorer又适合Netscape浏览的精美页面来。
另外Dreamweaver强大的编辑功能和简洁实用的用户界面也受众多用户所钟爱，独特而富有亲和力的体贴设计理念让你能够方便地实现对页面创作的所有灵感。
网页制作人员可以利用Dreamweaver操作环境面板提供的层叠样式表（CSS）格式化文本、利用AP Div定位网页元素、利用时间轴和行为实现网页的动画效果、利用对象库（Library）实现代码的重复使用，甚至可以用Dreamweaver来进行本地和远程站点的管理和异地网页编辑。
fireworks教程
fireworks教程Fireworks是一款由Adobe公司开发的图形编辑软件，主要用于创建和编辑Web图像，特别适用于设计师和开发人员在制作网站时进行图像处理和优化。
本教程将介绍Fireworks 的基本功能和使用方法，帮助读者快速上手并提升其设计能力。
简介Fireworks是一款在Adobe Creative Suite软件套件中独立存在的软件，最早被设计用于处理和优化Web图像。
它的特点是集成了矢量图形编辑器和位图编辑器的功能，能够同时处理SVG、PNG、GIF、JPEG等多种图像格式。
Fireworks的设计理念是帮助用户快速创建和编辑Web图像，提供丰富的工具和特效，支持切片和优化，以及生成HTML和CSS代码。
下载和安装Fireworks可以通过Adobe官方网站下载安装程序。
安装过程与大多数软件相似，跟随提示完成即可。
安装后，启动软件并进入主界面。
界面概览Fireworks的主界面分为几个主要区域：1.菜单栏：包含各种工具和功能的菜单。
2.工具栏：包含常用工具的按钮，用于选择和应用工具。
3.画布：用于显示和编辑图像的区域。
4.图层面板：显示和管理图像的各个图层。
5.属性面板：用于调整和修改工具和图层的属性。
基本操作创建新文档要创建新的Fireworks文档，请执行以下操作：1.单击菜单栏中的“文件”>“新建”。
2.在弹出的对话框中，设置文档的尺寸、分辨率和背景颜色等选项。
3.单击“确定”创建新文档。
绘制基本图形Fireworks提供了多种绘图工具，可以帮助用户创建各种基本图形。
以下是创建基本图形的一般步骤：1.选择合适的绘图工具，例如矩形工具或椭圆工具。
2.在画布上单击并拖动，绘制出所需大小的图形。
3.在属性面板中设置图形的颜色、边框大小和样式等属性。
编辑图像Fireworks提供了丰富的编辑工具和功能，可以对图像进行调整和修改。
以下是一些常用的图像编辑操作：1.裁剪图像：选择裁剪工具，拖动鼠标选择要保留的区域，点击“裁剪”按钮完成裁剪操作。
Adobe_Fireworks_CS3_认证样题
“ 修改>合并路径>裁切” “ 修改>合并路径>联合” “ 修改>合并路径>交集” “ 修改>合并路径>打孔” 1 如图所示，左图是绘制的一个“星形”自动形状，如果将其编辑演变为右图的皇冠效果，下列操作 中不能实现的为（____）
在星形上绘制一个矩形，执行“修改>组合路径>打孔”命令删除“星形”的下半部分 执行“修改>取消组合” 命令将“星形”自动形状修改为路径，然后用“部分选定”工具选择不需要的角 点并将其删除 执行“修改>取消组合” 命令将“星形”自动形状修改为路径，然后用“刀子”工具切割开路径 直接使用“刀子”工具将“星形”自动形状下半部分切割掉 4 如图所示，拖动点手柄更改路径段的形状，实现左图到右图的效果。应配合下列哪个键盘键进行 操作（____）？
请问下列关于辅助线的说法正确的是（____） 辅助线只有几种可选择的颜色，不能自定义颜色 辅助线可以设置任意的颜色 辅助线的样式有多种，如：直线、虚线、双线等 辅助线位于图像的底部，添加新对象时将遮挡辅助线 2
如图所示，从上图到下图，文档的网格发生了变化。请问下列关于网格的说法正确的是（ ____）
jjjjjjjjjjjjjjjjjjj. Photoshop Alpha 通道。
1,2,3,4
在 菜单中的“HTML
Firework中，可以很轻松地导出HTML 设置”来设置
相关的 HTML 属性，下列说法正确的是：
可以设置 HTML 的样式，如 Dreamweaver HTML、Golive HTML 可以设置切片的命名规则
用放大镜工具放大了网格的宽度 用放大镜工具缩小了网格的高度
用鼠标将网格的宽度拉宽了 通过“编辑网格”命令将网格的宽度和高度设定了不同的值 4
ui设计常用软件的优缺点介绍
ui设计常用软件的优缺点介绍现如今我们熟悉的设计制作软件大多有：photoshop、illustrator、fireworks、after effects、flash、indesign、dreamweaver、premiere、手绘等等。
PSphotoshopPhotoshop并非一个单纯的图像编辑软件，它的应用领域涉及图像、图形、文字、视频、出版等各个方面，非常广泛。
它常见的应用主要有：平面设计、修复照片、广告摄影、影像创意、艺术文字、网页制作、建筑效果图后期修饰、绘画、绘制或处理三维帖图、婚纱照片设计、视觉创意、图标制作、界面设计等等。
目前的影视后期制作及二维动画制作也有所应用。
优点：主流设计工具，处理图片强大，调色功能强大，无论是设计图标、界面，都是最佳选择。
无论身居什么职位的设计师，都是必备软件技能。
运用熟练后，即使绘制3D强质感效果也不是问题。
缺点：需根据尺寸设计，无法绘制矢量图形，排版功能弱。
AIIllustrator它是美国ADOBE公司推出的专业矢量绘图工具，出版、多媒体和在线图像的工业标准矢量插画软件。
强大的功用和简洁的界面设计风格，为线稿提供高精度和控制，适合任何小型设计到大型复杂项目，目前已经占据了全球矢量编辑软件中的大部分份额，据不完全统计，全球有97%的设计师在使用Illustrator 进行艺术设计，尤其基于Adobe公司专利的Post技术的运用，Illustrator已经完全占领专业的印刷出版领域。
优点：强大的矢量图设计工具，对绘制logo、海报等极为优秀。
图标和界面功能同样优秀，而且输出为矢量图，可以根据尺寸不同放大缩小。
同样不会第三方草图设计工具，还可以用AI来设计交互草图。
运用熟练实现3D强质感无压力。
排版功能较为强大。
缺点：图片处理为零，滤镜功能较差，处理高质量界面和图标相较PS和其他工具会辛苦很多，从印刷尺寸变为像素尺寸较痛苦。
AEAfter EffectsAE借鉴了许多优秀软件的的成功之处，将视频特效合成上升到了新的高度：Photoshop中层的引入，使AE可以对多层的合成图像进行控制，制作出天衣无缝的合成效果; 关键帧、路径的引入，使我们对控制高级的二维动画游刃有余;高效的.视频处理系统，确保了高质量视频的输出;令人眼花缭乱的特技系统使AE 能实现使用者的一切创意;AE同样保留有Adobe优秀的软件相互兼容性。
第1章 Adobe Dreamweaver CS3概述
Adobe Dreamweaver CS3
1.3 熟悉 熟悉Dreamweaver CS3的工作环境 的工作环境
2．标准工具栏 ． 右击文档工具栏，选择【标准】选项，在文档工具栏中弹出 一组工具栏，即标准工具栏，如图所示。
Adobe Dreamweaver CS3
1.3 熟悉 熟悉Dreamweaver CS3的工作环境 的工作环境
Adobe Dreamweaver CS3
1.2 安装与卸载Dreamweaver CS3 安装与卸载
步骤3：找到“Adobe Dreamweaver CS3”选项并单击其后的 【更改/删除】，打开【管理Adobe Dreamweaver CS3组件】窗口 ，如图所示。
Adobe Dreamweaver CS3
1.3 熟悉 熟悉Dreamweaver CS3的工作环境 的工作环境
1.3.4 常用面板 各个面板在工作界面内有相对固定的位置，也可以用鼠标随 意的拖动，需要时调用或隐藏面板。 1．属性面板 ． 属性面板是一个比较常用的面板，用户可根据需要对其随时 隐藏或调用，如图所示。
Adobe Dreamweaver CS3
1.3 熟悉 熟悉Dreamweaver CS3的工作环境 的工作环境
2．文件面板 ． 使用“文件”面板 可查看和管理站点中的文件， 如图所示。
Adobe Dreamweaver CS3
1.3 熟悉 熟悉Dreamweaver CS3的工作环境 的工作环境
3．CSS样式面板 ． 样式面板 “CSS样式”面板可影响当前所选页面元素的CSS规则和属性 ，或整个文档的规则和属性，如图所示。
1.5.3 获得帮助 选择【帮助】→【Dreamweaver 帮助】菜单项，即可打开 其【帮助】面板，如图1所示。
网页制作三剑客是什么
网页制作三剑客是什么网页制作三剑客是什么网页三剑客，是一套强大的网页编辑工具，最初是由Macromedia公司开发出来的。
由Dreamweaver，Fireworks，Flash三个软件组成，俗称三剑客。
Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页和静态网页的开发;Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局;Flash主要用来制作动画，现推出Flash平台，可预见有极好的前景。
Flash概述Flash是美国Macromedia公司所设计的二维动画软件，全称Macromedia Flash(被Adobe公司收购后称为AdobeFlash)，主要用于设计和编辑Flash文档。
附带的Macromedia Flash Player，用于播放Flash文档。
2011年底，Flash被Adobe公司合并，最新版本为2013年宣布的：Adobe Flash Creative Cloud(CC)，播放器也更名为Adobe Flash Player。
特性被大量应用于互联网网页的矢量动画文件格式。
使用向量运算﹙Vector Graphics﹚的方式，产生出来的影片占用存储空间较小。
使用Flash创作出的影片有自己的特殊档案格式﹙swf﹚。
该公司声称全世界97%的网络浏览器都内建Flash播放器﹙FlashPlayer﹚。
是Macromedia/Adobe提出的“富因特网应用”(RIA)概念的实现平台。
Fireworks概述Adobe Fireworks可以加速Web 设计与开发，是一款创建与优化Web 图像和快速构建网站与Web 界面原型的理想工具。
Fireworks不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库，并可与Adobe Photoshop、Adobe Illustrator、AdobeDreamweaver和Adobe Flash软件省时集成。
PS实训总结报告心得体会
ps课实训心得一周实训已经结束了，在这短短一段时间内，发觉了制作网页确实是个艰苦且繁琐工作，也体会到了部分日常上课时所没有体会到东西。
多媒体制作综合实训是计算机应用技术专业结合图像处理和flash设计和制作这两门关键课程所教授实践技能而开设项目化综合实训。
它是依据专业教学计划要求，在老师指导下对学生进行图像处理和flash动画相结合网页多媒体制作综合训练，培养学生综合利用理论知识分析和处理实际问题能力，实现由理论知识向操作技能转化，是对理论和实践教学效果检验，也是对学生综合分析能力和独立工作能力培养过程。
第一周是制作网页效果图，包含其排版，颜色搭配，内容设计等。
整个网页制作全部是靠自己灵感来设计并发挥。
这需要我们相当大发明能力和丰富想象力。
在脑海里计划好整个网页制作后就要开始对网页制作做充足准备了。
其中肯定会用到对之前ps课所学知识，而在ps处理图片效果时，会发觉很多原先掌握不好知识在不知不觉中已经用相当熟练了，不过在过程中，尤其是部分比较难处理图片要抠图或处理成特殊效果实属不易。
不仅要有相当大耐心，也必需有相当基础知识掌握才行。
而这次实训课无疑是给自己一个很好锻炼机会了，不仅能够依据自己掌握知识尽情发挥，而且还能够锻炼自己耐心和发明力。
这次实训课达成了很好培养学生熟练使用photoshop图像处理软件功效能力，让我们能够进行图像抠图、处理和色彩修饰；能够经过对素材处理后合成图像；能够制作图像特效、纹理图案等；能够设计和绘制logo、图形等手绘作品；能够绘制背景、按钮、标题、导航栏等网页元素；能够完成网页广告、banner图像、网页界面设计和制作；能够使用flash绘制编辑素材和制作原创场景元素；能够使用flash制作网站banner条动画；能够使用flash制作网站引导片头动画；能够使用flash制作各类网页特效动画；而这些在日常课上极难有那么好机会接触到，日常ps课程全部知识针对某个效果进行尤其训练，而这种实训课使我们能够将所学全部应用到作品当中去，从我们制作作品中，也很好看到了哪些功效是全部些人全部掌握，而哪些是比较微弱，这么我们也能够在看到自己和她人作品中找到差距，找到自己弱点，方便于以后加强。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
图 “导入”对话框
11.1 Fireworks CS3的基本概念
11.1.4 修改画布 Fireworks中的画布也就相当于图像的背景。在绘图的过程中， 为了使画布的大小、色彩能够与前景的图像保持协调，用户经 常要修改画布的相关属性。方法是，单击画布，或者在画布的 工作区外单击一下，从而显示相应的画布属性面板，如图所示。 在属性面板中，单击画布颜色选择框，可以重新设置新的画布 颜色，如图所示。
图 画布属性面板
图 设置画布颜色
11.1 Fireworks CS3的基本概念
单击“画布大小”按钮将弹出“画布大小”设置对话框， 如图所示。在“新尺寸”区内可以输入新的宽度、高度，并在 “锚定”栏中设置画布的固定点，当画布的大小被改变时会以 选中的固定点为基准来更改画布的大小。 单击画布属性面板中的“图像大小”按钮，将弹出“图像 大小”对话框，如图所示。在“像素尺寸”区中可以设置工作 区的宽度和高度数值。若选中“约束比例”项，当宽度或高度 二者之中某一数值被改变后，另一个数值也会等比例地随之改 变。
11.1 Fireworks CS3的基本概念
1．工作区 在工作区中不仅可以绘制矢量图，也可以直接处理位图。工 作区上有4个选项卡，当前为“原始”选项卡，也就是工作区， 只有在此窗口中才能编辑图像文件；而在“预览”选项卡中可 以模拟浏览器预览制作好的图像；“2幅”和“4幅”选项卡则 分别是在2个和4个窗口中显示图像的制作内容。 2．工具箱 Fireworks 中的工具种类齐全，使用这些工具，用户可以在单 个文件中创建和编辑矢量或位图图形。
11.1 Fireworks CS3的基本概念
3．属性面板 当选择对象或选取工具的时候，其相关信息都会在属性框中 显示出来，同时也可以通过修改属性面板中的数据或内容来调 整图像的相关属性，如图像的大小、位置及色彩等。 4．组合面板 Fireworks 的组合面板共有18个，分别为：优化、层、公用 库、页面、帧、历史记录、自动形状、样式、库、URL、混色 器、样本、信息、行为、查找、对齐、自动形状属性、图像编 辑和特殊字符。每个面板既可独立排列，又可与其他面板组合 成一个新面板，但各面板的功能依然相互独立。单击面板上的 名称可展开或折叠该面板。
图 设置画布大小
图 设置图像大小
11.2 图形的优化
网页图形设计的最终目标是创建能够尽可能快下载的精美图 片。为此，必须在最大限度地保持图形品质的同时，选择压缩 质量最高的文件格式。这种平衡就是优化，即寻找颜色、压缩 和品质的最佳组合。在Fireworks中，使用优化面板可以轻松地 对图形进行优化。 在Fireworks中，优化图形涉及下列操作。 选择最佳文件格式。每种文件格式都有不同的压缩颜色信 息的方法。为某些类型的图形选择适当格式可以减小文件大小。 设置格式特定的选项。每种图形文件格式都有一组惟一的 选项，可以用诸如色阶这样的选项来减小文件大小。某些图形 格式（如GIF和JPEG）还具有控制图形压缩的选项。 调整图形中的颜色（仅限于8位文件格式）。可以通过将图形 局限于一个称为调色板的特定颜色集来限制颜色，然后修剪掉 调色板中未使用的颜色。调色板中的颜色越少意味着图形中的 颜色也越少，从而让使用该调色板的图形文件大小变小。
11.3 用Fireworks CS3创建网页模型
网页模型一般用于向用户显示建议的页面设计，一旦设计 获得认可，网页设计人员便会将模型用作创建页面的蓝图。下 面的实例讲述了一个诗词主题网站页面模型的建立过程，使读 者能够了解Fireworks的基本操作、网页模型的规划和设计过程。 11.3.1 建立网站页面模型 页面模型通常显示设计布局、技术组件、主题和颜色、图 形图像以及其他媒体元素。. 11.3.2 网页模型的切片与导出 切片是Fireworks CS3中用于创建交互的基本构造块。切片 将Fireworks文档分割成多个较小的部分并将每部分导出为单独 的文件。导出时，Fireworks还创建一个包含表格代码的HTML 文件，以便在浏览器中重新装配图形。
11.1.1 创建新文档 第一次启动Fireworks 中文版时，会出现一个初始页面，如 图所示。在这里，用户可以快速访问最近编辑过的文档或创建 一个新文档，也可以访问帮助文件或网页。当用户选择新建 Fireworks文件后，就会弹出“新建文档”对 时的初始页面
图 “新建文档”对话框
11.1 Fireworks CS3的基本概念
11.1.2 Fireworks 的工作界面 新建文档完成后进入 Fireworks 的工作界面 ，如图所示。 Fireworks 的工作界面由菜单栏、工具栏、工具箱、工作区、组 合面板和属性面板6个部分组成。
图 Fireworks 的工作界面
习题11
1．使用Fireworks分别对JPEG图像和GIF图像进行优化并导 出整个图像。 2．制作一个动态按钮，实现如下功能：当鼠标指针经过按钮 时，文本的颜色发生改变；当鼠标指针移到按钮上时，会出现 说明文字；单击按钮，会打开相应的网页。 3．如图11-58所示是“别客中国”网站首页的设计草图，请用 Fireworks CS3制作网页模型，并将其切片导出为HTML文件。
11.1 Fireworks CS3的基本概念
11.1.3 打开和导入文件 1．打开文件 打开文件用于重新加载一幅新的图像。执行“文件”→“打 开”命令，或者单击工具栏上的“打开”按钮，即可启动“打 开”文件对话框，如图所示。
图 “打开”对话框
11.1 Fireworks CS3的基本概念
11.1.3 打开和导入文件 2．导入文件 导入文件和打开文件的区别是，前者是将图像文件插入到目 前正在编辑的文档中，而不是重新加载一幅图像。执行“文 件”→“导入”命令，启动“导入”对话框，如图所示。
11.4 创建网站相册
使用Dreamweaver和Fireworks相结合的方法，可以自动 生成一个网站相册，显示在指定文件夹中存放的图像集合。其 中，Fireworks可以为文件夹中的每个图像创建缩略图和大图。 然后，Dreamweaver创建一个包含所有缩略图的Web页，Web 页中提供了指向大图的链接。 如果要创建Web相册，用户的系统中必须同时安装有 Dreamweaver和Fireworks。另外，定义站点的本地文件夹、图 片的文件名均不能使用中文名称，否则，创建网站相册将失败。
网站规划与网页设计
电子工业出版社同名教材 配套电子教案 2009.9
第11章 网页图形处理工具Fireworks CS3
11.1 11.2 11.3 11.4 Fireworks CS3的基本概念 图形的优化 用Fireworks CS3创建网页模型 创建网站相册
11.1 Fireworks CS3的基本概念