Synopses & Reviews
Master the art of designing web pages for mobile devices — a site for small screens!When designing a web page for mobile devices, the big thing is — think small! Your objective is to provide what the mobile user wants without losing the "wow" in your website. This book shows you how to do it using three key technologies. Soon you'll be building mobile pages with forms, quizzes, appropriate graphics, shopping carts, and more!
Think mobile — consider screen size, lack of a mouse, duel orientation screens, and mobile browsers
Know your audience — understand how people use the mobile web and how their habits differ from those of desktop users
Get interactive — optimize multimedia files and develop contact forms that encourage visitors to interact with your site
Latest and greatest — maximize the new features of HTML5 and CSS3, automate your site with JavaScript, and use WebKit Extensions
Be sure they find you — make your mobile site both easily searchable and search engine-friendly
Open the book and find:
Why you should know WURFL
A system for keeping your site up to date
All about bitmap and vector images
Easy ways to adjust your site for different devices
Powerful SEO ideas to get your site noticed
Tips for creating a mobile shopping cart
How to take your blog theme mobile
Ten mobile CSS-friendly apps and widgets
Learn to:
Use standard web tools to build sites for iPhone, iPad, BlackBerry, and Android platforms
Optimize sites for all mobile devices
Accommodate different mobile browsers and security features
Take advantage of HTML5
Synopsis
Learn to build and optimize attractive, functional web sites for smartphonesToday, mobile devices outnumber desktop and laptop computers three to one. Skill in developing web sites that work on mobile devices is in demand, and this friendly, step-by-step guide shows how to build and optimize sites using HTML5 and other standard web development tools. Building web sites that work for all types of smartphones and tablets, including iPhones, iPads, Android devices, and BlackBerry devices is a skill much in demand as mobile devices outpace both desktop and laptop computers, and this book gets you started.
- Guides you through creating and optimizing mobile sites with HTML, CSS, and JavaScript
- Covers HTML5, WebKit extensions, platform variations, accommodating different browsers, security issues, and making mobile sites richer with Flash, graphics, and video
- Includes code for differences in mobile app design and navigation, including touch devices
HTML, CSS, and JavaScript Mobile Web Development For Dummies makes it easy to start developing great sites for mobile devices.
About the Author
William Harrel has nearly 25 years of digital design experience. He was one of the pioneers of publishing on desktop computers, starting with the very first digital design and graphics programs, PageMaker and Photoshop. Like so many of the early "desktop publishers," with the emergence of the World Wide Web, he found that making the transition to web design was the next logical step. His design fi rm has designed hundreds of websites, Flash websites, and electronic documents. His earlier books on Photoshop, PageMaker, and digital media in general were some of the fi rst publications on these topics.
William Harrel has authored or coauthored 19 books on designing both print media and electronic documents, such as websites, PDFs, Flash sites and Flash applications, slide and multimedia presentations, on computers. These include titles on Photoshop, Acrobat (Acrobat For Dummies), PageMaker, Flash, Director, and several other graphics and publishing packages.
Table of Contents
Introduction 1Part I: In the Beginning, There Were No Mobile Devices . . . 7
Chapter 1: Designing Websites for Big and Small Screens 9
Chapter 2: Bringing More to HTML with Cascading Style Sheets (CSS) 27
Chapter 3: Introducing JavaScript for Building Mobile Web Pages 45
Chapter 4: Mobile Web Design Software and Utilities 65
Part II: Creating a Mobile Site 93
Chapter 5: Thinking Small, Smaller, Smallest 95
Chapter 6: Developing a Mobile Device Detection and Adaption System 111
Chapter 7: Laying Out the Home Page 129
Chapter 8: Using Templates 159
Part III: Enhancing Your Site with Advanced Interactivity and Multimedia 173
Chapter 9: Designing Mobile Forms 175
Chapter 10: Working with Images, Videos, and Flash Movies 197
Chapter 11: Getting to Know HTML5 and CSS3 213
Chapter 12: Understanding Mobile WebKit Extensions and Other Mobile-Specifi c Options 241
Part IV: Building Real-World Applications 265
Chapter 13: Automating Your Sites with JavaScript 267
Chapter 14: Creating a Mobile Quiz 285
Chapter 15: Making Your Mobile Site Search-Engine Friendly 305
Chapter 16: Building a Mobile Search Page 319
Chapter 17: Creating a Mobile Shopping Cart 341
Part V: The Part of Tens 367
Chapter 18: Top Ten Mobile Emulators 369
Chapter 19: Top Ten Mobile Template Sites 377
Chapter 20: Top Ten Mobile Widgets 385
Bonus Chapter: Taking Your Blog Theme Mobile BC1
Index 393