Acknowledgments Writing a book about new software is a solitary activity, grappling with a constantly moving target and pounding the keyboard to deliver the chapters on time. But none of it would be possible without an army of helpers. First, there s Scott Fegette, Senior Product Manager for Dreamweaver, who kept me informed of the engineering team s plans. Then there s Kin Blas, a Dreamweaver engineer actively involved in developing jQuery Mobile, who clarified points I found difficult to understand. My thanks go to them and to the rest of the Dreamweaver team for their help both directly and indirectly. I ve also had a strong backup team at Peachpit: Victor Gavenda, who accepted the concept of this book and liked it so much that he persuaded Adobe Press that it was high time one of my books was printed in color; Valerie Witte, my editor, who calmly accepted my frequent changes of mind about the structure of the book; Anne Marie Walker, my development editor, who picked up inconsistencies and helped me (mis)spell the American way; Tom Muck, my technical editor, who spotted problems with code and made suggestions to improve it; and Cory Borman, who oversaw the production process. Many others have helped indirectly. At times, the Twitter stream felt like an annoying distraction, but it provided some invaluable leads, alerting me to changes in this fast- moving industry. It also provided some essential light relief, although I m not sure I m ready to watch another cat video just yet.
About the Author David Powers started developing websites in 1994 while at the BBC (British Broadcasting Corporation). He d just taken on the role of Editor, BBC Japanese TV, and needed a way of advertising the fledgling channel in Japan. The problem was that he had no advertising budget. So, he begged the IT department for a corner of server space and singlehandedly developed an 80-page bilingual website, which he regularly maintained for the next five years on top of all his other duties. After three decades as a radio and TV journalist, David left the BBC in 1999 to work independently. He created multilingual websites for several leading clients, including the Embassy of Japan in London and Oxford Analytica. In 2003, he decided to combine his professional writing and editing expertise with his passion for the web, and began writing books on web development. This is his fourteenth so far. Readers frequently comment on David s ability to explain complex technical subjects in a jargon- free style that s easy to understand. At the same time, he doesn t talk down to readers, thereby appealing equally to more experienced web developers. David is an Adobe Community Professional and Adobe Certified Instructor for Dreamweaver. You ll often find him giving help and advice in the Dreamweaver forums and Adobe Developer Center to which he has contributed many popular tutorials and training videos. He greatly enjoys traveling and taking photos all the photos used in this book were taken by him. David has also translated a number of musical plays from Japanese into English, and he likes nothing better than sushi with a glass or two of cold sake.
Contents About the Author iv Acknowledgments v Introduction vi Section I Dreamweaver CS5.5 1 Chapter 1 Dreamweaver Goes Mobile 3 Assessing HTML5 and CSS3 6 Using HTML5 and CSS3 with Dreamweaver CS5.5 14 Developing for Multiple Devices 27 Section II HTML5 and CSS3 69 Chapter 2 Progressive Enhancement with HTML5 and CSS3 29 Improving an Existing Site 31 Sacrificing a Uniform Look 68 Chapter 3 Adapting Pages for Mobile with Media Queries 7 Understanding Media Queries 73 Adapting the Tozai Hotel Site 82 Assessing Media Queries 115 Chapter 4 Making Your Site Available Offline 117 How Offline Sites Work 118 Making the Tozai Hotel Site Available Offline 124 Going Offline 138 Section III jQuery Mobile and PhoneGap 139 Chapter 5 Introducing jQuery Mobile 141 Creating a Basic Site with jQuery Mobile 143 Building on a Solid Foundation 173 Chapter 6 Diving Deeper into jQuery Mobile 175 A Guide to jQuery Mobile Custom Data Attributes 177 Rapid Deployment with jQuery Mobile Widgets 188 Case Study: Creating a Reservation Form 207 Submitting a Form and Displaying the Response 216 Getting Your Hands Dirty with Code 218 Chapter 7 Building a Native App with PhoneGap 219 Setting Up PhoneGap in Dreamweaver 221 Case Study: A Travel Notes App 230 Going Further 270 Index 271 Bonus material mentioned in this eBook is available after the index.
Adobe Dreamweaver CS5.5 Studio Techniques: Designing and Developing for Mobile with jQuery, HTML5, and CSS3 David Powers This Adobe Press book is published by Peachpit. For information on Adobe Press books, contact: Peachpit 1249 Eighth Street Berkeley, CA 94710 510/524-2178 510/524-2221 (fax) For the latest on Adobe Press books, go to www.adobepress.com To report errors, please send a note to email@example.com Peachpit is a division of Pearson Education. Copyright 2011 by David Powers Associate Editor: Valerie Witte Production Editor: Cory Borman Developmental Editor: Anne Marie Walker Copyeditor: Anne Marie Walker Proofreader: Patricia Pane Composition: WolfsonDesign Indexer: Joy Dean Lee Cover Image: Alicia Buelow Cover Design: Charlene Charles-Will Notice of Rights All rights reserved. No part of this book may be reproduced or transmitted in any form by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior written permission of the publisher. For information on getting permission for reprints and excerpts, contact firstname.lastname@example.org. Notice of Liability The information in this book is distributed on an As Is basis, without warranty. While every precaution has been taken in the preparation of the book, neither the author nor Peachpit shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained in this book or by the computer software and hardware products described in it. Trademarks Dreamweaver and Photoshop are either trademarks or registered trademarks of Adobe Systems Incorporated in the United States and/or other countries. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and Peachpit was aware of a trademark claim, the designations appear as requested by the owner of the trademark. All other product names and services identified throughout this book are used in editorial fashion only and for the benefit of such companies with no intention of infringement of the trademark. No such use, or the use of any trade name, is intended to convey endorsement or other affiliation with this book. ISBN-13: 978-0-321-77325-8 ISBN 10: 0-321-77325-X 9 8 7 6 5 4 3 2 1 Printed and bound in the United States of America
Adobe Dreamweaver CS5.5 Designing and Developing for Mobile with jQuery, HTML5 and CSS3 STuDio Techniques David Powers
Running Ubuntu Linux Ubuntu Linux (www.ubuntu.com) has experienced a meteoric rise in popularity since its first release at the end of 2004. Relying on a handful of developers from the Debian, Arch Linux, GNOME, and other open source projects, Ubuntu has become one of the leading Linux distributions in the world. Ubuntu is an African word that means humanity to others.
We recommend you use shared web hosting services, because many users agree that it is cheap, reliable and customer-satisfying webhost.
Chapter 16 . Running Mandriva 439 management enables you to install, uninstall, and update software from a consistent and user-friendly graphical interface. If you need to add or troubleshoot hardware, Mandriva provides graphical configuration tools (HardDrake) to make the task easier after the initial installation, and DrakX for detection during the installation. If you join the Mandrivaclub, there s a wealth of support and application downloads available. Finally, in this chapter you went through the installation of a desktop configuration that involved resizing an existing NTFS partition without destroying the Windows 2000 Server installation that used the partition. . . .
Check Tomcat Web Hosting services for best quality webspace to host your web application.
438 Part III . Choosing and Installing a Linux Distribution 14. If you have a working Internet connection, you can take advantage of the Web update feature of the installation process. It looks for patches and updated installation packages to make sure your current install is as up to date as possible. Make your selection and click Next. 15. In the final installer screen are two very important buttons: Advanced and Reboot. The Advanced button enables you to create automated installation floppies. These are very handy if you need to install a large number of Mandriva systems or if you plan to reinstall your existing system often, as you might in a testing environment. There are two options for the installation floppies. The first is the Fully Automated Install method, which allows no user interaction and results in installations that are identical. The second is the Replay Installation method. Most of it is automated, but you can interact at critical junctures and change the configuration settings. This is useful if your hardware is identical, but each system requires some customization. After you ve created your installation floppies, click the Reboot button to complete your installation. If you elect to not create installation floppies, click Reboot as well. 16. Before jumping into Mandriva, you need to check the status of your coexisting Windows installation. Select the Windows entry from the Linux boot loader and launch Windows. Windows NT, 2000, XP, and 2003 Server should launch CHKDSK to examine the integrity of the partition and then reboot. 17. After you ve verified that Windows has survived, you are ready to dive into Mandriva. From Windows, perform a restart. When the computer boots back to the Linux boot loader, either select the Linux option from the boot loader, or just let it load itself (Linux is the default option). Summary Although Mandriva may not be as widely known as other Linux distributions, it is arguably one of the most accessible version for novice desktop users. It is especially useful to those who want their Linux installations to exist alongside Windows installations that may not have free partitions for a dedicated Mandriva installation. This chapter explores some of the defining features of Mandriva, including the installer, which incorporates the capability to resize existing Windows partitions nondestructively; an RPM package management (RPMDrake); and system configuration tools. In addition to enabling you to wedge a Linux installation onto a 100 percent Windows partition, the Mandriva installer reliably detects your hardware and provides you with the option of simplified or very granular package selection. The RPM package
Searching for affordable and proven webhost to host and run your servlet applications? Go to Linux Web Hosting services and you will find it.
Chapter 16 . Running Mandriva 437 files, which will install Kernel version 2.4 instead of Kernel 2.6. Unless you know you need the LSB group, leave it unchecked. Individual package selection If one-size-fits-all package groups just don t cut it for you, you can elect to install individual packages. To do this, check the Individual Package Selection box at the bottom of the Package Group Selection window and then click Next. If later you find a need to add or remove packages, just invoke the RPMDrake utility described earlier in this chapter. When you ve selected the packages you want, click Next. If you have gone into the individual package selection window, you need to click the Install button when you finish making your selection. Alternatively, you can click Previous if you want to return to the simplified package selection window. 9. The installation process copies files and sets your configuration options. All you need to do is watch the progress bar move from left to right, swap CDs when prompted, and read the informative space filler that is displayed. 10. In the next screen, you re prompted to set the root password. Make it a good one (and remember it)! Click the Next button when you re done. 11. Create the user accounts that you need. You can select the icon each user will click to log on. (I am partial to the ostrich, but after much consideration I picked the palm trees and white sand.) When you are done creating any users, click Next. 12. In the next window, you are given a choice about using automatic user logon. By default, the auto logon check box is selected. This is a lifesaver for users who are moving from a non-authenticating operating system such as many versions of Windows and some Apple operating systems to Linux. For the casual home user, this option is just fine. For situations in which access control to the computer (locally) is important, clear this box and have the users log on individually. Without the automatic logon feature enabled, users are prompted for a username and password each time they need to access the computer. Leave the box checked or uncheck it, and click Next. 13. Next up is the DrakX installer s device configuration screen. Here you can see the hardware that has been detected, and you can configure the devices if you choose. You can also attempt to configure devices not properly detected earlier in the installation process. For example, if your sound card is not set up, click the corresponding Configure button. You are asked a series of questions (depending on the device), and then DrakX attempts to detect and configure the device. If this still fails, you get a message recommending that after Mandriva is installed, you use HardDrake to configure your device. This is a good time to configure your desktop settings and test them. Locate the desktop configuration options and set your resolution, color depth, and refresh rate. When you are finished exploring the options of DrakX, click Next.
If you are looking for cheap and quality webhost to host and run your website check Jboss Web Hosting services.