Adobe Dreamweaver介绍[编辑]

概述

DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Adobe Dreamweaver简介

Adobe Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto" 作为网页预览。

版本介绍

CS3

dreamweaverCS3是Adobe（奥多比）公司收购Macromedia公司后最新推出的CreativeSuite3设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是制作Web页站点,Web页和Web应用程序开发的理想工具。　Dreamweaver，Fireworks，Flash被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档之一。

CS4

DreamweaverCS4的界面几乎是做了一次脱胎换骨的改进，

从中看到了更多的设计元素，让DW也稍稍带着点苹果的味道。如果说VISTA和OFFICE2007创造了软件界面设计的新纪元，那么Adobe相当于取代了苹果的设计地位而紧随MS之后。唯一的区别就是，MS老是抄人家苹果的（汗一个，微软的Fans别砸我），而Adobe却是实实在在的自己创造，设计界的老大地位实至名归……　布局按钮：这个按钮似乎和下方的代码、分割、设计按钮功能重复，还不白DW的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。　精简设计：它提供了更多的可视区域，同时可以把右边的菜单收缩到只剩下图标。对于习惯了Adobe其他设计软件的朋友来说，这的确是非常贴心的设计。　应用程序开发增强：左上方是和数据相关的面板，包括数据库面板、数据绑定面板和行为面板；左下方则是文件与资源相关的面板，包括文件面板、相关资源面板、代码收集器等；右边则是设计相关面板，包括插入面板、CSS样式表面板、AP元素面板（用来为浮动层定位）。应该说这是一个万金油布局，几乎适用所有的开发者，同时，它也把大部分菜单展示在用户面前，其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。　在下方的文档面板上，DW新增加了一个实时预览功能——LiveView。它的作用是在DW窗口中实时查看代码的效果，包括Javascript特效！

CS5

AdobeDreamweaverCS5是一款集网页制作和管理网站

于一身的所见即所得网页编辑器，DreamweaverCS5是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

全球最大的图像编辑软件供应商Adobe官方宣布，以换股方式收购软件公司Macromedia，Macromedia是著名的网页设计软件Dreamweaver及Flash的供应商。据悉，此项交易涉及金额高达34亿美元。根据双方达成的协议，Macromedia股东将以1：0.69的比例获得Adobe的普通股。自此开始，Dreamweaver开始属于ADOBE设计软件系列。

DreamweaverCS5的新增功能：

AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成，您可以使用CSS检查工具进行设计，使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

-集成CMS支持新增功能

尽享对WordPress、Joomla!和Drupal等内容管理系统框架的创作和测试支持。

-CSS检查新增功能

以可视方式显示详细的CSS框模型，轻松切换CSS属性并且无需读取代码或使用其他实用程序。

-与AdobeBrowserLab集成新增功能

使用多个查看、诊断和比较工具预览动态，网页和本地内容。

-PHP自定义类代码提示新增功能

为自定义PHP函数显示适当的语法，帮助您更准确地编写代码。

-CSSStarter页增强功能

借助更新和简化的CSSStarter布局，快速启动基于标准的网站设计。

-与BusinessCatalyst集成新增功能

利用Dreamweaver与AdobeBusinessCatalyst服务（单独提供）之间的集成，无需编程即可实现卓越的在线业务。

-保持跨媒体一致性

将任何本机AdobePhotoshop或Illustrator文件插入Dreamweaver即可创建图像智能对象。更改源图像，然后快速、轻松地更新图像。

-增强的Subversion支持

借助增强的Subversion软件支持，提高协作、版本控制的环境中的站点文件管理效率。

-仔细查看站点特定的代码提示

站点特定的代码提示新增功能

CS6

进一步了解用于设计和编辑网站和移动应用程序的最新版顶尖

软件中的各项功能，包括响应迅速的自适应网格版面、增强型jQueryMobile支持、CSS3转换和其他功能

建立网上业务
通过与AdobeBusinessCatalyst?平台（需单独购买）集成来开发复杂的电子商务网站，无需编写任何服务器端编码。建立并代管免费试用网站。
提高工作效率
利用高速FTP传输和改良的图像编辑功能，有效地设计、开发并发布网站和移动应用程序。利用对jQueryMobile和AdobePhoneGap框架的更新支持，建立移动应用程序。

可响应的自适应网格版面
改善的FTP性能
AdobeBusinessCatalyst集成
使用DW中的BusinessCatalyst面板连接

增强型jQuery移动支持
使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化您的移动开发工作流程。
更新的PhoneGap支持
更新的AdobePhoneGap?支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查您的设计。

CC更新说明

这一版本只能运行在win7和win8系统，winxp及以下系统不能运行。

更新透过简化的使用者界面、连接的工具以及新增的视觉化

更新CSS设计工具您可透过直观方式更有效地编写程式码

更新流变格线版面可用于建立多方互动的网页设计

更新EdgeAnimate整合EdgeWebFonts整合

工作界面初始界面

安装后，它会自动在Windows的菜单中创建程序组。与FrontPage有很大的不同，它把工具栏省去了，然后增加了几个浮动的工具栏。在Dreamwaver3.0中，它的工具栏全是浮动工具栏，可以将工具栏缩小，也可以关闭。在专业术语里面，他们叫“浮动面板”，利用浮动面板来控制对页面的编写，而不是利用烦琐的对话框，这是Dreamwaver3.0编辑网页中最值得人赞赏的特性。通过在浮动面板中进行属性设置，这样就直接可以在文档中看到结果，避免了中间过程，提高了工作效率。但对于熟悉了微软的应用程序的用户来说，开始的时候可能很不习惯。先来介绍它的三个最重要的浮动面板。

启动面板

启动面板主要用来快速启动相应的任务，或显示/隐藏相应的浮动面板。如果启动面板是竖的，那么，可以点击它右下角的一个小按钮，它就可以变成横向的了，这时，可能会发现，它的状态栏上也有这个面板上的所有选项。这也就为网页制作者提供了方便。可以直接从右下角点击相应的栏目进入想要进入的对话框。

对象面板

对象面板主要功能相当于插入菜单，主要是向网页中插入一些对象，如表格，框架，图象，层，Flash动画等，它通过一个下拉菜单，把要插入的选项都包括在了其中。

每一个选项中都有若干个图标，只要在图表上单击一下，就可以插入想要插入的对象了。

属性面板

属性面板会随着编辑的内容而变化，这个图是文字属性面板，它里面包含了所要编辑的文字的所有内容，包括字体，颜色，大小，连接，缩进等，它的右下角还有一个向下的小三角箭头，单击它，会展开属性面板，它把一些不常用的属性也列出来。展开后，箭头会变成向上，单击它，又会使属性面板复原。属性面板很多，还有图象属性控制面板，层属性控制面板等对象的属性控制面板，用户只要选择要编辑的对象，它就会自动变化，挺方便的。用户对所有由启动面板弹出来的浮动面板在被打开后，可以重新组合，可以将经常用的面板单独地拉出来，只需要将鼠标放到想要拉的按钮上面，然后按住左键拖动就可以了，同理，把他们组合也是一样，用鼠标拖动后，放到上面就可以。

功能特色

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

CS6新增功能

利用AdobeDreamweaverCS6软件中改善的FTP性能，更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码，使您能检查自己的工作。

自适应网格

可响应的自适应网格版面

使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无需忙于编写代码。

改善FTP性能

利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件，缩短制作时间。

Catalyst集成

AdobeBusinessCatalyst集成

使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑您利用AdobeBusinessCatalyst（需另外购买）建立的网站。利用托管解决方案建立电子商务网站。

增强型jQuery移动支持

使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化您的移动开发工作流程。

更新的PhoneGap支持

更新的AdobePhoneGap支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查您的设计。

CSS3转换

将CSS属性变化制成动画转换效果，使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精准控制。

更新的实时视图

使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎，能够提供绝佳的HTML5支持。

更新的多屏幕预览面板

利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板能够让您检查HTML5内容呈现。

CS5后的新增功能

借助AdobeDreamweaverCS5.5软件充满自信地进行设计、构建最新的HTML5和CSS3网站、令交互性更上一层楼。同时为多个设备进行设计，并对全面的代码检查充满自信。

“多屏幕预览”面板

借助“多屏幕预览”面板，为智能手机、Tablet和个人计算机进行设计。借助媒体查询支持，开发人员可以通过一个面板为各种设备设计样式并实现渲染可视化。

CSS3/HTML5支持

通过CSS面板设置样式，该面板经过更新可支持新的CSS3规则。设计视图现支持媒体查询，在您调整屏幕尺寸的同时可应用不同的样式。使用HTML5进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。

JQuery集成

借助jQuery代码提示加入高级交互性。jQuery是行业标准JavaScript库，允许您为网页轻松加入各种交互性。借助针对手机的起动模板快速启动。

借助PhoneGap构建本机Android和iOS应用程序

借助新增的PhoneGap功能为Android和iOS构建并打包本机应用程序。借助PhoneGap构建本机Android和iOS应用程序。

新增功能

实时视图新增功能

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

针对Ajax和JavaScript框架的代码提示新增功能。

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

集成增强

通过跨产品线的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和强大功能,包括AdobeFLASHCS4Professional、FIREWORKSCS4、PhotoshopCS4和DeviceCentralCS4软件。

AdobeInContextEditing新增功能

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

Subversion集成新增功能

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

跨平台支持增强功能

随心所欲,尽情工作:DreamweaverCS4可用于基于Intel或PowERPC的Mac、MicrosoftWindowsXP以及WindowsVista系统。在首选系统中设计,交付跨平台、可靠、一致、高性能的成果。

参考资料： Dreamweaver软件下载：http://www.crsky.com/soft/6604.html

扩展阅读：