Product Overview

Build Your Own
Web Site The Right Way Using HTML & CSS, 2nd Edition

Table Of Contents

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

0. Preface
   • What is a Browser?
   • Who Should Read This Book?
   • What You’ll Learn from This Book
   • How You’ll Learn to Build Your Web Site
     • HTML, Markup, CSS… Welcome to Your First Bits of Jargon!
     • Building the Example Site
     • What You Can Expect from the Example Web Site
   • What This Book Won’t Tell You
   • What’s in This Book?
   • The Book’s Web Site
     • The Code Archive
     • Updates and Errata
   • The SitePoint Forums
   • The SitePoint Newsletters
   • Your Feedback
   • Acknowledgements
   • Conventions Used in This Book
1. Setting Up Shop
   • The Basic Tools You Need
     • Windows Basic Tools
     • Mac OS X Basic Tools
   • Beyond the Basic Tools
     • Windows Tools
     • Mac OS X Tools
   • Not Just Text, Text, Text
     • Windows Tools
     • Mac OS X Tools
   • Creating a Spot for Your Web Site
     • Windows
     • Mac OS X
   • Getting Help
   • Summary
2. Your First Web Pages
   • Nice to Meet You, XHTML
     • Anatomy of a Web Page
     • Viewing the Source
     • Basic Requirements of a Web Page
     • The Doctype
     • The html Element
     • The head Element
     • The title Element
     • meta Elements
     • Other head Elements
     • The body Element
     • The Most Basic Web Page in the World
     • Headings and Document Hierarchy
     • Paragraphs
     • For People Who Love Lists
     • Commenting Your HTML
     • Symbols
   • Diving into Our Web Site
     • The Homepage: the Starting Point for All Web Sites
     • Splitting Up the Page
     • Linking Between Our New Pages
     • The blockquote (Who Said That?)
     • The cite Element
     • strong and em
     • Taking a Break
   • Summary
3. Adding Some Style
   • What is CSS?
   • Inline Styles
     • Adding Inline Styles
     • The span Element
   • Embedded Styles
     • Jargon Break
     • Why Embedded Styles Are Better than Inline Styles
   • External Style Sheets
     • Why External Style Sheets Are Better than Embedded Styles
     • Creating an External CSS File
     • Linking CSS to a Web Page
   • Starting to Build Our Style Sheet
     • Stylish Headings
     • A Mixture of New Styles
     • A New Look in a Flash!
     • A Beginner’s Palette of Styling Options
     • Recap: the Style Story so Far
     • Looking at Elements in Context
     • Contextual Selectors
     • Grouping Styles
     • Which Rule Wins?
     • Recapping Our Progress
     • Styling Links
     • Class Selectors
     • Styling Partial Text Using span
   • Summary
4. Shaping Up Using CSS
   • Block-level Elements vs Inline Elements
     • Block-level Elements
     • Inline Elements
     • Inline Begets Inline
     • Inline Elements Can Never Contain Block-level Elements
     • Recap: Block-level and Inline Elements
     • Styling Inline and Block-level Elements
   • Sizing Up the Blocks
     • Setting a Width
     • Setting a Height
   • Adding Borders to Block-level Elements
     • Example Borders
     • Styling Individual Sides of an Element
     • Shorthand Border Styles
     • Border Styles You Can Use
   • Recap: What Have We Learned?
   • Shaping and Sizing Our Diving Site
     • Adding Padding
     • Introducing Padding to the Project Site
     • Margins
     • The Box Model
   • Positioning Elements Anywhere You Like!
     • Showing the Structure
     • Absolute Positioning
   • What We’ve Achieved: Full CSS Layout
   • Other Layout Options
     • More Absolute Positioning
     • Relative Positioning
     • Floated Positioning
   • Styling Lists
   • Summary
5. Picture This! Using Images on Your Web Site
   • Inline Images
     • Anatomy of the Image Element
     • Web Accessibility
   • GIF vs JPG vs PNG
   • Transparency
     • PNG: King of Transparency
   • Adding an Image Gallery to the Site
     • Updating the Navigation
     • Adding the New Gallery Page
     • Adding the First Image
     • Formatting the Picture using CSS
     • Captioning the Picture
   • Basic Image Editing
     • Image Cropping
     • Special Effects
     • Resizing Large Images
     • Other Software
   • Filling up the Gallery
   • Sourcing Images for Your Web Site
   • Background Images in CSS
     • Repeated Patterns
     • Non-repeating Images
     • Shorthand Backgrounds
     • Fixed Heights and Widths
     • Setting a Background for Our Navigation
   • Summary
6. Tables: Tools for Organizing Data
   • What is a Table?
   • Anatomy of a Table
   • Styling the Table
     • Borders, Spacing, and Alignment
   • Making Your Tables Accessible
     • Linearization
     • summary
     • Captioning your Table
     • Recap
     • Adding an Events Table
     • Stylish Table Cells
   • Advanced Tables
     • Merging Table Cells
     • Advanced Accessibility
   • Summary
7. Forms: Interacting with Your Audience
   • Anatomy of a Form
   • A Simple Form
   • The Building Blocks of a Form
     • The form Element
     • The fieldset and legend Elements
     • The label Element
     • The input Element
     • The select Element
     • The textarea Element
     • Submit Buttons
     • The Default Control Appearance
   • Building a Contact Page
     • Editing the Contact Us Page
     • Adding a form and a fieldset Element
     • Styling fieldset and legend with CSS
     • Adding Text Input Controls
     • Tidying up label Elements with CSS
     • Adding a select Element
     • Adding a textarea Element
     • Adding Radio Buttons and Checkboxes
     • Completing the Form: a Submit Button
   • What Have We Achieved?
   • Processing the Form
     • Signing Up for Form Processing
     • Inserting the Form Code
     • Feedback by Email
   • Summary
8. Launching Your Web Site
   • The Client–Server Model
   • Web Hosting Jargon
   • Hosting Your Web Site—Finding Server Space
     • Free Hosting—with a Catch!
     • Free Hosting—with a Domain Name at Cost
   • What is Web Forwarding?
     • The Downsides of Web Forwarding
   • Paying for Web Hosting
   • Hosting Essentials
     • FTP Access to Your Server
     • Adequate Storage Space
     • A Reasonable Bandwidth Allowance
   • Hosting Nice-to-haves
     • Email Accounts
     • Server Side Includes (SSIs)
     • Support for Scripting Languages and Databases
   • Pre-flight Check—How Do Your Pages Look in Different Browsers?
   • Uploading Files to Your Server
     • FTP Settings
     • Uploading with FileZilla for Windows
     • Uploading with Cyberduck—Mac OS X
     • Other Uploading Tools
   • Recap—Where’s Your Site At?
     • Checking Links
     • Validating Your Web Pages
   • Promoting Your Web Site
     • Submit Your Web Site to Search Engines
     • Tell Your Friends and Colleagues
     • Craft an Email Signature with Your Web Site Details
     • Post on a Related Forum
     • Link Exchange
   • Summary
9. Adding a Blog to Your Web Site
   • Where to Set up a Blog
   • Signing up for Blogger
   • How Blogger Creates a Web Page
   • Customizing Your Blogger Template
     • Merging the Blogger Code with Your Existing Web Page
   • Tidying up the Blogger Template
     • Blog Comments
     • Validating Your Blog
   • Managing Your Blogger Posts
   • Encouraging Others to Contribute to Your Blog
   • Summary
10. Pimp My Site: Cool Stuff You Can Add for Free
    • Getting the Low-down on Your Visitors
      • Choosing a Statistics Service
      • Registering a Google Account
      • Adding the Statistics Code to Your Web Pages
    • A Search Tool for Your Site
    • Searching by Genre
    • Adding a Blogroll to Your Web Site
      • Signing up for a Blogroll
      • Integrating the Blogroll with Your Web Site
    • Discussion Forums
    • Summary
11. Where to Now? What You Could Learn Next
    • Improving Your XHTML
      • The Official Documentation
      • Other Useful XHTML Resources
    • Advancing Your CSS Knowledge
      • The Official Documentation
      • The Ultimate CSS Reference
      • HTML Dog
      • CSS Discussion Lists
      • Other CSS Resources
      • The CSS Discuss List’s Companion Site
    • Learning JavaScript
    • Learning Server-side Programming
      • Scripting Languages in Brief
    • Learning PHP
      • Where Can You Learn PHP?
    • Summary
12. Index