定义
Dreamweaver CS3是Adobe公司开发的一款网页制作与网站建设软件,集网页制作和站点管理功能于一体,属于Creative Suite 3设计套件的组成部分。它延续了Dreamweaver系列所见即所得网页编辑器的定位,既能以可视化方式拖放排版,也能直接编辑源代码。[1][4]
从产品谱系看,它承接的是原Macromedia公司的Dreamweaver系列。Adobe在收购Macromedia之后,于Creative Suite 3中把Dreamweaver、Flash、Contribute、Fireworks等原Macromedia产品与自家的Photoshop、Illustrator、Acrobat放在同一套件体系内发布。[5][6]
原理
软件采用可视化编辑与源代码编辑并行的双模式架构。在可视化视图中,用户通过对象面板、属性面板等浮动面板插入和调整页面元素;切换到代码视图后,则可直接编写和修改HTML、CSS与JavaScript,两种视图对同一份文档生效。[1]
CS3版本在动态交互方面引入了Spry框架。Spry是一套以HTML为中心的轻量级Ajax框架,其内容约99%为HTML,并配有JavaScript库,用于在页面中实现不刷新整页的局部更新。Dreamweaver把Spry封装为Spry部件、Spry数据与Spry效果三类可直接插入的对象:部件包括XML驱动的列表和表格、折叠面板、选项卡界面以及带校验的表单元素;效果则可使元素放大、缩小、淡出或高亮。插入这些对象时,软件会自动把所需的JavaScript和CSS文件复制到站点的SpryAssets文件夹中,并生成相应代码,无需使用者手写脚本。[3][7][8]
在与套件其他软件协同方面,Dreamweaver CS3支持从Photoshop中选中设计的任意部分(包括跨多个图层的内容)直接粘贴到网页中,粘贴时由软件弹出对话框指定图像优化选项;若需重新编辑,双击图像即可打开原始的图层式PSD文件。同时,该版本还提供浏览器兼容性检查功能,可生成报告标出不同浏览器中与CSS相关的显示问题,并在代码视图中以绿色下划线标出问题位置,用户可据此跳转至Adobe CSS Advisor查询解决办法。[2][3]
发展历程
Adobe于2007年3月27日正式公布Creative Suite 3产品线,Dreamweaver CS3是其中更新的12款独立应用之一,也是该套件首次同时纳入原Adobe与原Macromedia两家公司的产品。当时Adobe方面称这是公司成立25年来规模最大的一次发布。[6][9]
Creative Suite 3共提供6种组合方式,包括Design与Web的Standard和Premium版本、Production Premium以及Master Collection。Dreamweaver CS3被包含在Web Standard、Web Premium、Design Premium、Production Premium等多个版本中,其中Web Standard版由Flash、Dreamweaver、Contribute和Fireworks组成。Design与Web各版本自2007年4月起开始出货,Production Premium与Master Collection则安排在2007年第三季度。[10][5][11]
该版本所搭载的Spry框架在2007年5月17日发布1.5版。此后随Dreamweaver CS4一同提供的Spry版本为1.6.1,Adobe通过Spry Update Extension供用户更新站点中的Spry资源。Spry与Dreamweaver的绑定关系在后续版本中逐步弱化,Dreamweaver CC及更新版本中Spry部件被jQuery部件取代,旧页面上的Spry部件虽仍可修改,但已无法新增。[12][13][14]
软件运行于Windows XP、Windows Vista以及基于PowerPC和Intel处理器的Mac系统,CS3系列的多数版本以通用二进制形式提供,可在Intel架构Mac上原生运行。Dreamweaver CS3在美国和加拿大的建议零售价为399美元,并提供升级途径。[2][6]
应用
该软件主要用于网页版面设计与站点建设。借助CSS版面功能,软件内置一栏、两栏、三栏等常见版面模板,并在代码中附带行内注释,方便使用者理解页面布局结构;通过管理CSS功能,可将CSS规则在文档之间、从文档头部移动至外部样式表,或在外部CSS文件之间转移,并把行内CSS转换为规则后拖放至指定位置。[3]
在动态网站开发方面,Dreamweaver CS3可配合PHP等服务器端语言和MySQL数据库构建数据驱动的页面,也可通过XSLT显示XML数据源与新闻订阅内容,并利用Spry读取和展示XML数据。相关技术书籍把环境搭建、PHP站点设置、表单处理、数据库存取、访问控制以及Spry与PHP结合等内容作为典型教学案例。[15]
面向移动端,该版本与Adobe Device Central CS3整合,可获取各款移动设备的技术规格,并将HTML页面的文字和图像按设备显示要求进行缩放,以便在移动设备上还原预期效果。[16]
局限
Spry是一款定位于网页设计人员而非程序员的框架。Adobe方面表明,Spry并非为开发者提供底层架构,其目标在于简化实现步骤,而在交互性和精细程度上不及ExtJS、YUI等面向专业开发的框架。自Dreamweaver CS3起,Adobe把JavaScript方面的投入集中在Spry上,对JavaScript核心编辑能力的增强则推迟到Dreamweaver CS4才出现。[7][17]
Spry长期停留在预发布阶段。有资料指出,Spry与jQuery大致同期出现,后者迅速流行,使Spry在竞争中逐渐边缘化;Spry框架本身在浏览器中仍可运行,但存在功能上的限制,折叠菜单等部件也不适合触摸屏操作。[18]
由于Dreamweaver后续版本不再提供Spry的界面支持和菜单选项,在新版本中打开旧站点时无法通过对话框调整Spry对象,相关修改只能手工编辑代码完成。2012年8月,考虑到其他网页框架已大幅进步,Adobe停止了对Spry项目的投入。[18][14]
参见
-
Dreamweaver —— 本词条所属的软件系列,Dreamweaver CS3是该系列在2007年发布的版本。
-
Adobe —— 开发并发行该软件的公司。
-
Adobe Creative Suite —— 包含Dreamweaver CS3在内的软件套件产品线。
-
Ajax —— Dreamweaver CS3所集成Spry框架所依托的网页开发技术。
-
Photoshop —— 与该版本深度整合、可将其设计内容直接粘贴入网页的图像处理软件。
-
JavaScript —— Spry框架及页面动态效果所使用的编程语言。
参考资料
- DreamWeaver cs3 - Adobe公司开发的网页设计软件 [引用日期2026-10-14]
- macworld.com 上的网页 [引用日期2026-10-14]
- What's New [引用日期2026-10-14]
- 清华大学出版社--图书前言 [引用日期2026-10-14]
- Adobe stellt Creative Suite 3 vor [引用日期2026-10-14]
- adobe-sets-creative-suite-3-ship-date-for-april [引用日期2026-10-14]
- Ajaxが身近になる！ Dreamweaver CS3の新機能 [引用日期2026-10-14]
- zdnet.com 上的网页 [引用日期2026-10-14]
- Adobe formally announces CS3, "largest release" in history [引用日期2026-10-14]
- Adobe to take wraps off Creative Suite 3 - Skip to content [引用日期2026-10-14]
- Adobe unleashes Creative Suite 3 product line [引用日期2026-10-14]
- spry [引用日期2026-10-14]
- DreamweaverCS4_ReleaseNotes(PDF) [引用日期2026-10-14]
- Spry [引用日期2026-10-14]
- opac-detail [引用日期2026-10-14]
- 新增功能 [引用日期2026-10-14]
- Dreamweaver入门：利用CS4增强JavaScript脚本开发 [引用日期2026-10-14]
- Dreamweaver CS4 - Spry Issues | Community [引用日期2026-10-14]