![Web Design Playground: HTML & CSS the Interactive Way](http://img.images-bn.com/static/redesign/srcs/images/grey-box.png?v11.9.4)
![Web Design Playground: HTML & CSS the Interactive Way](http://img.images-bn.com/static/redesign/srcs/images/grey-box.png?v11.9.4)
Paperback(1st Edition)
-
PICK UP IN STORECheck Availability at Nearby Stores
Available within 2 business hours
Related collections and offers
Overview
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
- 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
- Adding Images and Other Media
- Learning More About Styles
- Floating and Positioning Elements
- Styling Sizes, Borders, and Margins
- Project: Creating a Landing 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
- 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
Product Details
ISBN-13: | 9781617294402 |
---|---|
Publisher: | Manning |
Publication date: | 05/19/2019 |
Edition description: | 1st Edition |
Pages: | 440 |
Sales rank: | 1,037,990 |
Product dimensions: | 7.30(w) x 9.10(h) x 1.10(d) |
About the Author
Table of Contents
Preface xi
Acknowledgments xiii
About This Book xv
About the Author xix
Part 1 Getting Started With HTML And CSS
Chapter 1 Getting to Know HTML and CSS 3
What Is HTML? 4
What Is CSS? 7
What Can't You Do with HTML and CSS? 10
How HTML and CSS Create the Web 10
Introducing the Web Design Playground 11
Adding HTML Tag Attributes 15
Some Helpful Features of the Playground 19
Chapter 2 Building Your First Web Page 21
Getting Your Web Page off the Ground 22
Learning the Most Common Text Elements 26
Chapter 3 Adding Structure to Your Page 37
HTML Elements for Structuring Page Text 38
Organizing Text Into Lists 44
Chapter 4 Formatting Your Web Page 51
Styling Text 52
Working with Text Styles 57
Styling Paragraphs 60
Working with Colors 64
Chapter 5 Project: Creating a Personal Home Page 69
What You'll Be Building 70
Sketching the Layout 70
Choosing Typefaces 71
Choosing a Color Scheme 71
Building the Page 72
From Here 81
Part 2 Working With Images And Styles
Chapter 6 Adding Images and Other Media 85
Understanding Image File Formats 87
Getting Graphics 88
Inserting an HTML5 Figure 89
Setting Up an Image as a Link 90
Using an Image as a Custom Bullet 91
Aligning Images and Text 92
Controlling the Background Repeat 95
Setting the Background Position 96
Adding a Hero Image 97
The Background Shorthand Property 99
Optimizing Images 99
Adding Video and Audio to the Page 100
Chapter 7 Learning More About Styles 109
Adding Styles to a Page 110
Units of Measurement in CSS 119
Chapter 8 Floating and Positioning Elements 121
Understanding the Default Page Flow 122
Chapter 9 Styling Sizes, Borders, and Margins 139
The Anatomy of an Element Box 140
Watch Out for Collapsing Margins! 152
Chapter 10 Project; Creating a Landing Page 155
What You'll Be Building 156
Sketching the Layout 156
Choosing Typefaces 157
Choosing a Color Scheme 158
Building the Page 159
From Here 178
Part 3 Laying Out A Web Page
Chapter 11 Learning Page Layout Basics 183
The Holy-Grail Layout 184
Understanding Web Page Layout Methods 185
Learning the HTML5 Semantic Page Elements 186
Creating Page Layouts with Floats 191
Creating Page Layouts with Inline Blocks 196
Chapter 12 Creating Page Layouts with Flexbox 203
Understanding Flexbox 204
Chapter 13 Designing Responsive Web Pages 229
Creating a Responsive Layout 233
Chapter 14 Making Your Images and Typography Responsive 251
Making Images Responsive 252
Making Typography Responsive 257
Gallery of Responsive Sites 263
Chapter 15 Project: Creating a Photo Gallery 269
What You'll Be Building 270
Getting Your Photos Ready 270
Sketching the Layout 270
Choosing Typefaces 271
Choosing the Colors 272
Building the Page 272
Adding a Few Tricks 281
From Here 286
Part 4 Making Your Web Pages Shine
Chapter 16 More HTML Elements for Web Designers 289
More about Links 298
Inserting Special Characters 302
Using the HTML5 Entity Browser 303
Adding Comments 304
Chapter 17 Adding a Splash of Color to Your Web Designs 305
Understanding Colors 306
Adding Colors with CSS 309
Choosing Harmonious Colors 317
Using the Color Scheme Calculator 318
Color Scheme Gallery 320
Applying a Color Gradient 322
Chapter 18 Enhancing Page Text with Typography 331
Specifying the Typeface 332
Working with Text Styles 340
Web Typography Gallery 346
Chapter 19 Learning Advanced CSS Selectors 349
Working with ID Selectors 350
Web Page Genealogy: Parents, Descendants, and Siblings 352
Working with Contextual Selectors 353
Taking Things up a Notch by Combining Selectors 359
Resetting CSS with the Universal Selector 362
Styles: What a Tangled Web Page They Weave 363
Chapter 20 Project: Creating a Portfolio Page 371
What You'll Be Building 372
Sketching the Layout 372
Choosing Typefaces 373
Choosing a Color Scheme 375
Building the Page 376
From Here 392
Appendix From Playground to Web: Getting Your Pages Online 395
Index 407