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

简介:

本节书摘来自异步社区《ADOBE DREAMWEAVER CS6 标准培训教材》一书中的第1章,第1.3节,作者: ACAA专家委员会, DDC传媒 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.3 Dreamweaver CS6 的新功能

Dreamweaver CS6版本外观变化不大,但是功能上新增了高效创建、测试跨平台和跨浏览器的HTML5内容的支持,新增加了开发和打包移动设备应用程序的功能,并优化了FTP的性能。下面我们一起看看Dreamweaver CS6都有哪些新功能。

  1. 流体网格布局
    在 Dreamweaver 中可以使用新增的流体网格布局(“新建→新建流体网格布局”)来创建能应对不同屏幕尺寸的布局。利用简洁、业界标准的代码为各种不同设备和计算机开发项目,创建跨平台和跨浏览器的兼容网页,提高工作效率。可以很直观地创建复杂网页设计和页面版面,无需了解更多代码知识便能轻松上手,如图1-3-1所示。


<a href=https://yqfile.alicdn.com/154aac5c59aeda0203a65ff06e310f0bf701f7f5.png" >
  1. 增强型jQuery Mobile支持
    使用更新的 jQuery Mobile 支持为 iOS 和 Android 平台创建应用程序,简化移动开发工作流程。Dreamweaver CS6 附带 jQuery 1.6.4,以及 jQuery Mobile 1.0 文件。新增jQuery Mobile 色板,通过使用“jQuery Mobile 色板”面板(“窗口→jQuery Mobile 色板”),在 jQuery Mobile CSS 文件中预览所有色板(主题)。然后,使用此面板来应用色板,或从 jQuery Mobile Web 页的各种元素中删除它们。使用此功能可将色板逐个应用于标题、列表、按钮和其他元素,如图1-3-2所示。


50cc21f45033424a62472d2b98ab2ebe804c8d67
  1. PhoneGap Build云服务集成
    新增PhoneGap Build 云服务的直接集成,通过Dreamweaver CS6,用户可以使用其现有的 HTML、CSS 和 JavaScript 技术来创建适用于移动设备的本机应用程序。在通过 PhoneGap Build 面板(“站点→PhoneGap Build”)登录到 PhoneGap Build 后,可以直接在 PhoneGap Build 服务上生成 Web 应用程序,并且将生成的本机移动应用程序下载到本地桌面或移动设备上。通过PhoneGap Build 服务管理项目,允许用户为大多数流行的移动平台生成本机应用程序,包括 Android、iOS、Blackberry、Symbian和WebOS,如图1-3-3所示。


<a href=https://yqfile.alicdn.com/efd28f75c12aa5fbb0082351f3aa4dde369cc6bd.png" >
  1. 更新的实时视图
    使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的 WebKit 转换引擎,能够提供绝佳的 HTML5 支持。
  2. 更新的多屏幕预览面板
    利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所呈现的页面效果,该增强型面板现在能够让我们检查 HTML5 内容呈现。
  3. CSS过渡效果
    使用新增的“CSS过渡效果”面板,能使页面元素的变化平滑运动起来。比如当鼠标悬停在菜单栏项上,使菜单颜色从一种颜色慢慢过渡到另一种颜色。我们可以通过执行菜单命令“窗口→CSS过渡效果”来打开“CSS过渡效果”面板,如图1-3-4所示。


b8a7efc7b21d1459dddcc33d70dfa73162bd4024
  1. 多CSS类选区
    现在可以将多个 CSS 类应用于单个元素。选择一个元素,单击右键,在弹出菜单中选择“设置类→应用多个类”打开“多类选区”对话框,然后勾选所需类。在您应用多个类之后,Dreamweaver 会根据已选择的类来创建新的多类,如图1-3-5所示。


<a href=https://yqfile.alicdn.com/4986cf825535cdd64648578b31b406d1662556b0.png" >
  1. Business Catalyst集成
    Business Catalyst 是用于构建和管理在线企业的托管应用程序。通过这个统一的平台,无需任何后端编码操作,即可构建一般的网站,或者是功能强大的在线商店。Dreamweaver 与 Business Catalyst 集成后,用户可以创建 Business Catalyst 站点并在 Dreamweaver 中更新 Business Catalyst 站点。在创建 Business Catalyst 站点之后,可以连接到 Business Catalyst 服务器。服务器提供可用来构建站点的文件和模板。
  2. Web字体
    在 Dreamweaver 中可以使用有创造性的 Web 支持字体(如 Google 或 Typekit Web 字体)。首先,使用 Web Font Manager(“修改→Web 字体”)将 Web 字体导入您的 Dreamweaver 站点。 Web 字体将在Web 页中可用。
  3. 简化的PSD优化
    Dreamweaver CS5中的“图像预览”对话框在CS6中叫做“图像优化”对话框。要打开此对话框,应在“文档”窗口中选择一幅图像,然后单击属性检查器中的“编辑图像设置”按钮。以前的CS5“图像预览”对话框中的一些选项现在显示在属性检查器中。当更改“图像优化”对话框中的设置时,“设计”视图中会显示图像的即时预览,如图1-3-6所示。


<a href=https://yqfile.alicdn.com/ccdbe651fea52d9e9c93123a0b6b2b3e88f91248.png" >
  1. 对FTP传递的改进
    Dreamweaver 使用多线程传输选定文件。Dreamweaver 也允许同时使用获取和放置操作来传输文件。如果有足够的可用带宽,FTP 多路异步传递可显著加快传输进度。
  2. 站点管理面板改进
    虽然大部分功能保持不变,但“管理站点”对话框(“站点→管理站点”)给人焕然一新的感觉。附加功能包括创建或导入 Business Catalyst 站点的能力。
相关文章
|
Web App开发
Dreamweaver CS6破解教程[序列号+破解补丁
Adobe Dreamweaver CS6中文简体版下载地址:Dreamweaver CS6中文简体版下载[带破解] 该教程将不断更新,最新版请猛击:http://www.itxueyuan.org/view/6317.html 破解之前的准备 1) 序列号这里为大家生成了两个,可以通过软件验证:1325-0949-2080-9819-3777-32301325-0160-5283-9851-2671-89512) 破解补丁安装时会用到,请大家提前下载好(安装时需要断网)。
2004 0
|
SQL 移动开发 数据可视化
前端必知词汇:Dreamweaver CS6
Dreamweaver CS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页(通常是标准通用标记语言下的一个应用HTML),对于初级开发者,可以无需编写任何代码就能快速创建Web页面。
529 0
|
JavaScript
How to update jQuery Mobile in Dreamweaver CS6
来源:http://wpguru.co.uk/2013/01/how-to-update-jquery-mobile-in-dreamweaver-cs6/ Since the release of Adobe’s Dreamweaver CS6 the jQuery and jQuery Mobile libraries have been updated.
1007 0
Adobe Dreamweaver CS6官方简体中文版安装+破解过程
国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私募机构九鼎控股打造,九鼎投资是在全国股份转让系统挂牌的公众公司,股票代码为430719,为“中国PE第一股”,市值超1000亿元。
881 0