Product Overview

Build Your Own Standards Compliant Website Using Dreamweaver 8

Table Of Contents

- Here’s a look at the table of contents:

0. Introduction
   • Who Should Read This Book?
   • What’s In This Book?
   • Further Reading
   • The Book’s Website
     • The Code Archive
     • Updates and Errata
   • The SitePoint Forums
   • The SitePoint Newsletters
   • Your Feedback
   • Acknowledgements
1. What are Web Standards?
   • Web Standards Defined
   • Who Needs Web Standards?
     • Web Designers and Developers
     • Browser Manufacturers
     • Authoring Tool Manufacturers
     • Web Users
   • Using Web Standards
     • Creating a Valid XHTML Document
     • Validating your Document
     • Using Valid CSS
     • Validating for Accessibility
     • Applying a Semantic Document Structure
     • Separating Presentation from Document Structure
   • Summary
2. Site Planning and Setting up for Development
   • The Code Spark Site Design
     • Features of the Code Spark Website
     • Designing the Site
   • Structuring the Site
     • Dealing with Common Elements
   • Setting up a Web Server
     • Installing Apache
     • Testing SSI
     • Using IIS as your Local Web Server
   • Hosting your Site
   • Setting up Dreamweaver
     • Your Workspace
     • Setting Preferences
   • Summary
3. XHTML and Semantics
   • What is XHTML?
     • XML
     • XHTML
   • What Makes a Valid XHTML Document?
     • The DOCTYPE
     • The html Element
     • The head Element
     • The body Element
   • XHTML and HTML: the Differences
     • Quoting Attribute Values
     • Closing all Empty and Non-empty Elements
     • Avoiding Minimizing Attributes
     • Writing Elements and Attributes in Lowercase
     • Nesting Elements Properly
     • Using id Instead of name to Identify Elements
   • Why use XHTML?
     • Creating Clean Markup
     • Making Code Easier for Machines to Process
     • Boosting the Portability of Content
     • Allowing Integration with other XML Applications
   • XHTML in Dreamweaver
     • Creating New Pages
     • Converting Existing Pages
   • Semantic Markup
     • Using Elements Semantically
     • Semantic Markup and Text-Only Devices
   • Summary
4. Constructing the Document
   • The New XHTML Document
   • The Main Content Area
     • Linking to Other Tutorials
     • Displaying Browser Statistics
   • Other Page Elements
   • The Heading and Main Navigation
     • The Sidebar
   • Validating your XHTML
     • Validation in Dreamweaver
   • Summary
5. CSS and Dreamweaver
   • Why CSS?
     • CSS Basics
   • Your Basic Toolkit
     • Setting Preferences for CSS
     • The Page Properties Dialog Box
     • The CSS Panel
     • The Property Inspector
     • Editing CSS in Code View
     • Sample CSS Styles
     • CSS Page Designs
     • Design Time Style Sheets
     • The Style Rendering Toolbar
     • CSS "Layout Blocks"
   • Summary
6. Constructing the Layout with CSS
   • The Homepage Document
   • Defining the Basic Layout
     • The Header
     • The Content Area
     • The Navigation Area
   • Creating CSS Rules
     • The Body Area
     • Styling the Header div
     • The Top of the Header Area
     • The Accessibility Buttons
     • The Main Navigation
     • Styling the Navigation Links
     • The Properties Pane of the CSS Panel
   • The Content Area
     • The Content Sections
     • Using Dreamweaver Visual Aids
     • The Headings
     • The Contents of the Homepage Boxes
     • Styling Tables
     • The Browser Statistics Section
   • The Sidebar
     • The Search Box
     • The Topics List
     • The Articles Lists
     • Rounding Out the Sidebar
   • CSS Validation and Browser Testing
     • Validating the Code
     • Browser Testing
   • Summary
7. Accessibility
   • Will Considering Accessibility Stop us Creating Exciting Designs?
   • Which Users Benefit?
   • Which Guidelines are we Working to?
     • The Web Accessibility Initiative (WAI)
     • WACG Checkpoint Priorities
     • Legislation
   • Dreamweaver Tools for Accessibility
   • Accessibility in Practice
     • Priority 1
     • Priority 2
     • Priority 3
   • Accessibility Validation
     • The Dreamweaver Accessibility Validator
     • Cynthia Says: Online Validation
   • Summary
8. Building the Site
   • Creating the Includes
     • The First Include: head.html
     • The Second Include: top.html
     • The Final Include: bottom.html
   • Creating The Base Page
   • The Tutorial List Page
     • Creating the Lists
     • Adding to the CSS
   • An Example Tutorial Page
     • Adding CSS for the Tutorial Page
     • The Author Image
     • The Author Credit and Date
     • The Introduction Text
     • Inline Images
     • Quotes
   • Highlighting the Current Section in the Navigation Area
   • The Sitemap
     • Marking up the Sitemap
     • Styling the Sitemap with CSS
   • Summary
9. Forms and Third-party Services
   • The Contact Form
     • Marking up the Form
     • Laying out the Form with CSS
     • Client-side Validation Using Dreamweaver
     • Submitting the Form
   • Adding a Search Facility
     • Creating an Atomz Account
     • Adding the Search Form to Your Site
     • Editing the Atomz Templates
   • Summary
10. Alternate Style Sheets
    • Accessibility Controls
      • Text Resizing
      • Switching Style Sheets
      • A “Low Graphics” Layout
    • Media Types
      • Print Style Sheet
    • Final Tasks
      • Final Validation
    • Summary
11. Index