Adobe Dreamweaver CC 2014 v.13 User Manual
Page 491
Keywords: what's new, dreamweaver, HTML5, CSS, transitions, web application, web package, effects, CSS3, fluid grid layout, Phonegap, new
features, jquery, business catalyst, web fonts, ftp improvements, PSD optimization, dreamweaver cs6
Facebook posts are not covered under the terms of Creative Commons.
Remote (CDN)
Local
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:
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.
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
.
2. Save the file to the core folder containing the other resources.
484