Web Design Playground

Enter the Web Design Playground and start experimenting with all aspects of creating a web page—from design, to development, to publishing—in an easy-to-use free online workspace.

This exciting second edition of Web Design Playground is fully updated with new technologies and thoughtful approaches for building modern websites. Discover timeless HTML and CSS techniques, and dive into their cool new tags and features, including Flexbox and CSS Grid. Four serious projects put your skills to the test and give you useful, real-world pages for your portfolio.

Don’t worry about setting up your own servers and domain names–the book comes with a free online “playground” to experiment with and get creative. You can concentrate on core skills like page layout and adding images and video, as well as learning typography, responsive design, and the other modern web design techniques. Before you know it, you’ll be ready to create gorgeous pages that reflect your creativity and style.

In Web Design Playground, Second Edition you’ll learn essential tools of the web design trade, such as:

• Styling a web page with CSS
• Modern page layout techniques
• Using colors in web design
• Making text look awesome with typography

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 6 Adding Images and Other Media

Chapter 7 Learning More About Styles

Chapter 8 Floating and Positioning Elements

Chapter 9 Styling Sizes, Borders, and Margins

Chapter 10 Project: Creating a Landing Page

PART 3 LAYING OUT A WEB PAGE

Chapter 11 Learning Page Layout Basics

Chapter 12 Creating Page Layouts with Flexbox

Chapter 13 Creating Page Layouts with Grid

Chapter 14 Designing Responsive Web Pages

Chapter 15 Project: Creating a Photo Gallery

PART 4 MAKING YOUR WEB PAGES SHINE

Chapter 16 More HTML Elements for Web Designers

Chapter 17 Adding a Splash of Color to Your Web Designs

Chapter 18 Enhancing Page Text with Typography

Chapter 19 Learning Advanced CSS Selectors.

Chapter 20 Project: Creating a Portfolio Page

Web Design Playground, Second Edition teaches you modern HTML, CSS, and web design standards through fun projects that encourage you to get creative. You’ll have a blast experimenting with a landing page, photo gallery, portfolio site, and more while you learn important web design skills. Best of all, you’ll have free access to a custom online workspace, the “playground!”

About the technology

HTML, CSS, and the principles of good web design are all you need to build something beautiful! You’ll find them all inside this one-of-a-kind guide. Written by web designer and master teacher Paul McFedries, this unique book shapes and sharpens your skills in the always-relevant technologies of the web.

About the book

This exciting second edition of Web Design Playground is fully updated with new technologies and thoughtful approaches for building modern websites. Discover timeless HTML and CSS techniques, and dive into their cool new tags and features, including Flexbox and CSS Grid. Four serious projects put your skills to the test and give you useful, real-world pages for your portfolio.

Don’t worry about setting up your own servers and domain names—the book comes with a free online “playground” to experiment with and get creative. You can concentrate on core skills like page layout and adding images and video, as well as learning typography, responsive design, and the other modern web design techniques. Before you know it, you’ll be ready to create gorgeous pages that reflect your creativity and style.

About the reader

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

About the author

Paul McFedries has written more than 100 books, which have sold over four million copies worldwide.