Dreamweaver CC教程:创建适用于移动设备Web 应用程序
使用 Dreamweaver 创建适用于移动设备的 Web 应用程序
Dreamweaver 与 jQuery Mobile 相集成,可帮助您快速设计适合大多数移动设备的 Web 应用程序,同时可使其自身适应设备的各种尺寸。
使用 jQuery Mobile 创建 Web 应用程序
打开 jQuery Mobile 起始页,或创建 HTML5 页面
在 Dreamweaver 中使用 jQuery Mobile 起始页创建应用程序。或者,也可用新的 HTML5 页开始创建 Web 应用程序。
jQuery Mobile 起始页包括 HTML、CSS、JavaScript 和图像文件,可帮助您开始设计应用程序。可使用 CDN 和您自有服务器上承载的 CSS 和 JavaScript 文件,也可使用随 Dreamweaver 一同安装的文件。
注意:
要标识链接文件的位置,请参阅代码视图中的 <link> 和 <script src> 标签。
从“插入”面板中选择 jQuery Mobile 组件
将“插入”面板中的 jQuery Mobile 组件插入 HTML 页面。jQuery Mobile CSS 和 JavaScript 文件定义组件的样式和行为。
关于 CDN 和本地 jQuery Mobile 文件
CDN
CDN(内容传送网络)是一种计算机网络,其中所含的数据副本分别放置在网络中的多个不同点上。使用 CDN 的 URL 创建 Web 应用程序时,应用程序将使用 URL 中指定的 CSS 和 JavaScript 文件。默认情况下,Dreamweaver 使用 jQuery Mobile CDN。
此外,也可使用其它站点(如 Microsoft 和 Google)CDN 的 URL。在代码视图中,编辑 <link> 和 <script src> 标签中指定的 CSS 和 JavaScript 文件的服务器位置。
从 CDN 下载的文件为只读。
本地 jQuery Mobile 文件
安装 Dreamweaver 时,会将 jQuery Mobile 文件的副本复制到您的计算机上。选择 jQuery Mobile(本地)起始页时所打开的 HTML 页会链接到本地 CSS、JavaScript 和图像文件。
jQuery Mobile 的起始页
Dreamweaver 提供以下起始页供您创建 Web 应用程序:
jQuery Mobile (CDN)
如果计划在 CDN 上承载 jQuery Mobile 库,则使用此起始页。
jQuery Mobile(本地)
如果计划自行承载资源,或如果应用程序不依靠 Internet 连接,则使用此起始页。
jQuery Mobile (PhoneGap)
如果 Web 应用程序在部署为移动应用程序的情况下要访问移动设备固有的功能,则使用此起始页。有关详细信息,请参阅打包 Web 应用程序。
来源:dreamweaver官网
上一篇:Dreamweaver CC教程:使用起始页创建应用程序
下一篇:Dreamweaver CC教程:更改移动设备的页面方向
|