Dreamweaver CC教程：从新页面创建适用于移动设备的 Web 应用程序

从新页面创建适用于移动设备的 Web 应用程序
“页面”组件充当所有其它 jQuery Mobile 组件的容器。添加“页面”组件，然后再继续插入其它组件。
1、选择“文件”>“新建”。
2、选择“空白页”>“HTML”。
某些 jQuery Mobile 组件使用 HTML5 特有的属性。要确保在验证期间符合 HTML5 规范，请确保选择 HTML5 作为文档类型。
3、在“插入”面板（“窗口”>“插入”）中，从菜单中选择“jQuery Mobile”。jQuery Mobile 组件显示在此面板中。
4、从“插入”面板中，将“页面”组件拖到设计视图。
5、在“jQuery Mobile 文件”对话框中，选择以下某项：
远程 (CDN)
如果要连接到承载 jQuery Mobile 文件的远程 CDN 服务器。如果尚未配置包含 jQuery Mobile 文件的站点，则对于 jQuery 站点使用默认选项。也可选择使用其它 CDN 服务器。
本地
显示 Dreamweaver 中提供的文件。要指定其它文件夹，请单击“浏览”，然后导航至包含 jQuery Mobile 文件的文件夹。

CSS 和 JavaScript 文件复制到本地的一个临时目录，直至将 HTML 文件保存到计算机为止。保存 HTML 文件之后，所有相关的 jQuery Mobile 和图像文件都将复制到站点根文件夹中的某个文件夹。
6、输入“页面”组件的属性。
7、在设计视图中，将光标放在要插入组件的位置，然后在“插入”面板中单击该组件。在出现的对话框中，使用各个选项自定义组件。
在实时视图中预览页面。某些 CSS 类仅适用于实时视图。

使用自定义文件和文件夹

可选择为应用程序创建自定义 CSS 和 JS 文件。确保将文件命名为 jquery.mobile.js、jquery.mobile.css 和 jquery.js
如果使用自定义文件夹，则执行以下操作：
1、从 http://docs.jquery.com/Downloading_jQuery#Download_jQuery 下载 jQuery 1.5 核心库的未压缩版本。
2、将文件保存到包含其它资源的核心文件夹。

来源：dreamweaver官网

上一篇：Dreamweaver CC教程：关于Web应用程序

下一篇：Dreamweaver CC教程：使用起始页创建应用程序