Adobe Dreamweaver CS5试用点滴感受
Adobe Dreamweaver CS5试用点滴感受
发布时间:2015-05-12 来源:查字典编辑
摘要:AdobeDreamweaverCS5目前已经有试用版下载了,安装试用了一下,和大家分享一些感受。安装DreamweaverCS5之后启动软...

Adobe Dreamweaver CS5目前已经有试用版下载了,安装试用了一下,和大家分享一些感受。

Adobe Dreamweaver CS5试用点滴感受1

安装Dreamweaver CS5之后启动软件,界面似曾相识。

Adobe Dreamweaver CS5试用点滴感受2

新建文档,发现DocType中新增的HTML5。

Adobe Dreamweaver CS5试用点滴感受3

DW CS5是基于什么浏览器内核呢?原来是webKit530。

Adobe Dreamweaver CS5试用点滴感受4

Alt+单击元素,定位样式非常方便。

Adobe Dreamweaver CS5试用点滴感受5

宣传视频中,最在意的Adobe BroswerLab。不过2010年才出来,貌似太迟,已经习惯IEtester了,但既然来了还是试试吧。但该功能必须联网方可使用,局限性太大,有点遗憾。

首先要定义一个站点,不同以往DW,这里可以直接选择一个文件夹。

Adobe Dreamweaver CS5试用点滴感受6

只要一步,伪站点就出来了。.

Adobe Dreamweaver CS5试用点滴感受7

打开“站点”里某个HTML文档,然后点击标题栏右上方的CS Live,并选择Preview in BrowserLab。

Adobe Dreamweaver CS5试用点滴感受8

需要注意的是,可能会提示你输入帐号,没有可以去注册一个。

Adobe Dreamweaver CS5试用点滴感受9

也有可能弹出这个对话框,直接登录即可。

Adobe Dreamweaver CS5试用点滴感受10

之后DW会自动启动浏览器,并加载测试结果页,界面是Flash做的。

Adobe Dreamweaver CS5试用点滴感受11

测试一下经典的双倍浮动Bug。

Adobe Dreamweaver CS5试用点滴感受12

服务器传回来的是图片,可以点右键 Save Locally保存。

如果是个完美主义者,则可以点击Onion Skin,测试结果会重叠在一起,通过调节透明度,即可清晰的看见每1px的问题。

Adobe Dreamweaver CS5试用点滴感受13

点击顶部的Browser Sets,即可添加或者删除测试目标浏览器:我选择了IE6、7、8、FF3。

Adobe Dreamweaver CS5试用点滴感受14

BrowserLab和DW是心有灵犀的,各自做的更改,对方都能察觉。比如测试浏览器列表是IE6、7,我新增加FF3.0 for MaxOS,那么下一次测试的时候,DW的提示信息就会多一个出来。(0 of 2)变成(0 of 3)。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Dreamweaver教程学习
热门Dreamweaver教程学习
网页设计子分类