Introduction |
|
1 | (6) |
I Web Markup for Professionals |
|
|
Working with Specifications |
|
|
7 | (24) |
|
A Markup Roadmap for Professionals |
|
|
8 | (16) |
|
|
9 | (12) |
|
|
21 | (1) |
|
Redefining HTML as an XML Application |
|
|
22 | (2) |
|
|
24 | (1) |
|
HTML and XHTML: Common Ideologies |
|
|
25 | (3) |
|
HTML 4.0 and 4.01: Concepts |
|
|
26 | (1) |
|
XHTML 1.0 and 1.1: Ideologies and New Directions |
|
|
27 | (1) |
|
Case by Case: Web Standards Project |
|
|
28 | (3) |
|
Writing Conforming Documents |
|
|
31 | (30) |
|
|
32 | (3) |
|
Conformance Definitions in HTML and XHTML |
|
|
32 | (3) |
|
Conformance Requirements and Recommendations in HTML 4.01, XHTML 1.0, and XHTML 1.1 |
|
|
35 | (10) |
|
|
36 | (1) |
|
|
37 | (6) |
|
|
43 | (2) |
|
|
45 | (9) |
|
|
46 | (2) |
|
Clearly Labeling Encoded Documents |
|
|
48 | (3) |
|
Labeling Alternate Character Sets |
|
|
51 | (3) |
|
|
54 | (4) |
|
|
54 | (2) |
|
|
56 | (2) |
|
Case by Case: Working with Templates |
|
|
58 | (3) |
|
|
61 | (20) |
|
|
62 | (1) |
|
|
62 | (1) |
|
Representing Colors in HTML and XHTML |
|
|
63 | (2) |
|
|
65 | (1) |
|
|
66 | (1) |
|
|
66 | (2) |
|
|
68 | (10) |
|
|
78 | (1) |
|
|
78 | (1) |
|
|
79 | (1) |
|
Case by Case: Working with Character Entities |
|
|
79 | (2) |
|
|
81 | (14) |
|
|
82 | (1) |
|
Which Is the Right DTD to Use? |
|
|
82 | (4) |
|
Dealing with Client Concerns |
|
|
83 | (1) |
|
Adding New Documents to Older Web Sites |
|
|
84 | (1) |
|
Determining DTDs During Site Redesigns |
|
|
85 | (1) |
|
Working with Visual Editors and CMS |
|
|
85 | (1) |
|
DOCTYPE Declarations and DTDs |
|
|
86 | (4) |
|
|
87 | (1) |
|
DOCTYPE Switching in Detail |
|
|
88 | (1) |
|
Differences in Rendering Modes |
|
|
89 | (1) |
|
Case by Case: Transitional Design for the New York Public Library |
|
|
90 | (5) |
II Structuring and Formatting Documents |
|
|
Global Structure and Syntax of Documents |
|
|
95 | (16) |
|
|
96 | (1) |
|
Declarations and Document Types |
|
|
96 | (2) |
|
|
98 | (1) |
|
|
98 | (2) |
|
|
100 | (1) |
|
|
101 | (4) |
|
|
101 | (2) |
|
|
103 | (1) |
|
|
104 | (1) |
|
|
105 | (2) |
|
|
106 | (1) |
|
|
106 | (1) |
|
|
107 | (1) |
|
|
107 | (1) |
|
|
107 | (1) |
|
|
108 | (1) |
|
Case by Case: Troubleshooting Errors with Structure and Syntax |
|
|
108 | (3) |
|
|
111 | (44) |
|
|
112 | (1) |
|
|
112 | (3) |
|
|
112 | (1) |
|
|
113 | (1) |
|
Subscripts and Superscripts |
|
|
114 | (1) |
|
Adding Paragraphs and Breaks |
|
|
115 | (4) |
|
|
119 | (2) |
|
Working with Preformatted Text |
|
|
121 | (2) |
|
|
123 | (2) |
|
|
125 | (1) |
|
|
126 | (8) |
|
Bulleted (Unordered) Lists |
|
|
126 | (4) |
|
|
130 | (1) |
|
|
131 | (3) |
|
Dealing Effectively with Lists |
|
|
134 | (7) |
|
Working with List Attributes |
|
|
140 | (1) |
|
Adding Color, Size, and Typefaces to Text |
|
|
141 | (11) |
|
Managing Color for Backgrounds, Text, and Links |
|
|
142 | (1) |
|
Working with the font Element |
|
|
143 | (9) |
|
|
152 | (1) |
|
Case by Case: Dealing with Text |
|
|
153 | (2) |
|
Adding Hypertext and Independent Links |
|
|
155 | (22) |
|
The Web's Very Essence: Linking |
|
|
156 | (1) |
|
|
156 | (15) |
|
|
158 | (1) |
|
|
158 | (6) |
|
|
164 | (1) |
|
|
165 | (4) |
|
|
169 | (2) |
|
Link Relationships with the link Element |
|
|
171 | (4) |
|
|
172 | (1) |
|
Using the link Element for Navigation |
|
|
173 | (1) |
|
Using link to Point to an Alternate Document |
|
|
174 | (1) |
|
Case by Case: Aiding and Abetting Search Engines |
|
|
175 | (2) |
|
|
177 | (42) |
|
|
178 | (1) |
|
|
178 | (9) |
|
|
179 | (3) |
|
Captions and Table Headers |
|
|
182 | (2) |
|
|
184 | (2) |
|
Table Head, Table Foot, and Table Body |
|
|
186 | (1) |
|
|
187 | (15) |
|
|
188 | (1) |
|
|
188 | (2) |
|
Creating a Fixed-Width Table |
|
|
190 | (2) |
|
|
192 | (3) |
|
|
195 | (3) |
|
|
198 | (4) |
|
Table and Table Cell Alignment |
|
|
202 | (4) |
|
|
202 | (1) |
|
|
203 | (3) |
|
Using Fixed and Dynamic Design |
|
|
206 | (7) |
|
Applying a Fixed Table Design |
|
|
206 | (4) |
|
Working with Dynamic Table Design |
|
|
210 | (1) |
|
Combination Fixed and Dynamic Table Design |
|
|
211 | (2) |
|
Nesting and Stacking Tables |
|
|
213 | (3) |
|
Case by Case: Design First, Then Plan the Table |
|
|
216 | (3) |
|
Creating Framesets and Frame Documents |
|
|
219 | (28) |
|
|
220 | (2) |
|
Understanding Frame Structure |
|
|
222 | (1) |
|
|
223 | (1) |
|
|
224 | (2) |
|
Setting frameset and frame Attributes |
|
|
226 | (1) |
|
Exploring a Frame with Margin, Resize, and Scroll Controls |
|
|
227 | (1) |
|
|
228 | (5) |
|
Creating a Frame Using target and name Attributes |
|
|
229 | (1) |
|
|
230 | (3) |
|
Working with Borderless Frames |
|
|
233 | (3) |
|
|
236 | (5) |
|
Appropriate Use of Frames |
|
|
236 | (2) |
|
Fixed and Dynamic Frame Design |
|
|
238 | (2) |
|
Combining Rows and Columns |
|
|
240 | (1) |
|
Working with Inline Frames (I-Frames) |
|
|
241 | (1) |
|
The noframes Element and Accessibility |
|
|
242 | (2) |
|
Building Accessible Framed Pages |
|
|
243 | (1) |
|
Case by Case: Special Issues with Frames |
|
|
244 | (3) |
|
|
247 | (28) |
|
|
248 | (1) |
|
|
248 | (5) |
|
Form Elements and Attributes |
|
|
249 | (1) |
|
|
250 | (1) |
|
Other Elements Used with Forms |
|
|
251 | (2) |
|
|
253 | (17) |
|
|
254 | (2) |
|
|
256 | (2) |
|
|
258 | (2) |
|
|
260 | (4) |
|
|
264 | (3) |
|
Providing Reset and Submit Buttons |
|
|
267 | (3) |
|
Case by Case: Method, Action, and Hidden Fields |
|
|
270 | (5) |
III Images, Multimedia, and Embedded Objects |
|
|
|
275 | (26) |
|
Working with Web Graphics |
|
|
276 | (4) |
|
Graphics Interchange Format (GIF) |
|
|
276 | (2) |
|
Joint Photographic Experts Group (JPEG) |
|
|
278 | (1) |
|
Portable Network Graphics (PNG) |
|
|
279 | (1) |
|
|
280 | (2) |
|
Adding Images to Web Pages |
|
|
282 | (3) |
|
|
282 | (2) |
|
|
284 | (1) |
|
Presentational Attributes in Transitional HTML and XHTML |
|
|
285 | (7) |
|
|
285 | (1) |
|
|
286 | (1) |
|
|
286 | (2) |
|
|
288 | (2) |
|
Horizontal and Vertical Space |
|
|
290 | (2) |
|
|
292 | (3) |
|
|
295 | (4) |
|
|
299 | (1) |
|
Case by Case: Exhibiting Your Work |
|
|
299 | (2) |
|
|
301 | (24) |
|
|
302 | (1) |
|
Audio and Video on the Web |
|
|
303 | (1) |
|
Creating Audio and Video Files |
|
|
303 | (3) |
|
|
303 | (2) |
|
|
305 | (1) |
|
Downloadable Audio and Video File Formats |
|
|
306 | (2) |
|
|
306 | (2) |
|
|
308 | (1) |
|
Adding Audio and Video to a Web Page |
|
|
308 | (1) |
|
|
309 | (2) |
|
|
311 | (2) |
|
|
312 | (1) |
|
|
312 | (1) |
|
Producing Streaming Media |
|
|
313 | (2) |
|
Creating a Streaming Audio File |
|
|
313 | (2) |
|
Working with Streaming Video |
|
|
315 | (1) |
|
Incorporating Streaming Media into Your Page |
|
|
315 | (4) |
|
Adding Streaming Media Using RealServer G2 |
|
|
316 | (1) |
|
Adding Streaming Media to a Page with HTTP |
|
|
316 | (3) |
|
Multimedia Software: Macromedia Director, Shockwave, and Flash |
|
|
319 | (1) |
|
Exploring Flash in Detail |
|
|
320 | (2) |
|
Case by Case: Exploring Streaming Media Options |
|
|
322 | (3) |
|
|
325 | (20) |
|
|
326 | (2) |
|
The object Element in Detail |
|
|
328 | (3) |
|
Using object to add an Image |
|
|
329 | (1) |
|
Using object to add an Applet to Your Page |
|
|
330 | (1) |
|
Working with the applet Element |
|
|
331 | (5) |
|
Adding a Java Applet Using the applet Element |
|
|
332 | (3) |
|
Workarounds for Cross-Browser Support |
|
|
335 | (1) |
|
|
336 | (5) |
|
Case by Case: Ensuring Accessibility for Embedded Objects |
|
|
341 | (4) |
IV Style and Scripting |
|
|
Using CSS with HTML and XHTML |
|
|
345 | (24) |
|
Style Sheets and Web Markup |
|
|
346 | (1) |
|
|
346 | (4) |
|
Separation of Presentation from Structure |
|
|
347 | (1) |
|
|
347 | (3) |
|
|
350 | (8) |
|
|
351 | (2) |
|
|
353 | (2) |
|
|
355 | (3) |
|
|
358 | (2) |
|
|
359 | (1) |
|
Exploring Class and Grouping |
|
|
360 | (8) |
|
|
361 | (3) |
|
|
364 | (4) |
|
Case by Case: Anatomy of Style |
|
|
368 | (1) |
|
CSS in Depth: Applying Style and Positioning |
|
|
369 | (32) |
|
|
370 | (16) |
|
Style Sheet Font Families |
|
|
371 | (2) |
|
Type Properties and Values |
|
|
373 | (13) |
|
|
386 | (8) |
|
Creating a Three-Column Layout |
|
|
387 | (5) |
|
Exploring a Two-Column Layout Using float |
|
|
392 | (2) |
|
Gracefully Degrading CSS Layouts |
|
|
394 | (2) |
|
Case by Case: css/edge: Visual and Dynamic Effects with CSS |
|
|
396 | (5) |
|
Adding Scripting to HTML and XHTML Documents |
|
|
401 | (18) |
|
|
402 | (6) |
|
Adding Scripts to a Page Using the script Element |
|
|
403 | (4) |
|
|
407 | (1) |
|
|
408 | (1) |
|
|
409 | (4) |
|
Drop-Down Menu Navigation |
|
|
410 | (1) |
|
|
411 | (2) |
|
Case by Case: Merging Scripting, Style, and Intrinsic Events |
|
|
413 | (6) |
V Accessibility and Internationalization |
|
|
Creating Accessible Sites |
|
|
419 | (16) |
|
Rules and Laws Governing Accessibility |
|
|
420 | (2) |
|
Historical Policies Leading to Accessibility Initiatives |
|
|
420 | (1) |
|
|
421 | (1) |
|
Foreign Rules and Laws on Accessibility |
|
|
421 | (1) |
|
Web Accessibility Initiative |
|
|
422 | (2) |
|
Techniques for Working with HTML 4.0 Accessibility |
|
|
424 | (8) |
|
Making Links Understandable with the title Attribute |
|
|
424 | (2) |
|
Adding Tab Order to Links |
|
|
426 | (2) |
|
Making Tables Accessible Using a Summary |
|
|
428 | (2) |
|
Clarifying Abbreviations with the acronym Element and title Attribute |
|
|
430 | (2) |
|
Case by Case: Testing for Accessibility |
|
|
432 | (3) |
|
Designing International Documents |
|
|
435 | (16) |
|
Globalization, Internationalization, and Localization |
|
|
436 | (2) |
|
|
438 | (1) |
|
Expressing Encoding via MIME |
|
|
439 | (2) |
|
|
441 | (3) |
|
Dealing with Text Presentation |
|
|
444 | (3) |
|
|
444 | (2) |
|
|
446 | (1) |
|
Case by Case: Fonts and Font Utilities |
|
|
447 | (4) |
VI Advanced Concepts |
|
|
|
451 | (16) |
|
The Need for Modularization |
|
|
452 | (2) |
|
Devices Affected by XHTML Modularization |
|
|
452 | (1) |
|
Modularization: A Closer Look |
|
|
453 | (1) |
|
|
454 | (1) |
|
|
455 | (3) |
|
|
455 | (3) |
|
|
458 | (1) |
|
|
458 | (1) |
|
|
459 | (4) |
|
Features in Use Across Appliances |
|
|
460 | (1) |
|
|
460 | (1) |
|
What's Not Supported and Why |
|
|
461 | (1) |
|
Specific Modules Included in XHTML Basic |
|
|
462 | (1) |
|
XHTML Basic Document Structure |
|
|
463 | (1) |
|
Case by Case: Creating and Deploying an XHTML Basic Document |
|
|
464 | (3) |
|
|
467 | (18) |
|
|
468 | (8) |
|
|
468 | (1) |
|
|
468 | (2) |
|
|
470 | (6) |
|
|
476 | (3) |
|
Downloading the XHTML DTDs |
|
|
477 | (1) |
|
Structure of the Transitional XHTML DTD |
|
|
477 | (2) |
|
Structure Versus Semantics |
|
|
479 | (1) |
|
Case by Case: Defining Your Own DTD |
|
|
479 | (6) |
|
|
480 | (1) |
|
|
480 | (3) |
|
|
483 | (2) |
|
Transforming Documents with XSLT |
|
|
485 | (26) |
|
|
486 | (5) |
|
|
486 | (2) |
|
|
488 | (1) |
|
|
489 | (2) |
|
Creating XSL Style Sheets |
|
|
491 | (7) |
|
|
491 | (1) |
|
Structure of an XSL Document |
|
|
491 | (6) |
|
Understanding XPath References |
|
|
497 | (1) |
|
Transforming XHTML with XSLT |
|
|
498 | (11) |
|
Using CSS and XSLT with XHTML |
|
|
498 | (7) |
|
Creating Alternate Content Views |
|
|
505 | (4) |
|
Case by Case: Adapting Web Pages for Specific Audiences |
|
|
509 | (2) |
|
|
511 | (152) |
|
Making All Things Possible with XML |
|
|
512 | (1) |
|
Understanding the Relationship Between SGML, XML, and XHTML |
|
|
513 | (2) |
|
|
514 | (1) |
|
|
515 | (1) |
|
XML in Theory and Practice |
|
|
515 | (1) |
|
Practical Examples of XML |
|
|
515 | (3) |
|
Understanding XML Structure |
|
|
518 | (1) |
|
Describing New Vocabularies with XML |
|
|
518 | (3) |
|
Understanding Document Type Definition Advantages |
|
|
519 | (1) |
|
Coping with Document Type Definition Disadvantages |
|
|
520 | (1) |
|
Is XML Just HTML All Over Again? |
|
|
521 | (1) |
|
|
521 | (1) |
|
|
522 | (1) |
|
Defining the XML Document |
|
|
522 | (4) |
|
|
523 | (2) |
|
Understanding Well-Formedness Constraints |
|
|
525 | (1) |
|
The Prolog: The XML Declaration |
|
|
526 | (1) |
|
Constructing the XML Document Prolog: The Document Type Declaration |
|
|
527 | (1) |
|
Constructing the Document Body |
|
|
528 | (1) |
|
|
529 | (1) |
|
|
529 | (1) |
|
Understanding How XML Forms Logical Structures |
|
|
529 | (7) |
|
How XML Forms Physical Structures |
|
|
530 | (1) |
|
|
531 | (1) |
|
|
532 | (2) |
|
Attribute Lists and Types |
|
|
534 | (1) |
|
|
535 | (1) |
|
Case by Case: Real-World Applications of XML |
|
|
536 | (5) |
VII Appendixes |
|
|
A Site Publishing, Maintenance, and Marketing Guide |
|
|
541 | (22) |
|
You've Built Your Web Site, What Now? |
|
|
542 | (1) |
|
Transferring Files Using FTP |
|
|
542 | (1) |
|
|
543 | (1) |
|
Macintosh and UNIX FTP Software |
|
|
543 | (1) |
|
|
543 | (1) |
|
|
544 | (1) |
|
|
545 | (1) |
|
|
546 | (1) |
|
|
546 | (1) |
|
|
547 | (1) |
|
The Web as a Commercial Venue |
|
|
548 | (1) |
|
Search Engines and Directories As Marketing Tools |
|
|
549 | (1) |
|
|
550 | (1) |
|
Preparing Your Site for Submission |
|
|
551 | (2) |
|
|
553 | (1) |
|
|
553 | (1) |
|
Pricing Structures for Banner Advertising |
|
|
554 | (1) |
|
|
555 | (1) |
|
|
556 | (1) |
|
Does Banner Advertising Really Work? |
|
|
556 | (1) |
|
Other Online Marketing Techniques |
|
|
557 | (1) |
|
|
557 | (1) |
|
|
558 | (1) |
|
|
558 | (1) |
|
|
559 | (1) |
|
|
559 | (1) |
|
Offline Marketing Strategies |
|
|
559 | (2) |
|
Case by Case: Legal Issues on the Net |
|
|
561 | (2) |
|
B Annotatad Resources for Web Developers |
|
|
563 | (6) |
|
|
564 | (1) |
|
|
565 | (1) |
|
|
566 | (1) |
|
Education and Conferences |
|
|
567 | (2) |
|
|
569 | (62) |
|
Data Types: XHTML 1.0 Versions and Specifications |
|
|
570 | (1) |
|
Alphabetical XHTML 1.0 Element Listing |
|
|
570 | (1) |
|
|
570 | (1) |
|
|
571 | (1) |
|
|
571 | (2) |
|
|
573 | (1) |
|
|
574 | (1) |
|
|
574 | (1) |
|
|
574 | (2) |
|
|
576 | (1) |
|
|
577 | (1) |
|
|
577 | (1) |
|
|
578 | (1) |
|
|
578 | (1) |
|
|
579 | (1) |
|
<blockquote>...</blockquote> |
|
|
579 | (1) |
|
|
580 | (1) |
|
|
581 | (1) |
|
|
581 | (1) |
|
|
582 | (1) |
|
|
583 | (1) |
|
|
584 | (1) |
|
|
584 | (1) |
|
|
584 | (1) |
|
|
585 | (1) |
|
|
586 | (1) |
|
|
587 | (1) |
|
|
587 | (1) |
|
|
588 | (1) |
|
|
588 | (1) |
|
|
589 | (1) |
|
|
589 | (1) |
|
|
590 | (1) |
|
|
590 | (1) |
|
|
591 | (1) |
|
|
591 | (2) |
|
|
593 | (1) |
|
|
593 | (1) |
|
<h1>...</h1> Through <h6>...</h6> |
|
|
594 | (1) |
|
|
594 | (1) |
|
|
595 | (1) |
|
|
595 | (1) |
|
|
596 | (1) |
|
|
596 | (1) |
|
|
597 | (1) |
|
|
598 | (2) |
|
|
600 | (1) |
|
|
600 | (1) |
|
|
601 | (1) |
|
|
601 | (1) |
|
|
602 | (1) |
|
|
602 | (1) |
|
|
603 | (1) |
|
|
604 | (1) |
|
|
604 | (1) |
|
|
605 | (1) |
|
|
605 | (1) |
|
|
606 | (1) |
|
|
607 | (1) |
|
|
608 | (1) |
|
|
609 | (1) |
|
|
609 | (1) |
|
|
610 | (1) |
|
|
610 | (1) |
|
|
611 | (1) |
|
|
611 | (1) |
|
|
612 | (1) |
|
|
612 | (1) |
|
|
613 | (1) |
|
|
613 | (1) |
|
|
614 | (1) |
|
|
615 | (1) |
|
|
615 | (1) |
|
|
615 | (1) |
|
|
616 | (1) |
|
|
616 | (1) |
|
|
617 | (1) |
|
|
617 | (1) |
|
|
618 | (1) |
|
|
619 | (2) |
|
|
621 | (1) |
|
|
621 | (1) |
|
|
622 | (2) |
|
|
624 | (1) |
|
|
624 | (1) |
|
|
625 | (1) |
|
|
625 | (1) |
|
|
626 | (1) |
|
|
626 | (1) |
|
|
627 | (1) |
|
|
627 | (1) |
|
|
627 | (1) |
|
|
628 | (3) |
|
|
631 | (32) |
|
|
632 | (1) |
|
|
632 | (1) |
|
|
633 | (1) |
|
|
633 | (1) |
|
|
634 | (1) |
|
|
634 | (2) |
|
|
636 | (2) |
|
|
638 | (2) |
|
|
640 | (5) |
|
Visual Formatting and Positioning |
|
|
645 | (5) |
|
Generated Content and Lists |
|
|
650 | (3) |
|
|
653 | (2) |
|
|
655 | (1) |
|
|
656 | (7) |
Index |
|
663 | |