手机
当前位置:查字典教程网 >网页设计 >Dreamweaver教程 >Adobe Dreamweaver CS5试用点滴感受
Adobe Dreamweaver CS5试用点滴感受
摘要: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)。

【Adobe Dreamweaver CS5试用点滴感受】相关文章:

如何用Dreamweaver8对网站文件进行检查整理

在Dreamweaver中如何改变“behaviors”的缺省事件?

Dreamweaver创建预定义的框架集

Dreamweaver 一句话技巧集萃

Dreamweaver MX制作网站个性图标

Dreamweaver CS3 实现多分辨率层定位

dreamweaver做网页实例教程 制作弹出菜单

Dreamweaver设计多彩文字链接教程

Dreamweaver修改菜单命令快捷键

Dreamweaver怎么新建网页并保存?

精品推荐
分类导航