Chapters and Exercises

Chapter 1
Chapter 2
Chapter 3
Chapter 4
Chapter 5
Chapter 6
Chapter 7
Chapter 8


HTML Online Resources:

W3Schools

Chapter 5: Responsive Design Part 1: Designing for Mobile Devices

Chapter Objectives:

  • Explain the principles of responsive design
  • Describe the pros and cons of a mobile website
  • Explain the design principles of a mobile website
  • Describe a mobile-first strategy
  • Define a viewport
  • Create a fluid layout
  • Make images flexible
  • Use styles for a mobile viewport
  • Insert and style a span element
  • Insert a viewport meta tag
  • Test a responsive site using a device emulator

Chapter 5: PowerPoint