User Guide

461
Chapter 22: Authoring mobile content
Authoring for mobile devices
Designing for mobile devices
On mobile telephones and personal digital assistants, viewers can access a variety of mobile web content. Many users
payadditionalfeesforwebbrowsingontheirmobiletelephonesandhandheldcomputers,sodevelopingasuccessful
mobile website requires working within special constraints. You need to optimize text, images and navigation for
small screens, and file size for minimal download times.
GoLive helps you optimize mobile designs in several ways. When you create XHTML, i-mode HTML, and WML
pages, Mobile View reduces page width in the Layout Editor, and phone emulators provide accurate previews. When
you create MMS messages, phone profiles reflect screen size and colors. For any mobile format, you can also preview
content using the Small Screen Rendering option in GoLive’s built-in Live Rendering browser.
Small Screen Rendering option in built-in Live Rendering browser
See also
“To change the default preview device for MMS” on page 465
“To set view options for page layout” on page 159
“To preview a page in a phone emulator” on page 483
“To preview your page in the Live Rendering browser” on page 32
Using cascading stylesheets for flexible page designs
With cascading stylesheets, you can create flexible page designs that work well in both standard and mobile browsers.
To produce liquid layouts that automatically adjust to different screen dimensions, use GoLive’s CSS layout objects.
To specify different text formatting for standard and mobile browsers, create separate Screen and Handheld styles
(use the @media rule for internal stylesheets, or the Media box for external stylesheets). You can preview both Screen
and Handheld styles while laying out a page.
GoLive provides a cascading stylesheet that’s optimized for mobile devices: Choose File > New, and select Mobile >
CSS > Basic CSS.