Build Your Own Standards Compliant Website Using Dreamweaver 8

A

A List Apart Website, (Accessibility Controls), (Accessibility Controls)

abbreviations, (Accessibility in Practice), (Accessibility in Practice)

About Pane, CSS Panel, (Your Basic Toolkit)

absolute positioning, (Your Basic Toolkit), (Creating CSS Rules), (Accessibility Controls)

absolute units and accessibility, (Accessibility in Practice)

access keys, (Accessibility in Practice), (The Contact Form)

accessibility, (Accessibility), (Accessibility)

applets and scripts, (Accessibility in Practice), (Accessibility in Practice)
benefits, (Accessibility), (Which Users Benefit?)
chart data, (The Main Content Area)
Code Spark Website and, (Accessibility in Practice), (Accessibility in Practice)
color and, (Using Web Standards), (Accessibility in Practice), (Accessibility in Practice)
CSS advantages, (Why CSS?)
design impact of, (Will Considering Accessibility Stop us Creating Exciting Designs?)
divs and spans, (The Content Area)
Dreamweaver 8 tools, (Dreamweaver Tools for Accessibility)
forms, (Accessibility in Practice), (Accessibility in Practice), (The Contact Form)
frames, (Accessibility in Practice), (Accessibility in Practice)
guidelines, standards and legislation, (Who Needs Web Standards?), (Which Guidelines are we Working to?), (Which Guidelines are we Working to?)
layout images and, (The Sidebar)
multimedia content, (Accessibility in Practice)
tables, (Accessibility in Practice)
validation, (Using Web Standards), (Accessibility Validation), (Accessibility Validation)
WCAG priority levels, (Which Guidelines are we Working to?)

Accessibility Attributes dialog, (The Main Content Area), (The Heading and Main Navigation), (The Contact Form), (The Contact Form)

accessibility buttons, Code Spark, (Creating CSS Rules)

head.html script for, (Accessibility Controls)
implementation, (Accessibility Controls), (Accessibility Controls)

Accessibility category, (Setting up Dreamweaver), (The Contact Form)

Accessibility Preferences, (Dreamweaver Tools for Accessibility)

acronyms, (Accessibility in Practice)

Allow Multiple Consecutive Spaces option, (Setting up Dreamweaver)

alternate style sheets, (Who Needs Web Standards?), (Accessibility in Practice), (Alternate Style Sheets), (Alternate Style Sheets)

accessibility and, (Accessibility in Practice)
adding to head.html, (Final Tasks)
Design Time Style Sheets dialog, (Your Basic Toolkit)
media types, (Media Types)
print styles, (Why CSS?), (Media Types)
Style Rendering toolbar, (Your Basic Toolkit)
switching in the browser, (Accessibility Controls)
switching using JavaScript, (Accessibility Controls)
text resizing, (Accessibility Controls), (Accessibility Controls)
text-only versions, (Accessibility Controls), (Accessibility Controls)

alternate text

Accessibility Attributes dialog, (The Main Content Area)
dynamic content and, (Accessibility in Practice), (Accessibility in Practice)
ignoring layout images, (The Sidebar)
image map “hot spots”, (Accessibility in Practice)
non-text elements, (Accessibility in Practice)
replacing logos with, (Accessibility Controls)

Apache Web server, (Setting up a Web Server), (Setting up a Web Server)

applets and accessibility, (Accessibility in Practice), (Accessibility in Practice)

article boxes, (The Content Area)

articles list styling, (The Sidebar)

ASCII art, (Accessibility in Practice)

assistive technologies, (Using Web Standards)

Atomz Express Search application, (Adding a Search Facility)

Attach External Style Sheet dialog, (Your Basic Toolkit), (Media Types)

Attach Style Sheet dialog, (Accessibility Controls)

attributes

case sensitivity in XHTML, (XHTML and HTML: the Differences)
id and name, (XHTML and HTML: the Differences)
minimization, (XHTML and HTML: the Differences)
quoting attribute values, (XHTML and HTML: the Differences)

audio content, (Accessibility in Practice)

authoring tools, (Who Needs Web Standards?)

auto-redirection, (Accessibility in Practice)

auto-refreshing pages, (Accessibility in Practice)

B

background colors

accessibility and, (Accessibility in Practice)
alternating table rows, (The Content Area)
deleting, (Accessibility Controls)
highlighting current navigation section, (Highlighting the Current Section in the Navigation Area)
importance of controlling, (Creating CSS Rules)
problem in IE, (The Sidebar)
removing for text-only versions, (Accessibility Controls)
setting in CSS Rule Definition, (Creating CSS Rules)
setting in Page Properties, (Your Basic Toolkit)
temporary, checking styling with, (Creating CSS Rules)
visual aids, (Your Basic Toolkit), (The Content Area)

background images, (The Sidebar), (An Example Tutorial Page), (Accessibility Controls)

base page layout, Code Spark, (Creating The Base Page)

Behaviors Panel, (The Contact Form)

block level display, (The Sidebar)

blockquote element, (Semantic Markup), (Semantic Markup), (Accessibility in Practice), (An Example Tutorial Page), (Accessibility Controls)

Bobby accessibility validator (see WebXACT)

body element, (What Makes a Valid XHTML Document?)

adding styling rules, (Creating CSS Rules)
IDs as navigation links, (Highlighting the Current Section in the Navigation Area)

border-collapse property, (The Content Area)

boxes, homepage

IE5.5 display problem, (CSS Validation and Browser Testing)
styling with CSS, (The Content Area)

<br> tags and semantic markup, (Using Web Standards)

breadcrumb trails, (An Example Tutorial Page), (An Example Tutorial Page)

hiding, in print style sheets, (Media Types)

browser statistics display, Code Spark, (The Main Content Area), (The Content Area)

browsers

checking CSS display in, (Constructing the Layout with CSS), (Creating CSS Rules), (CSS Validation and Browser Testing)
new, compatibility with, (Who Needs Web Standards?)
non-compliant code display, (Who Needs Web Standards?)
older, CSS filter for, (CSS Validation and Browser Testing)
older, empty element workaround, (XHTML and HTML: the Differences)
older, image sizing for, (An Example Tutorial Page)
older, Transitional DOCTYPE and, (The New XHTML Document)
proprietary markup elements, (Using Web Standards)
style sheet switching in, (Accessibility Controls)
testing through Websites, (CSS Validation and Browser Testing)

bug fixes, (Who Needs Web Standards?)

bullet styling, (The Content Area), (The Content Area), (The Tutorial List Page), (Highlighting the Current Section in the Navigation Area)

buttons

inserting, (The Heading and Main Navigation)
styling, (The Contact Form)

C

Cascading Style Sheets (see CSS)

case sensitivity, XHTML, (XHTML and HTML: the Differences)

charts and accessibility, (The Main Content Area), (Accessibility in Practice)

classes, CSS

applying, with the Property Inspector, (Your Basic Toolkit)
choice between IDs and, (Defining the Basic Layout)
creating, (Your Basic Toolkit), (Creating CSS Rules)
restricting styling through, (Why CSS?)

clear property, CSS, (The Content Area), (The Contact Form)

empty div hack use, (The Content Area)

code hinting, (Your Basic Toolkit)

Code Spark Website project

accessibility assessment, (Accessibility in Practice), (Accessibility in Practice)
accessibility validation, (Accessibility Validation)
Atomz search implementation, (Adding a Search Facility)
base page creation, (Creating The Base Page)
browser statistics, (The Main Content Area), (The Content Area)
building the site, (Building the Site), (The Sitemap)
contact form example, (The Contact Form), (The Contact Form)
content area markup, (The Main Content Area), (The Main Content Area)
CSS rule creation, (Creating CSS Rules)
Dreamweaver setup, (Setting up Dreamweaver)
header area design, (Other Page Elements)
header area markup, (The Heading and Main Navigation), (The Heading and Main Navigation)
homepage box content styling, (The Content Area)
homepage content markup, (The Main Content Area)
homepage design, (The Main Content Area)
homepage links to tutorials, (The Main Content Area)
homepage unstyled, (The Homepage Document)
hosting, (Hosting your Site)
layout definition stage, (The Homepage Document), (Defining the Basic Layout), (Defining the Basic Layout)
markup validation, (Validating your XHTML)
navigation, (The Code Spark Site Design)
search results display, (Adding a Search Facility)
sidebar design, (Other Page Elements)
sidebar markup, (The Heading and Main Navigation)
site design, (The Code Spark Site Design), (The Code Spark Site Design)
site design and markup, (Constructing the Document), (Validating your XHTML)
site structure and common elements, (Structuring the Site), (Structuring the Site)
sitemap, (The Sitemap), (The Sitemap)
styling common areas, (Creating CSS Rules), (Creating CSS Rules)
styling tables, (The Content Area)
styling the content area, (The Content Area), (The Content Area)
styling the sidebar, (The Sidebar), (The Sidebar)
styling the tutorial list, (The Tutorial List Page)
tutorial list creation, (The Tutorial List Page)
tutorial page example, (An Example Tutorial Page), (Highlighting the Current Section in the Navigation Area)
Web server setup, (Setting up a Web Server), (Setting up a Web Server)

Code View

editing CSS in, (Your Basic Toolkit)
Insert Div Tag dialog, (Creating CSS Rules)

“Coder” Workspace layout, (Setting up Dreamweaver)

color, (The Content Area)

(see also background colors)
avoiding essential color, (Using Web Standards), (Accessibility in Practice)
contrast and, (Accessibility in Practice)
highlighting current selections, (Highlighting the Current Section in the Navigation Area)
importance of controlling, (Creating CSS Rules)
list item bullets, (The Content Area), (Highlighting the Current Section in the Navigation Area)

column headings (see <th> tags)

column layout, (Accessibility Controls)

comments, CSS, (CSS Validation and Browser Testing)

comments, httpd.conf, (Setting up a Web Server)

common elements, (Structuring the Site)

conformance levels, WAI, (Which Guidelines are we Working to?)

consistent look and feel, (Accessibility in Practice)

contact form example, (The Contact Form), (The Contact Form)

markup, (The Contact Form)
styled appearance, (The Contact Form)
styling, (The Contact Form)
unstyled appearance, (The Contact Form)

containers for styling areas, (Defining the Basic Layout)

content

portability of, (Why use XHTML?)
separation from presentation, (Who Needs Web Standards?), (Using Web Standards)
subdividing for accessibility, (Accessibility in Practice)

content areas

creating a container, (Defining the Basic Layout)
markup for Code Spark homepage, (The Main Content Area), (The Main Content Area)
print style sheet margins, (Media Types)
styling with CSS, (The Content Area)
text-only version, (Accessibility Controls)

Content Management Systems, (The New XHTML Document)

contrast, (Accessibility in Practice)

CSS (Cascading Style Sheets), (Why CSS?), (Why CSS?), (Your Basic Toolkit)

(see also CSS toolkit, Dreamweaver)
advantages, (Why CSS?), (An Example Tutorial Page)
contact form styling, (The Contact Form)
CSS 1 specification, (Web Standards Defined)
CSS 2.1 specification, (Web Standards Defined)
Dreamweaver preference setting, (Setting up Dreamweaver)
semantic markup requirements and, (Using Web Standards)
syntax, (Your Basic Toolkit)
validation, (Using Web Standards), (CSS Validation and Browser Testing)
viewing unstyled rendering, (Semantic Markup), (Accessibility in Practice)

CSS filters, (CSS Validation and Browser Testing)

CSS Page Designs, (Your Basic Toolkit)

CSS Panel, (Your Basic Toolkit), (Your Basic Toolkit), (Creating CSS Rules), (Accessibility Controls)

(see also New CSS Rule dialog)
(see also Properties Pane)
About Pane, (Your Basic Toolkit)
attaching style sheets, (Your Basic Toolkit), (Your Basic Toolkit)
Design Time Style Sheets, (Accessibility Controls)
Design Time style sheets, (Accessibility Controls)
Edit Style button, (Your Basic Toolkit)
Layers Pane, (Your Basic Toolkit)
Mode buttons, (Your Basic Toolkit)

CSS Rule Definition dialog , (Your Basic Toolkit), (Creating CSS Rules)

Properties Pane alternative, (Creating CSS Rules)
setting the type, (Creating CSS Rules)

CSS Rule Definition Dialog

Properties Pane alternative, (Accessibility Controls)

CSS toolkit, Dreamweaver, (Your Basic Toolkit), (Your Basic Toolkit)

CSS Panel, (Your Basic Toolkit), (Your Basic Toolkit)
display limitations, (Constructing the Layout with CSS), (Creating CSS Rules)
Dreamweaver versions, (Your Basic Toolkit), (Your Basic Toolkit)
editing options, (Your Basic Toolkit)
Page Properties dialog, (Your Basic Toolkit)
Preferences dialog, (Your Basic Toolkit)
Property Inspector, (Your Basic Toolkit)

CSS-Discuss Wiki, (Accessibility Controls)

current position highlighting, (Highlighting the Current Section in the Navigation Area)

current styles, opting to view, (Your Basic Toolkit)

Cynthia Says validator, (Using Web Standards), (Accessibility Validation)

D

definition list creation, (Semantic Markup)

deprecated elements, (Using Web Standards), (Accessibility in Practice)

presentational function of, (Using Web Standards)
XHTML Strict and, (Using Web Standards)

descendant selectors, (Creating CSS Rules), (The Content Area)

Design Time Style Sheets, (Your Basic Toolkit), (Accessibility Controls), (Final Tasks)

Design View

checking accuracy of content selection, (Defining the Basic Layout)
creating a container, (Defining the Basic Layout)
placeholder text use, (Creating The Base Page)
removing CSS styling, (Semantic Markup)

“Designer” Workspace layout, (Setting up Dreamweaver)

device types

accessibility and, (Who Needs Web Standards?)
alternate style sheets, (Why CSS?)
alternate style sheets and, (Media Types)
applets and scripts and, (Accessibility in Practice)
non-compliant code display, (Who Needs Web Standards?)
text-only versions and, (Accessibility Controls)
XHTML advantages for, (Why use XHTML?)

disability types and accessibility, (Which Users Benefit?)

display property, Block category, (Accessibility Controls), (Accessibility Controls), (Accessibility Controls)

<div> tags

creating a container, (Defining the Basic Layout)
empty div hack, (The Content Area)
semantic markup example, (Using Web Standards)

DOCTYPE declarations, (What Makes a Valid XHTML Document?)

(see also XHTML 1.0)
Dreamweaver default, (Using Web Standards)
Dreamweaver XHTML support and, (XHTML in Dreamweaver)
HTML 4.01, (Using Web Standards)

Document Type Definitions (DTDs), (Using Web Standards), (What Makes a Valid XHTML Document?)

duplicated markup, (Structuring the Site)

dynamic content

accessibility and, (Accessibility in Practice)
markup validation, (Using Web Standards)
static mockups for, (The Tutorial List Page)
updating alt text, (Accessibility in Practice)

E

Edit Style button, CSS Panel, (Your Basic Toolkit)

elements, XHTML

case sensitivity, (XHTML and HTML: the Differences)
closure requirements, (XHTML and HTML: the Differences)
nesting requirements, (XHTML and HTML: the Differences)

<em> tags, (Semantic Markup)

email scripts, (The Contact Form)

embedded style sheets, (Why CSS?), (Your Basic Toolkit)

emphasis with <strong> and <em>, (Semantic Markup)

empty alt attributes, (Accessibility in Practice)

empty div hack, (The Content Area)

empty elements, (XHTML and HTML: the Differences)

error display (see Results Panel)

external style sheet attachment, (Your Basic Toolkit)

(see also imported style sheets)

F

fieldset element, (Accessibility in Practice)

Firefox browser

include file view, (Creating the Includes)
local markup validation with, (Highlighting the Current Section in the Navigation Area)
style sheet switching in, (Accessibility Controls)
suitability for testing, (CSS Validation and Browser Testing)
unstyled Code Spark homepage in, (The Main Content Area)
Web Developer Toolbar, (Accessibility Validation), (Highlighting the Current Section in the Navigation Area)

Fireworks designs, (The Code Spark Site Design), (The Main Content Area)

fixed width layouts, (The Code Spark Site Design)

float property

contact form example, (The Contact Form)
positioning header elements, (Creating CSS Rules)
positioning images, (The Content Area), (The Content Area), (The Content Area), (An Example Tutorial Page), (An Example Tutorial Page)
resizing problem with floated boxes, (The Content Area)

font sizes, (Accessibility Controls)

(see also text resizing)
allowing user changes, (The Code Spark Site Design)
unit choice and resizing, (Creating CSS Rules), (Accessibility Controls), (Accessibility Controls)

<font> tags alternative, (Why CSS?)

fonts

setting in Page Properties, (Your Basic Toolkit)
setting in the Rule Definition dialog, (Creating CSS Rules)

for attribute, label element, (The Contact Form), (The Contact Form)

form controls, keyboard shortcuts, (Accessibility in Practice)

form elements, changing name and id, (The Contact Form), (The Contact Form)

forms

accessibility, (Accessibility in Practice), (Accessibility in Practice), (Accessibility in Practice)
contact form example, (The Contact Form), (The Contact Form)
form processing scripts, (The Contact Form)
input validation, (The Contact Form)
required fields, (The Contact Form), (The Contact Form)
styling form fields, (The Sidebar), (The Contact Form)

Forms pane, Insert toolbar, (The Contact Form)

forward compatibility, (Who Needs Web Standards?)

frames

accessibility and, (Accessibility in Practice), (Accessibility in Practice)
creating framesets in Dreamweaver, (XHTML in Dreamweaver)
XHTML Strict and, (Using Web Standards)

H

<h1> tags, (Using Web Standards)

(see also headings)
creating with the Property Inspector, (Semantic Markup)
Lynx browser and, (Semantic Markup)
styling in Code Spark, (The Content Area), (An Example Tutorial Page)

hacks

empty div hack, (The Content Area)
IE5.5 display problem, (CSS Validation and Browser Testing)

head element, (What Makes a Valid XHTML Document?), (Why CSS?)

header area, (Accessibility Controls)

(see also accessibility buttons)
adding alternate style sheets to head.html, (Final Tasks)
adding the main navigation, (The Heading and Main Navigation)
creating a container, (Defining the Basic Layout)
design, (Other Page Elements)
hiding, in print style sheets, (Media Types)
markup, (The Heading and Main Navigation), (The Heading and Main Navigation)
styling the main navigation, (Creating CSS Rules)
styling with CSS, (Creating CSS Rules), (Creating CSS Rules)
text-only versions, (Accessibility Controls)

headings, (The Content Area)

(see also <h1> tags)
creating with the Property Inspector, (Semantic Markup), (The Main Content Area), (Your Basic Toolkit)
positioning distinguishing information, (Accessibility in Practice)
semantic markup, (Using Web Standards)
styling by level, (The Content Area)
WCAG guidelines and, (Accessibility in Practice)

hidden fields, Atomz HTML, (Adding a Search Facility)

highlighting

current list item selection, (Highlighting the Current Section in the Navigation Area)
current navigation section, (Highlighting the Current Section in the Navigation Area)

homepage box styling, (The Content Area), (CSS Validation and Browser Testing)

homepage, Code Spark

content area markup, (The Main Content Area), (The Main Content Area)
creating base pages from, (Creating The Base Page)
design, (The Code Spark Site Design), (The Main Content Area)
markup, (The Main Content Area)
recent tutorial links, (The Main Content Area)
view of unstyled page, (The Main Content Area), (The Homepage Document)

HTML

Atomz search form code, (Adding a Search Facility), (Adding a Search Facility)
differences from XHTML, (XHTML and HTML: the Differences), (XHTML and HTML: the Differences)
Dreamweaver conversion to XHTML, (XHTML in Dreamweaver)
XHTML relationship to, (Using Web Standards)

HTML 4.01 recommendation, (Web Standards Defined)

HTML 4.01 recommendations, (Using Web Standards)

html element, XHTML, (What Makes a Valid XHTML Document?)

httpd.conf file, (Setting up a Web Server), (Setting up a Web Server)

hyperlinks (see links)

I

id attributes, (XHTML and HTML: the Differences)

IDs, CSS

choice between classes and, (Defining the Basic Layout)
identifying with the # prefix, (Creating CSS Rules)
linking to navigation, (Highlighting the Current Section in the Navigation Area)

IIS (Internet Information Services) (see Web servers)

image maps, (Accessibility in Practice), (Accessibility in Practice)

keyboard shortcuts, (Accessibility in Practice)

Image Tag Accessibility dialog, (The Sidebar)

images

inline, (An Example Tutorial Page)
inserting author images, (An Example Tutorial Page)
inserting using Dreamweaver, (The Main Content Area)
linking from Atomz templates, (Adding a Search Facility)
longdesc attribute and, (Accessibility in Practice)
"low graphics" layouts, (Accessibility Controls)
multiple background images, (An Example Tutorial Page)
positioning, (The Content Area), (The Content Area), (The Content Area), (An Example Tutorial Page)
sizing for older browsers, (An Example Tutorial Page)
styling author images, (An Example Tutorial Page)
styling bullet points, (The Content Area), (The Tutorial List Page)
text-only versions, (Accessibility Controls)
using as text, (Semantic Markup), (Accessibility in Practice)

imported style sheets, (Why CSS?), (Your Basic Toolkit)

include files, (Structuring the Site)

alternate style sheets, (Accessibility Controls), (Final Tasks)
bottom.html, (Creating the Includes)
built-in functions and, (Structuring the Site)
creating, (Creating the Includes), (Creating the Includes)
functions.js, (Accessibility Controls)
head.html, (Creating the Includes)
local visibility, (Creating the Includes)
separating JavaScript into, (The Contact Form)
testing server support, (Setting up a Web Server), (Setting up a Web Server)
time savings, (Highlighting the Current Section in the Navigation Area)
top.html, (Creating the Includes)
viewing from a Web server, (Creating the Includes)

Indent Text button, Property Inspector, (Accessibility in Practice), (An Example Tutorial Page)

indexing, Atomz search facility, (Adding a Search Facility), (Adding a Search Facility)

inline styles, (Why CSS?)

Input Tag Accessibility Attributes dialog, (The Heading and Main Navigation)

Insert Div Tag dialog, (Defining the Basic Layout), (Creating CSS Rules)

Insert Frames button, (XHTML in Dreamweaver)

Insert Image button, (The Content Area)

Insert toolbar

definition lists and, (Semantic Markup)
form processing scripts, (The Contact Form)
Forms pane, (The Contact Form)
inserting a search box, (The Heading and Main Navigation)
inserting buttons, (The Heading and Main Navigation)
inserting images, (The Main Content Area)
inserting selection lists, (The Contact Form)
inserting tables, (The Main Content Area)
inserting textareas, (The Contact Form)

Internet Explorer

background color problem, (The Sidebar)
Code Spark display in IE5.5, (CSS Validation and Browser Testing)
Code Spark display in IE6, (CSS Validation and Browser Testing)
CSS bugs, (CSS Validation and Browser Testing)
problems with XML Declarations, (What Makes a Valid XHTML Document?)
text resizing, (Accessibility in Practice)

J

JavaScript

accessibility, (Accessibility in Practice)
form input validation, (The Contact Form)
removing to an include file, (The Contact Form)
style sheet switching with, (Accessibility Controls)

K

keyboard navigation, (Accessibility in Practice)

L

label element

associated with the form element, (Accessibility in Practice)
for attribute, (The Contact Form), (The Contact Form)
XHTML 1.0 Strict requirements, (Validating your XHTML)

languages, accessibility issues, (Accessibility in Practice), (Accessibility in Practice)

large-text style sheets, (Accessibility Controls), (Accessibility Controls)

Layer visualization feature set, (Creating CSS Rules)

Layers Pane, CSS Panel, (Your Basic Toolkit)

Layout Block Background option, (The Content Area)

layout blocks, (Your Basic Toolkit)

layout examples, CSS Page Designs, (Your Basic Toolkit)

layout options, (The Code Spark Site Design), (Accessibility Controls)

Layout panel, Design View, (Defining the Basic Layout)

layout tables, (Using Web Standards), (Accessibility in Practice)

legislation, (Which Guidelines are we Working to?)

line breaks

<br> tags and semantic markup, (Using Web Standards)
paragraphs and, (Semantic Markup)

line numbering display, (XHTML in Dreamweaver)

linked style sheets, (Why CSS?), (Your Basic Toolkit)

links, (The Heading and Main Navigation)

(see also navigation)
converting text into, (The Main Content Area), (The Main Content Area)
homepage to recent tutorials, (The Main Content Area)
identifying targets, (Accessibility in Practice)
next and previous pages, (Accessibility in Practice)
null links, (The Tutorial List Page)
semantic markup, (Using Web Standards)
separating adjacent links, (Accessibility in Practice)
styling Code Spark navigation, (Creating CSS Rules), (The Content Area)
styling navigation, (The Sidebar)
usability and underlining, (Creating CSS Rules)

Linux, (Semantic Markup)

liquid layouts, (The Code Spark Site Design)

list items

coloring bullets, (The Content Area), (Highlighting the Current Section in the Navigation Area)
displaying horizontally, (Creating CSS Rules), (Creating CSS Rules)
nested lists, (Semantic Markup), (The Sitemap), (The Sitemap)
topics list styling, (The Sidebar)

List Values dialog, (The Contact Form)

lists

Lynx browser and, (Semantic Markup)
positioning distinguishing information, (Accessibility in Practice)
simulating with line breaks, (Semantic Markup)
WCAG guidelines and, (Accessibility in Practice)
XHTML list types, (Semantic Markup)

logos

positioning within the header, (Creating CSS Rules)
removing for text-only versions, (Accessibility Controls)
replacing with text, (Accessibility Controls)

longdesc attribute, (The Main Content Area), (Accessibility in Practice), (Accessibility in Practice)

longhand CSS, (Your Basic Toolkit)

"low graphics" layouts (see text-only versions)

Lynx browser, (Semantic Markup), (Semantic Markup), (Other Page Elements), (Accessibility in Practice)

Lynx Viewer, (Semantic Markup)

M

Mac OS X

Lynx browser installation, (Semantic Markup)
starting Apache under, (Setting up a Web Server)

machine processing of documents, (Why use XHTML?)

maintenance advantages of CSS, (Why CSS?), (Why CSS?)

mandatory fields, (The Contact Form), (The Contact Form)

margins

distinguished from padding, (Creating CSS Rules)
setting, for body element, (Creating CSS Rules)
styling unlabeled boxes, (The Contact Form)

MathML language, (Accessibility in Practice)

media type specification, (Why CSS?), (Media Types)

menu, (The Contact Form)

metadata, (Accessibility in Practice)

minimizing attributes, (XHTML and HTML: the Differences)

“mocking up" pages, (Your Basic Toolkit), (The Tutorial List Page)

Mode buttons, CSS Panel, (Your Basic Toolkit)

movement and accessibility, (Accessibility in Practice)

avoiding blinking, (Accessibility in Practice)
avoiding flickering, (Accessibility in Practice)

multimedia content, (Accessibility in Practice), (Accessibility in Practice), (Accessibility in Practice)

N

name attributes, (XHTML and HTML: the Differences)

navigation, (The Heading and Main Navigation)

(see also links)
consistency and accessibility, (Accessibility in Practice), (Accessibility in Practice)
grouping links, (Accessibility in Practice)
markup, (The Heading and Main Navigation)

navigation areas

creating a container, (Defining the Basic Layout)
deleting background images, (Accessibility Controls)
hiding, in print style sheets, (Media Types)
highlighting current section, (Highlighting the Current Section in the Navigation Area)
horizontal button display, (Creating CSS Rules)
styling sidebars, (The Sidebar), (The Sidebar)
styling the main navigation, (Creating CSS Rules)

navigation bar positioning, (Accessibility in Practice)

nested lists

correct structure, (Semantic Markup)
CSS selector for, (The Sitemap)
sitemap use, (The Sitemap), (The Sitemap)

nesting elements, (XHTML and HTML: the Differences)

Netscape 7 browser, (CSS Validation and Browser Testing)

New CSS Rule dialog, (Your Basic Toolkit), (Creating CSS Rules), (Creating CSS Rules), (The Contact Form)

New Document dialog, (Using Web Standards), (The New XHTML Document), (Creating the Includes)

NMS FormMail Script, (The Contact Form)

non-breaking spaces, (Setting up Dreamweaver)

O

online validators, (Accessibility Validation)
Opera 7 browser, (CSS Validation and Browser Testing)
ordered list creation, (Semantic Markup)

P

<p> tags

addition of, by Dreamweaver, (Creating CSS Rules)
including, when applying rules, (The Content Area), (An Example Tutorial Page)
semantic markup requirements and, (Using Web Standards)
styling wrapping elements, (The Sidebar)

padding

distinguished from margins, (Creating CSS Rules)
separating elements using, (Creating CSS Rules)
setting, for body element, (Creating CSS Rules)

page design approach, Code Spark, (Constructing the Document)

Page Properties dialog box, (Your Basic Toolkit)

page redirection, (Accessibility in Practice)

page refreshing, (Accessibility in Practice)

pages, links to next and previous, (Accessibility in Practice)

panels, Dreamweaver, (Setting up Dreamweaver)

paragraph element (see <p> tags)

paragraphs

creating in Dreamweaver, (Semantic Markup)
line breaks distinguished from, (Semantic Markup)
positioning distinguishing information, (Accessibility in Practice)

PHP language (see server-side languages)

pie chart images, Code Spark, (The Content Area)

placeholder text, (The Main Content Area), (Accessibility in Practice), (Creating The Base Page)

popup windows, (Accessibility in Practice)

portability and XHTML, (Why use XHTML?)

Preferences dialog, (Setting up Dreamweaver), (Your Basic Toolkit)

presentation, separation from content, (Who Needs Web Standards?), (Using Web Standards)

previewing style sheets, (Your Basic Toolkit)

print style sheets, (Why CSS?), (Media Types)

priority 1, WCAG

checkpoints, (Accessibility in Practice), (Accessibility in Practice)
definition, (Which Guidelines are we Working to?)

priority 2, WCAG

checkpoints, (Accessibility in Practice), (Accessibility in Practice)
definition, (Which Guidelines are we Working to?)

priority 3, WCAG

checkpoints, (Accessibility in Practice), (Accessibility in Practice)
definition, (Which Guidelines are we Working to?)

Properties Pane, CSS Panel, (Your Basic Toolkit), (Creating CSS Rules), (Accessibility Controls)

Property Inspector

creating a search form, (Adding a Search Facility)
creating headings, (Semantic Markup), (The Main Content Area), (Your Basic Toolkit)
creating null links, (The Tutorial List Page)
creating ordered lists, (Semantic Markup)
creating unordered lists, (Semantic Markup), (The Main Content Area)
image map “hot spots”, (Accessibility in Practice)
Page Properties dialog, (Your Basic Toolkit)
styling with, (Why CSS?), (Your Basic Toolkit), (Your Basic Toolkit)
text indenting, (Accessibility in Practice), (An Example Tutorial Page)
turning text into links, (The Main Content Area), (The Main Content Area)

proprietary markup elements, (Using Web Standards)

pseudo-classes, (Creating CSS Rules)

Q

Quick tag editor, (The Content Area), (Accessibility in Practice)

Quirks Mode, IE6, (What Makes a Valid XHTML Document?)

quotes, (Accessibility in Practice)

(see also blockquote element)
adding quote mark images, (An Example Tutorial Page)
pull quotes and blockquotes, (An Example Tutorial Page)
pull quotes in alternate style sheets, (Accessibility Controls), (Media Types)
WCAG guidelines and, (Accessibility in Practice)

quoting attribute values, (XHTML and HTML: the Differences)

R

recent tutorials, Code Spark links, (The Main Content Area)

redesign and standards compliance, (Who Needs Web Standards?)

relative units and accessibility, (Accessibility in Practice)

repeated code and include files, (Structuring the Site), (Structuring the Site)

Reports dialog (see Results Panel)

required fields, (The Contact Form), (The Contact Form)

resizing text, (Creating CSS Rules), (Accessibility in Practice)

resizing windows, (The Content Area)

Results Panel

accessibility validation, (Using Web Standards), (Accessibility Validation)
alternate text checking, (Accessibility in Practice)
markup validation, (XHTML in Dreamweaver), (Validating your XHTML)

S

Sample Style Sheets dialog, (Your Basic Toolkit)

Save as type drop-down menu, (Creating the Includes)

Save Style Sheet File As dialog, (Creating CSS Rules)

scope attribute, (Accessibility in Practice)

screen readers, (Using Web Standards)

JavaScript and, (Accessibility in Practice)
semantic markup and, (Semantic Markup), (Semantic Markup)
table summaries for, (The Main Content Area)
tables and, (Accessibility in Practice), (Accessibility in Practice)

scripts, (Accessibility in Practice)

(see also JavaScript)
accessibility, (Accessibility in Practice), (Accessibility in Practice)
form processing, (The Contact Form)

search boxes

creating, (The Heading and Main Navigation)
styling, (The Sidebar)

Search button, Code Spark sidebar, (The Heading and Main Navigation)

search engines

accessibility and site indexing, (Who Needs Web Standards?)
page titles and site indexing, (The Tutorial List Page)
sitemaps and site indexing, (The Sitemap)

search form accessibility, (Accessibility in Practice)

search functions

accessibility, (Accessibility in Practice)
third-party service for, (Adding a Search Facility), (Adding a Search Facility)

“Section 508” legislation, (Which Guidelines are we Working to?)

security, Website hosting, (Setting up a Web Server)

Select File dialog, (Creating the Includes)

selectors, contextual, (Creating CSS Rules), (The Content Area)

semantic document structure, (Using Web Standards), (Semantic Markup)

Lynx browser and, (Semantic Markup)
WCAG guidelines and, (Accessibility in Practice)

server-side form validation, (The Contact Form)

server-side image maps, (Accessibility in Practice)

server-side includes (see include files)

server-side languages

Dreamweaver setup prompt, (Setting up Dreamweaver)
form processing scripts, (The Contact Form)
highlighting current selections, (Highlighting the Current Section in the Navigation Area)
include files and, (Structuring the Site)
style sheet switching with, (Accessibility Controls)

shorthand CSS, (Your Basic Toolkit)

.shtml files, (Setting up a Web Server)

sidebars

adding a curved image, (The Sidebar)
altering font sizes, (Accessibility Controls)
bottom.html include file, (Creating the Includes)
design, (Other Page Elements)
markup for Code Spark, (The Heading and Main Navigation)
styling, (The Sidebar), (The Sidebar)
text-only version, (Accessibility Controls)

Site Definition wizard, (Setting up Dreamweaver)

sitemaps, (The Sitemap), (The Sitemap)

styling with CSS, (The Sitemap)
usefulness, (Other Page Elements)
WCAG guidelines and, (Accessibility in Practice)

“skip navigation” links, (Accessibility in Practice)

Sowden, Paul, (Accessibility Controls), (Accessibility Controls)

spaces

Allow Multiple Consecutive Spaces option, (Setting up Dreamweaver)
creating whitespace, (Creating CSS Rules)
in Lynx pathnames, (Semantic Markup)

<span> tags, (Creating CSS Rules), (The Content Area), (Accessibility Controls)

Split Screen View, (The Main Content Area)

standards compliance (see Web Standards)

<strong> tags

CSS alternative, (An Example Tutorial Page)
<em> tags and, (Semantic Markup)

style attribute, HTML, (Why CSS?)

Style drop-down list, Property Inspector, (Your Basic Toolkit)

Style Rendering Toolbar, (Semantic Markup), (Your Basic Toolkit), (Media Types)

style sheet switching, (The Code Spark Site Design), (Accessibility Controls), (Accessibility Controls)

style sheets, (Why CSS?), (Why CSS?)

(see also alternate style sheets)
(see also CSS)
extracting font sizes, (Accessibility Controls)
<font> tags and, (Why CSS?)
linking from Atomz templates, (Adding a Search Facility)
main.css, after header styling, (Creating CSS Rules)
print.css editing, (Media Types)
readability of unstyled documents, (Accessibility in Practice)
samples supplied with Dreamweaver, (Your Basic Toolkit)
text-large.css, (Accessibility Controls), (Accessibility Controls)
text-regular.css, (Accessibility Controls)
types of, (Why CSS?)
WCAG guidelines and, (Accessibility in Practice)

<style> tags, (Why CSS?)

styling effect visualization, (Creating CSS Rules)

submit buttons, (The Contact Form), (The Contact Form)

summaries for tables, (The Main Content Area), (Accessibility in Practice)

T

tabindex attribute and tab order, (Accessibility in Practice)

Table dialog, (Accessibility in Practice), (Accessibility in Practice)

tables

accessibility requirements, (Accessibility in Practice), (Accessibility in Practice), (Accessibility in Practice)
alternating row colors, (The Content Area)
inserting using Dreamweaver, (The Main Content Area)
styling, (The Content Area)
summaries for, (The Main Content Area), (Accessibility in Practice)
use for layout, (Using Web Standards), (Accessibility in Practice)

Tag drop-down list, (Your Basic Toolkit), (Creating CSS Rules)

tagline styling, (Creating CSS Rules), (Accessibility Controls)

templates, Atomz, (Adding a Search Facility)

customizing search results, (Adding a Search Facility)
sample markup, (Adding a Search Facility)
"Template Recipe" page, (Adding a Search Facility)
updating, (Adding a Search Facility)

templates, Dreamweaver, (Structuring the Site)

text, (Accessibility in Practice)

(see also alternate text)
bolding with CSS, (An Example Tutorial Page)
converting into links, (The Main Content Area), (The Main Content Area)
indenting, (Semantic Markup), (Semantic Markup), (Accessibility in Practice), (An Example Tutorial Page)
using images as, (Semantic Markup), (Accessibility in Practice)
wrapping round images, (The Content Area), (An Example Tutorial Page), (An Example Tutorial Page)

text color, (Creating CSS Rules)

text decoration, (Creating CSS Rules)

text field insertion, (The Contact Form)

text resizing, (Creating CSS Rules), (Accessibility in Practice), (Accessibility Controls), (Accessibility Controls)

text selection with <span> tags, (Creating CSS Rules), (The Content Area)

text-only devices, (Other Page Elements)

(see also screen readers)
frames and, (Accessibility in Practice)
importance of content location, (Other Page Elements)
Lynx browser, (Semantic Markup), (Semantic Markup)
semantic markup and, (Semantic Markup)
sitemap usefulness, (Other Page Elements)

text-only versions, (Who Needs Web Standards?), (Accessibility in Practice)

Code Spark Website, (Accessibility Controls), (Accessibility Controls)

textareas, (The Contact Form)

<th> tags

abbreviations, (Accessibility in Practice)
accessibility and, (Accessibility in Practice)
styling, (The Content Area)
Table dialog, (The Main Content Area)

third-party services, (Adding a Search Facility), (Adding a Search Facility)

problems, (Adding a Search Facility)

title bar XHTML display, (XHTML in Dreamweaver)

toggling style rendering, (Semantic Markup), (Accessibility in Practice)

toolbars (see Insert toolbar) (see Style Rendering toolbar) (see Web Developer Toolbar)

tools, CSS (see CSS toolkit)

topics list styling, (The Sidebar)

tutorial pages, Code Spark

author credit and date, (An Example Tutorial Page)
design, (The Code Spark Site Design)
example, (An Example Tutorial Page), (Highlighting the Current Section in the Navigation Area)
inline images, (An Example Tutorial Page)
introductory text, (An Example Tutorial Page)
layout, (The Code Spark Site Design)
pull quotes, (An Example Tutorial Page)
styling with CSS, (An Example Tutorial Page)
validation, (Highlighting the Current Section in the Navigation Area)

tutorials, Code Spark

homepage featured tutorials, (The Main Content Area)
homepage links to, (The Main Content Area)
sitemap listing, (The Sitemap), (The Sitemap)
tutorial list page, (The Tutorial List Page), (The Tutorial List Page)

U

<ul> tags, (Creating CSS Rules)

(see also list items)
semantic markup, (Using Web Standards)
topics list styling, (The Sidebar)

underlining for links, (Creating CSS Rules)

unordered lists, (The Heading and Main Navigation)

(see also <ul> tags)
creating with the Property Inspector, (Semantic Markup), (The Main Content Area)
navigation as, (The Heading and Main Navigation)

usability and link underlining, (Creating CSS Rules), (Alternate Style Sheets)

(see also accessibility)

UsableNet Accessibility Reference, (Using Web Standards), (Dreamweaver Tools for Accessibility)

user benefits

accessibility, (Which Users Benefit?)
Web standards, (Who Needs Web Standards?)

V

Validate Form dialog, (The Contact Form)

validation

accessibility, (Accessibility Validation), (Accessibility Validation)
accessibility, built into Dreamweaver, (Using Web Standards), (Dreamweaver Tools for Accessibility), (Accessibility Validation)
accessibility, online, (Using Web Standards), (Accessibility Validation)
CSS, (Using Web Standards), (CSS Validation and Browser Testing)
form input, (The Contact Form), (The Contact Form)
forms input, (The Contact Form)
markup, alternate style sheets, (Final Tasks)
markup, and bug fixes, (Who Needs Web Standards?)
markup, built into Dreamweaver, (Using Web Standards), (XHTML in Dreamweaver), (Validating your XHTML)
markup, dynamically generated, (Using Web Standards)
markup, for contact form, (The Contact Form)
markup, in Code Spark, (CSS Validation and Browser Testing)
markup, using the W3C Validator, (Using Web Standards)
markup, WCAG guidelines and, (Accessibility in Practice)
markup, with include files, (Highlighting the Current Section in the Navigation Area)

validity of XHTML documents, (What Makes a Valid XHTML Document?), (What Makes a Valid XHTML Document?)

vertical alignment setting, (Creating CSS Rules)

Visual Aids, (Your Basic Toolkit), (The Content Area)

visual development environments, (Who Needs Web Standards?)

W

W3C (World Wide Web Consortium), (Which Guidelines are we Working to?)

(see also Web Accessibility Initiative)
accessibility of approved technologies, (Accessibility in Practice)
markup validator from, (Who Needs Web Standards?), (Using Web Standards)
Web standards and, (Web Standards Defined), (Using Web Standards), (Semantic Markup)
XHTML and, (What is XHTML?)

Walker, Alex, (The Code Spark Site Design)

WCAG (Web Content Accessibility Guidelines)

checkpoint priority levels, (Which Guidelines are we Working to?)
status, (Which Guidelines are we Working to?)
WCAG 1.0 specification, (Web Standards Defined), (Who Needs Web Standards?), (Using Web Standards)

Web Accessibility Initiative (WAI), (Web Standards Defined), (Using Web Standards), (Which Guidelines are we Working to?)

conformance levels, (Which Guidelines are we Working to?)

Web Developer Toolbar, (Accessibility Validation), (Highlighting the Current Section in the Navigation Area)

Web servers

Apache, (Setting up a Web Server), (Setting up a Web Server)
IIS (Internet Information Services), (Setting up a Web Server)
include file instructions to, (Creating the Includes)
setting up, (Setting up a Web Server), (Setting up a Web Server)

Web standards

compliance requirements, (Using Web Standards), (Using Web Standards)
defined, (Web Standards Defined)
semantic document structure, (Using Web Standards)
usefulness of, (Who Needs Web Standards?), (Who Needs Web Standards?)

Website project (see Code Spark Website project)

Website redesign, (Who Needs Web Standards?)

WebXACT (Bobby) accessibility validator, (Using Web Standards), (Which Guidelines are we Working to?)

whitespace, padding and margins, (Creating CSS Rules)

Windows

ASP form processing, (The Contact Form)
installing Apache under, (Setting up a Web Server)
Lynx browser installation, (Semantic Markup)

workspace layouts, Dreamweaver 8, (Setting up Dreamweaver)

X

XHTML, (XHTML in Dreamweaver)

(see also validation, markup)
accuracy of Dreamweaver markup, (Validating your XHTML)
advantages, (Why use XHTML?), (Why use XHTML?)
differences from HTML, (XHTML and HTML: the Differences), (XHTML and HTML: the Differences)
Dreamweaver conversion of HTML, (XHTML in Dreamweaver)
Dreamweaver tools, (XHTML in Dreamweaver), (XHTML in Dreamweaver)
origins and status, (What is XHTML?)
validity requirements, (What Makes a Valid XHTML Document?), (What Makes a Valid XHTML Document?)

XHTML 1.0 Frameset, (Using Web Standards), (XHTML in Dreamweaver)

XHTML 1.0 recommendation, (Web Standards Defined)

creating XHTML in Dreamweaver, (Using Web Standards)
DOCTYPE declarations, (Using Web Standards)
example markup, (Using Web Standards)

XHTML 1.0 Strict

Code Spark site use, (The New XHTML Document)
Dreamweaver page creation, (The New XHTML Document)
label element requirements, (Validating your XHTML)
restrictions, (Using Web Standards)

XHTML 1.0 Transitional

as Dreamweaver default, (Using Web Standards), (What Makes a Valid XHTML Document?)
paragraph element wrapping, (The Sidebar)
reasons to use, (The New XHTML Document)

XML (Extensible Markup Language) and XHTML, (What is XHTML?), (Why use XHTML?)

XML Declarations, (What Makes a Valid XHTML Document?)

XML Namespaces, (What Makes a Valid XHTML Document?)

Edition:	1st
Price:	$39.95
Pages:	368
ISBN:	0-9752402-3-4
Pub:	September 2005

Product Overview

Build Your Own Standards Compliant Website Using Dreamweaver 8

Index

A

B

C

D

E

F

H

I

J

K

L

M

N

O

P

Q

R

S

T

U

V

W

X

About SitePoint

Product Information

Features

Features

Customer Reviews

Steve Capie, USA

Product Details

[+] Enlarge Image

Questions?

Claim Your PDF

Code Archive

SitePoint Books