Dreamweaver CS4界面新增功能介绍

互联网   发布时间:2008-10-17 19:35:38   作者:佚名   我要评论
  Dreamweaver CS4界面和功能都做了很大的改变,下面就让我们跟随作者去看看DW CS4在界面上究竟新增了哪些功能。接下来还网页教学网会陆续为大家带来关于DW CS4的一些设计、代码方面的体验,希望大家能喜欢! 相关文章:Dreamweaver CS4 首次新功能试用。   这次Dr

  Dreamweaver CS4界面和功能都做了很大的改变,下面就让我们跟随作者去看看DW CS4在界面上究竟新增了哪些功能。接下来还脚本之家会陆续为大家带来关于DW CS4的一些设计、代码方面的体验,希望大家能喜欢!
相关文章:Dreamweaver CS4 首次新功能试用。
  这次DreamweaverCS4的界面几乎是做了一次脱胎换骨的改进,从中看到了更多的设计元素,让DW也稍稍带着点苹果的味道。如果说VISTA和OFFICE 2007创造了软件界面设计的新纪元,那么Adobe相当于取代了苹果的设计地位而紧随MS之后。唯一的区别就是,MS老是抄人家苹果的(汗一个,微软的Fans别砸我),而Adobe却是实实在在的自己创造,设计界的老大地位实至名归……
Dreamweaver CS4界面新增功能介绍
图1 ( 点击上图可放大)
  界面方面的变化相当大,让我们从头部开始,看看DW在界面上究竟新增了哪些功能。
  从下图可以看到,DW CS4给菜单增加了三个平级下拉按钮,他们分别是布局、DW扩展和站点管理器。
  布局按钮:这个按钮似乎和下方的代码、分割、设计按钮功能重复,目前还不明白DW的意图,唯一增加的新功能是垂直分割,让代码和设计界面以垂直对比的方式呈现。
Dreamweaver CS4界面新增功能介绍
图2
  DW扩展
Dreamweaver CS4界面新增功能介绍
图3
  站点管理器
Dreamweaver CS4界面新增功能介绍
图4
#p#
  菜单的最右边,则是最新的外观面板排布管理菜单。在7.5GB的版本中,DW只有3种外观模式;而在150MB的版本里,却可以看到DW 一口气推出的八种布局,由此推测,这个7.5GB的版本可能是国外的爱好者从ADODB内部搞出来的半成品,并非ADODB官方网站放出的那份,呵呵~
  八种外观模式分别为:应用程序开发、应用程序开发增强、古典、代码、代码增强、设计、精简设计、双屏模式。
Dreamweaver CS4界面新增功能介绍
图5
  下面给出几个比较有代表性的界面:
  应用程序开发增强:左上方是和数据相关的面板,包括数据库面板、数据绑定面板和行为面板;左下方则是文件与资源相关的面板,包括文件面板、相关资源面板、代码收集器等;右边则是设计相关面板,包括插入面板、CSS样式表面板、AP元素面板(用来为浮动层定位)。应该说这是一个万金油布局,几乎适用所有的开发者,同时,它也把大部分菜单展示在用户面前,其他的七种布局可以说只是在这个基础上进行一些排列和隐藏。
Dreamweaver CS4界面新增功能介绍
图6
  精简设计:这是我最喜欢的一个布局,它提供了更多的可视区域,同时可以把右边的菜单收缩到只剩下图标。对于习惯了ADODB其他设计软件的朋友来说,这的确是非常贴心的设计。
Dreamweaver CS4界面新增功能介绍
图7
#p#
  双屏模式比较特殊,有点类似于Delphi7的开发界面,面板全部浮动起来,给用户更多的自由。我还不是太习惯这种模式,就不上图赘述了。
  无论你是一个程序员还是一个设计师,DW给出的界面可以说是相当讨好了,比如我,就特别钟爱精简设计的模式,因为它几乎和我的Photoshop的界面一模一样,就如同图一所展示的,可以让我从页面的全局来进行思考和工作。
  在下方的文档面板上,DW新增加了一个实时预览功能——Live View。它的作用是在DW窗口中实时查看代码的效果,包括Javascript特效!
Dreamweaver CS4界面新增功能介绍
图8
  这是一个很不错又很有必要的进步。怎么说呢,这个功能本应早就具备的,不过在CS4里才看到,之前的版本都只能另开浏览器来预览,让使用者频繁的在窗口间切换,费了不少功夫!而我在几年前使用一个类似于Editplus之类编辑器的时候,就已经开始使用这个相当实用的软件内预览功能了。不过这次DW的Live View实时浏览功能做的有些奇怪,好像没有使用IE或者FIREFOX的内核,因为控件的外观还不是浏览器中实际显示的样式,有点类似于苹果浏览器Safari,但又不是。截图如下:
Dreamweaver CS4界面新增功能介绍
图9
  在使用中,经测试发现Live View右边的按钮Live Code并没有起到任何作用,HTML级的所有的动态功能都可以在Live View中实现,点击Live Code后反而不能编辑代码。这倒是一个很奇怪的功能了,希望在下节的代码里能够测试到它究竟是针对何种代码才能生效。同时也欢迎网友一起参与DW CS4试用,谈谈感受!

相关文章

最新评论