Adobe Dreamweaver
AdobeDreamweaver,简称“DW”,中文名称"梦想编织者",是美国AdobeSystems公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
外文名称:AdobeDreamweaver
中文名称:梦想编织者
简:称:DW
软件类别:国外软件/网页制作
软件性质:共享
所属公司:adobe
1、发展概况
软件图片
Macromedia公司总部设立在美国加州(加利福尼亚)三番市(旧金山),在全球50多个国家设有经营机构。Macromedia公司在全球拥有300万开发和设计用户以及广大的行业合作伙伴网络,其丰富的客户机软件被98%的Web应用开发人员所广泛使用,是企业、*和教育市场客户的战略性IT提供商。
2005年4月18日,adobe公司收购Macromedia公司,Dreamweaver,Authorware等软件同归Adobe公司。AdobeSystems是一家总部位于美国加州圣何塞的电脑软件公司。公司由乔恩·沃诺克和查理斯·格什克创建于1982年12月,他们先前都曾任职于施乐公司的帕洛阿尔托研究中心,离开后组建了Adobe系统公司,使得PostScript页描述语言得到商业化应用。
Adobe解决方案现在已成为数码成像领域的金科玉律。与此同时,AdobeCreativeSuite代表了下一代的设计和发布平台。Adobe智能文档技术则推动着整个企业级文档服务领域的发展,帮助各种规模的企业优化和加速文档处理流程并进一步提高效率。
2、软件优势
最佳的制作效率
软件图片
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具,如PlaybackFlash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(rames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使用户简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango与自行发展的应用软体。当用户正使用Dreamweaver在设计动态网页时,所见即所得的功能,让用户不需要透过浏览器就能预览网页。梦幻样版和XMLDreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。用户也可以使用样版正确地输入或输出XML内容。
3、版本介绍
AdobeDreamweaverCS3
软件图片
DreamweaverCS3是为设计人员和开发人员而构建的,它提供一个选择:是在直观的可视布局界面中工作,还是在简化的编码环境中工作。与AdobePhotoshopCS3、AdobeIllustratorCS3、AdobeFireworksCS3、AdobeFlashCS3Professional和AdobeContribute CS3软件的智能集成确保在用户喜爱的工具上有一个有效的工作流。
新功能:
AdobeDreamweaverCS3新功能包含CSS工具,用于构建动态用户界面的Ajax组件,以及与其他Adobe软件的智能集成。
·适合于Ajax的Spry框架
·Spry数据
·Spry构件
·Spry效果
·AdobePhotoshop和Fireworks集成
·浏览器兼容性检查
·CSSAdvisor网站
·CSS布局
·CSS管理
·AdobeDeviceCentralCS3
AdobeDreamweaverCS4
DreamweaverCS4即为Dreamweaver的CS4版本,Dreamweaver是美国MACROMEDIA公司开发(后被Adobe公司收购)的集网页制作和管理网站于一身的所见即所得网页编辑器。
AdobeDreamweaverCS4新版增加了以下特性:
·实时视图(新增功能)
借助DreamweaverCS4中新增的实时视图在真实的浏览器环境中设计网页,同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对代码所做的更改。
·代码提示(新增功能)
借助改进的JavaScript核心对象和基本数据类型支持,更快速、准确地编写JavaScript。通过集成包括jQuery、Prototype和Spry在内的流行JavaScript框架,充分利用DreamweaverCS4的扩展编码功能。
·相关文件(新增功能)
在DreamweaverCS4中使用“相关文件”功能更有效地管理构成目前网页的各种文件。单击任何相关文件即可在“代码”视图中查看其源代码,在“设计”视图中查看页面。
·集成编码(增强功能)
领略内建代码提示的强大功能,令HTML、JavaScript、Spry和jQuery等Ajax框架、原型和几种服务器语言中的编码更快、更清晰。
·代码导航器(新增功能)
新增的“代码导航器”功能可显示影响当前选定内容的所有代码源,如CSS规则、服务器端包括、外部JavaScript功能、Dreamweaver模板、iframe源文件等。
AdobeDreamweaverCS5
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成,用户可以使用CSS检查工具进行设计,使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
·集成CMS支持(新增功能)
尽享对WordPress、Joomla!和Drupal等内容管理系统框架的创作和测试支持。
·CSS检查(新增功能)
以可视方式显示详细的CSS框模型,轻松切换CSS属性并且无需读取代码或使用其他实用程序。
·与AdobeBrowserLab集成(新增功能)
使用多个查看、诊断和比较工具预览动态网页和本地内容。
·PHP自定义类代码提示(新增功能)
为自定义PHP函数显示适当的语法,帮助用户更准确地编写代码。
·CSSStarter页(增强功能)
借助更新和简化的CSSStarter布局,快速启动基于标准的网站设计。
·与BusinessCatalyst集成(新增功能)
利用dreamweavercs5与AdobeBusinessCatalyst服务(单独提供)之间的集成,无需编程即可实现卓越的在线业务。
·保持跨媒体一致性
将任何本机AdobePhotoshop或Illustrator文件插入Dreamweaver即可创建图像智能对象。更改源图像,然后快速、轻松地更新图像。
·增强的Subversion支持
借助增强的Subversion软件支持,提高协作、版本控制的环境中的站点文件管理效率。
·站点特定的代码提示(新增功能)
从Dreamweaver中的非标准文件和目录代码提示中受益。
·简单的站点建立(增强功能)
以前所未有的速度快速建立网站,分阶段或联网站点甚至还可以使用多台服务器。
AdobeDreamweaverCS6
AdobeDreamweaverCS6网页设计软件提供了一套直观的可视界面,供用户创建和编辑HTML网站和移动应用程序。使用专为跨平台兼容性设计的自适应网格版面创建适应性版面。在发布前使用多屏幕预览审阅设计。升级到DreamweaverCS6,使用更新的“实时视图”和“多屏预览”面板高效创建和测试跨平台、跨浏览器的HTML5内容。利用增强的jQuery和PhoneGap,支持构建更出色的移动应用程序,并通过重新设计的多线程FTP传输工具来缩短上传大文件所需的时间。
新增功能:
·流体网格布局:使用基于CSS3的自适应网格版面系统,来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,提高工作效率。直观地创建复杂网页设计和页面版面,无需忙于编写代码。进一步了解自适应网格版面。
·改善的FTP性能:利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件,缩短制作时间。
·AdobeBusinessCatalyst集成:使用Dreamweaver中集成的BusinessCatalyst面板连接并编辑您利用AdobeBusinessCatalyst(需另外购买)建立的网站。利用托管解决方案建立电子商务网站。
·增强型jQueryMobile支持:使用更新的jQueryMobile支持为iOS和Android平台建立本地应用程序。建立触及移动受众的应用程序,同时简化用户的移动开发工作流程。
·DreamweaverCS6更新对AdobePhoneGap支持可轻松为Android和iOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用PhoneGap模拟器检查用户的设计。
·CSS3转换:将CSS属性变化制成动画转换效果,使网页设计栩栩如生。在用户处理网页元素和创建优美效果时保持对网页设计的精准控制。
·更新的实时视图:使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的WebKit转换引擎,能够提供绝佳的HTML5支持。
·更新的多屏幕预览面板:利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板现在能够让您检查HTML5内容呈现。
AdobeDreamweaverCC
AdobeDreamweaverCC是一款可视的网页制作编辑软件,AdobeDreamweaverCC简体中文免费版比起原来的cs版本新增了更加友善直观的视觉化CSS编辑工具,让Web开发者更快速地生成简洁的CSS代码;创新的jQueryUIWidget、EdgeWebFonts让文字更加鲜明、CSS3转换、jQuery和jQueryMobile支持以及对HTML5更完善的支持等。
DreamweaverCC新功能:
·CSS设计工具以视觉方式编辑CSS
·流变格线版面可用于建立多方互动的网页设计
·EdgeWebFonts整合
·EdgeAnimate整合
·拖曳jQueryUIWidget
·使用简化的UI简化工作流程
·CSS3支持(包括转变)
·同步设定
系统需求:
·IntelPentium4或AMDAthlon64处理器
·MicrosoftWindows7或Windows8
·1GB的RAM
·安装所占的1GB可用硬盘空间;安装期间需要额外的可用空间(无法安装在移动储存设备上)
·1280x1024显示器,配备16位显卡
·JavaRuntimeEnvironment1.6(内含)
AdobeDreamweaver8.0
AdobeDreamweaver8.0是一款用于建立Web站点和应用程序的网页编辑器,由美国MACROMEDIA公司开发而成。将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,上手非常容易,轻而易举地就可以制作出跨越平台限制和浏览器限制的动感网页。
软件特点:
1、内置Behavior行为,为网页增加交互功能;
2、支持外部插件,提供无限的扩展能力;
3、内置FTP软件可以直接上传主页;
4、支持StylesSheet样式表单;
5、可以创造丰富的页面效果;
6、所见即所得的页面编辑方式;
7、提供模板和库可以加速页面的生成和制作;
8、Dreamweaver具有强大的站点管理功能;
9、支持Layer层,可使用Timeline时间轴制作动态网页。
4、使用技巧
让DW支持中文文件名
软件图片
Dreamweaver可以插入以中文命名的素材、也可以链接以中文命名的网页。在插入素材或链接网页后切换到代码窗口,将乱码文件名改为相应的中文文件名即可。
定义大小不变的文字
更改浏览器字体大小设置,网页中字体尺寸也会发生变化。如果使用了网页中的CSS样式表技术,就不会出现上述情况了。使用快捷键“Shift+F11”打开样式表“CSSStyle”编辑器,在窗口中单击鼠标右键执行“NewCSSStyle”命令,新建一个控制文字字体、字号属性的样式表,并将其添加到页面中,可以看到页面文本发生的变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。
一次链接到两个网页
超链接一次只能连到一个页面,如果一次在不同的框架页中打开文档,可以使用“GoToURL”行为。打开一个有框架的网页,选择需要超链接的文字或图像,然后从Behaviors行为面板中选择“GoToURL”行为。在弹出GoToURL对话框中显示所有可用的框架,选择其中一个我们想链接的框架并输入相应的URL,然后再选择另一个框架并输入另一个URL即可。
去掉图片和表格的间隙
要使图片和表格接触的地方不留空隙,仅在表格属性面板上把外框线(border)设为0是不行的,还需要在表格的属性面板上把单元格的两个属性设为0(即cellspacing="0"和cellpadding="0")。
实现网页每五分钟刷新一次
在DreamweaverMX的Insert功能面板上选择“head”功能组,点击面板上“Refresh”按钮,弹出“Insertrefresh”对话框,在“Delay”中输入以秒计的间隔时间,比如每五分钟刷新一次,则输入300。最后在该对话框上复选“RefreshThisDocument”刷新当前窗口即可。
5、安装指南
AdobeDreamweaver8安装:
1、在网页搜索Dreamweaver8,然后下载下来。
2、下载后解压,然后点击安装。
3、按照安装屏幕上的指导执行操作。
4、第一次打开Dreamweaver8,在出现工作区的提示项中请选择(选设计器)。
然后选“我有一个序列号/继续/输入序列号。把注册数列号粘贴在方格里。如果在电脑里已装了网页三剑客的其它二个软件(fireworksflashf)中任意一款软件,此项就没有了,在桌面上直接打开软件就行了。
序列号:
WPD800-51333-38632-90078
WPD800-55537-19732-30159
WPD800-59731-73932-34113
WPD800-55535-30132-25437
5、以后再打开就是这样的界面。
6、点击创建新项目下的HTML,即可进入工作界面。