Adobe Dreamweaver CC 2015 User Manual
Page 510
503
Mobile and multiscreen
Last updated 6/3/2015
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) 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.
3
In the Insert panel (Window > Insert), select jQuery Mobile from the menu. The jQuery Mobile components appear
in the panel.
4
From the Insert panel, drag the Page component to Design view.
5
In the jQuery Mobile Files dialog, select one of the following:
Remote (CDN)
If you want to connect to a remote CDN server hosting the jQuery Mobile files. Use the default
option for the jQuery site if you have not configured a site containing jQuery Mobile files. You can also choose to
use other CDN servers.
Local
The files that are available in Dreamweaver are displayed. To specify a different folder, click Browse, and
navigate to the folder containing the jQuery Mobile files.
The CSS and JavaScript files are copied to a local temp directory until you save the HTML file to your computer.
After you save the HTML file, all associated jQuery Mobile and image files are copied to a folder in the site’s root
folder.
6
Enter the properties for the Page component.
7
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.
Preview the page in Live view. Some of the CSS classes are applied only in the Live view.
Using custom files and folders
You can choose to create custom CSS and JS files for your application. Ensure that your files are named jquery.mobile.js,
jquery.mobile.css, and jquery.js
If you are using custom folders, do the following:
1
Download the uncompressed version of the jQuery 1.5 core library from