Chapters and Exercises

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


HTML Online Resources:

W3Schools

Chapter 6: Responsive Design Part 2: Designing for Tablet and Desktop Devices

Chapter Objectives:

 

  • Understand and use media query expressions
  • Explain the design principles of a tablet website
  • Insert a media query to target tablet viewports
  • Create style rules for tablet viewports
  • Explain the design principles of a desktop website
  • Insert a media query to target desktop viewports
  • Create style rules for desktop viewports
  • Identify and modify breakpoints
  • Explain pseudo-classes
  • Apply pseudo-classes to a website
  • Explain linear and radial gradients
  • Apply a linear gradient to a webpage for a desktop viewport

Chapter 6: PowerPoint