Product Overview

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

Index

Symbols

# (number sign), (Looking at Elements in Context)
, (comma), (Grouping Styles)
; (semicolon), (Inline Styles)
{} (curly braces), (Embedded Styles)
“” (quotation marks), (Stylish Headings)

A

a (anchor) element, (Linking Between Our New Pages)
A List Apart web site, (A List Apart)
absolute positioning
using, (Absolute Positioning), (More Absolute Positioning)
accessibility (see web accessibility)
action attribute, (The form Element)
addresses (see URLs)
alignment
tables, (Borders, Spacing, and Alignment)
alpha channel transparency, (PNG: King of Transparency)
alt attribute, (Anatomy of the Image Element)
anchors (see links)
anonymous comments
blogs, (Blog Comments)
Apache web server, (Server Side Includes (SSIs))
assistive devices
about, (What is a Table?)
screen readers, (Changing the Emphasis)
attributes, (Conventions Used in This Book)
(see also specific)
defined, (The html Element)
sharing ids, (Adding Structure)

B

background images, (Background Images in CSS)
height and width, (Fixed Heights and Widths)
for navigation area, (Setting a Background for Our Navigation)
non-repeating images, (Non-repeating Images)
repeated patterns, (Repeated Patterns)
shorthand backgrounds, (Shorthand Backgrounds)
for tables, (Adding an Events Table)
background-color property, (A New Look in a Flash!), (A Beginner’s Palette of Styling Options)
bandwidth
defined, (Web Hosting Jargon)
web hosting, (A Reasonable Bandwidth Allowance)
best practices
warning about copying from other web sites, (Viewing the Source)
block-level elements, (Block-level Elements vs Inline Elements)
borders, (Adding Borders to Block-level Elements)
IE width bug, (Other CSS Resources)
margins, (Margins)
sizing, (Sizing Up the Blocks)
versus inline elements, (Block-level Elements vs Inline Elements)
blockquote element, (The blockquote (Who Said That?))
Blogger, (Where to Set up a Blog), (Signing up for Blogger)
Blogroll, (Adding a Blogroll to Your Web Site)
blogs, (Adding a Blog to Your Web Site)
Blogger, (Signing up for Blogger)
Blogroll, (Adding a Blogroll to Your Web Site)
contributions to, (Encouraging Others to Contribute to Your Blog)
defined, (Adding a Blog to Your Web Site)
services for, (Where to Set up a Blog)
body element, (The body Element), (Starting to Build Our Style Sheet)
bold border effects
block-level elements, (Bold Border Effects)
bookmarks
web forwarding services and, (The Downsides of Web Forwarding)
border property
absolute positioning and, (Getting Ready to Move into Position)
borders
block-level elements, (Adding Borders to Block-level Elements)
padding, (Adding Padding)
tables, (Borders, Spacing, and Alignment)
Box Model Hack, (Other CSS Resources)
box models
block-level elements, (The Box Model)
br (break) element, (Taking a Break)
browsers
appearance of web pages in, (Pre-flight Check—How Do Your Pages Look in Different Browsers?)
block quotes, (The blockquote (Who Said That?))
clearing history, (Link States)
CSS hacks and, (Enter the Hacks)
Firefox, (Firefox), (Firefox)
hiding markup using comments, (Using Comments to Hide Markup from Browsers Temporarily)
Internet Explorer, (Your Web Browser: Internet Explorer)
page loading, (What is a Table?)
refreshing page view, (Stylish Headings)
Safari, (Your Web Browser: Safari)
title bar, (The head Element)
web site statistics, (What to Look for—a Summary)
buttons (see radio buttons; submit buttons)

C

caching
in browsers, (Stylish Headings)
caption element, (Captioning the Picture)
captioning
image galleries, (Captioning the Picture)
captions
tables, (Captioning your Table)
case sensitivity
tags, (Analyzing the Web Page)
cells
merging, (Merging Table Cells)
spacing, (Borders, Spacing, and Alignment)
styling, (Stylish Table Cells)
character sets
defining with meta elements, (meta Elements)
checkboxes
forms, (Checkboxes), (Adding Radio Buttons and Checkboxes)
cite (citation) element, (The cite Element)
class attributes, (Managing Your Blogger Posts)
class selectors
about, (Class Selectors)
classes, (Conventions Used in This Book)
(see also pseudo-classes)
contact class, (Styling fieldset and legend with CSS)
limiting to specific elements, (Class Selectors)
naming, (Simple Black Border)
span class, (Styling Partial Text Using span)
styling partial text using span element, (Styling Partial Text Using span)
styling tables, (Borders, Spacing, and Alignment)
“Click here” links, (Linking Between Our New Pages)
client-side scripting, (Learning JavaScript), (Learning Server-side Programming)
Client–Server Model, (The Client–Server Model)
codes
for symbols, (Symbols)
color
background-color property, (A New Look in a Flash!)
borders, (Border Styles You Can Use)
hexadecimal numbers for, (A New Look in a Flash!)
for links in browsers, (Styling Links)
text, (Adding an Events Table)
colspan attribute, (rowspan and colspan)
column-based layouts, (The CSS Discuss List’s Companion Site)
comma (,), (Grouping Styles)
commenting out
XHTML, (Using Comments to Hide Markup from Browsers Temporarily)
comments
blogs, (Blog Comments)
XHTML, (Commenting Your HTML)
compatibility
HTML versions, (The Doctype)
contact class, (Styling fieldset and legend with CSS)
contact pages
building, (Building a Contact Page)
containing elements, (Block-level Elements vs Inline Elements)
content
inside div elements, (Adding Structure)
contextual selectors
about, (Contextual Selectors)
controls
forms, (The label Element), (Adding Text Input Controls)
Crop, (Picasa)
CSS, (The Ultimate CSS Reference)
current version, (The Official Documentation)
design examples, (Advancing Your CSS Knowledge)
discussion lists, (CSS Discussion Lists)
resources, (Advancing Your CSS Knowledge), (The CSS Discuss List’s Companion Site)
CSS (Cascading Style Sheets)
defined, (What is CSS?)
prior to CSS, (The Bad Old Days)
The CSS Anthology: 101 Essential Tips, Tricks & Hacks, (Styling Lists)
CSS floats, (Floated Positioning)
CSS hacks, (Other CSS Resources), (Enter the Hacks)
CSS Zen Garden, (Advancing Your CSS Knowledge)
CSS-Discuss, (CSS Discussion Lists), (The CSS Discuss List’s Companion Site)
Ctrl key, (Preselecting Options)
curly braces ({}), (Embedded Styles)
Cyberduck, (Uploading with Cyberduck—Mac OS X)

D

Dashboard, Blogger, (Customizing Your Blogger Template)
dashed borders
block-level elements, (Dashed Gray Border)
data, (Conventions Used in This Book)
(see also tables)
processing forms, (Building a Contact Page), (Processing the Form)
databases
scripting languages, (Support for Scripting Languages and Databases)
web hosting, (Support for Scripting Languages and Databases)
declarations
border styles, (Shorthand Border Styles)
defined, (Inline Styles)
examples of, (A New Look in a Flash!)
defaults
emphasis and strong elements, (strong and em)
form appearance in different browsers, (The Default Control Appearance)
deleting
commenting out as an alternative to, (Using Comments to Hide Markup from Browsers Temporarily)
directories (see folders)
discussion forums
about, (Discussion Forums)
distinguished from lists, (CSS Discussion Lists)
HTML and XHTML, (Validate Everything)
posting on, (Post on a Related Forum)
SitePoint, (Getting Help)
discussion lists, (CSS Discussion Lists)
div element, (Adding Structure), (Adding Text Input Controls)
div tag, (The Sectioned Page: All Divided Up)
diving site example
shaping and sizing, (Shaping and Sizing Our Diving Site)
Dock (Mac OS X)
dragging applications to, (Your Web Browser: Safari)
doctype (short for Document Type Definition), (The Doctype)
doctype switching, (The Box Model)
documentation
image editors, (Other Software)
domain names
defined, (Web Hosting Jargon)
dotted borders
block-level elements, (Dotted Red Border)
double borders
block-level elements, (Double Borders)
downloads
image editors, (Not Just Text, Text, Text)
page layouts using tables, (What is a Table?)
Picasa, (Picasa)
dynamic content, (Where Can You Learn PHP?)

E

editing, (Conventions Used in This Book)
(see also HTML editors; image editors; text editors)
images, (Image Cropping)
elastic web design, (Benefits of Relative Positioning)
elements, (Conventions Used in This Book), (The html Element), (Linking Between Our New Pages)
(see also XHTML elements)
a (anchor) element, (Linking Between Our New Pages)
block-level versus inline, (Block-level Elements vs Inline Elements)
blockquote element, (The blockquote (Who Said That?))
body element, (The body Element), (Starting to Build Our Style Sheet)
br (break) element, (Taking a Break)
cite (citation) element, (The cite Element)
coding using editors, (meta Elements)
context of, (Looking at Elements in Context)
div element, (Adding Structure), (Adding Text Input Controls)
em (emphasis) element, (strong and em)
emphasis element, (Commenting Your HTML)
fieldset element, (The fieldset and legend Elements), (Adding a form and a fieldset Element)
form element, (Anatomy of a Form), (The form Element), (Adding a form and a fieldset Element)
h1 (main header) element, (A Lick of Paint for the Main Heading)
head element, (The head Element)
html element, (The html Element)
img (image) element, (What’s It All About?), (Anatomy of the Image Element)
input element, (The input Element)
label element, (The label Element), (Text Input), (Tidying up label Elements with CSS)
legend element, (The fieldset and legend Elements), (Styling fieldset and legend with CSS)
li (unordered list) element, (For People Who Love Lists)
limiting classes to specific elements, (Class Selectors)
link element, (Linking CSS to a Web Page)
meta element, (meta Elements)
nesting, (Nesting Explained)
ol (ordered list) element, (For People Who Love Lists)
p (paragraph) element, (Paragraphs), (Adding Text Input Controls)
positioning, (Positioning Elements Anywhere You Like!)
pre element, (The Sectioned Page: All Divided Up)
select element, (The select Element), (Adding a select Element)
strong element, (strong and em)
textarea element, (The textarea Element), (Adding a textarea Element)
title element, (The title Element), (The Downsides of Web Forwarding)
elements, XHTML
HTML Dog and, (HTML Dog)
em (emphasis) element, (strong and em)
email
clickable links, (What’s It All About?)
folders, (CSS Discussion Lists)
in forms, (Feedback by Email)
preferred discussion list styles, (CSS Discussion Lists)
signatures, (Craft an Email Signature with Your Web Site Details)
web hosting, (Email Accounts)
embedded style sheets, (Embedded Styles)
emphasis element, (Commenting Your HTML)
emphasized text, (Changing the Emphasis)
empty elements
self-closing, (meta Elements)
entities
as replacement for symbols, (Symbols)
event table example, (Adding an Events Table)
examples
background images, (Background Images in CSS)
basic skeleton web page, (Basic Requirements of a Web Page)
basic web page with content, (The Most Basic Web Page in the World)
block-level elements, (Block-level Elements)
Blogger, (Customizing Your Blogger Template)
Blogroll, (Integrating the Blogroll with Your Web Site)
body element in style sheet, (Starting to Build Our Style Sheet)
body elements, (The body Element)
borders for block-level elements, (Example Borders)
commenting out, (Using Comments to Hide Markup from Browsers Temporarily)
comments, (Commenting Your HTML)
embedded styles, (Embedded Styles)
external CSS file, (Creating an External CSS File)
forms, (A Simple Form)
homepage, (The Homepage: the Starting Point for All Web Sites)
image gallery, (Updating the Navigation), (Filling up the Gallery)
inline elements, (Inline Elements)
linking CSS to web pages, (Linking CSS to a Web Page)
linking web pages, (Linking Between Our New Pages)
meta elements, (meta Elements)
nesting div elements, (Nesting Explained)
padding and margins, (Shaping and Sizing Our Diving Site)
positioning, (Showing the Structure), (More Absolute Positioning)
Rollyo, (Searching by Genre)
search tool, (A Search Tool for Your Site)
sizing up blocks, (Setting a Width)
splitting up web pages, (Splitting Up the Page)
statistics code, (Adding the Statistics Code to Your Web Pages)
style sheet styles, (A Mixture of New Styles)
symbols, (Symbols)
tables, (Anatomy of a Table)
unordered lists, (For People Who Love Lists)
welcoming new visitors, (Welcoming New Visitors)
extensions
files, (Splitting Up the Page)
image files, (GIF vs JPG vs PNG)
external style sheets, (Why External Style Sheets Are Better than Embedded Styles)
creating, (Creating an External CSS File)
linking to web pages, (Linking CSS to a Web Page)
Extreme Tracking service, (Choosing a Statistics Service)

F

fade
tag lines, (Applying a Fade to the Tag Line)
fieldset element, (The fieldset and legend Elements), (Adding a form and a fieldset Element)
file extensions
image files, (GIF vs JPG vs PNG)
viewing, (Splitting Up the Page)
filenames
for style sheets, (Grouping Styles)
files
size of, (Adequate Storage Space)
uploading files to, (Uploading Files to Your Server)
FileZilla, (Uploading with FileZilla for Windows)
Firefox, (Firefox), (Firefox)
forms, (The Default Control Appearance)
Flickr, (Sourcing Images for Your Web Site)
floated positioning
using, (Floated Positioning)
flow-on effects, (Formatting the Picture using CSS)
folders
My Documents folder, (Windows)
Sites folder, (Mac OS X)
font sizing, (The CSS Discuss List’s Companion Site)
font-family property, (Starting to Build Our Style Sheet), (A Beginner’s Palette of Styling Options)
font-size property, (A Beginner’s Palette of Styling Options)
font-style property, (A Beginner’s Palette of Styling Options)
font-weight property, (A Beginner’s Palette of Styling Options)
fonts
viewing on-screen, (Starting to Build Our Style Sheet)
footers, (The CSS Discuss List’s Companion Site)
form element, (Anatomy of a Form), (The form Element), (Adding a form and a fieldset Element)
formatting
image galleries, (Formatting the Picture using CSS)
forms, (Forms: Interacting with Your Audience)
about, (Anatomy of a Form)
contact pages, (Building a Contact Page)
sample code for, (Processing the Form)
simple form example, (A Simple Form)
forums (see discussion forums)
forwarding (see web forwarding)
frames
web forwarding, (The Downsides of Web Forwarding)
FTP (File Transfer Protocol)
defined, (Web Hosting Jargon)
publishing blogs, (Signing up for Blogger)
settings for, (FTP Settings)
web hosting, (FTP Access to Your Server)

G

galleries
image galleries, (Adding an Image Gallery to the Site)
thumbnail galleries, (Filling up the Gallery)
genre
searching by, (Searching by Genre)
get method versus post method, (The form Element)
GIF image format, (GIF vs JPG vs PNG)
Google accounts, (Registering a Google Account)
Google Analytics, (Choosing a Statistics Service), (Adding the Statistics Code to Your Web Pages)
Google Search, (The form Element), (A Search Tool for Your Site)
GraphicConverter, (GraphicConverter), (GraphicConverter)
grouping
styles, (Grouping Styles)

H

h1 (main header) element, (A Lick of Paint for the Main Heading)
hacks, CSS, (Other CSS Resources), (Enter the Hacks)
head element, (The head Element)
headings
CSS, (Stylish Headings)
document hierarchy, (Headings and Document Hierarchy)
versus id attribute value of “header”, (Adding Structure)
height
background images, (Fixed Heights and Widths)
block-level elements, (Setting a Height)
height attribute, (Anatomy of the Image Element)
help
SitePoint forums, (Getting Help)
hexadecimal numbers, (A New Look in a Flash!)
hidden inputs, (Hidden Inputs)
hierarchy
headings in document, (Headings and Document Hierarchy)
history
clearing in browser, (Link States)
homepages
about, (The Homepage: the Starting Point for All Web Sites)
nesting, (Nesting Explained)
paragraphs, (What’s It All About?)
splitting, (Splitting Up the Page)
structure, (Adding Structure)
subheadings, (Welcoming New Visitors)
title, (Setting a Title)
horizontal repeats
background images, (Horizontal Repeats)
hosting (see web hosting)
hover state
defined, (Link States)
href attribute, (Linking Between Our New Pages), (Linking CSS to a Web Page)
HTML, (Conventions Used in This Book)
(see also web pages; XHTML)
compatibility, (The Doctype)
discussion forum, (Validate Everything)
HTML Dog, (HTML Dog)
HTML editors
NoteTab, (NoteTab)
html element, (The html Element)
HTML elements
presentational, (Changing the Emphasis)
HTML5 specification, (The Doctype)
HTTPS
security, (Password Input)

I

id attribute, (Text Input)
sharing of, (Adding Structure)
versus class attribute, (Class Selectors)
image editors, (Not Just Text, Text, Text)
documentation, (Other Software)
GraphicConverter, (GraphicConverter)
iPhoto, (iPhoto)
Picasa, (Picasa)
image galleries
adding, (Adding an Image Gallery to the Site)
thumbnail galleries, (Filling up the Gallery)
images, (Conventions Used in This Book), (Picture This! Using Images on Your Web Site)
(see also background images)
captioning, (Captioning the Picture)
editing, (Image Cropping)
file formats, (GIF vs JPG vs PNG)
formatting, (Formatting the Picture using CSS)
image galleries, (Adding an Image Gallery to the Site), (Filling up the Gallery)
inline, (Inline Images)
sourcing, (Sourcing Images for Your Web Site)
transparency, (Transparency)
IMAP, (Email Accounts)
img (image) element, (What’s It All About?), (Anatomy of the Image Element)
indents
in source markup, (The Sectioned Page: All Divided Up)
inline elements
versus block-level elements, (Block-level Elements vs Inline Elements)
inline styles
about, (Inline Styles)
compare to embedded styles, (Why Embedded Styles Are Better than Inline Styles)
embedded style sheets, (Embedded Styles)
input controls
forms, (Adding Text Input Controls)
input element, (The input Element)
inset borders
block-level elements, (Inset Border)
Internet Explorer, (Your Web Browser: Internet Explorer)
block element rendering in Windows, (Other CSS Resources)
clearing history, (Link States)
empty fieldset elements, (Adding a form and a fieldset Element)
forms, (The Default Control Appearance)
Internet Explores
box models, (The Box Model)
iPhoto, (iPhoto)
italics
versus emphasis, (Changing the Emphasis)

J

JavaScript, (Learning JavaScript)
JPEG image format, (GIF vs JPG vs PNG)

L

label element, (The label Element), (Text Input), (Tidying up label Elements with CSS)
languages, (Scripting Languages in Brief)
(see also scripting languages)
layouts (see borders; height; padding; positioning; sizing; width)
legend element, (The fieldset and legend Elements), (Styling fieldset and legend with CSS)
li (unordered list) element, (For People Who Love Lists)
line-height property, (A New Look in a Flash!)
linearization
tables, (Linearization)
link element, (Linking CSS to a Web Page)
link exchanges, (Link Exchange)
links
checking, (Checking Links)
email, (What’s It All About?)
external style sheets to web pages, (Linking CSS to a Web Page)
link text, (Linking Between Our New Pages)
styling, (Styling Links)
web pages, (Linking Between Our New Pages)
lists, (Conventions Used in This Book)
(see also discussion lists)
styling, (Styling Lists)
unordered, (For People Who Love Lists)
LiveJournal, (Where to Set up a Blog)

M

Mac OS X
Firefox, (Firefox)
GraphicConverter, (GraphicConverter)
iPhoto, (iPhoto)
Safari, (Your Web Browser: Safari)
Sites folder, (Mac OS X)
TextEdit, (Your Text Editor: TextEdit)
TextWrangler, (TextWrangler)
mailto: prefix, (What’s It All About?)
margins
block-level elements, (Margins)
markup
indents in, (The Sectioned Page: All Divided Up)
maxlength attribute, (Text Input)
media types, (Other CSS Resources), (The CSS Discuss List’s Companion Site)
merging
table cells, (Merging Table Cells)
meta element, (meta Elements)
meta tag, (Basic Requirements of a Web Page)
method attribute, (The form Element)
Microsoft Windows (see Windows)
moderators
discussion forums, (Discussion Forums)
mouse
submitting forms, (Submit Buttons)
Movable Type, (Where to Set up a Blog)
My Documents folder, (Windows), (Uploading with FileZilla for Windows)

N

name attribute, (Text Input)
names, (Conventions Used in This Book)
(see also domain names)
attributes, (The html Element)
naming
classes, (Simple Black Border)
navigation
background images, (Setting a Background for Our Navigation)
image galleries, (Updating the Navigation)
navigation area
location of, (What We’ve Achieved: Full CSS Layout)
size of, (Setting a Height)
nesting
elements, (Nesting Explained)
fieldset elements, (The fieldset and legend Elements)
inline elements, (Inline Begets Inline)
non-repeating images
background images, (Non-repeating Images)
Notepad, (Your Text Editor: Notepad)
NoteTab, (NoteTab)
number sign (#), (Looking at Elements in Context)
numbers, hexadecimal, (A New Look in a Flash!)

O

ol (ordered list) element, (For People Who Love Lists)
Open Directory Project, (Submit Your Web Site to Search Engines)
options
selecting, (The select Element)
OS X (see Mac OS X)

P

p (paragraph) element, (Paragraphs), (Adding Text Input Controls)
padding
borders, (Adding Padding)
padding property, (A New Look in a Flash!)
removing for absolute positioning, (Getting Ready to Move into Position)
pages (see web pages)
paragraphs
creating, (What’s It All About?)
p (paragraph) element, (Paragraphs)
password input control, (Password Input)
Photo Gallery, (Windows Tools)
photos (see images)
PHP language, (Learning PHP)
(see also server-side scripting)
Picasa, (Picasa), (Picasa)
pixels
defined, (A New Look in a Flash!)
planning, (Setting Up Shop)
plug-ins
blogging services, (Where to Set up a Blog)
PNG image format, (GIF vs JPG vs PNG)
POP3, (Email Accounts)
positioning
absolute, (Absolute Positioning), (More Absolute Positioning)
elements, (Positioning Elements Anywhere You Like!)
relative, (Relative Positioning)
types of, (Other Layout Options)
post method versus get method, (The form Element)
pre element, (The Sectioned Page: All Divided Up)
preselecting
checkboxes, (Preselecting Checkboxes)
options, (Preselecting Options)
radio buttons, (Preselecting Radio Buttons)
presentational HTML elements
emphasis versus italics, (Changing the Emphasis)
print style sheets, (Other CSS Resources)
project planning, (Setting Up Shop)
promoting
web sites, (Promoting Your Web Site)
properties
defined, (Inline Styles)
pseudo-classes
link states, (Link States)
publishing
blogs, (Signing up for Blogger)

Q

quirks mode
Internet Explorer, (The Box Model)
quotation marks (“”), (Stylish Headings)
quotations
discussion list replies, (CSS Discussion Lists)

R

radio buttons
forms, (Radio Buttons), (Adding Radio Buttons and Checkboxes)
refreshing
page view in browsers, (Stylish Headings)
relative positioning
using, (Relative Positioning)
repeated patterns
background images, (Repeated Patterns)
resizing
images, (Image Cropping), (Resizing Large Images)
resources (see documentation; services)
CSS, (Advancing Your CSS Knowledge), (The CSS Discuss List’s Companion Site)
XHTML, (Improving Your XHTML), (A List Apart)
ridge borders
block-level elements, (Colored Ridge Border)
Rollyo, (Searching by Genre)
rowspan attribute, (rowspan and colspan)
royalty-free images, (Sourcing Images for Your Web Site)
rules
block-level and inline elements, (Block-level Elements vs Inline Elements)
defined, (Embedded Styles)

S

Safari, (Your Web Browser: Safari)
forms, (The Default Control Appearance)
sans-serif fonts
viewing on-screen, (Starting to Build Our Style Sheet)
scope attribute, (The scope Attribute)
screen readers, (Web Accessibility)
presentational HTML elements, (Changing the Emphasis)
summary attribute and, (summary)
scripting
web hosting, (Support for Scripting Languages and Databases)
scripting languages
client-side scripting, (Learning JavaScript)
server-side scripting, (Learning Server-side Programming), (Scripting Languages in Brief), (Where Can You Learn PHP?)
search engines
presentational HTML elements, (Changing the Emphasis)
submitting web sites to, (Submit Your Web Site to Search Engines)
title element, (The title Element)
web forwarding and framesets, (The Downsides of Web Forwarding)
for web sites, (A Search Tool for Your Site)
Secure FTP, (FTP Access to Your Server)
security
password input control, (Password Input)
select element, (The select Element), (Adding a select Element)
selectors
class selectors, (Class Selectors)
defined, (Embedded Styles)
self-closing elements
defined, (meta Elements)
self-closing tags, (meta Elements)
semicolon (;), (Inline Styles)
serif fonts
viewing on-screen, (Starting to Build Our Style Sheet)
server-side scripting, (Learning Server-side Programming), (Where Can You Learn PHP?)
client-side and, (Learning Server-side Programming)
languages, (Scripting Languages in Brief)
server-side scripting languages, (Support for Scripting Languages and Databases)
servers
defined, (The Client–Server Model)
services
for blogs, (Where to Set up a Blog)
shortcuts
to Notepad, (Your Text Editor: Notepad)
sides
block-level elements, (Styling Individual Sides of an Element)
signatures
email, (Craft an Email Signature with Your Web Site Details)
SitePoint forums, (Getting Help)
scripting languages, (Learning JavaScript), (Scripting Languages in Brief)
Sites folder, (Mac OS X)
size attribute, (Text Input)
sizing
diving site example, (Shaping and Sizing Our Diving Site)
source
indents in, (The Sectioned Page: All Divided Up)
viewing, (Viewing the Source)
sourcing
images, (Sourcing Images for Your Web Site)
spacing
cells, (Borders, Spacing, and Alignment)
tables, (Borders, Spacing, and Alignment)
spam
blog comments, (Blog Comments)
span class, (Styling Partial Text Using span)
span element, (The span Element), (Captioning the Picture)
special effects
images, (Special Effects)
specificity
class selectors, (Class Selectors)
splitting
web pages, (Splitting Up the Page)
src attribute, (Anatomy of the Image Element)
SSIs (Server Side Includes)
web hosting, (Server Side Includes (SSIs))
states
links, (Link States)
statistics
web site visitors, (Getting the Low-down on Your Visitors)
storage
web hosting, (Adequate Storage Space)
strong element, (strong and em)
structure
web pages, (Basic Requirements of a Web Page), (Adding Structure)
style attribute, (Inline Styles)
style sheets, (Conventions Used in This Book), (Starting to Build Our Style Sheet)
(see also external style sheets)
adding styles, (A Mixture of New Styles)
class selectors, (Class Selectors)
elements in context, (Looking at Elements in Context)
embedded, (Embedded Styles)
filenames for, (Grouping Styles)
grouping styles, (Grouping Styles)
headings, (Stylish Headings)
links, (Styling Links)
partial text, (Styling Partial Text Using span)
style declarations, (A New Look in a Flash!)
style switching, (The CSS Discuss List’s Companion Site)
styles, (Conventions Used in This Book)
(see also inline styles)
adding, (A Mixture of New Styles)
grouping, (Grouping Styles)
subheadings
creating, (Welcoming New Visitors)
submit buttons
forms, (Submit Buttons), (Completing the Form: a Submit Button)
submitting
web sites to search engines, (Submit Your Web Site to Search Engines)
summary attribute, (summary)
symbols
XHTML, (Symbols)

T

tables, (Tables: Tools for Organizing Data)
about, (What is a Table?)
cells, (Stylish Table Cells)
styling, (Styling the Table)
web accessibility, (Making Your Tables Accessible), (Advanced Accessibility)
tag lines
fade, (Applying a Fade to the Tag Line)
tags
div tag, (The Sectioned Page: All Divided Up)
meta tag, (Basic Requirements of a Web Page)
symmetry of, (Inline Begets Inline)
XHTML elements, (The html Element)
templates
Blogger, (Customizing Your Blogger Template)
testing (see validating)
text
color, (Adding an Events Table)
emphasized, (Changing the Emphasis)
input controls in forms, (Adding Text Input Controls)
input in forms, (Text Input)
link text, (Linking Between Our New Pages)
sizing, (A New Look in a Flash!)
styling, (Styling Partial Text Using span)
text boxes
initial value, (Setting the Value of a Text Box)
text editors
Notepad, (Your Text Editor: Notepad)
NoteTab, (NoteTab)
TextEdit, (Your Text Editor: TextEdit)
TextWrangler, (TextWrangler)
text-decoration property, (A Beginner’s Palette of Styling Options)
textarea element, (The textarea Element), (Adding a textarea Element)
TextEdit, (Your Text Editor: TextEdit)
Textpattern, (Where to Set up a Blog)
TextWrangler, (TextWrangler)
The Ultimate CSS Reference, (The Ultimate CSS Reference)
The Ultimate HTML Reference, (The Ultimate HTML Reference)
thickness
borders, (Border Styles You Can Use)
thumbnail galleries, (Filling up the Gallery)
title bar
displaying in browser, (The head Element)
title element, (The title Element), (The Downsides of Web Forwarding)
titles
setting, (Setting a Title)
tools, (Windows Basic Tools)
Firefox, (Firefox), (Firefox)
GraphicConverter, (GraphicConverter)
Internet Explorer, (Your Web Browser: Internet Explorer)
iPhoto, (iPhoto)
Mac OS X, (Mac OS X Basic Tools), (Mac OS X Tools), (Mac OS X Tools), (Mac OS X)
Notepad, (Your Text Editor: Notepad)
NoteTab, (NoteTab)
Picasa, (Picasa)
Safari, (Your Web Browser: Safari)
TextEdit, (Your Text Editor: TextEdit)
TextWrangler, (TextWrangler)
web site search, (A Search Tool for Your Site)
Windows, (Windows Basic Tools), (NoteTab), (Windows Tools), (Windows)
top-down formatting, (CSS Discussion Lists)
traffic
web site statistics, (What to Look for—a Summary)
transparency
images, (Transparency)
type attribute, (Text Input)

U

unordered lists, (For People Who Love Lists)
uploading
files to web server, (Uploading Files to Your Server)
URLs (Uniform Resource Locators)
defined, (The Doctype)
from hosting service, (Free Hosting—with a Catch!)
user folders (Windows Vista)
displaying, (Windows)
UTF-8
importance of, (The Most Basic Web Page in the World)

V

validating
blogs, (Validating Your Blog)
web pages, (Validating Your Web Pages)
validation
CSS hacks and, (Enter the Hacks)
value attribute, (Setting the Value of a Text Box)
values
attributes, (The html Element)
defined, (Inline Styles)
vertical repeats
background images, (Vertical Repeats)
viewport
defined, (A New Look in a Flash!)
visitors
web site statistics, (What to Look for—a Summary)
to web sites, (Getting the Low-down on Your Visitors)
Vista (see Windows)

W

W3C (World Wide Web Consortium)
about, (The Doctype)
CSS Specification, (The Official Documentation)
XHTML recommendations, (The Official Documentation)
W3C Markup Validation Service, (How to Validate Your Live Web Pages)
W3C’s Link Checker, (Checking Links)
W3Schools, (Learning JavaScript)
web accessibility
images, (Web Accessibility)
tables, (Making Your Tables Accessible), (Advanced Accessibility)
web browsers (see browsers)
Web Design-L, (CSS Discussion Lists)
web forwarding
about, (What is Web Forwarding?)
email, (Email Accounts)
web hosting, (Web Hosting Jargon)
bandwidth, (A Reasonable Bandwidth Allowance)
defined, (Web Hosting Jargon)
email accounts, (Email Accounts)
FTP access to server, (FTP Access to Your Server)
jargon, (Web Hosting Jargon)
paying for, (Paying for Web Hosting)
scripting languages and databases, (Support for Scripting Languages and Databases)
server space, (Hosting Your Web Site—Finding Server Space)
SSIs, (Server Side Includes (SSIs))
storage, (Adequate Storage Space)
web forwarding, (What is Web Forwarding?)
web pages
about, (Anatomy of a Web Page)
appearance in different browsers, (Pre-flight Check—How Do Your Pages Look in Different Browsers?)
basic structure, (Basic Requirements of a Web Page)
creating with Blogger, (How Blogger Creates a Web Page)
image galleries, (Adding the New Gallery Page)
linking external style sheets to, (Linking CSS to a Web Page)
links, (Linking Between Our New Pages)
loading, (What is a Table?)
merging Blogger code with, (Merging the Blogger Code with Your Existing Web Page)
nesting structure, (Nesting Explained)
refreshing in browsers, (Stylish Headings)
splitting, (Splitting Up the Page)
statistics code, (Adding the Statistics Code to Your Web Pages)
validating, (Validating Your Web Pages)
view source, (Viewing the Source)
web sites, (Conventions Used in This Book), (Launching Your Web Site)
(see also URLs)
blogs, (Adding a Blogroll to Your Web Site)
checking links, (Checking Links)
Client–Server Model, (The Client–Server Model)
homepages, (The Homepage: the Starting Point for All Web Sites)
hosting, (Web Hosting Jargon)
promoting, (Promoting Your Web Site)
storing, (Creating a Spot for Your Web Site)
uploading files to server, (Uploading Files to Your Server)
visitor statistics, (Getting the Low-down on Your Visitors)
web standards, (Where to Now? What You Could Learn Next)
webmail, (Email Accounts)
width
background images, (Fixed Heights and Widths)
block-level elements, (Setting a Width)
width attribute, (Anatomy of the Image Element)
“wiki” pages, (The CSS Discuss List’s Companion Site)
Windows
file extensions, (Splitting Up the Page)
Firefox, (Firefox)
Internet Explorer, (Your Web Browser: Internet Explorer)
My Documents folder, (Windows)
Notepad, (Your Text Editor: Notepad)
NoteTab, (NoteTab)
Picasa, (Picasa)
Windows Live Spaces, (Where to Set up a Blog)
WordPress, (Where to Set up a Blog)

X

XHTML, (Nice to Meet You, XHTML), (A List Apart)
basic web page example, (The Most Basic Web Page in the World)
comments, (Commenting Your HTML)
discussion forum, (Validate Everything)
doctype, (The Doctype)
elements, (The html Element)
headings and document hierarchy, (Headings and Document Hierarchy)
lists, (For People Who Love Lists)
paragraphs, (Paragraphs)
resources, (Improving Your XHTML)
symbols, (Symbols)
validation and CSS, (Validating Your Web Pages)
viewing source, (Viewing the Source)
web page requirements, (Basic Requirements of a Web Page)
XHTML 1.0 recommendation, (The Official Documentation)
XHTML 1.0 Strict doctype, (Validating Your Web Pages)
XHTML elements
using as intended, (Adding Structure)

Y

Yahoo Groups, (Discussion Forums)

 

About SitePoint

SitePoint specializes in publishing fun, practical and easy-to-understand content for Web professionals. Visit sitepoint.com to access our books, newsletters, articles and community forums.

Product Information

Features

Features

Published: December 2008

  • 7"x 9" format
  • Revised and updated through-out
  • Suitable for both Windows and Mac users
  • Clear, easy to follow tutorial style
  • All examples from the book available for download
  • Lay-flat binding stays open on your desk

1st Edition Owners

Have the 1st edition?

Resources for the first edition are available here:

Customer Reviews

Live, unmoderated reviews from our customers, typos and all.

Just finished up this book and it was extremely helpful. Lloyd makes it more of a fun project than a huge task to learn all this stuff.

Melissa Miller, USA 5 stars

Excellent book. I did quite a lot of HTML and CSS programming some years ago, but then took a break for a few years. Now I've decided to start all over again but wanted to catch up with the latest standards and practices and "get it all right", which I probably never really have before. This book has been perfect for this, and I'll recommend it to anyone whether you're completely new to web design or just need to catch up with the latest stuff and correct some of your bad programming habits. The book is well written and structured also. Thanks!

Richard Andersen, USA 5 stars

This book was a fantastic read. I highly recommend it. The content kept me involved and interested from beginning to end. Usually I get bored with these books and don't finish after I have found the specifics that brought me in the first place. I finished this book completely in two days including the site build.
Thanks Ian. Onto HTML Utopia.

Rich Miller, USA 5 stars

I'm new to web design but have a strong graphic background. This book has weaned me off of Dreamweaver and started me on the path of learning my craft by hand-coding! What a wonderful way to learn. If I ever return to Dreamweaver at least I'll know what I'm doing and why.

Thanks to Ian and the Sitepoint community for all your support.

~Jo

JoAnn Carr, USA 5 stars

See More Reviews or Write Your Own

 

Here are some reviews for the previous edition.

I am glad to have your book, as a guide to building my site that I am making sure everyone that comes to my page knows what book taught me.

Thank YOU!

Jerome Pfeifer, USA 5 stars
[written for previous edition]

Very good book, particularly helpful in the explanation of how css works - would definitely recommend it.

Helen Francks, USA 5 stars
[written for previous edition]

Books were received promptly, well packed and in perfect condition. As I was told, the book seems to be the ultimate in its subject matter.

Carl D Brown, USA 5 stars
[written for previous edition]

This book is very useful and very easy for me to understand. It gave me a good understanding of website building and kept my interest!

Alyson Muse, USA 5 stars
[written for previous edition]

The book had my business site up in no time. The way Ian explained everything in the book it was almost like sitting next to a personal tutor.

Barbara Scheuermann-Roberts, USA 4.5 stars
[written for previous edition]

Excellent book. I have a little knowledge about html, but your book help me understand CSS.

Andrew H Geriane

Andrew H Geriane, USA 4.5 stars
[written for previous edition]

One of the best books on the market. I wish I had found this book years ago before I got started with HTML.

Jacob Tapscott, USA 5 stars
[written for previous edition]

Your books are great. I teach at a local college and plan on adopting your books for web design and Javascript in future semesters.

Mike K, USA 5 stars
[written for previous edition]

Very helpful book, I loved that I could preview the chapters and decide if this was the book for me!

Kimberly Sullivan Gray, USA 5 stars
[written for previous edition]

Very informative, easy to follow. Great way to learn something with no advanced prior knowledge of a computer. I will be looking into the next step that this books suggests I read shortly, thank you!

James Flores, USA 5 stars
[written for previous edition]
Download the FREE Sample!

Product Details


Build Your Own Web Site The Right Way Using HTML & CSS, 2nd Edition
[+] Enlarge Image
Edition:
2nd
Price: $29.95
Pages: 424
ISBN: 978-0-9804552-7-4
Published: December 2008

Questions?

Claim Your PDF

Bought a SitePoint PDF? Download the PDF here.

Code Archive

Bought this SitePoint book? Download it's code archive for free.

SitePoint Books

  • advocate best practice techniques
  • lead you through practical examples
  • provide working code for your web site
  • make learning easy and fun

100% Money Back Guarantee

Editorial Reviews