Web design playground : HTML + CSS the interactive way / Paul McFedries.

Format:

Book

Author/Creator:

McFedries, Paul, author.

Language:

English

Subjects (All):

HTML (Document markup language).

Physical Description:

1 online resource (440 pages)

Edition:

1st edition

Place of Publication:

Shelter Island, New York : Manning, [2019]

System Details:

text file

Summary:

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.

Contents:

Intro

Titlepage

Copyright

Dedication

Contents

Preface

Acknowledgments

About This Book

About the Author

Part 1: Getting Started with HTML and CSS

Chapter 1: Getting to Know HTML and CSS

What Is HTML?

What Is CSS?

What Can't You Do with HTML and CSS?

How HTML and CSS Create the Web

Introducing the Web Design Playground

Adding HTML Tag Attributes

Some Helpful Features of the Playground

Chapter 2: Building Your First Web Page

Getting Your Web Page off the Ground

Learning the Most Common Text Elements

Chapter 3: Adding Structure to Your Page

HTML Elements for Structuring Page Text

Organizing Text Into Lists

Chapter 4: Formatting Your Web Page

Styling Text

Working with Text Styles

Styling Paragraphs

Working with Colors

Chapter 5: Project: Creating a Personal Home Page

What You'll Be Building

Sketching the Layout

Choosing Typefaces

Choosing a Color Scheme

Building the Page

From Here

Part 2: Working with Images and Styles

Chapter 6: Adding Images and Other Media

Understanding Image File Formats

Getting Graphics

Inserting an HTML5 Figure

Setting Up an Image as a Link

Using an Image as a Custom Bullet

Aligning Images and Text

Controlling the Background Repeat

Setting the Background Position

Adding a Hero Image

The Background Shorthand Property

Optimizing Images

Adding Video and Audio to the Page

Chapter 7: Learning More About Styles

Adding Styles to a Page

Units of Measurement in CSS

Chapter 8: Floating and Positioning Elements

Understanding the Default Page Flow

Chapter 9: Styling Sizes, Borders, and Margins

The Anatomy of an Element Box

Watch Out for Collapsing Margins!

Chapter 10: Project: Creating a Landing Page

Sketching the Layout.

Choosing Typefaces

Part 3: Laying Out a Web Page

Chapter 11: Learning Page Layout Basics

The Holy-Grail Layout

Understanding Web Page Layout Methods

Learning the HTML5 Semantic Page Elements

Creating Page Layouts with Floats

Creating Page Layouts with Inline Blocks

Chapter 12: Creating Page Layouts with Flexbox

Understanding Flexbox

Chapter 13: Designing Responsive Web Pages

Creating a Responsive Layout

Chapter 14: Making Your Images and Typography Responsive

Making Images Responsive

Making Typography Responsive

Gallery of Responsive Sites

Chapter 15: Project: Creating a Photo Gallery

Getting Your Photos Ready

Choosing the Colors

Adding a Few Tricks

Part 4: Making Your Web Pages Shine

Chapter 16: More HTML Elements for Web Designers

More about Links

Inserting Special Characters

Using the HTML5 Entity Browser

Adding Comments

Chapter 17: Adding a Splash of Color to Your Web Designs

Understanding Colors

Adding Colors with CSS

Choosing Harmonious Colors

Using the Color Scheme Calculator

Color Scheme Gallery

Applying a Color Gradient

Chapter 18: Enhancing Page Text with Typography

Specifying the Typeface

Web Typography Gallery

Chapter 19: Learning Advanced CSS Selectors

Working with ID Selectors

Web Page Genealogy: Parents, Descendants, and Siblings

Working with Contextual Selectors

Taking Things up a Notch by Combining Selectors

Resetting CSS with the Universal Selector

Styles: What a Tangled Web Page They Weave

Chapter 20: Project: Creating a Portfolio Page

Choosing Typefaces.

Choosing a Color Scheme

Appendix: From Playground to Web: Getting Your Pages Online

Index

List of Figures

List of Tables

List of Listings.

Notes:

Description based on print version record.

Includes index.

ISBN:

9781638350590

1638350590

OCLC:

1257076489