Web Basics

• Hypertext, hyperlinks, and markup languages
• Origins of the Internet and the World Wide Web
• Standards and the World Wide Web consortium
• The HTML 4.01 and XHTML 1.0 specifications
• Proprietary HTML extensions
• Document structure tags
• Creating your first web page
• White Space in code and web pages

XHTML Tags

• Opening tags, closing tags and elements
• Containers, empty tags and XHTML
• Head, title, body, and body text
• Formatting text: old school vs. new school
• Headers and heading levels
• Block level vs. inline elements
• Bold, italic, & underline tags
• Accessibility: ADA and Section 508 Compliance
• Standards compliance and deprecated tags
• Superscript, subscript, and teletype font tags
• Working with text styles
• Preformatted and indented text
• Lists: ordered and unordered

XHTML Attributes

• Attributes, elements and values
• XHTML rules for attributes and value syntax
• Horizontal rules and attributes
• Font typefaces, sizes and colors
• Heading attributes
• Formatting text with the style attribute
• Symbols and special characters

Images, Colors, and Backgrounds

• Inline images
• Image file formats: GIF, JPG, and PNG
• Positioning and aligning images
• Basic image editing and transparency
• Creating spacer and line images
• Background images & colors
• Tiling and repeating

Creating Hyperlinks

• Linking within your website
• Linking to other sites
• Links that create email
• Links that download files
• Linking to spots on a web page
• Returning to the top of page
• Creating navigation buttons in an image editor
• Using navigation buttons in our web site

Web Creation Tools

• Visual editors vs. code editors
• Why use tools?
• Working with an HTML editor

Introduction to HTML Tables

• Tabular data presented in columns and rows
• Anatomy of an HTML table
• Creating a basic table
• Controlling width and height
• Basic formatting and adding color
• Borders, cellpadding, and cellspacing
• Embedding images in a table
• Complex tables
• Basic page layout with tables

A Complete Website

• Designing and planning your web site
• Gathering and assembling resources
• Building pages
• Reusing common elements
• Creating navigation structures
• Completing your web site

Web Form Basics

• Feedback, applications, and eCommerce
• HTTP requests and responses
• How data is passed from form to server
• The anatomy of a web form
• Methods, actions, and get vs. post
• Named form elements and sending data
• Submitting and resetting a web form

Working with Form Elements

• Input boxes and password boxes
• Checkboxes and radio buttons
• Drop-down select lists and large text areas
• Submit and reset buttons

Advanced Form Techniques

• Limiting data size and providing default entries
• Disabled and read-only elements
• Custom buttons and images as submit buttons
• Laying out a web form
• A look at what’s happening on the server

Web Forms and Accessibility

• Keyboard navigation on the World Wide Web
• Associating labels with form elements
• Controlling tab order and providing Alt key access
• Grouping with fieldsets and legends
• Designing and creating web form applications

ImageMaps

• Uses of ImageMaps on the web
• ImageMap anatomy: areas, shapes & coordinates
• Using ImageMaps as navigation tools

A Brief Introduction to JavaScript

• What is JavaScript and what can it do?
• The Document Object Model & playing with objects
• Changing the status bar and simple image rollovers

Introduction to Cascading Style Sheets

• Reasoning of CSS: Content, Structure, Formatting
• What can I do with CSS that I can’t do with HTML?
• Style Rules: Properties, Values and Selectors
• The Cascade: Inheritance and Precedence
• Parents, Decendents, Proximity and Specificity

Accessibility and Standards

• Why Standards and Accessibility Matter
• Current Standards for XHTML and CSS
• Using CSS to Replace Deprecated HTML Features
• The Role CSS Plays in Web Accessibility

CSS Declarations and the Style Attribute

• Old School vs. New School Techniques
• Deprecation of <font> and <center>
• Issues with <b>,  <i>, and <table>
• Text Styling and Sizing for Accessibility and Printing
• Alignment, Indentation and Margins
• Text Color, Backgrounds, How to Specify Color

The Style Element and Linked Style Sheets

• Document Styles and Inheritance
• Selectors, Elements, Classes and IDs
• Linking to One or More External Style Sheets
• Specifying Different Style Sheets for Different Media
• Creating and Testing Style Sheets for Printing

Working with Selectors in Style Sheets

• Element Selectors and the Document Object Model
• Using Descendent Selectors, Classes and IDs
• Why to Prefer Descendent Over Class and ID
• The Proper Use of <span> and <div> Elements
• Using Psuedo-Classes and Combining Selectors

CSS for Text, Links, and Lists

• Understanding the CSS Box Model
• Changing Block Level and Inline Elements
• Removing White Space After Headers
• Link Underlines and Adding MouseOver Affects
• Lists: Bullets, Indent, Image Bullets & Enumerators
• How to Display a List Horizontally

CSS for Images

• Replacing Deprecated Image Attributes with CSS
• Placing Text on Top of an Image
• Background Images for Any Element
• Page Backgrounds, Positioning and Watermarks

CSS and Navigation

• Replacing Image-based Navigation
• Using a Styled List as a Navigation Menu
• Creating RollOvers Without Images or JavaScript
• Making Text Links Look and Act Like Buttons
• Creating Tabbed Navigation with CSS

CSS and Tables

• Tables That Are Accessible AND Attractive
• Table Layout, Borders and Spacing
• Alternating Table Row Background Colors
• Changing Background and Text Colors on Hover
• Creating a Calendar with Tables and CSS

CSS and Forms

• Referencing and Styling Form Elements with CSS
• Laying Out a Two Column Form without Tables
• Grouping and Styling with Fieldsets and Legends
• Styling AccessKey Hints for Improved Accessibility
• Coloring and Highlighting in Select Lists
• Creating a Form that Looks Like a Spreadsheet

CSS Positioning and Layout

• Replacing Tables Used for Page Layout
• Margins, Padding, Block and Inline Elements
• Liquid vs. Fixed Layout with Multiple Columns
• Headers, Footers, Combining Fixed & Float Content

Experimenation, Browsers, and the Future

• Styling and Coloring ScrollBars
• Pure CSS DropDown Menus
• CSS and Dynamic HTML

CSS and Specific Media

• Print Style Sheets and Paged Media Control
• Aural Style Sheets: Controlling Speech and Sound