Product Overview
A new and improved edition on this book is coming!
We’re busily preparing a shiny new and improved second edition of this fantastic book and we want to make sure you get very latest edition.
But you’re probably keen so start building your web site right away so we’re:
- Giving you a PDF copy of the first edition FREE when you pre-order the 2nd edition!
- The new book is due in November 2008 so you’ve not got long to wait.
Until then, enjoy the FULL PDF of the first edition of this great book.
Order ‘Build Your Own Web Site The Right Way Using HTML & CSS’ NOW
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!





