Product Overview
Hooray! A new and improved edition of this book is now available!
The 1st edition of Build Your Own Web Site The Right Way Using HTML & CSS was a very fine book but we replaced it with a new and updated edition in December 2008.
However, if you do happen to own a copy of 'Build Your Own Web Site The Right Way Using HTML & CSS' you may still be interested in:
- Downloading the 1st edition code archive
- Viewing the list of known corrections and typos
Build Your Own Web Site The Right Way Using HTML & CSS
Table Of Contents
- Here’s a look at the table of contents:
- 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
- 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
- Tooling Up
- 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
htmlElement - The
headElement - The
titleElement metaElements- Other
headElements - The
bodyElement - 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
citeElement strongandem- Taking a Break
- Summary
- Nice to Meet you, XHTML
- Adding Some Style
- What is CSS?
- Inline Styles
- Adding Inline Styles
- The
spanElement
- 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
- 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
- Block-level Elements vs Inline Elements
- 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
- Inline Images
- 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
- Forms: Interacting with your Audience
- Anatomy of a Form
- A Simple Form
- The Building Blocks of a Form
- The
formElement - The
fieldsetandlegendElements - The
inputElement - The
selectElement textarea- Submit Buttons
- The Default Control Appearance
- The
- Building a Contact Page
- Editing the Contact Us Page
- Adding a
formand afieldsetElement - Styling
fieldsetandlegendwith CSS - Adding Text Input Controls
- Tidying up
labelElements with CSS - Adding a
selectElement - Adding a
textareaElement - 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
- 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
- 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
- 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
- Getting the Low-down on your Visitors
- 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
- Improving your XHTML
- A. XHTML Reference
- Common Attributes
- Internationalization Attributes
- XHTML Elements
- XHTML Comments
- Document Type Declarations
aabbracronymaddressareablockquotebodybrbuttoncaptioncitecodecolcolgroupdddeldfndivdldtemfieldsetformh1toh6headhrhtmliframeimginputinskbdlabellegendlilinkmapmetanoscriptobjectoloptgroupoptionpparampreqsampscriptselectspanstrongstylesubsuptabletbodytdtextareatfootththeadtitletrulvar
- Index
Special Bonus
Get a FREE poster (worth $9.95) when you buy this book!
Purchase ‘Build Your Own Web Site The Right Way Using HTML & CSS’ via SitePoint.com and you’ll be asked to select any one of our three posters to accompany your order, free of charge!





