换一批

Dreamweaver

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

经验文章 概述

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

Macromedia公司成立于1992年,2005年被Adobe公司收购。

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

基本信息

中文名称

梦想编织者 

外文名称

Adobe Dreamweaver 

简 称

DW 

开发商

Adobe 

软件语言

英文版、中文版 

授权类型

共享(收费)软件 

软件类别

国外软件/网页制作

软件优点

1.制作效率

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

DREAMWEAVER

DREAMWEAVERer自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。网页所见即所得的技术方面无人可替代,而且还具备商业产品的那种i给你细致![1]

2.网站管理

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

3.控制能力

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver 支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP, Apache,BroadVision, Cold Fusion,iCAT, Tango与自行发展的应用软

Dreamweaver

Dreamweaver体。当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告。

软件功能

1.CS6后的新增功能

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

可响应的自适应网格版面

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

改善的FTP性能

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

AdobeBusinessCatalyst集成

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

增强型jQuery移动支持

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

更新的PhoneGap支持

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

CSS3转换

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

更新的实时视图

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

更新的多屏幕预览面板

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

2.CS5后的新增功能

借助Adobe Dreamweaver CS5.5 软件充Adobe Dreamweaver CS5.5满自信

Adobe Dreamweaver CS5.5

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

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

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

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

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

3.CS4后的新增功能

实时视图新增功能

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

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

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

相关文件新增功能

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

集成编码增强功能

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

代码导航器新增功能

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

Adobe AIR 创作支持新增功能

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

FLV 支持增强功能

通过轻松点击和符合标准的编码将FLV 文件集成到任何网页中 - 无需 Adobe FLASH 软件知识。设计时在 Dreamweaver 全新的实时视图中播放 FLV 影片。

支持领先技术

在支持大多数领先 Web 开发技术的工具中进行设计和编码, 这些技术包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、Adobe ColdFusion 软件和 ASP。

学习最佳做法

参考CSS最佳做法实现可视化设计并辅以通俗易懂的实用概念说明。在支持可访问性和最佳做法的同时创造 Ajax驱动的交互性。

CSS 最佳做法新增功能

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

全面的 CSS 支持增强功能

使用 Dreamweaver CS4中增强的 CSS实施工具令您的网站脱颖而出。借助“设计”和“实时视图”中的即时可视反馈, 在“属性”面板中快速定义和修改CSS 规则。使用新增的“相关文件”和“代码导航器”功能找到定义特定 CSS 规则的位置。

学习资源增强功能

借助 Dreamweaver CS4中丰富的产品随附教程掌握 Web 构建技能。通过由社区推动的帮助系统与最新 Web 技术保持同步。

更广阔的 Dreamweaver 社区增强功能

从广阔的 Dreamweaver 社区受益, 它包括在线 Adobe Design Center和 Adobe Developer Connection、培训与研讨会、开发人员认证计划以及用户论坛。

在线服务

轻击鼠标从 Dreamweaver 访问在线服务, 与同事或客户共享屏幕、从在线社区获得所需的搜索结果并快速找到创意灵感。了解针对创意专业人士的更多在线服务

掌控内容

使客户能从浏览器中直接更新他们的网页。无需数据库或复杂的编码即可将动态数据添加到站点。

Adobe Photoshop 智能对象新增功能

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

HTML数据集新增功能

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

全新用户界面新增功能

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

跨产品集成增强功能

通过跨产品线的直接通信和交互, 充分利用 Dreamweaver CS4 和其它 Adobe 工具的智能集成和强大功能, 包括 Adobe FLASH CS4 Professional、FIREWORKS CS4、Photoshop CS4 和 Device Central CS4 软件。

Adobe InContext Editing新增功能

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

Subversion 集成新增功能

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

跨平台支持增强功能

随心所欲, 尽情工作: Dreamweaver CS4 可用于基于 Intel 或 PowerPC的 Mac、Microsoft Windows XP 以及 Windows Vista系统。在首选系统中设计, 交付跨平台、可靠、一致、高性能的成果。

版本更新

Macromedia时代Dreamweaver 1.0Dreamweaver 2.0Dreamweaver 2.01Dreamweaver 3Dreamweaver 4Dreamweaver MXDreamweaver MX 2004Dreamweaver 8Adobe时代DreamWeaver CS3DreamWeaver CS4Dreamweaver CS5Dreamweaver CS5.5Dreamweaver CS6
Dreamweaver CC

软件缺点

1.效果难一致

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

2.代码难控制

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

历史版本

版本介绍

Dreamweaver2.0版本具有强大的站点管理功能,内置FTP软件可以直接上传主页;所见即所得的页面编辑方式;支持StylesSheet样式表单,创造丰富的页面效果;支持Layer层,并可使用Timeline时间轴制作动态网页;内置Behavior行为,为网页增加交互功能;提供模板和库可以加速页面的生成和制作;支持外部插件,提供无限的扩展能力。

版本发布

Macromedia时代Dreamweaver1.0

Dreamweaver2.0

Dreamweaver2.01

Dreamweaver3

Dreamweaver4

Dreamweaver5

DreamweaverMX

DreamweaverMX2004

Dreamweaver8.0

Adobe时代DreamWeaverCS3

DreamWeaverCS4

DreamweaverCS5

DreamweaverCS5.5

DreamweaverCS6

2013DreamweaverCreativeCloud(CC)

版本介绍

CS3

dreamweaverCS3是Adobe(奥多比)公司收

dreamweaverCS3

dreamweaverCS3购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?支持可轻松

DREAMWEAVER

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

CC更新说明

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

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

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

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

更新EdgeAnimate整合EdgeWebFonts整

发展过程

Dreamweaver 1.0发布于1997年12月,由之前的Macromedia公司发布。

Dreamweaver 2.0,发布于1998年12月。

Dreamweaver 3.0,发布于1999年12月。Dreamweaver 3.0不足3M,是个经典版本。无论是多破的机器,速度特快,功能够用。此时的Dreamweaver已经是一个集网页创作和站点管理两大利器于一身的超重量级的创作工具。

界面面板

1.初识界面

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

Dreamwaver

Dreamwaver

2.启动面板

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

3.对象面板

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

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

4.属性面板

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

Dreamwaver

Dreamwaver

系统要求

Window

1、Intel Pentium 4 或AMD Athlon 64 处理器

2、Microsoft Windows XP(带有Service Pack 2,推荐Service Pack 3);Windows Vista Home Premium、Business、Ultimate 或Enterprise(带有Service Pack 1);或Windows 7

3、512 MB 内存

4、1GB 可用硬盘空间用于安装;安装过程中需要额外的可用空间(无法安装在可移动闪存设备上)

5、1280x800 屏幕,16 位显卡

6、DVD-ROM 驱动器

7、在线服务需要宽带Internet 连接并不断验证订阅版本(如果适用)*

MacOS

1、Intel 多核处理器

2、Mac OS X 10.5.8 或10.6 版

3、512MB 内存

4、1.8GB 可用硬盘空间用于安装;安装过程中需要额外的可用空间(无法安装在使用区分大小写的文件系统的卷或可移动闪存设备上)

5、1280x800 屏幕,16 位显卡DVD-ROM 驱动器

6、在线服务需要宽带Internet 连接并不断验证订阅版本(如果适用)

快捷键

在运用DW的过程中,熟练的使用快捷键,制作网页时能达到事半功倍的效果。

文件菜单

新建文档 Ctrl+N

打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中

在框架中打开 Ctrl+Shift+O

关闭 Ctrl+W

保存 Ctrl+S

另存为 Ctrl+Shift+S

检查链接 Shift + F8

退出 Ctrl+Q

编辑菜单

撤消 Ctrl+Z

重复 Ctrl+Y 或 Ctrl+Shift+Z

剪切 Ctrl+X 或Shift+Del

拷贝 Ctrl+C 或Ctrl+Ins

粘贴 Ctrl+V 或Shift+Ins

清除 Delete

全选 Ctrl+A

选择父标签 Ctrl+Shift+<

选择子标签 Ctrl+Shift+>

查找和替换 Ctrl+F 查找下一个 F3

缩进代码 Ctrl+Shift+]

左缩进代码 Ctrl+Shift+[

平衡大括弧 Ctrl+’

启动外部编辑器 Ctrl+E

参数选择 Ctrl+U

页面视图

标准视图 Ctrl+Shift+F6

布局视图 Ctrl+F6

工具条 Ctrl+Shift+T

查看页面元素

可视化助理 Ctrl+Shift+I

标尺 Ctrl+Alt+R

显示网格 Ctrl+Alt+G

靠齐到网格 Ctrl+Alt+Shift+G

头内容 Ctrl+Shift+W

页面属性 Ctrl+Shift+J

代码编辑

切换到设计视图 Ctrl+Tab

打开快速标签编辑器 Ctrl+T

选择父标签 Ctrl+Shift+<

平衡大括弧 Ctrl+’

全选 Ctrl+A

拷贝 Ctrl+C

查找和替换 Ctrl+F

查找下一个 F3

替换 Ctrl+H

粘贴 Ctrl+V

剪切 Ctrl+X

重复 Ctrl+Y

撤消 Ctrl+Z

切换断点 Ctrl+Alt+B

向上选择一行 Shift+Up

向下选择一行 Shift+Down

选择左边字符 Shift+Left

选择右边字符 Shift+Right

向上翻页 Page Up

向下翻页 Page Down

向上选择一页 Shift+Page Up

向下选择一页 Shift+Page Down

选择左边单词 Ctrl+Shift+Left

选择右边单词 Ctrl+Shift+Right

移到行首 Home

移到行尾 End

移 动到代码顶部 Ctrl+Home

移 动到代码尾部 Ctrl+End

向上选择到代码顶部 Ctrl+Shift+Home

向下选择到代码顶部 Ctrl+Shift+End

编辑文本

创建新段落 Enter

插入换行 Shift+Enter

插入不换行空格 Ctrl+Shift+Spacebar

拷贝文本或对象到页面其他位置 Ctrl+拖动选取项目到新位置

选取一个单词 双击

将选定项目添加到库 Ctrl+Shift+B

在设计视图和代码编辑器之间切换 Ctrl+Tab

打开和关闭[属性]检查器 Ctrl+Shift+J

检查拼写 Shift+F7

格式化文本

缩进 Ctrl+]

左缩进 Ctrl+[

格式>无 Ctrl+0 (零)

段落格式 Ctrl+Shift+P

应用标题1到6到段落 Ctrl+1 到 6

对齐>左对齐 Ctrl+Shift+Alt+L

对齐>居中 Ctrl+Shift+Alt+C

对齐>右对齐 Ctrl+Shift+Alt+R

加粗选定文本 Ctrl+B

倾斜选定文本 Ctrl+I

编辑样式表 Ctrl+Shift+E

查找和替换文本

查找 Ctrl+F

查找下一个/再查找 F3

替换 Ctrl+H

处理表格

选择表格(光标在表格中) Ctrl+A

移动到下一单元格 Tab

移动到上一单元格 Shift+Tab

插入行(在当前行之前) Ctrl+M

在表格末插入一行 在最后一个单元格 Tab

删除当前行 Ctrl+Shift+M

插入列 Ctrl+Shift+A

删除列 Ctrl+Shift+ - (连字符)

合并单元格 Ctrl+Alt+M

拆分单元格 Ctrl+Alt+S

更新表格布局(在“快速表格编辑”模式中强制重绘) Ctrl+Spacebar

处理框架

选择框架 框架中Alt+点击

选择下一框架或框架页 Alt+右方向键

选择上一框架或框架页 Alt+左方向键

选择父框架 Alt+上方向键

选择子框架或框架页 Alt+下方向键

添加新框架到框架页 Alt+从框架边界拖动

使用推模式添加新框架到框架页 Alt+Ctrl+从框架边界拖动

处理层

选择层 Ctrl+Shift+点击

选择并移 动层 Shift+Ctrl+拖动

从选择中添加或删除层 Shift+点击层

以象素为单位移 动所选层 上方向键

按靠齐增量移 动所选层 Shift+方向键

以象素为单位调整层大小 Ctrl+方向键

以靠齐增量为单位调整层大小 Ctrl+Shift+方向键

将所选层与最后所选层的顶部/底部/左边/右边对齐 Ctrl+上/下/左/右方向键

统一所选层宽度 Ctrl+Shift+[

统一所选层高度 Ctrl+Shift+]

创建层时切换嵌套设置 Ctrl+拖动

切换网格显示 Ctrl+Shift+Alt+G

靠齐到网格 Ctrl+Alt+G

处理时间轴,图象

添加对象到时间轴 Ctrl+Alt+Shift+T

添加关键帧 Shift+F9

删除关键帧 Delete

改变图象源文件属性 Double+点击图象

在外部编辑器中编辑图象 Ctrl+双击图象

管理超链接

创建超链接(选定文本) Ctrl+L

删除超链接 Ctrl+Shift+L

拖动并投放以从文档创建超链接 选取文本,图象或对象,然后Shift+拖动选择到[站点]窗口中的文件

拖动并投放以使用[属性]检查器创建超链接 选取文本,图象或对象,然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件

在Dreamweaver打开链接文档 Ctrl+双击链接

检查选定链接 Shift+F8

检查整个站点中的链接 Ctrl+F8

在浏览器中预览

在主浏览器中预览 F12

在次要浏览器中预览 Ctrl+F12

在浏览器中调试

在主浏览器中调试 Alt+F12

在次要浏览器中调试 Ctrl+Alt+F12

站点管理和FTP

创建新文件 Ctrl+Shift+N

创建新文件夹 Ctrl+Shift+Alt+N

打开选定 Ctrl+Shift+Alt+O

从远程FTP站点下载选定文件或文件夹 Ctrl+Shift+D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏

将选定文件或文件夹上载到远程FTP站点 Ctrl+Shift+U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏

取出 Ctrl+Shift+Alt+D

存回 Ctrl+Shift+Alt+U

查看站点地图 Alt+F8

刷新远端站点 Alt+F5

站点地图

查看站点文件 F8

刷新本地栏 Shift+F5

设为根 Ctrl+Shift+R

链接到现存文件 Ctrl+Shift+K

改变链接 Ctrl+L

删除链接 Delete

显示/隐藏链接 Ctrl+Shift+Y

显示页面标题 Ctrl+Shift+T

重命名文件 F2

放大站点地图 Ctrl+ + (plus)

缩小站点地图 Ctrl+ - (hyphen)

播放插件

播放插件 Ctrl+Alt+P

停止插件 Ctrl+Alt+X

播放所有插件 Ctrl+Shift+Alt+P

停止所有插件 Ctrl+Shift+Alt+X

处理模板

创建新的可编辑区域 Ctrl+Alt+V

插入对象

任何对象(图象,Shockwave影片等) 文件从[资源管理器]或[站点]窗口拖动到[文档]窗口

图象 Ctrl+Alt+I

表格 Ctrl+Alt+T

Flash影片 Ctrl+Alt+F

Shockwave和Director影片 Ctrl+Alt+D

命名锚记 Ctrl+Alt+A

历史纪录面板

打开[历史纪录]面板 Shift F10

开始/停止录制命令 Ctrl+Shift+X

播放录制好的命令 Ctrl+P

打开和关闭面板

对象 Ctrl+F2

属性 Ctrl+F3

站点文件 F5

站点地图 Ctrl+F5

资源 F11

CSS样式 Shift+F11

HTML样式 Ctrl+F11

行为 Shift+F3

历史纪录 Shift+F10

时间轴 Shift+F9

代码检查器 F10

框架 Shift+F2

层 F2

参考 Ctrl+Shift+F1

显示/隐藏浮动面板 F4

最小化所有窗口 Shift+F4

最大化所有窗口 Alt+Shift+F4

获得帮助

使用Dreamweaver[帮助主题] F1

参考 Shift+F1

Dreamweaver支持中心 Ctrl+F1

相关文章

手机页面
收藏网站 回到头部