Adobe Dreamweaver CS5.5 Studio Techniques: Updates and Corrections

Chapters 5–7: jQuery Mobile 1.0 updater extension for Dreamweaver CS5.5. Download it from the Dreamweaver updater site.

jQuery Mobile no longer automatically adds a Back button in the header of a page block. You can read the reasoning behind this move in this jQuery Mobile blog post, “Toolbar back button: Relevant on the web?”, which also offers suggestions for alternative strategies, such as adding a Home button on each page.

Pages 169–171 describe how to add Home and Back buttons manually to page block headers. Alternatively, you can restore the automatic creation of Back buttons by adding the following <script> block to the head of each HTML file:

<script> $(document).bind("mobileinit", function() { $.mobile.page.prototype.options.addBackBtn = true; }); </script>

This <script> block must come between the link to the jQuery core library and the jQuery Mobile external file.

Chapter 7: Adobe has released a PhoneGap Build extension for Dreamweaver CS5.5 that installs a panel to upload your files to an online service, which automatically creates the app for Android, iOS, webOS, Symbian, and Blackberry. Details of how to use the extension are on the Adobe website. Adobe has removed the PhoneGap Build extension for Dreamweaver CS5.5 "for technical reasons". The same functionality will be built into Dreamweaver CS6. It is not known if an updater for CS5.5 will be made available at a later date.

Chapter 7: The Tip on page 242 recommends testing in a browser when developing native apps. For the avoidance of doubt, you must use a browser to test the Travel Notes app because the code in trnotes.js accesses features, such as geolocation and web storage, that are not supported by Dreamweaver's Live view. I suggest using Safari or Chrome because they're based on the same Webkit browser engine as used in Android and iOS.

Pages 252: Line 13 of the code listing for the getTitles() function as printed in the book differs from the code in the download files. It should look like this:

list.html(items.join('\n'));

This adds a newline character between each array element. The download files are correct.

Other Dreamweaver books you might be interested in

book cover

Dreamweaver CS5.5: The Missing Manual by David Sawyer McFarland


book cover

Dreamweaver CS5 Digital Classroom, (Book and Video Training covers CS5 & CS5.5) by Jeremy Osborn, AGI Creative Team & Greg Heald


book cover

Dreamweaver CS5: The Missing Manual by David Sawyer McFarland


book cover

Dreamweaver CS5 For Dummies by Janine Warner


book cover

Adobe Dreamweaver CS5 Classroom in a Book by Adobe Creative Team


More about this book

Book description

Example files (Corrected version updated on 14 August 2011. If you experience difficulties unzipping the files, please try a different browser. Some people have reported problems after downloading with Internet Explorer.)

Supplementary material for Chapter 6 (PDF 0.5 MB)

Other Books & Videos by David Powers

Dreamweaver CS6: New Features Workshop

Introducing PHP

HTML5, CSS3, and jQuery with Adobe Dreamweaver CS5.5: Learn by Video

PHP Solutions, Second Edition

Adobe Dreamweaver CS5 with PHP: Training from the Source

Getting StartED with CSS

The Essential Guide to Dreamweaver CS4

PHP Object-Oriented Solutions

Video2brain logo

Buy from one of these online stores

Lynda.com logo

Books & Videos by David Powers

Dreamweaver CS5.5: Learn by VideoDreamweaver CS5.5 for MobilePHP SolutionsDreamweaver CS5 with PHPGetting StartED with CSSPHP Object Oriented Solutions