首页 理论教育AdobeDreamweaver下载及使用教程

AdobeDreamweaver下载及使用教程

【摘要】:作为PHP开发人员,特别是MVC设计人员,主要使用Dreamweaver来设计视图显示层,配合专业的PHP IDE能够为编程带来无与伦比的效率。Dreamweaver虽然提供了可视化的PHP开发功能,但是支持的深度比较简单及原始。Dreamweaver界面非常友好,能够让初次接触Web设计的开发人员迅速上手。Dreamweaver还提供了众多的快捷键,能够显著提高开发人员的效率。该区域可以显示Dreamweaver编程时的异常信息、校验信息等。Dreamweaver在Adobe公司的大力推广下,目前已经成为最主流的网页设计工具,最新版本为Dreamweaver CS 5.5。

严格来讲Dreamweaver并不是PHP开发工具,之所以放到本节来讲,是因为Dreamweaver能够提供一流的网页编程体验,对PHP来说更重要的是编写PHP中的HTML代码部分。Dreamweaver是业界最著名的网页设计工具,它能够提供可视化网页设计功能,是网页开发从业人员不可缺少的工具之一。Dreamweaver不仅能够编写可视化的HTML,借助于其完善的代码编写器,还能够编写编码正确,兼容性好的动态编程语言,如PHP、JSP等。

Dreamweaver不同于专业性强的IDE,Dreamweaver定位于可视化网页设计,能够无缝融合Adobe的其他重量级套件,提供出色的网页设计功能。作为PHP开发人员,特别是MVC设计人员,主要使用Dreamweaver来设计视图显示层,配合专业的PHP IDE能够为编程带来无与伦比的效率

Dreamweaver虽然提供了可视化的PHP开发功能,但是支持的深度比较简单及原始。由于Dreamweaver对HTML、CSS、JavaScript(Jquery、ExtJs)的友好支持,所以在混合编程时显得非常有效率,另外Dreamweaver的项目管理器非常全面和强大,不仅提供了出色的文件组织功能,还提供FTP远程管理,SVN版本库控制等实用功能。

Dreamweaver界面非常友好,能够让初次接触Web设计的开发人员迅速上手。Dreamweaver还提供了众多的快捷键,能够显著提高开发人员的效率。如图1-19所示,显示了Dreamweaver CS3.0的界面概况。

978-7-111-42852-7-Part01-50.jpg

图1-19 Dreamweaver CS3.0主界面

如图中所示,Dreamweaver主界面主要分为6个部分,分别如下。

➢A:功能菜单区。主要提供了Dreamweaver的工具、控件、可视化菜单等。(www.chuimin.cn)

➢B:代码编写器。Dreamweaver的代码编写器非常高效,在编写HTML时可以在代码模式与可视化模式之间进行切换。

➢C:属性面板。Dreamweaver的属性面板非常实用,特别是在设计可视化的HTML时就显得非常高效。属性面板会根据HTML元素的属性而出现相应的属性选项。

➢D:信息区。该区域可以显示Dreamweaver编程时的异常信息、校验信息等。

➢E:CSS管理面板。该面板提供了对CSS的可视化管理,开发人员可以使用该面板完成CSS的创建、修改、删除等。

➢F:项目文件管理区。该面板提供了强大的项目管理功能,能够提供FTP文件上传、文件新旧对比等实用的功能。

Dreamweaver在Adobe公司的大力推广下,目前已经成为最主流的网页设计工具,最新版本为Dreamweaver CS 5.5。新版本提供了对众多新技术的支持,如HTML 5、多屏幕协同、CSS 3.0、移动开发、Jquery等。