Web Design Playground: HTML & CSS the Interactive Way

Summary

Web Design Playground takes you step by step from writing your first line of HTML to creating interesting and attractive web pages. In this project-based book, you’ll use a custom online workspace, the book’s companion Playground, to design websites, product pages, photo galleries, and more.

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

About the Technology

How do top designers learn to create beautiful web pages and intuitive user experiences? Great examples, expert mentoring, and lots of practice! Written by web designer and master teacher Paul McFedries, this unique book shapes and sharpens your skills in HTML, CSS, and web page design.

About the Book

Web Design Playground takes you step by step from writing your first line of HTML to creating interesting, attractive web pages. In this project-based book, you’ll use a custom online workspace to design websites, product pages, photo galleries, and more. Don’t worry about setting up your own servers and domain names—the book comes with a free “playground” which lets you experiment without any of that! You can concentrate on core skills like adding images and video and laying out the page, plus learning typography, responsive design, and the other tools of the web trade.

What’s inside

• Getting started with HTML, CSS, and web design
• A free, fully interactive web design workspace
• Working with images, color, and fonts
• Full-color illustrations throughout

About the Reader

If you can use a browser, you’re ready to create web pages!

About the Author

Paul McFedries has written nearly 100 books, which have sold over four million copies world-wide.

Table of Contents

PART 1 – GETTING STARTED WITH HTML AND CSS
Chapter 1. Getting to Know HTML and CSS
Chapter 2. Building Your First Web Page
Chapter 3. Adding Structure to Your Page
Chapter 4. Formatting Your Web Page
Chapter 5. Project: Creating a Personal Home Page

PART 2 – WORKING WITH IMAGES AND STYLES
Chapter 1. Adding Images and Other Media
Chapter 2. Learning More About Styles
Chapter 3. Floating and Positioning Elements
Chapter 4. Styling Sizes, Borders, and Margins
Chapter 5. Project: Creating a Landing Page

PART 3 – LAYING OUT A WEB PAGE
Chapter 1. Learning Page Layout Basics
Chapter 2. Creating Page Layouts with Flexbox
Chapter 3. Designing Responsive Web Pages
Chapter 4. Making Your Images and Typography Responsive
Chapter 5. Project: Creating a Photo Gallery

PART 4 – MAKING YOUR WEB PAGES SHINE
Chapter 1. More HTML Elements for Web Designers
Chapter 2. Adding a Splash of Color to Your Web Designs
Chapter 3. Enhancing Page Text with Typography
Chapter 4. Learning Advanced CSS Selectors
Chapter 5. roject: Creating a Portfolio Page