Mastering Integrated HTML and CSS (Mastering)

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 syntax \* Working with fixed and fluid two- and three-column layouts \* Styling links as CSS popups \* Creating and applying styles to make an accessible form \* Mastering hierarchy, alignment, focal point, and other design concepts \* publishing and testing your pages \* Working bloat-free with CSS in Dreamweaver(r) \* Weaning yourself from table-based layouts and out-of-date coding FEATURED ON THE CD The companion CD includes all the materials you need to work through each chapter, as well as sample site materials, Style Me test pages, bonus color palettes, and trial software. \* A Complete Solution for Integrating (X) HTML and CSS from the Start \* Covers the Latest Standards from the World Wide Web Consortium \* Full Coverage for Users of All Skill Levels \* Classroom Ready! Full Courseware and Instructor Support Materials Included \* Gain Inspiration from Top-notch Examples of Real Websites Built Using CSS 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

This unique approach to learning HTML and CSS simultaneously shows you how to save time and be more productive by learning to structure your (X) HTML content for best effect with CSS styles. You’ll discover how to create websites that are accessible to the widest range of visitors, build CSS for print and handheld devices, and work with a variety of CSS-based layouts. Using the latest standards, best practices, and real-world examples, this book offers you with a thorough grounding in the basics and also includes advanced techniques.