Product Overview

Build Your Own Web Site The Right Way Using HTML & CSS

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
   • Tooling Up
     • Planning, Schmanning
   • 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 Web Pages
     • 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 with 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 with 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 input Element
     • The select Element
     • textarea
     • 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. Getting your Web Site Online
   • The Client-server Model
   • Web Hosting Jargon 101
   • 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 Get a Blog
   • Signing up for Blogger
   • How Blogger Creates a Web Page
   • Writing a 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
   • Getting 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 an Account with StatCounter
      • 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
      • W3Schools/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. A. XHTML Reference
    • Common Attributes
    • Internationalization Attributes
    • XHTML Elements
      • XHTML Comments
      • Document Type Declarations
      • a
      • abbr
      • acronym
      • address
      • area
      • blockquote
      • body
      • br
      • button
      • caption
      • cite
      • code
      • col
      • colgroup
      • dd
      • del
      • dfn
      • div
      • dl
      • dt
      • em
      • fieldset
      • form
      • h1 to h6
      • head
      • hr
      • html
      • iframe
      • img
      • input
      • ins
      • kbd
      • label
      • legend
      • li
      • link
      • map
      • meta
      • noscript
      • object
      • ol
      • optgroup
      • option
      • p
      • param
      • pre
      • q
      • samp
      • script
      • select
      • span
      • strong
      • style
      • sub
      • sup
      • table
      • tbody
      • td
      • textarea
      • tfoot
      • th
      • thead
      • title
      • tr
      • ul
      • var
13. Index