Adobe Dreamweaver CC 2014 v.13 - Manual (Page 490)

To the top
To the top
Dreamweaver provides you with the following starter pages to create your web application:
jQuery Mobile (CDN) (CS5.5 and later versions)
Use this starter page if you plan to host the jQuery Mobile library on a CDN.
jQuery Mobile (Local) (CS5.5 and later versions)
Use this starter page if you plan to host the assets yourself, or if your application doesn’t rely on an Internet connection.
jQuery Mobile (PhoneGap) (CS5.5 and later versions)
Use this starter page if your web application, when deployed as a mobile application, accesses features native to mobile devices. For more
information, see
Deploy web applications as native mobile applications (CS5.5) .
Use starter pages to create an application for mobile devices
1. Select File > New.
2. Select one of the following based on your requirement:
Page From Sample > Mobile Starters > jQuery Mobile (CDN).
Page From Sample > Mobile Starters > jQuery Mobile (Local).
Page From Sample > Mobile Starters > jQuery Mobile with Theme (Local).
3. Click Create.
In the page that appears, enable Follow Links Continuously (View > Live View Options), and switch to Live View. Use the navigation
components to test how the application works.
Use the options in the Multiscreen menu to see how the design is displayed in devices with various dimensions. Disable Live view, and
switch back to the Design view.
4. In the Insert panel (Window > Insert), select jQuery Mobile. The components that you can add to the web application are displayed.
5. In Design view, place the cursor at the location where you want to insert the component, and click the component in the Insert Panel. In the
dialog box that appears, customize the components using the options.
6. (jQuery Mobile (Local), jquery Mobile with Theme (Local)) After you save the HTML file, the jQuery Mobile files, including image files, are
copied to a folder in the HTML file location.
Preview the page in Live view. Some of the CSS classes are applied only in the Live view.
Create a web application for mobile devices from a new page
The Page component acts as the container for all the other jQuery Mobile components. Add the Page component before you proceed to insert
other components.
1. Select File > New.
2. Select Blank Page > HTML.
Some of the jQuery Mobile components use HTML5-specific attributes. To ensure HTML5 compliance during validation, ensure that you
select HTML5 as your DocType.
483