Mastering Integrated HTML and CSS

Virginia DeBolt047009754X, 9780470097540, 9780470147931

A Unique Approach to Learning HTML and CSS Simultaneously. Master Hpertext (or Extensible Hypertext) Markup Language (HTML/XHTML) and Cascading Style Sheets (CSS), and You’re well on your way to creating modern, accessible Websites. This comprehensive guide offers integrated instruction in both. You’ll save time and get more productive by learning to structure your (X) HTML content for best effect with CSS styles, from the start. Using the latest standards, best practices, and real-world examples, web expert Virginia DeBolt offers a thorough grounding in the basics plus advanced techniques for those who want to improve their current skills or learn more modern ways of working. You’ll find out how to create websites that are accessible to the widest range o visitors, learn the latest specs, build CSS for print and handheld devices, and work with a variety of CSS-based layouts. COVERAGE INCLUDES:Writing XHTML and CSS using correct syntaxWorking with fixed and fluid two- and three-column layoutsStyling links as CSS popupsCreating and applying styles to make an accessible formMastering hierarchy, alignment, focal point, and other design conceptspublishing and testing your pagesWorking bloat-free with CSS in DreamweaverRWeaning yourself from table-based layouts and out-of-date coding

---

Table of contents :
Mastering Integrated HTML and CSS……Page 1
Acknowledgments……Page 10
About the Author……Page 11
Contents at a Glance……Page 12
Contents……Page 13
Who Should Read This Book……Page 22
What Is Covered in This Book……Page 23
Resources on the CD……Page 24
Contacting the Author……Page 25
Anatomy of a Website……Page 28
Getting Started with XHTML Syntax……Page 31
Getting Started with CSS Syntax……Page 36
Real-World Scenario……Page 43
The Bottom Line……Page 44
The Cascade……Page 46
Inheritance……Page 58
Specificity……Page 59
Do the Math……Page 61
Now Add Inline Styles to the Math……Page 62
Using @import……Page 63
Real-World Scenario……Page 65
The Bottom Line……Page 67
XHTML: What Every Page Requires……Page 70
DOCTYPEs……Page 71
The XML Declaration……Page 74
Let’s Get Started……Page 76
The Head……Page 77
The Body……Page 78
CSS: A Stylish Body……Page 79
Attached Background Images……Page 92
Real-World Scenario……Page 94
Element……Page 96
The Bottom Line……Page 97
XHTML: The Heading Tags……Page 100
CSS: Style a Heading……Page 104
A Class Alternative……Page 118
Image Replacement for Headings……Page 119
The CSS Box Model……Page 123
Real-World Scenario……Page 126
CSS Properties for Headings……Page 127
The Bottom Line……Page 128
Learn the XHTML……Page 130
Organizing Content Structurally……Page 132
When to Use div……Page 134
Learn the CSS……Page 136
Real-World Scenario……Page 170
CSS Properties……Page 172
The Bottom Line……Page 173
XHTML: Formatting Text……Page 176
CSS: Stylish Text……Page 192
Let’s Go into Print……Page 215
Real-World Scenario……Page 223
The Bottom Line……Page 225
Organizing a Site……Page 228
XHTML: The Anchor Element……Page 233
CSS: Pizzazz for Anchors……Page 260
An id-Based Current Page Indicator……Page 268
CSS Pop-ups……Page 269
Real-World Scenario……Page 274
CSS Properties……Page 276
The Bottom Line……Page 277
Creating and Editing Images……Page 280
XHTML: Add Images to a Page……Page 290
The longdesc Attribute……Page 293
The Image Stockpile……Page 294
Build Some Basic Button Nav Bars……Page 295
Designing a Simple Photo Gallery……Page 299
Adding a Banner……Page 301
Adding Other Headings……Page 302
Inserting a Photo in Your Gallery……Page 303
Transparent GIFs……Page 304
CSS: Dress It Up……Page 307
Size Matters……Page 313
Linking Directly to Images……Page 317
Adding Multimedia to Your Page……Page 323
Real-World Scenario……Page 333
The Bottom Line……Page 336
XHTML: List Basics……Page 338
CSS: Presentation Is Powerful……Page 344
A Vertical Nav bar with Pure CSS Pop-ups……Page 356
Horizontal Lists……Page 362
Real-World Scenario……Page 369
The Bottom Line……Page 371
A Tangled Table Tale……Page 374
XHTML: Creating the Rows and Columns……Page 375
Learn More XHTML: thead, tbody, tfoot……Page 393
Real-World Scenario……Page 398
The Bottom Line……Page 400
Script Matters……Page 402
Learn the XHTML……Page 403
Add CSS to Your Form……Page 426
Real-World Scenario……Page 430
The Bottom Line……Page 433
Finding Free Server Space……Page 434
Your Own Domain……Page 435
Using FTP Software……Page 437
Testing and Validating the Site……Page 442
Telling the Search Engines You Are There……Page 457
Understanding Your Audience……Page 459
Real-World Scenario……Page 461
The Bottom Line……Page 465
Advantages of Blogging……Page 466
Where to Sign Up for a Blog……Page 467
Getting Started with Blogger……Page 468
Configuring a BlogSpot Blog……Page 471
Publishing to Your Blogger Blog……Page 474
Customizing the Blogger Template……Page 475
Customize the Blogger CSS……Page 479
WordPress Hosted Free……Page 487
Real-World Scenario……Page 495
The Bottom Line……Page 496
Wireframes……Page 498
Layout……Page 499
Visual Hierarchy……Page 500
Consistency and Repetition……Page 504
Alignment……Page 505
Resources……Page 509
Real-World Scenario……Page 510
The Bottom Line……Page 512
Inherent Obstacles to Web Authoring for Handhelds……Page 514
A Solid Foundation……Page 515
CSS: Keep it Simple……Page 521
Developer Resources for Handhelds……Page 526
Real-World Scenario……Page 528
The Bottom Line……Page 531
Add Structure with Dreamweaver’s Insert Div Tool……Page 534
The CSS Styles Panel……Page 543
Tag Selectors……Page 551
More Advanced Selectors……Page 553
Editing Styles in Dreamweaver……Page 557
Classes and the Property Inspector……Page 560
Real-World Scenario……Page 565
The Bottom Line……Page 567
Appendix: The Bottom Line……Page 568
Glossary……Page 590
Index……Page 600
Mastering Integrated HTML and CSS in Color……Page 628