云南网站建设创新企业 昆明多彩网络公司

在线qq:540105663

Adobe Drw CS5试用纪实

来源:天极网软件频道 日期:2010-05-10 阅读: 发表评论

Adobe Dreamweaver CS5目前已经有试用版了,加入了一些web前端技术支持,比如html5,提供多种浏览器预览效果。

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

宣传视频中,最在意的Adobe BroswerLab。不过2010年才出来,貌似太迟,已经习惯IEtester了,但既然来了还是试试吧。但该功能必须联网方可使用,局限性太大,有点遗憾,毕竟在中国的网页设计师要链接到国外站点去测试网页不太现实,网速是一个很大的障碍。

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

需要注意的是,可能会提示你输入帐号,没有可以去注册一个,这又是一个不人性化,头疼的地方,为啥要注册呢,多余的麻烦,看来ADOBE也想要搞“云”。

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

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

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

Adobe Drw CS5试用纪实

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

Adobe Drw CS5试用纪实

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

另外,DW少了一些很让人期盼的功能,比如加强对php脚本语言的语法提示功能,在DW5还是没有发现,不知道国外或者收费的dw插件有没有实现此功能?

发表评论评论列表(有 条评论)

相关文章:
暂无相关文章
最热文章:
新手怎么制作网页? 阅读:7660
jcarousellite中文文档 阅读:6507
表单元素input、按钮、文字完美垂 阅读:6247
怎么使chrome(谷歌google 阅读:6145
phpMailer中文文档手册 阅读:4639