McFedries Paul. Web Design Playground: HTML + CSS the Interactive Way

2nd Edition. — Manning Publications Co., 2024. — 440 p. — ISBN: 978-1633438323.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. You’ll have a blast experimenting with a landing page, photo gallery, portfolio site, and more while you learn important web design skills.In Web Design Playground, Second Edition you’ll learn essential tools of the web design trade, such as:
Structuring a web page with HTML.
Styling a web page with CSS.
Modern page layout techniques.
Using colors in web design.
Make text look awesome with typography.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. Best of all, this book gives you free access to a custom online workspace, the “playground!” You can concentrate on core skills like page layout and adding images and video, as well as learning typography, responsive design, and other modern web design techniques.Purchase of the print book includes a free eBook in PDF, Kindle, and EPUB formats from Manning Publications.About the technologyIf you can use a web browser, you can create a web site! Web Design Playground, Second Edition shows you how to progress step-by-step through fun and engaging projects. You learn the basics of HTML, CSS, and other important web skills. With its unique online “playground,” the book helps you build a landing page, a photo gallery, a portfolio site, and more, all from scratch. No prior experience or knowledge of special tools is required.About the bookWeb Design Playground, Second Edition takes a creative, visual approach and clear explanations of the components, concepts, and each step you’ll need to build your web pages. You’ll become a confident web designer as you practice each new skill in the Playground. The many small projects introduce everything from page layout basics to new tags and features like Flexbox and CSS Grid — all presented in author Paul McFedries’s inimitably friendly style.Don’t worry about setting up your 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.What's insideStructure a web page with HTML.
Style a web page with CSS.
Modern page layout techniques.
How to use colors and typography.No web design experience is required.Paul McFedries has written more than 100 books, which have sold over four million copies worldwide.Part 1 Getting Started with HTML AND CSS
Getting to Know HTML and CSS.
Building Your First Web Page.
Adding Structure to Your Page.
Formatting Your Web Page.
Project: Creating a Personal Home Page.Part 2 Working with IMAGES and STYLES
Adding Images and Other Media.
Learning More About Styles.
Floating and Positioning Elements.
Styling Sizes, Borders, and Margins.
Project: Creating a Landing Page.Part 3 Laying OUT a WEB PAGE
Learning Page Layout Basics.
Creating Page Layouts with Flexbox.
Creating Page Layouts with Grid.
Designing Responsive Web Pages.
Project: Creating a Photo Gallery.Part 4 MAKING your WEB PAGES SHINE
More HTML Elements for Web Designers.
Adding a Splash of Color to Your Web Designs.
Enhancing Page Text with Typography.
Learning Advanced CSS Selectors.
Project: Creating a Portfolio Page.Appendix A From Playground to Web: Getting Your Pages OnlineGetting Started with HTML AND CSS
Getting to Know HTML and CSS.
Building Your First Web Page.
Adding Structure to Your Page.
Formatting Your Web Page.
Project: Creating a Personal Home Page.Part 2 Working with IMAGES and STYLES
Adding Images and Other Media.
Learning More About Styles.
Floating and Positioning Elements.
Styling Sizes, Borders, and Margins.
Project: Creating a Landing Page.Part 3 Laying OUT a WEB PAGE
Learning Page Layout Basics.
Creating Page Layouts with Flexbox.
Creating Page Layouts with Grid.
Designing Responsive Web Pages.
Project: Creating a Photo Gallery.Part 4 MAKING your WEB PAGES SHINE
More HTML Elements for Web Designers.
Adding a Splash of Color to Your Web Designs.
Enhancing Page Text with Typography.
Learning Advanced CSS Selectors.
Project: Creating a Portfolio Page.Appendix A From Playground to Web: Getting Your Pages Online.