Adobe Dreamweaver CS5试用点滴感受

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


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


  新建文档,发现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)。

时间: 2025-01-21 03:12:46

Adobe Dreamweaver CS5试用点滴感受的相关文章

《ADOBE DREAMWEAVER CS5标准培训教材》——1.2 Dreamweaver CS5的工作界面

1.2 Dreamweaver CS5的工作界面 网页创建中的站点管理流程其实就是插入元素(文本.图像或者AP元素等)和修改已插入的元素两个过程的交替进行.Dreamweaver为了让整个设计过程简单化,将一系列窗口.面板和检查器整合,提供快速便捷的操作服务.我们在进行网页创建之前要先对Dreamweaver的工作区有一些基本的概念,通过了解如何选择选项.如何使用检查器和面板以及如何设置最适合用户工作风格的参数来提高网页设计的效率和质量. 1.2.1 界面布局 在Windows系统中的集成Dre

《Adobe Dreamweaver CS5中文版经典教程》——导读

前言 Adobe Dreamweaver CS5是行业领先的Web内容制作程序.无论你是为了生活还是为了自己的事业而创建Web站点,Dreamweaver都提供了你所需的所有工具,帮助你达到专业水平. 关于经典教程 本书是在Adobe产品专家的支持下开发的图形和出版软件的官方培训系列教材中的一种. 精心合理的课程设计,可使你按自己的进度来学习.如果你是Dreamweaver的初学者,那么你将会学到使用这款软件的基础知识.如果你是经验丰富的用户,那么你将会发现经典教程讲解了许多高级特性,包括使用D

《Adobe Dreamweaver CS5中文版经典教程》——第1课1.1 浏览工作区

第1课 课程概述在这一课中,你将熟悉Dreamweaver CS5(Creative Suite 5)程序界面,并将学习如何执行以下任务: 切换视图: 处理面板: 调整工具栏: 选择工作区布局: 个性化首选参数: 使用"属性"检查器.完成本课程大约需要40分钟的时间.在开始前,请确定你已经如本书"前言"中所描述的那样,把用于第1课的文件复制到了你的硬盘中. https://yqfile.alicdn.com/9931a273b0c7a38864ceea1ca4c51

《Adobe Dreamweaver CS5中文版经典教程》——1.2 切换和拆分视图

1.2 切换和拆分视图 Adobe Dreamweaver CS5中文版经典教程Dreamweaver分别为编码员和设计人员提供了专用的环境,还提供了一个把这两者混合在一起的复合选项. 1.2.1 "设计"视图"设计"视图在Dreamweaver工作区中着重显示其所见即所得的编辑器,它非常接近(但并非完美)地描绘了Web页面在浏览器中的样子.要激活"设计"视图,可以单击"文档"工具栏中的"设计"按钮,如图1

《Adobe Dreamweaver CS5中文版经典教程》——1.8 使用“属性”检查器

1.8 使用"属性"检查器 Adobe Dreamweaver CS5中文版经典教程一个对你的工作流程至关重要的工具是"属性"检查器.这个面板通常出现在工作区的底部."属性"检查器是上下文驱动的,并且会适应所选元素的类型. 1.8.1 使用HTML选项卡把光标插入到页面上的任何文本内容中,"属性"检查器将提供快速分配一些基本的HTML代码和格式化效果的方式.当选择HTML按钮时,可以应用标题和段落标签,以及粗体.斜体.项目列表

《ADOBE DREAMWEAVER CS5标准培训教材》——导读

前言本书是"Adobe中国数字艺术教育及ACAA中国数字艺术教育联盟标准培训教材"中的一本.为了让读者系统.快速地掌握Adobe Dreamweaver CS5软件,本书全面详细地介绍了建立站点以及管理站点资源的方法,图文并茂地讲解了文本.表格.框架.层(APDIV)等网页排版方法,另外还介绍了如何在Dreamweaver中应用图像和多媒体元素.结合实际应用环境,书中还着重讲解了建立超级链接.使用库和行为的方法. 本书语言通俗易懂.循序渐进,并配以大量的图示,特别适合初学者学习,对有一

《Adobe Dreamweaver CS5中文版经典教程》——1.7 创建自定义的快捷键

1.7 创建自定义的快捷键 Adobe Dreamweaver CS5中文版经典教程Dreamweaver的另一个强大特性是创建你自己的快捷键以及更改现有的快捷键的能力.快捷键是独立于自定义的工作区加载和保存的. 如果你必须通过快捷键使用某个命令,而该命令又没有快捷键,就可以自己创建它.试试下面的操作. 1.选择"编辑">"快捷键"命令,打开"快捷键"对话框,如图1.22所示. https://yqfile.alicdn.com/9aec4

《Adobe Dreamweaver CS5中文版经典教程》——1.4 选择工作区布局

1.4 选择工作区布局 Adobe Dreamweaver CS5中文版经典教程自定义软件环境的快捷方式是使用Dreamweaver中预建的工作区之一.这些工作区已经被专家进行了优化,以使你所需的工具唾手可得. Dreamweaver CS5包括8种预建的工作区.要访问这些工作区,可以从位于"应用程序"栏中的"工作区"菜单中选择它们,如图1.16所示. https://yqfile.alicdn.com/db9f8ec7fee0563fd6eb0d3a567a7e3

《ADOBE DREAMWEAVER CS5标准培训教材》——1.3 Dreamweaver CS5 的新功能

1.3 Dreamweaver CS5 的新功能 Dreamweaver CS5版本外观变化不大,软件本身增加了一些新的功能.这些新功能会使软件使用起来更加得心应手. 1. Adobe BrowserLab 由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,用户可以使用多种查看.诊断和比较工具来预览 Web 页和本地内容,实现快速.精确的跨浏览器兼容性测试. 2. Business Catalyst 集成 Adobe Business Catalyst 是