当前位置：首页 > 生活问答 > 生活百科 > Adobe Dreamweaver

Adobe Dreamweaver

网站编辑：上海建站网　发布时间：2022-09-07 　点击数：次

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

Adobe Dreamweaver（软件）

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

外文名称： AdobeDreamweaver

中文名称：梦想编织者

简：称：DW

软件类别：国外软件/网页制作

软件性质：共享

所属公司： adobe

目录

1发展概况2软件优势3版本介绍4使用技巧5安装指南

1发展概况

软件图片

Macromedia公司总部设立在美国加州（加利福尼亚）三番市（旧金山），在全球50多个国家设有经营机构。Macromedia公司在全球拥有300万开发和设计用户以及广大的行业合作伙伴网络，其丰富的客户机软件被98%的Web应用开发人员所广泛使用，是企业、政府和教育市场客户的战略性IT提供商。

2005年4月18日，adobe公司收购Macromedia公司，Dreamweaver，Authorware等软件同归Adobe公司。Adobe Systems是一家总部位于美国加州圣何塞的电脑软件公司。公司由乔恩·沃诺克和查理斯·格什克创建于1982年12月，他们先前都曾任职于施乐公司的帕洛阿尔托研究中心，离开后组建了Adobe系统公司，使得PostScript页描述语言得到商业化应用。

Adobe 解决方案现在已成为数码成像领域的金科玉律。与此同时，Adobe Creative Suite 代表了下一代的设计和发布平台。 Adobe 智能文档技术则推动着整个企业级文档服务领域的发展，帮助各种规模的企业优化和加速文档处理流程并进一步提高效率。

2软件优势

最佳的制作效率软件图片

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

网站管理

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

无可比拟的控制能力

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧（rames）和表格的制作速度快的令您无法想像。进阶表格编辑功能使用户简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当用户正使用Dreamweaver在设计动态网页时，所见即所得的功能，让用户不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。用户也可以使用样版正确地输入或输出XML内容。

3版本介绍

Adobe Dreamweaver CS3
软件图片

Dreamweaver CS3 是为设计人员和开发人员而构建的，它提供一个选择: 是在直观的可视布局界面中工作，还是在简化的编码环境中工作。与 Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Fireworks CS3、Adobe Flash CS3 Professional 和 Adobe Contribute　CS3 软件的智能集成确保在用户喜爱的工具上有一个有效的工作流。

新功能：

Adobe Dreamweaver CS3新功能包含 CSS 工具，用于构建动态用户界面的 Ajax 组件，以及与其他 Adobe 软件的智能集成。

·适合于 Ajax 的 Spry 框架

·Spry 数据

·Spry 构件

·Spry 效果

·Adobe Photoshop 和 Fireworks 集成

·浏览器兼容性检查

·CSS Advisor 网站

·CSS 布局

·CSS 管理

·Adobe Device Central CS3

Adobe Dreamweaver CS4

Dreamweaver CS4即为Dreamweaver的CS4版本，Dreamweaver是美国MACROMEDIA公司开发（后被Adobe公司收购）的集网页制作和管理网站于一身的所见即所得网页编辑器。

Adobe Dreamweaver CS4新版增加了以下特性：

·实时视图（新增功能）

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

·代码提示（新增功能）

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

·相关文件（新增功能）

在 Dreamweaver CS4 中使用“相关文件”功能更有效地管理构成目前网页的各种文件。单击任何相关文件即可在“代码”视图中查看其源代码，在“设计”视图中查看页面。

·集成编码（增强功能）

领略内建代码提示的强大功能, 令 HTML、JavaScript、Spry 和 jQuery 等 Ajax 框架、原型和几种服务器语言中的编码更快、更清晰。

·代码导航器（新增功能）

新增的“代码导航器”功能可显示影响当前选定内容的所有代码源，如 CSS 规则、服务器端包括、外部 JavaScript 功能、Dreamweaver 模板、iframe 源文件等。

Adobe Dreamweaver CS5

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

·集成 CMS 支持（新增功能）

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

·CSS 检查（新增功能）

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

·与 Adobe BrowserLab 集成（新增功能）

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

·PHP 自定义类代码提示（新增功能）

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

·CSS Starter 页（增强功能）

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

·与 Business Catalyst 集成（新增功能）

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

·保持跨媒体一致性

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

·增强的 Subversion 支持

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

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

从 Dreamweaver 中的非标准文件和目录代码提示中受益。

·简单的站点建立（增强功能）

以前所未有的速度快速建立网站，分阶段或联网站点甚至还可以使用多台服务器。

Adobe Dreamweaver CS6

Adobe Dreamweaver CS6 网页设计软件提供了一套直观的可视界面，供用户创建和编辑 HTML 网站和移动应用程序。使用专为跨平台兼容性设计的自适应网格版面创建适应性版面。在发布前使用多屏幕预览审阅设计。升级到 Dreamweaver CS6，使用更新的“实时视图”和“多屏预览”面板高效创建和测试跨平台、跨浏览器的 HTML5 内容。利用增强的 jQuery 和 PhoneGap，支持构建更出色的移动应用程序，并通过重新设计的多线程 FTP 传输工具来缩短上传大文件所需的时间。

新增功能：

· 流体网格布局：使用基于 CSS3 的自适应网格版面系统，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无需忙于编写代码。进一步了解自适应网格版面。

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

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

· 增强型 jQuery Mobile 支持：使用更新的 jQuery Mobile 支持为 iOS 和 Android 平台建立本地应用程序。建立触及移动受众的应用程序，同时简化用户的移动开发工作流程。

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

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

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

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

Adobe Dreamweaver CC

Adobe Dreamweaver CC是一款可视的网页制作编辑软件，Adobe Dreamweaver CC简体中文免费版比起原来的cs版本新增了更加友善直观的视觉化CSS编辑工具，让Web开发者更快速地生成简洁的CSS代码；创新的jQuery UI Widget、Edge Web Fonts 让文字更加鲜明、CSS3转换、jQuery 和 jQuery Mobile 支持以及对HTML5更完善的支持等。

Dreamweaver CC新功能：

·CSS 设计工具以视觉方式编辑 CSS

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

·Edge Web Fonts 整合

·Edge Animate 整合

·拖曳 jQuery UI Widget

·使用简化的 UI 简化工作流程

·CSS3 支持（包括转变）

·同步设定

系统需求：

·Intel Pentium 4 或 AMD Athlon 64 处理器

·Microsoft Windows 7 或 Windows 8

·1GB 的 RAM

·安装所占的 1GB 可用硬盘空间；安装期间需要额外的可用空间（无法安装在移动储存设备上）

·1280x1024 显示器，配备 16 位显卡

·Java Runtime Environment 1.6 （内含）

Adobe Dreamweaver 8.0

Adobe Dreamweaver 8.0是一款用于建立Web站点和应用程序的网页编辑器，由美国MACROMEDIA公司开发而成。将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，上手非常容易，轻而易举地就可以制作出跨越平台限制和浏览器限制的动感网页。

软件特点：

1、内置Behavior行为，为网页增加交互功能；

2、支持外部插件，提供无限的扩展能力；

3、内置FTP软件可以直接上传主页；

4、支持Styles Sheet样式表单；

5、可以创造丰富的页面效果；

6、所见即所得的页面编辑方式；

7、提供模板和库可以加速页面的生成和制作；

8、Dreamweaver具有强大的站点管理功能；

9、支持Layer层，可使用Timeline时间轴制作动态网页。

4使用技巧

让DW支持中文文件名
软件图片

Dreamweaver可以插入以中文命名的素材、也可以链接以中文命名的网页。在插入素材或链接网页后切换到代码窗口，将乱码文件名改为相应的中文文件名即可。

定义大小不变的文字

更改浏览器字体大小设置，网页中字体尺寸也会发生变化。如果使用了网页中的CSS样式表技术，就不会出现上述情况了。使用快捷键“Shift+F11”打开样式表“CSS Style”编辑器，在窗口中单击鼠标右键执行“New CSS Style”命令，新建一个控制文字字体、字号属性的样式表，并将其添加到页面中，可以看到页面文本发生的变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

一次链接到两个网页

超链接一次只能连到一个页面，如果一次在不同的框架页中打开文档，可以使用“Go To URL”行为。打开一个有框架的网页，选择需要超链接的文字或图像，然后从Behaviors行为面板中选择“Go To URL”行为。在弹出Go To URL对话框中显示所有可用的框架，选择其中一个我们想链接的框架并输入相应的URL，然后再选择另一个框架并输入另一个URL即可。

去掉图片和表格的间隙

要使图片和表格接触的地方不留空隙，仅在表格属性面板上把外框线(border)设为0是不行的，还需要在表格的属性面板上把单元格的两个属性设为0（即cellspacing="0"和cellpadding="0"）。

实现网页每五分钟刷新一次

在DreamweaverMX的Insert功能面板上选择“head”功能组，点击面板上“Refresh”按钮，弹出“Insert refresh”对话框，在“Delay”中输入以秒计的间隔时间，比如每五分钟刷新一次，则输入300。最后在该对话框上复选“Refresh This Document”刷新当前窗口即可。