Skip to Main Content
Dreamweaver CS5.5: The Missing Manual
book

Dreamweaver CS5.5: The Missing Manual

by David Sawyer McFarland
June 2011
Intermediate to advanced content levelIntermediate to advanced
1216 pages
45h 55m
English
O'Reilly Media, Inc.
Content preview from Dreamweaver CS5.5: The Missing Manual

Chapter 12. Designing Websites for Mobile Devices

Web designers used to build web pages for the 800 x 600 pixel resolution of 15-inch monitors. Then, as large LCD screens became popular, most webs wizards designed pages for monitors that measured 1,024 pixels wide and larger. Today, the explosive growth of smartphones, like the iPhone and Android models, make it clear that designers need to craft sites for much smaller screens, too. A majestic, panoramic web page that looks beautiful on a 27-inch monitor turns into a tiny, unreadable postage stamp on an iPhone.

You can accommodate the multitude of mobile browsing devices several ways. Some designers build separate, mobile versions of their sites (see Figure 12-1). Using server-side programming, these sites detect the type of device your visitor has and delivers a web page customized for that device. An iPhone web surfer, for example, will see the mobile version of a site, which provides a greatly simplified experience: a single-column design with most of the navigation elements removed, but with a prominent search box added. Of course, not all of us have the time to create two versions of a website, or the technical skills to program a server to detect a visitor’s browser.

Many large companies, like Amazon.com and Target.com (pictured), create mobile versions of their sites, optimized for display on small handheld devices like the iPhone.

Figure 12-1. Many large companies, like Amazon.com and Target.com (pictured), create mobile versions of their sites, optimized for display on small handheld devices ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Dreamweaver CS6: The Missing Manual

Dreamweaver CS6: The Missing Manual

David Sawyer McFarland
Dreamweaver CC: The Missing Manual

Dreamweaver CC: The Missing Manual

Chris Grover, David Sawyer McFarland

Publisher Resources

ISBN: 9781449309541Supplemental ContentErrata Page