网页三剑客

名称由来

之所以称为三剑客，很大一部分是因为这三种软件能相互无缝合作。制作网页，通常由Fireworks导出切片、图片等，然后在Dreamweaver中绘制表格；较为流行的一种是在Fireworks中做好主要页面，然后导出，在Dreamweaver中加以修改，添加链接等，便做出一个非常好看的页面。

Flash

概述

Flash是美国Macromedia公司所设计的二维动画软件，全称Macromedia Flash（被Adobe公司收购后称为Adobe Flash），主要用于设计和编辑Flash文档。附带的Macromedia Flash Player，用于播放Flash文档。

2011年底，Flash被Adobe公司合并，最新版本为2013年宣布的：Adobe Flash Creative Cloud（CC），播放器也更名为Adobe Flash Player。

特性

被大量应用于互联网网页的矢量动画文件格式。

使用向量运算﹙Vector Graphics﹚的方式，产生出来的影片占用存储空间较小。

使用Flash创作出的影片有自己的特殊档案格式﹙swf﹚。

该公司声称全世界97%的网络浏览器都内建Flash播放器﹙Flash Player﹚。

是Macromedia/Adobe提出的“富因特网应用”（RIA）概念的实现平台。

Fireworks

概述

Adobe Fireworks可以加速 Web 设计与开发，是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性，还提供了一个预先构建资源的公用库，并可与 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和Adobe Flash软件省时集成。在Fireworks 中将设计迅速转变为模型，或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。然后直接置入Dreamweaver 中轻松地进行开发与部署。

特性

矢量编辑与位图编辑。创建和编辑矢量图像与位图图像，并导入和编辑本机 Photoshop 和 Illustrator 文件。

图像优化。采用预览、跨平台灰度系统预览、选择性 JPEG 压缩和大量导出控件，针对各种交付情况优化图像。

高效的 Photoshop 和 Illustrator 集成。导入 Photoshop (PSD) 文件，导入时可保持分层的图层、图层效果和混合模式。将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。导入 Illustrator (AI) 文件，导入时可保持包括图层、组和颜色信息在内的图形完整性。

快速原型构建。网站和各种 Internet 应用程序构建交互式布局原型。将网站原型导出至 Adobe Dreamweaver,将 RIA 原型导出至 Adobe Flex。

支持多页。使用新的页面板在单个文档 (PNG 文件) 中创建多个页面，并在多个页面之间共享图层。每个页面都可以包含自己的切片、图层、帧、动画、画布设置，因而可在原型中方便地模拟网站流程。

分层的图层组织方式。采用与 Adobe Photoshop 类似的新分层图层结构来组织和管理原型，使您能方便地组织 Web 图层和页面。

滤镜效果。应用灯光效果、阴影效果、样式和混合模式 (包括源自 Photoshop 的 7 种新的混合模式),增加文本和元件的深度和特性。

公用库。公用库中包含 Web 应用程序、表单、界面和网站中经常用到的图形元件、文本元件和动画，可以使用它迅速开始原型构建过程。

智能缩放。通过 9 切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。将 9 切片缩放与新的自动形状库相结合，以加速网站和应用程序的原型构建进度。

简化的 Dreamweaver 和 Flash 集成。复制 Fireworks CS3 中的任意对象，并直接粘贴到 Dreamweaver CS3 中。创建可保存为 CSS 和 HTML 的弹出菜单。将 Fireworks (PNG) 文件直接导出至 Flash CS3,导出时可保持矢量、位图、动画和多状态不变，然后在 Flash CS3 中编辑文件。

须知

众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大，最终还是要用Fireworks来处理一下。

Dreamweaver

概况

Dreamweaver是美国Macromedia公司（现已被Adobe公司收购，成为Adobe Dreamweaver）开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver、Flash以及在Dreamweaver之后推出的针对专业网页图像设计的Fireworks，三者被Macromedia公司称为DreamTeam（梦之队），足见市场的反响和Macromedia公司对它们的自信。说到Dreamweaver我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML（标准通用标记语言下的一个应用）技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

特性

它的优点

最佳的制作效率。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

无可比拟的控制能力。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。

它的缺点

难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；

页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML（标准通用标记语言下的一个应用）都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备所见则所得的高效率、直观性，一直是网页设计师梦想。

CS5新功能

Adobe 出品的CS5系列开始销售了，我们关注下此次DREAMWEAVER CS5的相关功能。

实时视图新增功能

借助 Dreamweaver CS5 中新增的实时视图在真实的浏览器环境中设计网页，同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对代码所做的更改。

针对 Ajax 和 JavaScript 框架的代码提示

借助改进的 JavaScript 核心对象和基本数据类型支持，更有效地编写 JavaScript。通过集成包括 jQuery、Prototype 和 Spry 在内的流行 JavaScript 框架，充分利用 Dreamweaver CS5 的扩展编码功能。

全新用户界面

借助共享型用户界面设计,在 Adobe Creative Suite® 4 的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。

相关文件和代码导航器

单击“相关文件”栏中显示的任何包含文件，即可在“代码”视图中查看其源代码,在“设计”视图中查看父页面。新增的代码导航器功能显示影响当前选定内容的 CSS源代码，并允许您快速访问它。

HTML 数据集

无需掌握数据库或 XML 编码即可将动态数据的强大功能融入网页中。Spry 数据集可以将简单 HTML 表中的内容识别为交互式数据源。

Adobe InContext Editing (预发布版)

在 Dreamweaver 中设计页面，使最终用户能使用 Adobe InContext Editing 在线服务编辑他们的网页，无需帮助或使用其它软件。* 作为 Dreamweaver 设计人员，您可以限制对特定页面、特殊区域的更改权，甚至可以自定格式选项。

Adobe Photoshop®智能对象

将任何 Photoshop PSD 文档插入 Dreamweaver 即可创建出图像。智能对象与源文件紧密链接。无需打开 Photoshop 即可在 Dreamweaver 中更改源图像和更新图像。

CSS 最佳做法

无需编写代码即可实施 CSS 最佳做法。在“属性”面板中新建 CSS 规则，并在样式级联中清晰、简单地说明每个属性的相应位置。

Subversion 集成

在 Dreamweaver 中直接更新站点和登记修改内容。Dreamweaver CS4 与 Subversion 软件紧密集成，后者是一款开放源代码版本控制系统，可以提供更强大的登记/注销体验。

Adobe AIR 创作支持新增功能

在 Dreamweaver 中直接创建基于 HTML 和 JavaScript 的 Adobe AIR 应用程序。在 Dreamweaver 中即可预览 AIR 应用程序。使 Adobe AIR 应用程序随时可与 AIR 打包及代码签名功能一起部署。

CS6

升级到 Dreamweaver CS6，可以使用更新的“实时视图”和“多屏预览”面板高效创建和测试跨平台、跨浏览器的 HTML5 内容。利用增强的 jQuery 和 PhoneGap™ 支持构建更出色的移动应用程序，并通过重新设计的多线程 FTP 传输工具来缩短上传大文件所需的时间。

业界动态

在线建站平台Wix、Weebly、9466网页助手等的崛起让建站门槛大大降低，基于云计算的在线建站模式使得人人皆可建站成为可能，不用编程即可在线拖拽生成网页。