Introduction |
|
1 | (1) |
|
Put Your HTML Page Online Today |
|
|
1 | (1) |
|
|
2 | (1) |
|
|
3 | (2) |
|
|
5 | (1) |
|
Special Highlighted Elements |
|
|
6 | (1) |
|
|
6 | (1) |
|
The Sams Publishing Website |
|
|
6 | (3) |
|
Part I: Your First Web Page |
|
|
|
Hour 1: Understanding HTML and XHTML |
|
|
9 | (18) |
|
|
11 | (1) |
|
|
12 | (4) |
|
The Pieces and Parts of a Web Page |
|
|
16 | (2) |
|
|
18 | (4) |
|
The Scoop on HTML, XML, and XHTML |
|
|
22 | (5) |
|
Hour 2: Create a Web Page Right Now |
|
|
27 | (20) |
|
Getting Started with a Simple Web Page |
|
|
28 | (2) |
|
HTML Tags Every Web Page Must Have |
|
|
30 | (3) |
|
Organizing a Page with Paragraphs and Line Breaks |
|
|
33 | (3) |
|
Calling Out Text with Headings |
|
|
36 | (3) |
|
Peeking at Other People's Pages |
|
|
39 | (1) |
|
|
40 | (7) |
|
Hour 3: Linking to Other Web Pages |
|
|
47 | (18) |
|
Linking to Another Web Page |
|
|
47 | (3) |
|
Linking Between Your Own Pages |
|
|
50 | (3) |
|
|
53 | (2) |
|
Opening a Link in a New Browser Window |
|
|
55 | (1) |
|
|
56 | (2) |
|
Adding Links to a Practical Example |
|
|
58 | (7) |
|
Hour 4: Publishing Your HTML Pages |
|
|
65 | (24) |
|
Setting Up Web Space on the Internet |
|
|
66 | (1) |
|
Transferring Pages to a Web Server |
|
|
67 | (12) |
|
Making a File Available for Downloading |
|
|
79 | (1) |
|
Other HTML Publishing Options |
|
|
80 | (2) |
|
|
82 | (7) |
|
Part II: Building Practical Web Pages with HTML |
|
|
|
Hour 5: Basic Text Alignment and Formatting |
|
|
89 | (28) |
|
The Old Way Versus the New Way |
|
|
90 | (1) |
|
|
91 | (3) |
|
The Three Types of HTML Lists |
|
|
94 | (2) |
|
Placing Lists Within Lists |
|
|
96 | (5) |
|
Boldface, Italics, and Special Text Formatting |
|
|
101 | (5) |
|
|
106 | (4) |
|
Working with Special Characters |
|
|
110 | (7) |
|
Hour 6: Creating Text Links |
|
|
117 | (18) |
|
Linking Within a Page Using Anchors |
|
|
117 | (4) |
|
Linking to a Specific Part of Another Page |
|
|
121 | (2) |
|
Linking Your Email Address into a Page |
|
|
123 | (5) |
|
|
128 | (7) |
|
Hour 7: Creating Your Own Web Page Graphics |
|
|
135 | (24) |
|
Choosing Graphics Software |
|
|
136 | (1) |
|
The Least You Need to Know About Graphics |
|
|
137 | (1) |
|
Preparing Photographic Images |
|
|
138 | (4) |
|
Creating Banners and Buttons |
|
|
142 | (5) |
|
Reducing the Number of Colors in an Image |
|
|
147 | (2) |
|
Interlaced GIFs and Progressive JPEGs |
|
|
149 | (1) |
|
Creating Animated Web Graphics |
|
|
150 | (1) |
|
Assembling Images into an Animation |
|
|
151 | (3) |
|
Generating Transitions and Text Effects |
|
|
154 | (5) |
|
Hour 8: Putting Graphics on a Web Page |
|
|
159 | (16) |
|
Placing an Image on a Web Page |
|
|
159 | (3) |
|
Describing an Image with Text |
|
|
162 | (1) |
|
Turning Images into Links |
|
|
163 | (3) |
|
|
166 | (4) |
|
Specifying Image Width and Height |
|
|
170 | (5) |
|
Hour 9: Custom Backgrounds and Colors |
|
|
175 | (16) |
|
Exploring Background and Text Colors |
|
|
175 | (3) |
|
|
178 | (1) |
|
Using Background Image Tiles |
|
|
179 | (3) |
|
Working with Transparent Images |
|
|
182 | (2) |
|
Creating Your Own Tiled Backgrounds |
|
|
184 | (7) |
|
Hour 10: Graphical Links and Imagemaps |
|
|
191 | (18) |
|
Why Imagemaps Aren't Always Necessary |
|
|
191 | (6) |
|
Mapping Regions Within an Image |
|
|
197 | (2) |
|
Creating Client-Side Imagemaps |
|
|
199 | (10) |
|
Part III: Creative Web Page Design |
|
|
|
Hour 11: Using Tables to Organize and Lay Out Your Pages |
|
|
209 | (18) |
|
|
209 | (4) |
|
Controlling the Size of Tables |
|
|
213 | (1) |
|
Alignment and Spanning Within Tables |
|
|
213 | (2) |
|
Table Backgrounds and Spacing |
|
|
215 | (2) |
|
Creative Page Layout with Tables |
|
|
217 | (10) |
|
Hour 12: Formatting Web Pages with CSS Style Sheets |
|
|
227 | (20) |
|
|
228 | (1) |
|
|
229 | (5) |
|
|
234 | (5) |
|
|
239 | (3) |
|
Internal Style Sheets and Inline Styles |
|
|
242 | (1) |
|
A Quick Style Sheet Recap |
|
|
243 | (4) |
|
Hour 13: Digging Deeper into Style Sheet Formatting |
|
|
247 | (16) |
|
Advanced Text Formatting with CSS |
|
|
247 | (3) |
|
Changing the Appearance of Links |
|
|
250 | (1) |
|
|
251 | (2) |
|
|
253 | (2) |
|
Revisiting the Hockey Player Example |
|
|
255 | (8) |
|
Hour 14: Using Style Sheets for Page Layout |
|
|
263 | (22) |
|
The Whole Scoop on Positioning |
|
|
263 | (5) |
|
Controlling the Way Things Stack Up |
|
|
268 | (3) |
|
|
271 | (2) |
|
A Little Padding for Safety |
|
|
273 | (1) |
|
Keeping Everything Aligned |
|
|
274 | (2) |
|
Managing the Flow of Text |
|
|
276 | (1) |
|
Taking Advantage of a Style Sheet Template |
|
|
277 | (8) |
|
Hour 15: Creating Print-Friendly Web Pages |
|
|
285 | (12) |
|
What Makes a Page Print-Friendly? |
|
|
285 | (3) |
|
Applying a Media-Specific Style Sheet |
|
|
288 | (2) |
|
Designing a Style Sheet for Print Pages |
|
|
290 | (3) |
|
Viewing a Web Page in Print |
|
|
293 | (4) |
|
Hour 16: Multipage Layout with Frames |
|
|
297 | (20) |
|
|
297 | (2) |
|
|
299 | (3) |
|
Linking Between Frames and Windows |
|
|
302 | (2) |
|
Nesting Frames Within Frames |
|
|
304 | (2) |
|
Controlling Frame Margins, Borders, and Scrolling |
|
|
306 | (11) |
|
Part IV: Dynamic Web Pages |
|
|
|
Hour 17: Web Page Scripting for Nonprogrammers |
|
|
317 | (26) |
|
The Least You Need to Know About Scripting |
|
|
317 | (3) |
|
Jazzing Things Up with Interactive Highlighting |
|
|
320 | (4) |
|
Preloading Images for Speed |
|
|
324 | (1) |
|
Creating an Animated Banner Ad |
|
|
325 | (4) |
|
Displaying a Random Quote |
|
|
329 | (2) |
|
Creating a Virtual Fish Tank |
|
|
331 | (3) |
|
Cashing In with Google Ads on Your Site |
|
|
334 | (4) |
|
The Wide World of JavaScript |
|
|
338 | (5) |
|
Hour 18: Gathering Information with HTML Forms |
|
|
343 | (22) |
|
|
343 | (1) |
|
|
344 | (4) |
|
|
348 | (1) |
|
Identifying Each Piece of Form Data |
|
|
348 | (1) |
|
Including Hidden Data in Forms |
|
|
349 | (1) |
|
Exploring Form Input Controls |
|
|
350 | (3) |
|
|
353 | (2) |
|
Using a PayPal Buy Now Button |
|
|
355 | (10) |
|
Hour 19: Embedding Multimedia in Web Pages |
|
|
365 | (20) |
|
Placing Multimedia Content on a Web Page |
|
|
367 | (1) |
|
Linking to Multimedia Files |
|
|
367 | (3) |
|
Embedding Video with Windows Media Player |
|
|
370 | (4) |
|
Embedding Audio with RealPlayer |
|
|
374 | (3) |
|
Automatically Embedding the Appropriate Player |
|
|
377 | (8) |
|
Hour 20: Jazz Up Your eBay Auctions with HTML and CSS |
|
|
385 | (18) |
|
Why Use HTML and CSS on eBay? |
|
|
386 | (2) |
|
Understanding How HTML Fits into eBay |
|
|
388 | (1) |
|
Creating an eBay Item Listing in HTML |
|
|
389 | (3) |
|
Providing a Link to Your About Me Page |
|
|
392 | (2) |
|
Altering the Background of an Item Page |
|
|
394 | (2) |
|
Creating a Slide Show Item Listing |
|
|
396 | (7) |
|
Hour 21: Create Your Own Blog |
|
|
403 | (20) |
|
|
403 | (3) |
|
Creating a Blog on Blogger.com |
|
|
406 | (2) |
|
Creating Your First Blog Entry |
|
|
408 | (2) |
|
Using CSS to Dress Up Your Blog |
|
|
410 | (5) |
|
Tying Your Blog to Your Web Site |
|
|
415 | (1) |
|
|
416 | (7) |
|
Part V: Building a Web Site |
|
|
|
Hour 22: Organizing and Managing a Web Site |
|
|
423 | (16) |
|
|
424 | (2) |
|
|
426 | (2) |
|
|
428 | (4) |
|
Writing Maintainable HTML Code |
|
|
432 | (7) |
|
Hour 23: Helping People Find Your Web Pages |
|
|
439 | (20) |
|
Publicizing Your Web Site |
|
|
439 | (2) |
|
Listing Your Pages with the Major Search Sites |
|
|
441 | (2) |
|
Providing Hints for Search Engines |
|
|
443 | (7) |
|
Auto Loading Another Web Page |
|
|
450 | (2) |
|
Documenting the Full Address of a Page |
|
|
452 | (7) |
|
Hour 24: Beyond Traditional Web Sites |
|
|
459 | (20) |
|
|
459 | (1) |
|
From Calculators to Wireless Communicators |
|
|
460 | (1) |
|
HTML as the New User Interface |
|
|
461 | (1) |
|
The Digital Media Revolution Will Not Be Televised |
|
|
462 | (1) |
|
Preparing Yourself for Tomorrow |
|
|
463 | (2) |
|
The Future of HTML Applications |
|
|
465 | (14) |
|
|
|
APPENDIX A: Readers' Most Frequently Asked Questions |
|
|
479 | (8) |
|
The 24 Top Questions from Readers of Sams Teach Yourself HTML and CSS in 24 Hours |
|
|
479 | (8) |
|
APPENDIX B: HTML and CSS Resources on the Internet |
|
|
487 | (6) |
|
General HTML, XHTML, and CSS Information |
|
|
487 | (1) |
|
|
488 | (1) |
|
|
488 | (1) |
|
|
489 | (1) |
|
|
490 | (1) |
|
Advanced Developer Resources |
|
|
491 | (1) |
|
|
491 | (1) |
|
Directories with HTML Information |
|
|
492 | (1) |
|
|
492 | (1) |
|
|
492 | (1) |
|
APPENDIX C: Complete XHTML 1.1 and CSS 2 Quick Reference |
|
|
493 | (50) |
|
|
494 | (3) |
|
XHTML Text Phrases and Paragraphs |
|
|
497 | (5) |
|
XHTML Text Formatting Elements |
|
|
502 | (1) |
|
|
503 | (2) |
|
|
505 | (1) |
|
|
506 | (6) |
|
|
512 | (2) |
|
|
514 | (3) |
|
|
517 | (1) |
|
|
517 | (5) |
|
|
522 | (1) |
|
XHTML Common Attributes and Events |
|
|
522 | (1) |
|
CSS Dimension Style Properties |
|
|
523 | (2) |
|
CSS Text and Font Style Properties |
|
|
525 | (2) |
|
CSS Background Style Properties |
|
|
527 | (1) |
|
CSS Border Style Properties |
|
|
528 | (3) |
|
CSS Margin Style Properties |
|
|
531 | (1) |
|
CSS Padding Style Properties |
|
|
532 | (1) |
|
CSS Layout and Display Style Properties |
|
|
533 | (2) |
|
CSS List and Marker Style Properties |
|
|
535 | (1) |
|
CSS Table Style Properties |
|
|
536 | (1) |
|
Appendix D: Migrating from HTML to XHTML |
|
|
537 | (1) |
|
Differences Between XHTML 1 and HTML 4 |
|
|
537 | (1) |
|
XHTML and Document Validity |
|
|
538 | (1) |
|
Declaring XHTML Namespaces |
|
|
539 | (1) |
|
Converting HTML Documents to XHTML |
|
|
539 | (4) |
Index |
|
543 | |