| Foreword |
|
xv | |
| Contributors |
|
xvii | |
| Technical Reviewers |
|
xix | |
| Preface |
|
xxi | |
| Part I. The Web Environment |
|
|
|
|
3 | (9) |
|
|
|
3 | (3) |
|
|
|
6 | (3) |
|
|
|
9 | (2) |
|
|
|
11 | (1) |
|
2. Designing for a Variety of Browsers |
|
|
12 | (15) |
|
|
|
12 | (2) |
|
|
|
14 | (5) |
|
Gathering Usage Statistics |
|
|
19 | (1) |
|
Learning from Browser Statistics |
|
|
20 | (2) |
|
Dealing with Browser Differences |
|
|
22 | (3) |
|
|
|
25 | (1) |
|
|
|
25 | (2) |
|
3. Designing for a Variety of Displays |
|
|
27 | (15) |
|
Designing for Unknown Monitor Resolutions |
|
|
28 | (2) |
|
Fixed Versus Liquid Web Pages |
|
|
30 | (7) |
|
Designing "Above the Fold" |
|
|
37 | (1) |
|
|
|
37 | (5) |
|
4. A Beginner's Guide to the Server |
|
|
42 | (14) |
|
|
|
42 | (4) |
|
Unix Directory Structures |
|
|
46 | (4) |
|
|
|
50 | (1) |
|
Uploading Documents (FTP) |
|
|
50 | (3) |
|
|
|
53 | (3) |
|
|
|
56 | (16) |
|
|
|
56 | (1) |
|
Overview of Assistive Technology |
|
|
57 | (2) |
|
Who Is Responsible for Accessibility? |
|
|
59 | (1) |
|
Web Content Accessibility Guidelines |
|
|
60 | (4) |
|
Web Content Accessibility Guidelines 2.0 (WCAG 2.0) |
|
|
64 | (1) |
|
Standards Variations and Section 508 |
|
|
64 | (1) |
|
Web Accessibility Techniques |
|
|
65 | (3) |
|
Testing for Accessibility |
|
|
68 | (4) |
|
|
|
72 | (17) |
|
Character Sets and Encoding |
|
|
73 | (5) |
|
|
|
78 | (2) |
|
|
|
80 | (4) |
|
Style Sheets Language Features |
|
|
84 | (1) |
|
|
|
85 | (4) |
| Part II. The Structural Layer: XML and (X)HTML |
|
|
|
|
89 | (24) |
|
|
|
90 | (1) |
|
|
|
91 | (2) |
|
|
|
93 | (3) |
|
|
|
96 | (1) |
|
Document Type Definition (DTD) |
|
|
97 | (6) |
|
|
|
103 | (1) |
|
|
|
104 | (1) |
|
Web-Related XML Applications |
|
|
105 | (7) |
|
|
|
112 | (1) |
|
8. HTML and XHTML Overview |
|
|
113 | (17) |
|
|
|
114 | (1) |
|
|
|
115 | (4) |
|
|
|
119 | (3) |
|
Which Standard Is Right for You? |
|
|
122 | (1) |
|
|
|
123 | (3) |
|
|
|
126 | (2) |
|
|
|
128 | (2) |
|
|
|
130 | (14) |
|
Minimal Document Structure |
|
|
130 | (2) |
|
Document Type Declaration |
|
|
132 | (3) |
|
|
|
135 | (1) |
|
|
|
136 | (6) |
|
|
|
142 | (2) |
|
|
|
144 | (25) |
|
|
|
145 | (1) |
|
The Building Blocks of Content |
|
|
146 | (3) |
|
|
|
149 | (3) |
|
Deleted and Inserted Text |
|
|
152 | (1) |
|
Generic Elements (div and span) |
|
|
153 | (3) |
|
|
|
156 | (5) |
|
|
|
161 | (6) |
|
Character Entity References |
|
|
167 | (2) |
|
|
|
169 | (9) |
|
|
|
169 | (2) |
|
Linking Within a Document |
|
|
171 | (2) |
|
|
|
173 | (1) |
|
|
|
173 | (2) |
|
Linking Documents with link |
|
|
175 | (3) |
|
|
|
178 | (27) |
|
|
|
178 | (8) |
|
|
|
186 | (6) |
|
|
|
192 | (9) |
|
|
|
201 | (2) |
|
|
|
203 | (2) |
|
|
|
205 | (27) |
|
|
|
206 | (1) |
|
|
|
207 | (6) |
|
|
|
213 | (1) |
|
Columns and Column Groups |
|
|
214 | (2) |
|
|
|
216 | (4) |
|
|
|
220 | (6) |
|
Responsible Layout Tables |
|
|
226 | (6) |
|
|
|
232 | (15) |
|
|
|
232 | (2) |
|
|
|
234 | (5) |
|
Frame Function and Appearance |
|
|
239 | (2) |
|
|
|
241 | (3) |
|
Frame Design Tips and Tricks |
|
|
244 | (3) |
|
|
|
247 | (26) |
|
|
|
248 | (2) |
|
|
|
250 | (13) |
|
|
|
263 | (4) |
|
|
|
267 | (1) |
|
Affecting Form Appearance |
|
|
267 | (6) |
| Part III. The Presentation Layer: Cascading Style Sheets |
|
|
16. Cascading Style Sheets Fundamentals |
|
|
273 | (24) |
|
|
|
273 | (1) |
|
|
|
274 | (1) |
|
|
|
275 | (1) |
|
|
|
275 | (3) |
|
Adding Styles to a Document |
|
|
278 | (5) |
|
|
|
283 | (8) |
|
|
|
291 | (2) |
|
|
|
293 | (1) |
|
|
|
294 | (3) |
|
|
|
297 | (10) |
|
|
|
297 | (1) |
|
|
|
298 | (1) |
|
|
|
299 | (2) |
|
|
|
301 | (1) |
|
|
|
302 | (5) |
|
18. Font and Text Properties |
|
|
307 | (30) |
|
|
|
307 | (3) |
|
|
|
310 | (2) |
|
|
|
312 | (6) |
|
|
|
318 | (4) |
|
Text Transformation (Capitalization) |
|
|
322 | (1) |
|
|
|
323 | (2) |
|
|
|
325 | (2) |
|
Text Alignment Properties |
|
|
327 | (5) |
|
|
|
332 | (3) |
|
|
|
335 | (2) |
|
|
|
337 | (18) |
|
|
|
338 | (3) |
|
|
|
341 | (3) |
|
|
|
344 | (3) |
|
|
|
347 | (5) |
|
|
|
352 | (3) |
|
20. Color and Backgrounds |
|
|
355 | (13) |
|
|
|
355 | (2) |
|
|
|
357 | (1) |
|
|
|
358 | (10) |
|
21. Floating and Positioning |
|
|
368 | (24) |
|
|
|
368 | (1) |
|
|
|
369 | (6) |
|
|
|
375 | (10) |
|
|
|
385 | (4) |
|
|
|
389 | (1) |
|
|
|
390 | (2) |
|
|
|
392 | (14) |
|
|
|
392 | (4) |
|
|
|
396 | (2) |
|
|
|
398 | (3) |
|
Table Layout (Width and Height) |
|
|
401 | (2) |
|
|
|
403 | (3) |
|
23. Lists and Generated Content |
|
|
406 | (13) |
|
|
|
406 | (6) |
|
|
|
412 | (7) |
|
|
|
419 | (29) |
|
|
|
419 | (2) |
|
|
|
421 | (3) |
|
|
|
424 | (8) |
|
Boxes with Rounded Corners |
|
|
432 | (4) |
|
|
|
436 | (4) |
|
|
|
440 | (3) |
|
List-Based Navigation Bars |
|
|
443 | (3) |
|
|
|
446 | (2) |
|
25. Managing Browser Bugs: Workarounds, Hacks, and Filters |
|
|
448 | (17) |
|
Working with "Troubled" Browsers |
|
|
448 | (1) |
|
|
|
449 | (10) |
|
Hack and Workaround Management 101 |
|
|
459 | (6) |
| Part IV. The Behavioral Layer: JavaScript and the DOM |
|
|
26. Introduction to JavaScript |
|
|
465 | (23) |
|
|
|
465 | (1) |
|
|
|
466 | (2) |
|
|
|
468 | (16) |
|
|
|
484 | (2) |
|
|
|
486 | (1) |
|
|
|
487 | (1) |
|
|
|
488 | (27) |
|
|
|
488 | (1) |
|
|
|
489 | (1) |
|
|
|
489 | (2) |
|
Manipulating Documents with the DOM |
|
|
491 | (10) |
|
|
|
501 | (1) |
|
|
|
502 | (5) |
|
Supplement: Getting Started with Ajax |
|
|
507 | (8) |
| Part V. Web Graphics |
|
|
28. Web Graphics Overview |
|
|
515 | (14) |
|
|
|
515 | (2) |
|
|
|
517 | (2) |
|
|
|
519 | (5) |
|
Web Graphics Production Tips |
|
|
524 | (5) |
|
|
|
529 | (15) |
|
|
|
530 | (1) |
|
|
|
531 | (2) |
|
|
|
533 | (1) |
|
|
|
534 | (2) |
|
Minimizing GIF File Sizes |
|
|
536 | (5) |
|
Designing GIFs with the Web Palette |
|
|
541 | (3) |
|
|
|
544 | (8) |
|
|
|
544 | (1) |
|
|
|
545 | (2) |
|
|
|
547 | (1) |
|
|
|
548 | (1) |
|
Minimizing JPEG File Size |
|
|
548 | (4) |
|
|
|
552 | (12) |
|
|
|
552 | (2) |
|
|
|
554 | (4) |
|
|
|
558 | (1) |
|
|
|
559 | (2) |
|
PNG Optimization Strategies |
|
|
561 | (2) |
|
|
|
563 | (1) |
|
|
|
564 | (11) |
|
|
|
564 | (1) |
|
|
|
565 | (1) |
|
|
|
565 | (1) |
|
|
|
566 | (4) |
|
|
|
570 | (5) |
| Part VI. Media |
|
|
|
|
575 | (20) |
|
Basic Digital Audio Concepts |
|
|
575 | (2) |
|
|
|
577 | (1) |
|
|
|
578 | (3) |
|
|
|
581 | (2) |
|
|
|
583 | (7) |
|
|
|
590 | (1) |
|
Adding Audio to a Web Page |
|
|
590 | (5) |
|
|
|
595 | (14) |
|
Basic Digital Video Concepts |
|
|
595 | (1) |
|
|
|
596 | (2) |
|
|
|
598 | (5) |
|
Adding Video to an HTML Document |
|
|
603 | (6) |
|
|
|
609 | (17) |
|
|
|
610 | (2) |
|
|
|
612 | (3) |
|
|
|
615 | (1) |
|
Adding Flash to a Web Page |
|
|
616 | (6) |
|
Integrating Flash with Other Technologies |
|
|
622 | (1) |
|
|
|
623 | (2) |
|
|
|
625 | (1) |
|
36. Printing from the Web |
|
|
626 | (15) |
|
|
|
626 | (1) |
|
Cascading Style Sheets for Print |
|
|
627 | (7) |
|
Portable Document Format (PDF) |
|
|
634 | (3) |
|
|
|
637 | |
| Part VII. Appendixes |
|
|
A. HTML Elements and Attributes |
|
|
641 | (43) |
|
|
|
684 | (38) |
|
|
|
722 | (11) |
|
|
|
733 | (9) |
|
E. Microformats: Extending (X)HTML |
|
|
742 | (5) |
| Glossary |
|
747 | (10) |
| Index |
|
757 | |