You are previewing HTML, XHTML, and CSS: Your visual blueprint™ for designing effective Web pages.
O'Reilly logo
HTML, XHTML, and CSS: Your visual blueprint™ for designing effective Web pages

Book Description

If you’ve ever been curious about any of the multitude of internet acronyms, the web technologies they represent, and how they can benefit you, this book is a great place to start. This book covers all the necessary topics to get up and running with HTML, XHTML, and CSS while offering readers a guide to modern, standards-based design. Key tasks covered in the book include setting up a Web page, reducing image resolution, creating radio buttons, adding a hit counter, adding an embedded sound, adding content from other sites such as integrating a blog and creating an RSS feed. Large topics are broken into smaller, more approachable sub-topics that are clearly explained on two pages eliminating the back and forth page flipping required in other references. Arranged so that skills build progressively throughout the book coupled with bold page headers it is simple to flip through and easily find any section or topic you are looking for. Understandable with straightforward terms that avoid intimidating and unexplained jargon, this is a book that will benefit complete novices and advanced users alike.

While primarily focused on the technologies outlined in the title, this book goes on to provide tips on integrating with Google, Flickr, social bookmark sites and even creating and implementing RSS feeds. Rest assured, each of these technologies is explained with the benefits of each outlined. A serious resource that quickly and concisely gets to the point, this book helps you gain real skills that will have you online in short order. Best of all, you can be confident that you are doing so the right way.

HTML, XHTML, and CSS: Your visual blueprint™ for designing effective Web pages offers visual learners a solid reference that employs straight forward examples to teach you to create and design Web pages with impact. "Apply It" and "Extra" sidebars highlight useful tips and high-resolution screen shots clearly illustrate each task while succinct explanations walk you through the examples. The associated website contains all the needed code to learn HTML.

Table of Contents

  1. Copyright
    1. Trademark Acknowledgments
    2. Contact Us
  2. PRAISE FOR VISUAL BOOKS...
  3. Credits
  4. About the Author
  5. Author's Acknowledgments
  6. HOW TO USE THIS BOOK
    1. Who Needs This Book
    2. Book Organization
    3. What You Need to Use This Book
    4. The Conventions in This Book
    5. What's on the Web Site
  7. 1. INTRODUCING HTML AND XHTML
    1. 1.1. Introducing HTML
    2. 1.2. Introducing XHTML 1.0
    3. 1.3. Introducing Cascading Style Sheets
    4. 1.4. Introducing JavaScript
    5. 1.5. Understanding Creation Tools
    6. 1.6. Understanding Web Browsers
    7. 1.7. Understanding Web Servers
    8. 1.8. Plan Your Web Site
  8. 2. INTRODUCING HTML BASICS
    1. 2.1. Create a Basic Web Page
    2. 2.2. Save and Preview a Web Page
    3. 2.3. Create Headings
    4. 2.4. Create Paragraphs
    5. 2.5. Add Line Breaks
    6. 2.6. Add Horizontal Rules
    7. 2.7. Add Comments to the Code
    8. 2.8. Apply Logical Formatting
  9. 3. CREATING HYPERLINKS
    1. 3.1. Plan Your Navigation
    2. 3.2. Structure Web Site Files
    3. 3.3. Understanding File Paths
    4. 3.4. Create a Link to a Page in Your Site
    5. 3.5. Create a Link to a Page on the Web
    6. 3.6. Create a Link Within a Page
    7. 3.7. Create a Link to an E-mail Address
    8. 3.8. Set Tooltips for Links
    9. 3.9. Test Your Links
  10. 4. WORKING WITH IMAGES
    1. 4.1. Understanding Image File Formats
    2. 4.2. Add an Image to Your Page
    3. 4.3. Specify Alternate Text for an Image
    4. 4.4. Specify the Size of an Image
    5. 4.5. Using Images as Links
    6. 4.6. Add a Favorites Icon
  11. 5. USING TABLES
    1. 5.1. Add a Table to Your Page
    2. 5.2. Add Headers to Your Table
    3. 5.3. Create Cells That Span Rows or Columns
    4. 5.4. Set the Border of the Table
    5. 5.5. Set the Width of a Table
    6. 5.6. Add Space Within a Table
    7. 5.7. Define Sections of a Table
    8. 5.8. Define Columns
  12. 6. USING LISTS
    1. 6.1. Add a Bulleted List to Your Page
    2. 6.2. Add a Numbered List to Your Page
    3. 6.3. Add a Definition List to Your Page
    4. 6.4. Nest a List Within a List
  13. 7. FORMATTING THE TEXT ON YOUR PAGE
    1. 7.1. Get Started with Cascading Style Sheets
    2. 7.2. Understanding Units of Measurement
    3. 7.3. Set the Size of Text on a Page
    4. 7.4. Set the Font on a Page
    5. 7.5. Using Color on the Web
    6. 7.6. Change the Color of Text on a Page
    7. 7.7. Adjust the Height of Lines
    8. 7.8. Make Text Bold or Italic
    9. 7.9. Indent and Align Text
    10. 7.10. Using Additional Font Properties
    11. 7.11. Using the Font Shorthand Property
  14. 8. APPLYING MORE FORMATTING TO YOUR PAGE
    1. 8.1. Add Background Colors to Elements on a Page
    2. 8.2. Add Background Images to Elements on a Page
    3. 8.3. Control the Position of Background Images
    4. 8.4. Using the Background Shorthand Property
    5. 8.5. Add Padding to Elements on a Page
    6. 8.6. Add Borders to Elements on a Page
    7. 8.7. Add Margins to Elements on a Page
    8. 8.8. Set the Width and Height of Elements
    9. 8.9. Using CSS Shorthand Properties for the Box Model
    10. 8.10. Style Links
    11. 8.11. Style Tables
    12. 8.12. Replace the Bullets on a List
    13. 8.13. Control the Indentation of Lists
    14. 8.14. Customize Cursors
  15. 9. WORKING WITH OTHER CSS SELECTORS
    1. 9.1. Apply Styles to More than One Element at a Time
    2. 9.2. Using the Span Element
    3. 9.3. Structure the Page with the Div Element
    4. 9.4. Control Styles with Classes
    5. 9.5. Style Specific Elements with IDs
    6. 9.6. Apply Styles with Contextual Selectors
    7. 9.7. Apply Other Selectors
    8. 9.8. Create Effects with Pseudo-Elements
    9. 9.9. Apply Additional Styles through Pseudo-Classes
    10. 9.10. Specify Rules as Important
    11. 9.11. Create an External Style Sheet
    12. 9.12. Override Styles Using the Cascade
  16. 10. LAYING OUT YOUR PAGE
    1. 10.1. Lay Out Your Page Using Floated Elements
    2. 10.2. Clear Floats
    3. 10.3. Lay Out Your Page Using Absolute Positioning
    4. 10.4. Lay Out Your Page Using Relative Positioning
    5. 10.5. Lay Out Your Page Using Fixed Positioning
    6. 10.6. Work with Element Overflow
    7. 10.7. Set Minimum and Maximum Widths and Heights
    8. 10.8. Apply the Display Property
    9. 10.9. Replace a Header with an Image
    10. 10.10. Create Tabbed Navigation
    11. 10.11. Create "You Are Here" Navigation
    12. 10.12. Create a Print Style Sheet
    13. 10.13. Understanding Common CSS Hacks
  17. 11. ADDING FORMS
    1. 11.1. Create a Form
    2. 11.2. Add a Text Box
    3. 11.3. Add Labels
    4. 11.4. Add Check Boxes and Radio Buttons
    5. 11.5. Build a Drop-Down List
    6. 11.6. Group Drop-Down Options
    7. 11.7. Insert a Text Area
    8. 11.8. Add a Hidden Field
    9. 11.9. Add a Password Field
    10. 11.10. Add a File Upload Field
    11. 11.11. Add a Submit Button
    12. 11.12. Make an Image into a Button
    13. 11.13. Create a Button with the Button Element
    14. 11.14. Group Related Form Elements
    15. 11.15. Control the Tab Order
    16. 11.16. Process Form Data
  18. 12. WORKING WITH JAVASCRIPT
    1. 12.1. Add JavaScript to Your Page
    2. 12.2. Add Event Handlers
    3. 12.3. Validate a Form
    4. 12.4. Open a New Window
    5. 12.5. Hide and Show Elements
    6. 12.6. Swap Images
    7. 12.7. Debug JavaScript
  19. 13. MAKING YOUR SITE ACCESSIBLE
    1. 13.1. Understanding Web Accessibility
    2. 13.2. Add a Caption and Summary to a Table
    3. 13.3. Using Additional Header Markup in Your Tables
    4. 13.4. Make Complex Tables Accessible
    5. 13.5. Add a Long Description to an Image
    6. 13.6. Make Navigation Accessible
    7. 13.7. Make Forms Accessible
    8. 13.8. Test Accessibility
  20. 14. ADDING SPECIALIZED MARKUP
    1. 14.1. Add Special Characters to Your Page
    2. 14.2. Add an Address to a Page
    3. 14.3. Using Quoted Text
    4. 14.4. Using Abbreviations and Acronyms on a Page
    5. 14.5. Display Code on a Page
    6. 14.6. Denote Inserted and Deleted Text
  21. 15. CREATING AND RSS FEED
    1. 15.1. Understanding XML
    2. 15.2. Understanding RSS
    3. 15.3. Create an RSS Feed
    4. 15.4. Embed Multimedia Content in Your RSS
    5. 15.5. Create a Podcast
    6. 15.6. Publish Your Podcast to iTunes
  22. 16. USING CONTENT FROM OTHER SOURCES
    1. 16.1. Create a Blog
    2. 16.2. Display an RSS Feed on Your Site
    3. 16.3. Show Your Photos with Flickr
    4. 16.4. Display a Google Map on Your Page
    5. 16.5. Display a Google Calendar on Your Site
    6. 16.6. Display Advertising on Your Page
    7. 16.7. Add Social Bookmarks
    8. 16.8. Add Google Search to Your Site
  23. 17. GETTING YOUR SITE LISTED ON SEARCH ENGINES
    1. 17.1. Understanding Search Engine Optimization
    2. 17.2. Add Meta Elements
    3. 17.3. Using Google's Web Master Tools
    4. 17.4. Create a Sitemap
    5. 17.5. Prevent Pages from Being Listed on Search Engines
  24. 18. TESTING AND VALIDATING WEB PAGES
    1. 18.1. Avoid Common HTML Mistakes
    2. 18.2. Avoid Common XHTML Mistakes
    3. 18.3. Avoid Common CSS Mistakes
    4. 18.4. Avoid Common Design Mistakes
    5. 18.5. Clean Up HTML and XHTML with HTML Tidy
    6. 18.6. Validate XHTML
    7. 18.7. Validate CSS
  25. 19. PUBLISHING YOUR SITE
    1. 19.1. Find a Web Host
    2. 19.2. Buy a Domain Name
    3. 19.3. Publish Your Web Site Using Windows FTP
    4. 19.4. Publish Your Web Site Using SmartFTP
  26. A. XHTML REFERENCE
    1. A.1. HTML and XHTML Tag Reference
    2. A.2. XHTML Frameset
    3. A.3. Event Handlers
    4. A.4. Deprecated Tags
    5. A.5. Named Colors
    6. A.6. Character Entities
    7. A.7. XHTML 1.1
  27. B. CSS REFERENCE
    1. B.1. CSS Reference
  28. C. WEB ACCESSIBILITY GUIDELINE REFERENCE
    1. C.1. Web Accessibility Guideline Reference