Dreamweaver CS4界面新增功能介绍

所属分类: 网页制作 / Dreamweaver 阅读数: 1150
收藏 0 赞 0 分享

  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试用,谈谈感受!
更多精彩内容其他人还在看

Dreamweaver怎么添加背景音乐?dw添加声音文件的方法

Dreamweaver怎么添加背景音乐?想让网页打开就会有歌声出现,该怎么设置呢?今天我们就来看看给网页添加声音文件的详细方法,图文教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver中CSS面板该怎么设置?

Dreamweaver中CSS面板该怎么设置?Dreamweaver中新建的网页需要使用CSS面板设置摆弄狂,字体,背景颜色等等各种参数,该怎么设置呢?下面我们就来看看CSS面板的使用方法
收藏 0 赞 0 分享

Dreamweaver编辑网页预览的时候显示乱码该怎么办?

Dreamweaver编辑网页预览的时候显示乱码该怎么办?Dreamweaver做网站的时候,网页出现了乱码,无论是预览还是发布出来都是乱码,出现这个状况我们需要在网页编码里面加上声明编码的meta信息,详细解决办法请看下文
收藏 0 赞 0 分享

Dreamweaver浏览器测试图文教程

这篇教程主要是向脚本之家的朋友分享Dreamweaver浏览器测试方法,教程真的很不错,很值得大家学习,推荐过来,一起来学习吧
收藏 0 赞 0 分享

Dreamweaver怎么添加文本?怎么设置文本?

文本行为,就是网页中的文本有行为,用的最多的又状态栏文本和文本域文本,尤其是文本域文本是最常用到的,那么Dreamweaver怎么添加文本?怎么设置文本?下面小编就为大家详细介绍一下,来看看吧
收藏 0 赞 0 分享

Dreamweaver中怎么让html网页中的table边框细线显示?

Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

DW cc 2015快捷键该怎么导出/修改/删除?

DW cc 2015快捷键该怎么导出、修改、删除?dw中有很多快捷键方便我们操作,但是有时候自己设置的快捷键项导出来以后备用,该怎么办呢?如果想修改或删除其中一个或多个快捷键又该怎么办呢?请看下文详细介绍
收藏 0 赞 0 分享

Dreamweaver怎么进行批量文件搜索指定内容?

Dreamweaver怎么进行批量文件搜索指定内容?Dreamweaver中的文件很多,想要查找文件很不容易,该怎么才能快速的进行批量查找文件的?下面我们来看看Dreamweaver文本查找功能的使用方法
收藏 0 赞 0 分享

怎么格式化html代码? Dreamweaver格式化html代码的技巧

怎么格式化html代码?Dreamweaver编辑网页的时候,发现代码格式很乱,看起来很费劲,该怎么一键格式化呢?下面我们就来看看Dreamweaver格式化html代码的技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Dreamweaver CS6制作一个新闻网页首页的实例教程

Dreamweaver CS6制作网页很方便,为了方便学习我们我们举了一个实际的例子,使用Dreamweaver CS6做了一个简单的网页,非常简单,适合新手学习,需要的朋友可以参考
收藏 0 赞 0 分享
查看更多