Web Design with HTML and CSS

Lesson 11, Mobile Design 239

What you’ll learn

in this lesson:

• The challenges of
  designing for mobile
  devices


• Using CSS3 media
  queries


• Converting a fixed
  width layout to a single
  column layout

Mobile Design

For the web designer, the World Wide Web is no longer just accessible

through a desktop web browser. In this lesson, you will learn how to

design for the small screen sizes and limited bandwidth capabilities

of mobile devices.

Starting up

You will work with several fi les from the web11lessons folder in this lesson. Make sure you have

loaded the weblessons folder onto your hard-drive from http://www.digitalclassroombooks.com/webdesign.

See “Loading lesson fi les” in the Starting Up section of this book.

See Lesson 11 in action!

Use the accompanying video to gain a better understanding of how to use some of

the features shown in this lesson. You can fi nd the video tutorial for this lesson at

http://www.digitalclassroombooks.com using the URL provided when you registered your book.

11

Lesson 11