Part 3. Laying Out a Web Page

A big part of designing web pages is the ability to lay out the page elements in a way that’s not only pleasing to the eye, but also easy to understand and navigate. That sounds like a tall order, I’m sure, but the chapters in Part 3 will help you do that. You start with a look at some page layout basics in Chapter 11, including learning the important HTML5 semantic page tags such as <header> and <article>. From there, Chapter 12 takes you on a tour of one of the hottest and most powerful modern page layout technologies: Flexbox. Chapter 13 covers CSS Grid, which is the page layout technology that web designers have been waiting for.

Modern web design is all about responsiveness, which enables pages to look good and work well on any size screen, and that’s the subject of Chapter 14. Finally, you put all this newfound page layout know-how to work in Chapter 15 as you build a sophisticated photo gallery page.