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 | (18) |
|
|
4 | (3) |
|
|
7 | (3) |
|
What Can't You Do with HTML and CSS? |
|
|
10 | (1) |
|
How HTML and CSS Create the Web |
|
|
10 | (1) |
|
Introducing the Web Design Playground |
|
|
11 | (4) |
|
Adding HTML Tag Attributes |
|
|
15 | (4) |
|
Some Helpful Features of the Playground |
|
|
19 | (2) |
|
Chapter 2 Building Your First Web Page |
|
|
21 | (16) |
|
Getting Your Web Page off the Ground |
|
|
22 | (4) |
|
Learning the Most Common Text Elements |
|
|
26 | (11) |
|
Chapter 3 Adding Structure to Your Page |
|
|
37 | (14) |
|
HTML Elements for Structuring Page Text |
|
|
38 | (6) |
|
Organizing Text Into Lists |
|
|
44 | (7) |
|
Chapter 4 Formatting Your Web Page |
|
|
51 | (18) |
|
|
52 | (5) |
|
|
57 | (3) |
|
|
60 | (4) |
|
|
64 | (5) |
|
Chapter 5 Project: Creating a Personal Home Page |
|
|
69 | (16) |
|
|
70 | (1) |
|
|
70 | (1) |
|
|
71 | (1) |
|
|
71 | (1) |
|
|
72 | (9) |
|
|
81 | (4) |
|
PART 2 WORKING WITH IMAGES AND STYLES |
|
|
|
Chapter 6 Adding Images and Other Media |
|
|
85 | (24) |
|
Understanding Image File Formats |
|
|
87 | (1) |
|
|
88 | (1) |
|
Inserting an HTML5 Figure |
|
|
89 | (1) |
|
Setting Up an Image as a Link |
|
|
90 | (1) |
|
Using an Image as a Custom Bullet |
|
|
91 | (1) |
|
|
92 | (3) |
|
Controlling the Background Repeat |
|
|
95 | (1) |
|
Setting the Background Position |
|
|
96 | (1) |
|
|
97 | (2) |
|
The Background Shorthand Property |
|
|
99 | (1) |
|
|
99 | (1) |
|
Adding Video and Audio to the Page |
|
|
100 | (9) |
|
Chapter 7 Learning More About Styles |
|
|
109 | (12) |
|
|
110 | (9) |
|
Units of Measurement in CSS |
|
|
119 | (2) |
|
Chapter 8 Floating and Positioning Elements |
|
|
121 | (18) |
|
Understanding the Default Page Flow |
|
|
122 | (17) |
|
Chapter 9 Styling Sizes, Borders, and Margins |
|
|
139 | (16) |
|
The Anatomy of an Element Box |
|
|
140 | (12) |
|
Watch Out for Collapsing Margins! |
|
|
152 | (3) |
|
Chapter 10 Project: Creating a Landing Page |
|
|
155 | (28) |
|
|
156 | (1) |
|
|
156 | (1) |
|
|
157 | (1) |
|
|
158 | (1) |
|
|
159 | (19) |
|
|
178 | (5) |
|
PART 3 LAYING OUT A WEB PAGE |
|
|
|
Chapter 11 Learning Page Layout Basics |
|
|
183 | (20) |
|
|
184 | (1) |
|
Understanding Web Page Layout Methods |
|
|
185 | (1) |
|
Learning the HTML5 Semantic Page Elements |
|
|
186 | (5) |
|
Creating Page Layouts with Floats |
|
|
191 | (5) |
|
Creating Page Layouts with Inline Blocks |
|
|
196 | (7) |
|
Chapter 12 Creating Page Layouts with Flexbox |
|
|
203 | (26) |
|
|
204 | (25) |
|
Chapter 13 Designing Responsive Web Pages |
|
|
229 | (22) |
|
Creating a Responsive Layout |
|
|
233 | (18) |
|
Chapter 14 Making Your Images and Typography Responsive |
|
|
251 | (18) |
|
|
252 | (5) |
|
Making Typography Responsive |
|
|
257 | (6) |
|
Gallery of Responsive Sites |
|
|
263 | (6) |
|
Chapter 15 Project: Creating a Photo Gallery |
|
|
269 | (20) |
|
|
270 | (1) |
|
Getting Your Photos Ready |
|
|
270 | (1) |
|
|
270 | (1) |
|
|
271 | (1) |
|
|
272 | (1) |
|
|
272 | (9) |
|
|
281 | (5) |
|
|
286 | (3) |
|
PART 4 MAKING YOUR WEB PAGES SHINE |
|
|
|
Chapter 16 More HTML Elements for Web Designers |
|
|
289 | (16) |
|
|
298 | (4) |
|
Inserting Special Characters |
|
|
302 | (1) |
|
Using the HTML5 Entity Browser |
|
|
303 | (1) |
|
|
304 | (1) |
|
Chapter 17 Adding a Splash of Color to Your Web Designs |
|
|
305 | (26) |
|
|
306 | (3) |
|
|
309 | (8) |
|
Choosing Harmonious Colors |
|
|
317 | (1) |
|
Using the Color Scheme Calculator |
|
|
318 | (2) |
|
|
320 | (2) |
|
Applying a Color Gradient |
|
|
322 | (9) |
|
Chapter 18 Enhancing Page Text with Typography |
|
|
331 | (18) |
|
|
332 | (8) |
|
|
340 | (6) |
|
|
346 | (3) |
|
Chapter 19 Learning Advanced CSS Selectors |
|
|
349 | (22) |
|
Working with ID Selectors |
|
|
350 | (2) |
|
Web Page Genealogy: Parents, Descendants, and Siblings |
|
|
352 | (1) |
|
Working with Contextual Selectors |
|
|
353 | (6) |
|
Taking Things up a Notch by Combining Selectors |
|
|
359 | (3) |
|
Resetting CSS with the Universal Selector |
|
|
362 | (1) |
|
Styles: What a Tangled Web Page They Weave |
|
|
363 | (8) |
|
Chapter 20 Project: Creating a Portfolio Page |
|
|
371 | (24) |
|
|
372 | (1) |
|
|
372 | (1) |
|
|
373 | (2) |
|
|
375 | (1) |
|
|
376 | (16) |
|
|
392 | (3) |
Appendix From Playground to Web: Getting Your Pages Online |
|
395 | (12) |
Index |
|
407 | |