增强的 jQuery Mobile 支持 - Dreamweaver CS6
- Dreamweaver CS6
Adobe 在 CS6 中继续增强对 jQuery Mobile 的支持,新增了 jQuery Mobile 示例页面和 jQuery Mobile 主题色板面板。新的 jQuery Mobile 主题色板面板允许您快速直观地为 jQuery Mobile 项目应用主题,无论主题是在哪里创建的。新的示例页面采用了改进的架构,使更换主题变得简单,不会影响布局或功能。
打开新的 jQuery Mobile 页面的方法:
- 进入 文件 菜单。
- 选择 新建。
- 选择 来自示例的页面 分类。
- 选择 带主题的 jQuery(在以前的 CS 版本中称为 PhoneGap)。
保存时,系统会显示将要保存的文件,包括默认主题和结构样式表。这些样式表保持独立,方便 Dreamweaver 用户以更模块化的方式工作。
使用 jQuery Mobile 主题色板
在实时视图中工作时,用户可以实时看到主题直接应用到网站以及其他任何直接更改。
使用 jQuery Mobile 主题色板的步骤:
- 进入 窗口 菜单。
- 选择 jQuery Mobile 主题色板。
用户可以选中页面上的任意元素,并将可用的主题应用于该元素。选中元素后,会弹出一个窗口,显示由外部样式表生成的可用主题色板供选择。
使用 jQuery Themeroller
激活
要激活 jQuery Themeroller,请点击 jQuery Mobile 主题色板窗口底部的 获取更多主题 链接。
Themeroller 允许用户在可视化环境中创建自己的 jQuery 主题,并通过点击和拖放的方式使用 Adobe Kuler 主题色板。
下载 主题
您可以通过点击 Themeroller 页面中的 下载主题 链接获取自定义主题。下载内容为压缩的 zip 文件,包含主题的 jQuery 库、入门文件、HTML 页面以及相关的 CSS 文件。
从 Themeroller 下载的主题可以通过在 Dreamweaver 中打开该 zip 文件来应用,以便将主题应用于当前及未来的项目。
Dreamweaver CS6 新功能
- 插入 HTML5 视频内容
- 使用流式网格布局
- 多类选择
- 改进的 FTP 性能
- 增强的 jQuery Mobile 支持
- 使用 CSS 过渡面板
Dreamweaver 是 Adobe 一款流行的网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等技术,并兼容 HostGator 网络托管服务。
您可以访问 Adobe 官网或视频学习门户 Adobe TV 了解更多关于 Dreamweaver 的信息。本文中的视频由 Adobe TV 提供。