荔园在线
荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀
[回到开始]
[上一篇][下一篇]
发信人: tianck (等待的心，你懂吗？), 信区: Newsoftware
标 题: 网站设计新宠——Macromedia Dreamweaver MX初探
发信站: 荔园晨风BBS站 (Mon Mar 24 20:32:32 2003), 站内信件
网站设计新宠——Macromedia Dreamweaver MX初探
笔者一直认为最新的东东不一定是最好的，许多游戏如此，软件也不例外。往
往许多实用的软件经过几次更新换代之后，变成了庞大而繁杂的鸡肋，除了越来越
花哨的界面和与日俱增的硬盘空间以及一些可有可无的小功能，我实在看不出还有
什么质的飞跃。大到矢量图形设计的巨头之一CORELDRAW，小到最经典的看图软件
ACDSee，无一不走入了误区。所以，往往新推出的软件版本我都很少第一个去尝试
。说白了也可能是本人比较守旧吧。但凡事都有例外，Macromedia公司的名字对我
来说就像游戏公司中的Blizzard，可以说每一个版本都是必然的精品，很少会让老
用户失望。当我拿到Dreamweaver MX时的第一个想法就是安装尝试，这也成了我的
为数不多的例外之举。当然最终我没有失望，凭心而论Dreamweaver MX的确可以堪
称是目前为止功能最为强大的所见即所得网页制作编辑软件了，然而拥有这么多功
能的强大开发平台，包括所有帮助文件，也只有区区100MB 文件大小。
废话也说了这么多，下面就让我带你一起去感受这个新版本的不同之处。另外
需要值得一提的是，下面的文章并不是教你如何使用Dreamweaver，所以你至少应
该对Dreamweaver早先版本有一定的了解。如果您连WWW、HTML的概念都从未接触，
我想这篇文章对你的帮助是微乎其微的。
体贴直观的工作区划分
当我们第一次打开Dreamweaver MX，系统会弹出以下菜单：（图1）这就是
Macromedia体贴入微之处，它针对两种不同用户（页面设计者、代码编写者）所提
供的两种风格不同性格各异的工作平台，（图2、图3）并为怀旧的老Dreamweaver
用户提供了几乎原样的4.0版本界面，这样你可以针对自己的喜好选择自己的工作
界面了。（图4）当然选择的界面也可以随时更换，如果你页面设计和代码编写一
手包办，你也可以在菜单Edit > preferences中的General中设定，（图5）快捷键
是Ctrl+U。另外值得一提的是，从Dreamweaver MX开始所有的工具菜单都是可以随
心所欲更换位置和改变内容的，甚至可以自定义工具条。（图6）如下图所示：
1. 点选位置1处不放并移动，便可以改变菜单的位置。
2. 最大最小化按钮。
3. 切换子菜单。
4. 针对菜单的详细操作，（图7）包括帮助（Help）组合工具菜单（Group
*** with）、重新命名（Rename）以及最大化工具（Maximize panel Group）。
以上这些功能，为的是更加方便地组合自己的工作界面，不再为切换各种工具
而耽误自己宝贵的工作时间。
更加强大的制作模板
在MX版本中，添加了内置的制作模板概念，（图8）其中包括通用标签（
General）和模板标签（Templates），General标签中是Dreamweaver MX本身所提
供的各类页面模板，类似于以往的FontPage模板概念，让我们可以最快速度地创建
具有专业水准的网页。Templates标签是用户自定义模板，你可以将以往的设计以
及页面布局另存为模板，（图9）这样就可以在将来的设计中引用从而节省大量时
间。
关于Templates标签就不再细说了，下面我们来介绍一下General标签中的功能
。如上图所示我们可以看到General标签包含了八大模板，其中的Basic Page（基
本页面）、Dynamic Page（动态页面）和Frameset（框架页面）模板中我们可以选
择一个空模板来分别创建普通Html页面、动态页面以及带有框架的复杂页面。相对
来说这三类模板是相对简单的。在CSS style sheets模板中，软件已经提供了部分
预设的CSS标准，包括文字表格以及Vote 表单，但只可惜其中的CSS Class全是为
英文界面定制的，大部分并不能为我们通常所设计的中文界面很好的采用，希望将
来的中文版中能够添加这部分内容。另外两个模板Page Designs和Pages
Designs (Accessible) 其实就是很多预设的展示页面，包括资料展示页面、网上
商品交易页面、图片展示页面、搜索页面等等。你可在其中找到大部分标准类型的
展示模板。接下来最需要提及的是Other模板，因为从中我们发现它提供了创建基
于特定基于JSP、VBScript以及XML等动态页面的支持，其中包含了大部分所知的标
准WWW动态设计语言。
广泛的代码库以及代码编辑支持
尤其对于代码编写者来说，在之前老Dreamweaver中代码的编写是与其它专业
软件相对薄弱的环节。以往我们通常采用UltraEdit来进行这项工作。但MX的降临
完全解决了我们来回切换编辑软件的麻烦（看来是不让UltraEdit活了:(），甚至
从网页代码编辑功能来说远远大于UltraEdit。其中包含了代码提示功能、（图10
）标记库编辑器以及代码片段面板，（图11）从而不但大大加快了代码的编写速度
，而且由于代码片段面板的加入，很多以前费力需要编写的代码现在只需用鼠标一
点，再稍加替换就可以为我所用了。对于除错方面，Dreamweaver MX 加入了用于
源代码着色的增强功能和选项。你可以配置和自定义着色，从颜色上就可以轻松划
分大部分代码的类型。（图12）另外，据官方可靠消息，Dreamweaver MX已经内
含ColdFusion Studio5和HomeSite 5的组合。
更多更完善的服务器技术支持
在Dreamweaver MX中最大最根本的加强和变化就是对几乎所有新服务器技术
的官方支持，其中包括PHP、JSP、ColdFusion、ASP、ASP.NET等等。（图14）并加
入了大量的的服务器代码库，（图13）这下我们可以利用最新的技术来创建我们自
己的动态网站了。MX还调整了对于数据库的支持底层、使得对于数据库的支持更加
强大稳定。
改进的级联样式表 2 (CSS2) 支持
级联样式表(CSS)的应用和推广正改变着整个Web站点的设计理念和规范，
Dreamweaver MX现在为我们满足了更多的需求，其中更加优化及包含了很多与CSS
有关的功能，现在不但可以使用专门提供的CSS编辑器(CSS Style definition)（
图15）还同时可以轻松的在属性检查器(Properties)中切换到CSS模式，你只需要
单击CSS/HTML切换按钮(紧接字体弹出菜单的小A图标)（图16），字体标记列表就
会变成CSS样式列表了。这样的功能方便在HEML模式和CSS模式之间相互切换，更加
方便了基于CSS的Web站点上的工作。
另外Dreamweaver MX还提供了很多现成的CSS样式表，新手们可以通过这些现
成的例子来逐渐熟悉并认识CSS的奇妙之处。我们可以在菜单File→New中的新文件
(New Document)子菜单里选择CSS Style Sheets来挑选各种内置样式表。（图17）
辅助功能
最后我们来谈谈Dreamweaver MX新增的一些额外的辅助功能，其中包括内置
集成的辅助功能参考（图18）以及生成兼容代码的辅助功能选项。（图19）
其中辅助功能参考材料已经集成到了 Dreamweaver MX 参考面板中。参考面板
可提供国际标准设计辅助功能的最佳做法的上下文和背景。只可惜这里的内容不但
完全是英文资料而且百分之百是根据美国法律作为参考的资料，所以对我们中国用
户来说用处实在不大(我哭……)。
另外生成兼容代码的辅助功能选项是用来配置 Dreamweaver MX，以便你在页
面上插入特定标记和对象时提示与辅助功能有关的属性。比较贴心是吧。
通过以上的种种介绍，我相信大家已经对Dreamweaver MX的新功能跃跃欲试
了吧，其实由于时间和篇幅的关系很多细小但十分方便的新功能这里就不能为大家
一一介绍了，而本身Dreamweaver MX的在线帮助已经非常完善，如果英语水平还
可以的读者应该尝试阅读一下这些资料，你会从中得到更多的帮助。
--
“我要这天，再遮不住我眼，
要这地，再埋不了我心，
要这众生，都明白我意，
要那诸佛，都烟消云散！”
※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.55.117]
[回到开始]
[上一篇][下一篇]
荔园在线首页 友情链接：深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店