Adobe Dreamweaver

#工具软件# 0 0
Adobe Dreamweaver,简称“DW”,中文名称"梦想编织者",是一款强大的网页设计和开发软件,适用于专业网页设计师和前端开发者。它最初为美国Macromedia公司开发,2005年被Adobe公司收购。它结合了视觉设计工具和代码编辑器,支持实时预览,让开发者能在设计时看到效果。Dreamweaver支持HTML、CSS、JavaScript等多种网页开发语言,同时也提供了模板和组件库,便于快速构建响应式网页。
  • 外文名称: Adobe Dreamweaver
  • 所属公司: 美国Adobe公司
详细介绍 PROFILE +

基本介绍

Adobe Dreamweaver,简称“DW”,中文名称"梦想编织者",最初为美国Macromedia公司开发,2005年被Adobe公司收购。

DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。访问代码提示,即可快速了解HTML、CSS和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。

Adobe国际认证

认证简介

Adobe国际认证(英文:Adobe Certified Professional简称:ACP)是Adobe公司推出的国际认证,其已经成为考核和衡量企业人才选拔和录用的参考标准。

相关认证

技能认证

Adobe Certified Professional Dreamweaver 认证

职业认证

Adobe Certified Professional 网页设计认证

获得以上职业认证,需遵循以下规则:

网页设计认证=Dreamweaver认证(必须)+Photoshop认证或Animate认证

发展历程

Dreamweaver1.0发布于1997年12月,由之前的Macromedia公司发布。

Dreamweaver2.0,发布于1998年12月。

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

历史版本

版本介绍

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

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框架的更新支持,建立移动应用程序。

可响应的自适应网格版面

改善的FTP性能

Adobe Business Catalyst集成

使用DW中的Business Catalyst面板连接

增强型jQuery移动支持

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

更新的PhoneGap支持

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

CC更新说明

这一版本只能运行在Win7和Win8系统,WinXP及以下系统不能运行。

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

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

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

更新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

站点管理和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

插入对象

功能 快捷键 功能 快捷键

图象 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连接并不断验证订阅版本(如果适用)

特色功能

功能介绍

借助共享型用户界面设计,在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有很大的不同,它把工具栏省去了,然后增加了几个浮动的工具栏。在Dreamweaver 3.0中,它的工具栏全是浮动工具栏,可以将工具栏缩小,也可以关闭。在专业术语里面,他们叫“浮动面板”,利用浮动面板来控制对页面的编写,而不是利用烦琐的对话框,这是Dreamweaver 3.0编辑网页中最值得人赞赏的特性。通过在浮动面板中进行属性设置,这样就直接可以在文档中看到结果,避免了中间过程,提高了工作效率。但对于熟悉了微软的应用程序的用户来说,开始的时候可能很不习惯。先来介绍它的三个最重要的浮动面板。

启动面板

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

对象面板

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

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

属性面板

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

本百科词条由网站注册用户【 CN105975 】编辑上传提供,当前页面所展示的词条介绍涉及宣传内容属于注册用户个人编辑行为,网站不完全保证内容信息的准确性、真实性,也不代表本站立场。 版权声明 反馈 我要认领
词条所在榜单
相关知识文章
十大跑分软件排行 电脑跑分软件哪个好 靠谱的电脑检测软件推荐
电脑跑分,即是利用软件对电脑硬件进行性能测试,分数越高,在一定程度上代表着性能越强。如今电脑配置各不相同,要想更准确的测试出性能如何,得先知道跑分软件哪个好,接下来请跟随maigoo小编一起看看3D Mark、鲁大师、AIDA64、PCMark、FurMark、GPU-Z、CPU-Z、Fritz Chess Benchmark、GeekBench等电脑跑分软件!
十大看图软件 看图软件排行榜 看图软件哪个好用
看图软件什么最好?一款看图软件的实用性如何,得看它的图片打开速度、功能数量、支持格式;现在看图软件越来越多,但实际体验差异明显;MAIGOO网编辑就此,为大家筛选了一批好用的看图软件,其中有ACDSee、2345看图王、美图看看、Honeyview、Google Picasa、XNview、ImageGlass、光影看图、Irfanview等,你用过多少?
十大动画制作软件 动漫制作软件盘点 自己做动画的软件有哪些
动画制作分为二维动画与三维动画技术,涉及软件主要分为2D和3D二种类型。在动画行业中制作动画的软件种类越来越多,越来越丰富,你知道哪个动画制作软件比较好用?画动漫软件哪个好?下面MAIGOO小编就为大家介绍十大最好用动画制作软件,分别有Maya、Adobe Animate、3DS Max、AE、C4D、Blender、万彩动画大师、Houdini、TVP、Anime Studio Pro。
十大好用的手机克隆APP 一键换机助手排名 手机搬家软件哪个好
手机克隆是非常实用的一种手机数据搬家软件,能够将联系人、短信等个人信息,以及照片、音乐、视频等重要数据从旧手机一键导入新手机中。那么手机搬家软件哪个好用?一键换机软件有哪些?下面,买购小编为大家分享十大好用的手机克隆APP,包括华为手机克隆、欢太手机搬家、VIVO互传、小米换机、荣耀换机克隆等等,一起来了解一下吧。
十大建模软件排行榜 3d建模软件有哪些 3d制图软件哪个好
3d建模软件颠覆了传统的2D模式,在游戏、影视、建筑/室内设计、VR/AR、电商、工业设计、军工设计等多个重要领域有着广泛应用,并在一定程度上改变着行业的发展格局,那么在这种大环境下,相关从业者和爱好者有哪些3D制图软件可以使用?3DS MAX、Maya、Rhino、Blender、ZBrush、SketchUp等建模软件效果如何?下面跟随maigoo编辑来看看!
九大刷机软件排行 手机刷机软件哪种好 安卓刷机软件哪个好
刷机分为卡刷和线刷,通过一定的技术手段,为手机重新写入系统;对许多刷机者而言,刷机就是玩机,享受不一样的使用体验,那么市场上的刷机软件哪种好?免费刷机软件有哪些?MAIgoo小编为大家筛选了一批手机刷机软件,其中有奇兔刷机、刷机大师、甜椒刷机助手、卓大师刷机专家、线刷宝、爱思助手、兔兔助手等!
七大分屏软件推荐 手机同屏多窗口软件 手机分屏软件哪个好
机分屏软件既能发挥大屏幕的多视角操作优势,又能免去后台应用来回切换的繁琐,一边打游戏一边聊天,足以让效率翻倍;maigoo编辑针对手机分屏技术,盘点了VMOS、多任务分屏、SkyOlin Helper、多屏任务插件、牛轧糖平行窗口、XHFW3、XMultiWindow等安卓分屏软件,一起来看看这些分屏软件的分屏效果如何!
十大画图软件排行 绘图软件都有哪些 画画软件用什么好
近些年,我国绘图软件行业的自主软件品种不断增多,质量不断提升,于2019年达到2250亿元的市场规模,然而面对如今各行各业的需求,国产画图工具能否满足要求呢?国内外哪种制图软件最好用呢?下面跟随MAIgoo编辑一起了解下Photoshop、Illustrator、CorelDRAW、SAI、Visio、Origin、Painter、AutoCAD等热门画图软件!
十大好用的手机测速软件 wifi测速app哪个好 最准的测网速软件
手机测速软件可以帮助你了解当下的网络环境,同时也在一定程度上,体现了一款的手机的网络性能。那么,你知道手机测速用什么软件好吗?本文中,买购网编辑就带大家了解下Speedtest、花瓣测速、测网速UUSpeed,以及全球网测、网络万用表、安兔兔评测、泰尔网测等测速app。下面一起来看看。
十大好用的电脑清理软件 磁盘清理软件哪个好 电脑垃圾清理软件推荐
在这个信息化时代,电脑已成为人们工作和生活的必备工具。然而软件越来越臃肿,电脑的内存空间也一次次告急。为了保持较好的使用体验,学会使用电脑垃圾清理软件是非常有必要的。那么,你知道现在市面上电脑清理软件哪个好用吗,下面跟随买购小编来了解下CCleaner、WizTree、Glary Utilities、360清理大师-Win10等应用。
十大专业显卡测试软件 显卡测试工具哪个好 显卡性能测试软件推荐
显卡是电脑上最重要的配置之一,其性能强弱影响着电脑综合性能的表现。本文中,买购网编辑就带大家看看日常测试显卡用什么软件。现阶段使用较为广泛的有3D Mark、Unigine Superposition、Furmark,以及GPU-Z、Heaven Benchmark、Geekbench 6、Fraps等。这些显卡测试工具你都用过吗?下面一起来了解下。
十大好用的硬盘分区工具 硬盘分区软件哪个好 磁盘分区软件推荐
硬盘分区软件的作用,就是帮助我们划分硬盘的储存空间,以方便我们管理不同的文件、软件和其它数据。本文中,买购小编就带大家看看硬盘分区软件哪个好,例如傲梅分区助手、DiskGenius、MiniTool分区向导,以及Partition Magic、易我分区大师等电脑硬盘分区工具,都具有一定代表性。下面一起来了解下。
十大手机识图软件排行 拍照识图app哪个好用 识图搜图软件推荐
拍照识图软件可以帮助人们快速了解生活中的事物,例如查询植物、商品等;也可以帮助人们找到更高质量的同款图片。本文中MaiGoo小编将和大家看一份手机识图软件名单,其中有形色、百度App、Google Lens,以及万能识图、搜图神器、慧眼识图、搜狗识图等。下面一起来了解下这些识图app和网站。
十大数据分析必备软件 数据分析工具排名 好用的大数据分析软件
数据,可以帮助人们更好地理解事物本质,指导人们的决策。各行各业的发展,都需要大量数据的支撑。本文中,maiGOO小编就和大家一起看看数据分析工具软件有哪些,例如Power BI、Statistics Analysis System、Tableau,以及Mongo DB、Zoho Analytics等,都是较具代表性的大数据分析软件。这些软件你用过哪些,一起了解下。
十大好用的虚拟光驱软件 虚拟光驱工具有哪些 虚拟光驱软件推荐
虚拟光驱软件的作用,就是在电脑上模拟出一个光驱。这个光驱不能直接读取实体光盘,而是通过加载存放在硬盘里的光盘镜像文件来读取信息。本文中,买购小编将带领大家看看虚拟光驱工具有哪些、虚拟光驱软件哪个好,例如DAEMON Tools、Alcohol 120%、UltraISO软碟通、gBurner Virtual Drive等,都较具代表性,一起来了解下。
十大编程软件排行榜 编程开发工具大全 c语言编程软件有哪些
世界上主流的编程语言有C、Java、Python、C++、C#、Visual Basic、PHP等,针对这些编程语言,又有相对应的Visual C++、Visual Studio、Eclipse、Dev-C++、Notepad++、MyEclipse、JDK、Code::Blocks、Gcc、Sublime Text、IntelliJ IDEA、Ultraedit、C-Free等编程软件,被广泛运用,下面跟随maigoo网编辑一起了解下这些编程工具!
十大调色软件推荐 手机调色软件排行榜 配色软件app哪个最好
在互联网社交越来越发达的今天,各类拍照修图产品层出不穷,而伴随人脸识别、大数据等技术的成熟,修图软件App的功能亦更加完善,玩法更加多样。在这个社交看颜值的年代,Vsco、Snapseed、Lightroom、MIX滤镜大师、泼辣修图等手机调色软件也理所当然的受到了欢迎,那么这些照片调色软件有何独特之处,下面和maigoo小编一起看看!
七大去马赛克软件排行 视频去马赛克软件哪个好用 马赛克去除工具推荐
马赛克是使用频率最高、使用范围最广的一种图片/视频处理手段,涉及新闻、动漫、电影、连续剧、写真等方面。作为一种具备了数十年历史的处理技术,马赛克沿用到今天有什么破解方法呢?Maigoo小编为此盘点了一批去除马赛克的软件,其中有JavPlayer、Video Enhancer、DeepCreamPy、TecoGAN、Face Depixelizer、EnhanceNet等视频马赛克去除工具,一起看看!
十大主流手机操作系统 手机系统性能排名 最好用的手机系统
最好用的手机系统是什么?操作系统是一个手机品牌从市场中脱颖而出的关键,它会直接影响到产品的性能和用户的体验。本文中,Maigoo小编立足全国手机市场,盘点了十大主流手机操作系统,名列前茅的有iOS、HarmonyOS、OriginOS,以及FlymeOS、ColorOS、HyperOS、MagicOS、realme UI、MyOS等。一起来详细了解下。
十大AI换脸软件排行 视频换脸软件哪个好 ai换脸工具推荐
在人工智能的大潮下,许多ai换脸软件纷纷进入市场,虽然存在隐私问题,但凭借独特的娱乐性,依旧掀起了一股换脸热潮,那么AI换脸软件有哪些?ai换脸工具哪个好?下面,maigoo编辑为大家分享十大AI换脸软件排行榜,包括DeepFaceLab、Faceswap、Openfaceswap、FakeAPP、Swapface、Remaker、Reface等热门换脸p图软件,一起来了解下吧。