Preface |
|
xiii | |
Acknowledgments |
|
xv | |
Visual Tour |
|
xvii | |
|
|
1 | (14) |
|
Principles, History, Theory |
|
|
1 | (3) |
|
A Brief History of the Web |
|
|
1 | (3) |
|
|
4 | (1) |
|
|
4 | (1) |
|
Results of Chapter 1 Exercises |
|
|
4 | (1) |
|
Download Materials for Chapter 1 Exercises |
|
|
4 | (1) |
|
Exercise 1 Creating an HTML File in a Text Editor |
|
|
5 | (4) |
|
Exercise 2 Creating a New HTML File in Dreamweaver |
|
|
9 | (3) |
|
The Art and Craft of Code |
|
|
12 | (1) |
|
Create, Reflect, Critique |
|
|
13 | (2) |
|
|
15 | (24) |
|
Principles, History, Theory |
|
|
15 | (4) |
|
Using Contrast to See and Perceive |
|
|
15 | (4) |
|
|
19 | (2) |
|
|
19 | (1) |
|
|
19 | (1) |
|
|
20 | (1) |
|
|
20 | (1) |
|
|
20 | (1) |
|
|
20 | (1) |
|
Results of Chapter 2 Exercises |
|
|
21 | (1) |
|
Download Materials for Chapter 2 Exercises |
|
|
21 | (1) |
|
Exercise 1 Resizing and Saving a Photograph with JPG Compression |
|
|
21 | (4) |
|
Exercise 2 Saving a Decorative-type Element as a PNG File with Transparency |
|
|
25 | (5) |
|
Exercise 3 Adding a Background Image as an Attribute of <body> in an HTML Document |
|
|
30 | (2) |
|
Exercise 4 Inserting an Image into an HTML Document |
|
|
32 | (2) |
|
Exercise 5 Creating Contrast with Page Properties and Text Settings |
|
|
34 | (2) |
|
The Art and Craft of Code |
|
|
36 | (1) |
|
Create, Reflect, Critique |
|
|
37 | (2) |
|
|
39 | (20) |
|
Principles, History, Theory |
|
|
39 | (3) |
|
Constructivism and Eye Tracking: Watching Where We Look for Links |
|
|
39 | (3) |
|
|
42 | (1) |
|
Local Files and Root Directories |
|
|
42 | (1) |
|
|
42 | (1) |
|
|
43 | (1) |
|
Results of Chapter 3 Exercises |
|
|
43 | (1) |
|
Download Materials for Chapter 3 Exercises |
|
|
44 | (1) |
|
Exercise 1 Defining Your Site |
|
|
44 | (1) |
|
Exercise 2 Creating a Second Page |
|
|
45 | (2) |
|
Exercise 3 Linking to a Page in Your Root Directory |
|
|
47 | (2) |
|
Exercise 4 Defining Attributes of Link States |
|
|
49 | (3) |
|
Exercise 5 Linking to Another Website |
|
|
52 | (1) |
|
Exercise 6 Linking to an E-mail Address |
|
|
53 | (1) |
|
Exercise 7 Linking to a Document |
|
|
53 | (1) |
|
Exercise 8 Linking to an Anchor |
|
|
54 | (3) |
|
The Art and Craft of Code |
|
|
57 | (1) |
|
Create, Reflect, Critique |
|
|
58 | (1) |
|
4 Sharing Collections-Blogs |
|
|
59 | (12) |
|
Principles, History, Theory |
|
|
59 | (4) |
|
Obsession and Cultural Commentaries |
|
|
59 | (4) |
|
|
63 | (1) |
|
|
63 | (1) |
|
Results of Chapter 4 Exercises |
|
|
63 | (1) |
|
Download Materials for Chapter 4 Exercises |
|
|
63 | (1) |
|
Exercise 1 Creating a WordPress.com Account |
|
|
64 | (1) |
|
Exercise 2 Understanding Blog Lingo |
|
|
65 | (1) |
|
Exercise 3 Managing Content |
|
|
65 | (1) |
|
Exercise 4 Setting Up Your Preferences |
|
|
66 | (1) |
|
Exercise 5 Editing a Post |
|
|
67 | (1) |
|
Exercise 6 Inserting Media and Scheduling a Post |
|
|
68 | (1) |
|
The Art and Craft of Code |
|
|
69 | (1) |
|
Create, Reflect, Critique |
|
|
70 | (1) |
|
|
71 | (24) |
|
Principles, History, Theory |
|
|
71 | (6) |
|
|
71 | (2) |
|
|
73 | (3) |
|
|
76 | (1) |
|
|
77 | (1) |
|
|
77 | (1) |
|
Results of Chapter 5 Exercises |
|
|
78 | (1) |
|
Download Materials for Chapter 5 Exercises |
|
|
78 | (1) |
|
Exercise 1 Style Rules-Internal and Inline |
|
|
78 | (4) |
|
Exercise 2 External Style Sheets |
|
|
82 | (4) |
|
Exercise 3 Copying Inline Styles to an External Style Sheet |
|
|
86 | (2) |
|
Exercise 4 Understanding CSS Rules |
|
|
88 | (2) |
|
Exercise 5 Setting the Background Image on the Page in CSS |
|
|
90 | (1) |
|
The Art and Craft of Code |
|
|
91 | (1) |
|
Create, Reflect, Critique |
|
|
91 | (4) |
|
|
95 | (16) |
|
Principles, History, Theory |
|
|
95 | (5) |
|
|
95 | (5) |
|
|
100 | (1) |
|
Servers, Domains, and Hosting |
|
|
100 | (1) |
|
Results of Chapter 6 Exercises |
|
|
101 | (1) |
|
Download Materials for Chapter 6 Exercises |
|
|
101 | (1) |
|
Exercise 1 Using an FTP Application |
|
|
101 | (2) |
|
Exercise 2 FTP in a Browser |
|
|
103 | (2) |
|
Exercise 3 FTP in Dreamweaver |
|
|
105 | (3) |
|
The Art and Craft of Code |
|
|
108 | (1) |
|
Create, Reflect, Critique |
|
|
109 | (2) |
|
|
111 | (18) |
|
Principles, History, Theory |
|
|
111 | (3) |
|
|
111 | (3) |
|
|
114 | (2) |
|
|
114 | (1) |
|
Expanding Typeface Choices |
|
|
115 | (1) |
|
Results of Chapter 7 Exercises |
|
|
116 | (1) |
|
Download Materials for Chapter 7 Exercises |
|
|
117 | (1) |
|
Exercise 1 Measuring Type with Elastic Measurements |
|
|
117 | (2) |
|
Exercise 2 Using Google Web Fonts |
|
|
119 | (5) |
|
Exercise 3 Creating a Class Selector |
|
|
124 | (3) |
|
The Art and Craft of Code |
|
|
127 | (1) |
|
Create, Reflect, Critique |
|
|
127 | (2) |
|
|
129 | (20) |
|
Principles, History, Theory |
|
|
129 | (4) |
|
Navigation: Learning from Failures |
|
|
129 | (4) |
|
|
133 | (1) |
|
Using Lists for Navigation Toolbars |
|
|
133 | (1) |
|
Creating Boxes with the Division Tag |
|
|
133 | (1) |
|
Results of Chapter 8 Exercises |
|
|
134 | (1) |
|
Download Materials for Chapter 8 Exercises |
|
|
135 | (1) |
|
Exercise 1 Adding Divisions in HTML |
|
|
135 | (1) |
|
Exercise 2 Creating a Navigation Tool from an Unordered List, Part A-HTML |
|
|
136 | (2) |
|
Exercise 3 Creating a Navigation Tool from an Unordered List, Part B-CSS |
|
|
138 | (4) |
|
Exercise 4 Creating a Half-page Column Using CSS |
|
|
142 | (4) |
|
The Art and Craft of Code |
|
|
146 | (2) |
|
Create, Reflect, Critique |
|
|
148 | (1) |
|
|
149 | (22) |
|
Principles, History, Theory |
|
|
149 | (3) |
|
Wertheimer, Gestalt, and Unity |
|
|
149 | (3) |
|
|
152 | (4) |
|
Containing the Page to Create Unity in the Viewport |
|
|
152 | (3) |
|
Containing Floating Elements |
|
|
155 | (1) |
|
|
155 | (1) |
|
Results of Chapter 9 Exercises |
|
|
156 | (1) |
|
Download Materials for Chapter 9 Exercises |
|
|
156 | (1) |
|
Exercise 1 Adding the Container |
|
|
156 | (7) |
|
Exercise 2 Spacing and Alignment |
|
|
163 | (1) |
|
Exercise 3 Adjusting the Body Copy |
|
|
164 | (1) |
|
Exercise 4 Positioning an Image as the Background of a CSS Selector |
|
|
165 | (3) |
|
Exercise 5 Parent and Children Selectors |
|
|
168 | (1) |
|
Exercise 6 Adding Comments |
|
|
169 | (1) |
|
The Art and Craft of Code |
|
|
169 | (1) |
|
Create, Reflect, Critique |
|
|
170 | (1) |
|
10 Adding a Footer with HTML5 and CSS3 Elements |
|
|
171 | (26) |
|
Principles, History, Theory |
|
|
171 | (2) |
|
|
171 | (2) |
|
|
173 | (2) |
|
|
173 | (2) |
|
Results of Chapter 10 Exercises |
|
|
175 | (1) |
|
Download Materials for Chapter 10 Exercises |
|
|
176 | (1) |
|
Exercise 1 Surpassing Floating Divisions |
|
|
176 | (2) |
|
Exercise 2 Fixed Positioning |
|
|
178 | (3) |
|
Exercise 3 CSS3 Properties |
|
|
181 | (9) |
|
Exercise 4 HTML5 Elements |
|
|
190 | (4) |
|
The Art and Craft of Code |
|
|
194 | (2) |
|
Create, Reflect, Critique |
|
|
196 | (1) |
|
11 Alignment with CSS Positioning |
|
|
197 | (18) |
|
Principles, History, Theory |
|
|
197 | (5) |
|
Columns and Modular Design |
|
|
197 | (5) |
|
|
202 | (2) |
|
Static, Fixed, Absolute, and Relative Positioning |
|
|
202 | (2) |
|
Results of Chapter 11 Exercises |
|
|
204 | (1) |
|
Download Materials for Chapter 11 Exercises |
|
|
204 | (1) |
|
Exercise 1 Absolute Positioning without a Reference |
|
|
204 | (3) |
|
Exercise 2 Absolute Positioning with Relative Positioning |
|
|
207 | (1) |
|
Exercise 3 Using Z-index to Control Overlapping Items |
|
|
208 | (2) |
|
Exercise 4 Adding a New Typeface to Footer Content |
|
|
210 | (2) |
|
The Art and Craft of Code |
|
|
212 | (1) |
|
Create, Reflect, Critique |
|
|
213 | (2) |
|
12 Incorporating Other Code |
|
|
215 | (18) |
|
Principles, History, Theory |
|
|
215 | (4) |
|
Appropriation and Sampling |
|
|
215 | (4) |
|
|
219 | (1) |
|
|
219 | (1) |
|
Results of Chapter 12 Exercises |
|
|
219 | (1) |
|
Download Materials for Chapter 12 Exercises |
|
|
220 | (1) |
|
Exercise 1 Downloading Visual Lightbox |
|
|
220 | (2) |
|
Exercise 2 Selecting and Pasting the Code into Your File |
|
|
222 | (7) |
|
The Art and Craft of Code |
|
|
229 | (1) |
|
Create, Reflect, Critique |
|
|
229 | (4) |
|
|
233 | (10) |
|
Principles, History, Theory |
|
|
233 | (2) |
|
|
233 | (2) |
|
|
235 | (1) |
|
|
235 | (1) |
|
Results of Chapter 13 Exercises |
|
|
236 | (1) |
|
Download Materials for Chapter 13 Exercises |
|
|
236 | (1) |
|
Exercise 1 Percentages and Elastic Measurements |
|
|
236 | (1) |
|
Exercise 2 Validating HTML |
|
|
237 | (2) |
|
Exercise 3 Validating CSS |
|
|
239 | (1) |
|
Exercise 4 Validating Web Accessibility |
|
|
240 | (1) |
|
The Art and Craft of Code |
|
|
241 | (1) |
|
Create, Reflect, Critique |
|
|
242 | (1) |
|
|
243 | (14) |
|
Principles, History, Theory |
|
|
243 | (2) |
|
Your Continuing Education |
|
|
243 | (2) |
|
|
245 | (1) |
|
|
245 | (1) |
|
Results of Chapter 14 Exercises |
|
|
246 | (1) |
|
Download Materials for Chapter 14 Exercises |
|
|
246 | (1) |
|
Exercise 1 Adding (or Not) Code for CSS Reset |
|
|
246 | (1) |
|
Exercise 2 Browser Compatibility |
|
|
247 | (1) |
|
Exercise 3 Comparing Views in Adobe BrowserLab |
|
|
247 | (3) |
|
Exercise 4 Debugging for IE |
|
|
250 | (5) |
|
The Art and Craft of Code |
|
|
255 | (1) |
|
Create, Reflect, Critique |
|
|
255 | (2) |
Bibliography |
|
257 | (6) |
Glossary |
|
263 | (6) |
Index |
|
269 | |