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 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 Designing Responsive Web Pages Making Your Images and Typography Responsive 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

This book democratizes web development for everyone. It's a fun, clever guide that covers all of the key design principles, best practices, useful shortcuts, pro tips, real-world examples, and basic coding tutorials needed to produce a beautiful website that you'll feel confident sharing with the world. Because you, too, can design for the web! Hello Web Design contains everything you need to feel comfortable doing your own web development, including an abundance of real-life website examples that will inspire and motivate you. No need to spend time and money hiring an expensive graphic designer; this book will walk you through the fundamentals - and shortcuts - you need to do it all yourself, right now.

Looks at ways to create an attractive and user-friendly Web site, covering such topics as customer requirements, storyboards, HTML, and CSS.

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 Making 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 the other modern web design techniques. About the technology If you can use a web browser, you can create a web site! Web Design Playground, Second Edition shows you how, progressing 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 book Web Design Playground, Second Edition takes a creative, visual approach and clear explanations of the components, concepts, and of each step you’ll need to build your own 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 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 No web design experience required. About the author Paul McFedries has written more than 100 books, which have sold over four million copies worldwide. Table of Contents PART 1 GETTING STARTED WITH HTML AND CSS 1 Getting to Know HTML and CSS 2 Building Your First Web Page 3 Adding Structure to Your Page 4 Formatting Your Web Page 5 Project: Creating a Personal Home Page PART 2 WORKING WITH IMAGES AND STYLES 6 Adding Images and Other Media 7 Learning More About Styles 8 Floating and Positioning Elements 9 Styling Sizes, Borders, and Margins 10 Project: Creating a Landing Page PART 3 LAYING OUT A WEB PAGE 11 Learning Page Layout Basics 12 Creating Page Layouts with Flexbox 13 Creating Page Layouts with Grid 14 Designing Responsive Web Pages 15 Project: Creating a Photo Gallery PART 4 MAKING YOUR WEB PAGES SHINE 16 More HTML Elements for Web Designers 17 Adding a Splash of Color to Your Web Designs 18 Enhancing Page Text with Typography 19 Learning Advanced CSS Selectors 20 Project: Creating a Portfolio Page Appendix A From Playground to Web: Getting Your Pages Online

Discover the techniques behind beautiful design by deconstructing designs to understand them The term 'hacker' has been redefined to consist of anyone who has an insatiable curiosity as to how things work—and how they can try to make them better. This book is aimed at hackers of all skill levels and explains the classical principles and techniques behind beautiful designs by deconstructing those designs in order to understand what makes them so remarkable. Author and designer David Kadavy provides you with the framework for understanding good design and places a special emphasis on interactive mediums. You'll explore color theory, the role of proportion and geometry in design, and the relationship between medium and form. Packed with unique reverse engineering design examples, this book inspires and encourages you to discover and create new beauty in a variety of formats. Breaks down and studies the classical principles and techniques behind the creation of beautiful design Illustrates cultural and contextual considerations in communicating to a specific audience Discusses why design is important, the purpose of design, the various constraints of design, and how today's fonts are designed with the screen in mind Dissects the elements of color, size, scale, proportion, medium, and form Features a unique range of examples, including the graffiti in the ancient city of Pompeii, the lack of the color black in Monet's art, the style and sleekness of the iPhone, and more By the end of this book, you'll be able to apply the featured design principles to your own web designs, mobile apps, or other digital work.

Do you want to build web pages but have no prior experience? This friendly guide is the perfect place to start. You’ll begin at square one, learning how the web and web pages work, and then steadily build from there. By the end of the book, you’ll have the skills to create a simple site with multicolumn pages that adapt for mobile devices. Each chapter provides exercises to help you learn various techniques and short quizzes to make sure you understand key concepts. This thoroughly revised edition is ideal for students and professionals of all backgrounds and skill levels. It is simple and clear enough for beginners, yet thorough enough to be a useful reference for experienced developers keeping their skills up to date. Build HTML pages with text, links, images, tables, and forms Use style sheets (CSS) for colors, backgrounds, formatting text, page layout, and even simple animation effects Learn how JavaScript works and why the language is so important in web design Create and optimize web images so they’ll download as quickly as possible NEW! Use CSS Flexbox and Grid for sophisticated and flexible page layout NEW! Learn the ins and outs of Responsive Web Design to make web pages look great on all devices NEW! Become familiar with the command line, Git, and other tools in the modern web developer’s toolkit NEW! Get to know the super-powers of SVG graphics

Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. This book offers you everything you need to know for building your websites.