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

Adobe Dreamweaver CS6 Digital Classroom by Jeremy Osborn & AGI Creative Team


book cover

Adobe Dreamweaver CS6 Classroom in a Book by Adobe Creative Team


book cover

Dreamweaver CS6: The Missing Manual (Missing Manuals) by David Sawyer McFarland


book cover

Adobe Dreamweaver CC Classroom in a Book by Adobe Creative Team


book cover

Dreamweaver CC: The Missing Manual by David Sawyer McFarland & Chris Grover


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

PHP for Web Designers

Beginning CSS3

Dreamweaver CS6: Learn by Video

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

PHP Object-Oriented Solutions

Buy from one of these online stores

Free 7-day trial

Books & Videos by David Powers

Beginning CSS3Dreamweaver CS6: Learn by VideoDreamweaver CS5.5: Learn by VideoDreamweaver CS5.5 for MobilePHP SolutionsDreamweaver CS5 with PHP