Adobe Dreamweaver CS5试用点滴感受
发布时间:2015-05-12 来源:查字典编辑
摘要:AdobeDreamweaverCS5目前已经有试用版下载了,安装试用了一下,和大家分享一些感受。安装DreamweaverCS5之后启动软...
Adobe Dreamweaver CS5目前已经有试用版下载了,安装试用了一下,和大家分享一些感受。
![Adobe Dreamweaver CS5试用点滴感受1](/Images/jiaocheng/2015-05-0717/2538894181.jpg)
安装Dreamweaver CS5之后启动软件,界面似曾相识。
![Adobe Dreamweaver CS5试用点滴感受2](/Images/jiaocheng/2015-05-0717/2344398273.jpg)
新建文档,发现DocType中新增的HTML5。
![Adobe Dreamweaver CS5试用点滴感受3](/Images/jiaocheng/2015-05-0717/2711011578.jpg)
DW CS5是基于什么浏览器内核呢?原来是webKit530。
![Adobe Dreamweaver CS5试用点滴感受4](/Images/jiaocheng/2015-05-0717/3156758786.jpg)
Alt+单击元素,定位样式非常方便。
![Adobe Dreamweaver CS5试用点滴感受5](/Images/jiaocheng/2015-05-0717/334179730.jpg)
宣传视频中,最在意的Adobe BroswerLab。不过2010年才出来,貌似太迟,已经习惯IEtester了,但既然来了还是试试吧。但该功能必须联网方可使用,局限性太大,有点遗憾。
首先要定义一个站点,不同以往DW,这里可以直接选择一个文件夹。
![Adobe Dreamweaver CS5试用点滴感受6](/Images/jiaocheng/2015-05-0717/330258556.jpg)
只要一步,伪站点就出来了。.
![Adobe Dreamweaver CS5试用点滴感受7](/Images/jiaocheng/2015-05-0717/1423071020.jpg)
打开“站点”里某个HTML文档,然后点击标题栏右上方的CS Live,并选择Preview in BrowserLab。
![Adobe Dreamweaver CS5试用点滴感受8](/Images/jiaocheng/2015-05-0717/255863185.jpg)
需要注意的是,可能会提示你输入帐号,没有可以去注册一个。
![Adobe Dreamweaver CS5试用点滴感受9](/Images/jiaocheng/2015-05-0717/411825313.jpg)
也有可能弹出这个对话框,直接登录即可。
![Adobe Dreamweaver CS5试用点滴感受10](/Images/jiaocheng/2015-05-0717/2171459493.jpg)
之后DW会自动启动浏览器,并加载测试结果页,界面是Flash做的。
![Adobe Dreamweaver CS5试用点滴感受11](/Images/jiaocheng/2015-05-0717/3335236118.jpg)
测试一下经典的双倍浮动Bug。
![Adobe Dreamweaver CS5试用点滴感受12](/Images/jiaocheng/2015-05-0717/199957341.jpg)
服务器传回来的是图片,可以点右键 Save Locally保存。
如果是个完美主义者,则可以点击Onion Skin,测试结果会重叠在一起,通过调节透明度,即可清晰的看见每1px的问题。
![Adobe Dreamweaver CS5试用点滴感受13](/Images/jiaocheng/2015-05-0717/2278306201.jpg)
点击顶部的Browser Sets,即可添加或者删除测试目标浏览器:我选择了IE6、7、8、FF3。
![Adobe Dreamweaver CS5试用点滴感受14](/Images/jiaocheng/2015-05-0717/1339021595.jpg)
BrowserLab和DW是心有灵犀的,各自做的更改,对方都能察觉。比如测试浏览器列表是IE6、7,我新增加FF3.0 for MaxOS,那么下一次测试的时候,DW的提示信息就会多一个出来。(0 of 2)变成(0 of 3)。