论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

DreamWeaver CS5使用体验

文章类别:Dreamweaver | 发表日期:2010-5-5 9:33:54

官方说的是五月发布,果不其然,已经有试用版下载了。解压,安装。

取消一些不常用的组件:

安装过程中.......

安装完成:

第一次运行时出来的:

启动DW,似曾相识啊:

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

DW CS5是基于什么浏览器内核呢?webKit530:

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

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

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

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

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

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

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

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

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

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

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

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

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

视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058