Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页製作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程式设计师可以在几乎任何地方快速製作和进行网站建设。
Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标準通用标记语言下的一个套用)编辑的功能,藉助经过简化的智慧型编码引擎,轻鬆地创建、编码和管理动态网站。访问代码提示,即可快速了解 HTML、CSS 和其他Web 标準。使用视觉辅助功能减少错误并提高网站开发速度。
基本介绍
- 软体名称:Adobe Dreamweaver
- 开发商:美国Adobe公司
- 软体平台:Windows、MacOS
- 软体版本:CC 2018
- 更新时间:2018年10月15日
- 软体语言:C++
- 软体大小:989M
- 软体授权:Adobe爱尔兰公司
- 套用领域:网页代码编辑、程式语言开发
- 软体类型:代码编辑器
发展历程
Dreamweaver1.0发布于1997年12月,由之前的Macromedia公司发布。
Dreamweaver2.0,发布于1998年12月。
Dreamweaver3.0,发布于1999年12月。Dreamweaver3.0不足3M,是个经典版本。无论是多破的机器,速度特快,功能够用。此时的Dreamweaver已经是一个集网页创作和站点管理两大利器于一身的超重量级的创作工具。
功能介绍
藉助共享型用户界面设计,在Adobe Creative Suite 4的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。
具体功能
CS6新增功能
利用Adobe DreamweaverCS6软体中改善的FTP性能,更高效地传输大型档案。更新的“实时视图”和“多萤幕预览”面板可呈现HTML5代码,使您能检查自己的工作。
自适应格线
可回响的自适应格线版面
使用回响迅速的CSS3自适应格线版面,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标準的代码为各种不同设备和计算机开发项目,提高工作效率。直观地创建複杂网页设计和页面版面,无需忙于编写代码。
改善FTP性能
利用重新改良的多执行绪FTP传输工具节省上传大型档案的时间。更快速高效地上传网站档案,缩短製作时间。
Catalyst集成
Adobe Business Catalyst集成
使用Dreamweaver中集成的Business Catalyst面板连线并编辑您利用Adobe Business Catalyst(需另外购买)建立的网站。利用託管解决方案建立电子商务网站。
增强型jQuery移动支持
使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程式。建立触及移动客群的应用程式,同时简化您的移动开发工作流程。
更新的PhoneGap支持
更新的Adobe PhoneGap支持可轻鬆为Android和iOS建立和封装本地应用程式。通过改编现有的HTML代码来创建移动应用程式。使用PhoneGap模拟器检查您的设计。
CSS3转换
将CSS属性变化製成动画转换效果,使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精準控制。
更新的实时视图
使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎,能够提供绝佳的HTML5支持。
更新的多萤幕预览面板
利用更新的“多萤幕预览”面板检查智慧型手机、平板电脑和台式机所建立项目的显示画面。该增强型面板能够让您检查HTML5内容呈现。
CS5后的新增功能
藉助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应用程式。
新增功能
实时视图新增功能
藉助Dreamweaver CS4中新增的实时视图在真实的浏览器环境中设计网页,同时仍可以直接访问代码。呈现的萤幕内容会立即反映出对代码所做的更改。
针对Ajax和JavaScript框架的代码提示新增功能。
藉助改进的JavaScript核心对象和基本数据类型支持,更快速、準确地编写JavaScript。通过集成包括jQuery、Prototype和Spry在内的流行JavaScript框架,充分利用DreamweaverCS4的扩展编码功能。
相关档案新增功能
原始码,在“设计”视图中查看父页面。
集成编码增强功能
领略内建代码提示的强大功能,令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和几种伺服器语言中的编码更快、更清晰。
代码导航器新增功能
新增的“代码导航器”功能可显示影响当前选定内容的所有代码源,如CSS规则、伺服器端包括、外部JavaScript功能、Dreamweaver模板、iframe源档案等。
Adobe AIR创作支持新增功能
在Dreamweaver中直接新建基于HTML和JavaScript的AdobeAIR应用程式。在Dreamweaver中即可预览AIR应用程式。使AdobeAIR应用程式随时可与AIR打包及代码签名功能一起部署。
FLV支持增强功能
通过轻鬆点击和符合标準的编码将FLV档案集成到任何网页中-无需AdobeFLASH软体知识。设计时在Dreamweaver全新的实时视图中播放FLV影片。
支持领先技术
在支持大多数领先Web开发技术的工具中进行设计和编码,这些技术包括HTML、XHTML、CSS、XML、JavaScript、Ajax、PHP、AdobeColdFusion软体和ASP。
学习最佳做法
参考CSS最佳做法实现可视化设计并辅以通俗易懂的实用概念说明。在支持可访问性和最佳做法的同时创造Ajax驱动的互动性。
集成增强
通过跨产品线的直接通信和互动,充分利用DreamweaverCS4和其它Adobe工具的智慧型集成和强大功能,包括Adobe FLASH CS4 Professional、FIREWORKS CS4、Photoshop CS4和DeviceCentral CS4软体。
Adobe InContext Editing新增功能
在Dreamweaver中设计页面,使最终用户能使用Adobe InContext Editing线上服务编辑他们的网页,无需帮助或使用其它软体。作为Dreamweaver设计人员,您可以限制对特定页面、特殊区域的更改权,甚至可以自定格式选项。
Subversion集成新增功能
在Dreamweaver中直接更新站点和登记修改内容。Dreamweaver CS4与Subversion软体紧密集成,后者是一款开放原始码版本控制系统,可以提供更强大的登记/注销体验。
跨平台支持增强功能
随心所欲,尽情工作:Dreamweaver CS4可用于基于Intel或PowerPC的Mac、Microsoft WindowsXP以及Windows Vista系统。在首选系统中设计,交付跨平台、可靠、一致、高性能的成果。
工作界面
初始界面
安装后,它会自动在Windows的选单中创建程式组。与FrontPage有很大的不同,它把工具列省去了,然后增加了几个浮动的工具列。在Dreamwaver 3.0中,它的工具列全是浮动工具列,可以将工具列缩小,也可以关闭。在专业术语里面,他们叫“浮动面板”,利用浮动面板来控制对页面的编写,而不是利用烦琐的对话框,这是Dreamwaver 3.0编辑网页中最值得人讚赏的特性。通过在浮动面板中进行属性设定,这样就直接可以在文档中看到结果,避免了中间过程,提高了工作效率。但对于熟悉了微软的应用程式的用户来说,开始的时候可能很不习惯。先来介绍它的三个最重要的浮动面板。
界面

启动面板
启动面板主要用来快速启动相应的任务,或显示/隐藏相应的浮动面板。如果启动面板是竖的,那幺,可以点击它右下角的一个小按钮,它就可以变成横向的了,这时,可能会发现,它的状态栏上也有这个面板上的所有选项。这也就为网页製作者提供了方便。可以直接从右下角点击相应的栏目进入想要进入的对话框。
对象面板
对象面板主要功能相当于插入选单,主要是向网页中插入一些对象,如表格,框架,图象,层,Flash动画等,它通过一个下拉选单,把要插入的选项都包括在了其中。
每一个选项中都有若干个图示,只要在图表上单击一下,就可以插入想要插入的对象了。
属性面板
属性面板会随着编辑的内容而变化,这个图是文字属性面板,它里面包含了所要编辑的文字的所有内容,包括字型,颜色,大小,连线,缩进等,它的右下角还有一个向下的小三角箭头,单击它,会展开属性面板,它把一些不常用的属性也列出来。展开后,箭头会变成向上,单击它,又会使属性面板复原。属性面板很多,还有图象属性控制台,层属性控制台等对象的属性控制台,用户只要选择要编辑的对象,它就会自动变化,挺方便的。用户对所有由启动面板弹出来的浮动面板在被打开后,可以重新组合,可以将经常用的面板单独地拉出来,只需要将滑鼠放到想要拉的按钮上面,然后按住左键拖动就可以了,同理,把他们组合也是一样,用滑鼠拖动后,放到上面就可以。

历史版本
版本介绍
Dreamweaver2.0版本具有强大的站点管理功能,内置FTP软体可以直接上传主页;所见即所得的页面编辑方式;支持StylesSheet样式表单,创造丰富的页面效果;支持Layer层,并可使用Timeline时间轴製作动态网页;内置Behavior行为,为网页增加互动功能;提供模板和库可以加速页面的生成和製作;支持外部外挂程式,提供无限的扩展能力。
版本发布
Macromedia时代 | Dreamweaver1.0 |
Dreamweaver2.0 | |
Dreamweaver2.01 | |
Dreamweaver3 | |
Dreamweaver4 | |
Dreamweaver5 | |
Dreamweaver 6.0 | |
DreamweaverMX | |
DreamweaverMX2004 | |
Dreamweaver8.0 | |
Adobe时代 | DreamWeaverCS3 |
DreamWeaverCS4 | |
DreamweaverCS5 | |
DreamweaverCS5.5 | |
DreamweaverCS6 | |
2013.06.17 | DreamweaverCreativeCloud(CC) |
2015.06.15 | Dreamweaver CC 2015 |
2016.11.02 | Dreamweaver CC 2017 |
2017.10.18 | Dreamweaver CC 2018 |
2018.10.15 | Dreamweaver CC 2019 |
版本介绍
CS3
dreamweaverCS3是Adobe(奥多比)公司收购Macromedia公司后最新推出的Creative Suite 3设计套装中用于网页设计与製作的组件。作为全球最流行,最优秀的所见即所得的网页编辑器,Dreamweaver可以轻而易举地製作出跨作业系统平台,跨浏览器的充满动感的网页,是製作Web页站点,Web页和Web应用程式开发的理想工具。Dreamweaver,Fireworks,Flash被称为网页製作的“三剑客”,这三款工具相辅相承,是製作网页的最佳拍档之一。

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

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

全球最大的图像编辑软体供应商Adobe官方宣布,以换股方式收购软体公司Macromedia,Macromedia是着名的网页设计软体Dreamweaver及Flash的供应商。据悉,此项交易涉及金额高达34亿美元。根据双方达成的协定,Macromedia股东将以1:0.69的比例获得Adobe的普通股。自此开始,Dreamweaver开始属于ADOBE设计软体系列。
Dreamweaver CS5的新增功能:
Adobe Dreamweaver CS5软体使设计人员和开发人员能充满自信地构建基于标準的网站。由于同新的Adobe CS Live线上服务Adobe BrowserLab集成,您可以使用CSS检查工具进行设计,使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
-集成CMS支持新增功能
尽享对WordPress、Joomla!和Drupal等内容管理系统框架的创作和测试支持。
-CSS检查新增功能
以可视方式显示详细的CSS框模型,轻鬆切换CSS属性并且无需读取代码或使用其他实用程式。
-与Adobe BrowserLab集成新增功能
使用多个查看、诊断和比较工具预览动态,网页和本地内容。
-PHP自定义类代码提示新增功能
为自定义PHP函式显示适当的语法,帮助您更準确地编写代码。
-CSSStarter页增强功能
藉助更新和简化的CSSStarter布局,快速启动基于标準的网站设计。
-与Business Catalyst集成新增功能
利用Dreamweaver与Adobe Business Catalyst服务(单独提供)之间的集成,无需编程即可实现卓越的线上业务。
-保持跨媒体一致性
将任何本机Adobe Photoshop或Illustrator档案插入Dreamweaver即可创建图像智慧型对象。更改源图像,然后快速、轻鬆地更新图像。
-增强的Subversion支持
藉助增强的Subversion软体支持,提高协作、版本控制的环境中的站点档案管理效率。
-仔细查看站点特定的代码提示
站点特定的代码提示新增功能
CS6
进一步了解用于设计和编辑网站和移动应用程式的最新版顶尖软体中的各项功能,包括回响迅速的自适应格线版面、增强型jQueryMobile支持、CSS3转换和其他功能

建立网上业务
通过与Adobe Business Catalyst平台(需单独购买)集成来开发複杂的电子商务网站,无需编写任何伺服器端编码。建立并代管免费试用网站。
提高工作效率
利用高速FTP传输和改良的图像编辑功能,有效地设计、开发并发布网站和移动应用程式。利用对jQueryMobile和Adobe PhoneGap框架的更新支持,建立移动应用程式。
通过与Adobe Business Catalyst平台(需单独购买)集成来开发複杂的电子商务网站,无需编写任何伺服器端编码。建立并代管免费试用网站。
提高工作效率
利用高速FTP传输和改良的图像编辑功能,有效地设计、开发并发布网站和移动应用程式。利用对jQueryMobile和Adobe PhoneGap框架的更新支持,建立移动应用程式。
可回响的自适应格线版面
改善的FTP性能
Adobe Business Catalyst集成
使用DW中的Business Catalyst面板连线
改善的FTP性能
Adobe Business Catalyst集成
使用DW中的Business Catalyst面板连线
增强型jQuery移动支持
使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程式。建立触及移动客群的应用程式,同时简化您的移动开发工作流程。
更新的PhoneGap支持
更新的Adobe PhoneGap支持可轻鬆为Android和iOS建立和封装本地应用程式。通过改编现有的HTML代码来创建移动应用程式。使用PhoneGap模拟器检查您的设计。
使用更新的jQuery移动框架支持为iOS和Android平台建立本地应用程式。建立触及移动客群的应用程式,同时简化您的移动开发工作流程。
更新的PhoneGap支持
更新的Adobe PhoneGap支持可轻鬆为Android和iOS建立和封装本地应用程式。通过改编现有的HTML代码来创建移动应用程式。使用PhoneGap模拟器检查您的设计。
CC更新说明
这一版本只能运行在Win7和Win8系统,WinXP及以下系统不能运行。
更新透过简化的使用者界面、连线的工具以及新增的视觉化
更新CSS设计工具您可透过直观方式更有效地编写程式码
Dreamweaver CC 2017

更新流变格线版面可用于建立多方互动的网页设计
更新EdgeAnimate整合EdgeWebFonts整合
快捷键
在运用DW的过程中,熟练的使用快捷键,製作网页时能达到事半功倍的效果。
功能 | 快捷键 | 功能 | 快捷键 |
---|---|---|---|
新建文档 | Ctrl+N,或直接在软体启动后的视窗中的[新建]下选择HTML | 打开一个HTML档案 | Ctrl+O或者将档案从[档案管理器]或[站点]视窗拖动到[文档]视窗中,或者直接在软体启动后视窗中[打开最近的项目]下方的[选择]来打开一个HTML档案 |
在框架中打开 | 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 |
向上翻页 | PageUp | 向下翻页 | PageDown |
向上选择一页 | Shift+PageUp | 向下选择一页 | Shift+PageDown |
选择左边单词 | 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 |
在Dreamweaver打开连结文档 | Ctrl+双击连结 | 检查选定连结 | Shift+F8 |
检查整个站点中的连结 | Ctrl+F8 |
功能 | 快捷键 | 功能 | 快捷键 |
---|---|---|---|
在主浏览器中预览 | F12 | 在次要浏览器中预览 | Ctrl+F12 |
功能 | 快捷键 | 功能 | 快捷键 |
---|---|---|---|
在主浏览器中调试 | Alt+F12 | 在次要浏览器中调试 | Ctrl+Alt+F12 |
功能 | 快捷键 | 功能 | 快捷键 |
---|---|---|---|
创建新档案 | 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 |
功能 | 快捷键 | 功能 | 快捷键 |
---|---|---|---|
图象 | 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 |
优缺点
软体优点
製作效率
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具,如PlaybackFlash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理
使用网站地图可以快速製作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver会自动更新所有连结。使用支援文字、HTML码、HTML属性标籤和一般语法的搜寻及置换功能使得複杂的网站更新变得迅速又简单。
控制能力
Dreamweaver是提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的製作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver支援精準定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango与自行发展的套用软体。当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开,套用于快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。全方位的呈现利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和滑鼠换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft Internet Explorer上执行。使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从Dreamweaver的网站在下载它的描述档,便可得知详尽的成效报告。
无需编写代码即可实施CSS最佳做法。在“属性”面板中新建CSS规则,并在样式级联中清晰、简单地说明每个属性的相应位置。
全面的CSS支持增强功能
使用Dreamweaver CS4中增强的CSS实施工具令您的网站脱颖而出。藉助“设计”和“实时视图”中的即时可视反馈,在“属性”面板中快速定义和修改CSS规则。使用新增的“相关档案”和“代码导航器”功能找到定义特定CSS规则的位置。
学习资源增强功能
藉助Dreamweaver CS4中丰富的产品随附教程掌握Web构建技能。通过由社区推动的帮助系统与最新Web技术保持同步。
更广阔的Dreamweaver社区增强功能
从广阔的Dreamweaver社区受益,它包括线上Adobe Design Center和Adobe Developer Connection、培训与研讨会、开发人员认证计画以及用户论坛。
线上服务
轻击滑鼠从Dreamweaver访问线上服务,与同事或客户共享萤幕、从线上社区获得所需的搜寻结果并快速找到创意灵感。了解针对创意专业人士的更多线上服务
掌控内容
使客户能从浏览器中直接更新他们的网页。无需资料库或複杂的编码即可将动态数据添加到站点。
将任何AdobePhotoshopPSD文档插入Dreamweaver即可创建出图像智慧型对象。智慧型对象与源档案紧密连结。无需打开Photoshop即可在Dreamweaver中更改源图像和更新图像。
HTML数据集新增功能
无需掌握资料库或XML编码即可将动态数据的强大功能融入网页中。Spry数据集可以将简单HTML表中的内容识别为互动式数据源。
软体缺点
效果难一致
难以精确达到与浏览器完全一致的显示效果也就是说您在所见即所得网页编辑器中製作的网页放到浏览器中是很难完全达到您真正想要的效果,这一点在结构複杂一些的网页(如分帧结构、动态网页结构)中便可以体现出来;
代码难控制
相比之下,非所见所得的网页编辑器,就不存在这个问题,因为所有的HTML代码都在您的监控下产生,但是由于非所见所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的结合,则既产生乾净、準确的HTML代码,具备所见所得的高效率、直观性。
系统要求
以Dreamweaver CC为例
Windows
1、Intel或AMD处理器
2、Windows7、Windows8、Windows10
3、512MB记忆体
4、1GB可用硬碟空间用于安装;安装过程中需要额外的可用空间(无法安装在可移动快闪记忆体设备上)
5、1024x768萤幕,16位显示卡
6、DVD-ROM驱动器
7、线上服务需要宽频Internet连线并不断验证订阅版本(如果适用)*
MacOS
1、Intel多核处理器
2、MacOS10.10及更高版本
3、512MB记忆体
4、1.8GB可用硬碟空间用于安装;安装过程中需要额外的可用空间(无法安装在使用区分大小写的档案系统的卷或可移动快闪记忆体设备上)
5、1280x800萤幕,16位显示卡DVD-ROM驱动器
6、线上服务需要宽频Internet连线并不断验证订阅版本(如果适用)