Course Synopsis:

This class provides you with the concepts and skills to use HTML effectively. You get hands-on practice working with basic through advanced techniques to get the most out of your experience. You will learn the basics of coding for web design, beginning with HTML and advancing to more complex XHTML and CSS fundamentals.

Who Should Attend?

Web designers and developers that desire a deeper understanding of HTML, CSS, XHTML, and the new standards of web design.


Because of the amount of material we cover in class, we do require students to be comfortable using a mouse, opening and saving files, and the general operations of computers. While we will make every reasonable effort to help, students with insufficient skills may be required to observe the class lessons or do their best to keep up without slowing down the rest of the class.

What You Will Learn:

Basics of HTML and CSS
Planning your Web Site
Formatting, Images, and Styles
Basics of XHTML
Understanding Properties
Working with Colors and Background Images
The DIV Tag and Layout
Building Basic Forms

Course Materials:

Course materials are provided. Our goal is to make sure your class meets your objectives, not ours. Therefore, all of our outlines are treated as guides to help steer the workshop. We may change or alter course topics to best suit the classroom situation.

Related Courses:

We recommend the following courses that relate to this class: Adobe DreamWeaver and Adobe Fireworks. Please take a look at our other course outlines at our website.


The Language of the Web
Basics of HTML and the Web
Creating an HTML File
Web Browsers and Tags
Formatting and Testing Pages
Understanding Attributes
Working with Images


Web Page Construction
The Rough Design Sketch
From a Sketch to an Outline
From Outline to Web Page
Testing your New Pages
Learning New Tags and Elements
Working with Blockquote and Paragraph
Nesting Elements
Choosing Inline or Block for Text


Serving Up the Page
Finding Hosting Solutions
Domain Name Basics
Getting your Files to the Web
URL Linking
HTTP Protocol
Absolute and Relative Paths
Index and Default Pages
Linking to Other Web Sites
Liking to a New Window
Using Target
Testing on Multiple Browsers
Tips and Tricks for Publishing


Images, Media, and More HTML
Working with Images
Standards and the ATL Tag
Images for Links
Formatting Options
Working with Transparent Images
Working with Page Color and Background
Document Type and the W3C Validator
Using Meta Tags and Data
Validating and Nesting Fixes


Moving on to XHTML
Learning About XHTML
The XHTML 1.0 Checklist
Moving from HTML to XHTML
Validation and XHTML


Adding Some Style
Using CSS and XHTML
Designing and Building Rules
Linking to External Style Sheets
Understanding Inheritance
The Font Family Tree
Overriding Inheritance
Creating a Selector for the Class
Taking Classes Further
Validating CSS


More About CSS and Properties
Text and Fonts
Understanding Font-Family
Adding Style to Your Fonts
Specifying Web Colors
Two Minute Guide to Hex Codes
How to Find Web Colors
Text Decorations
Removing the Underline from Links


Web Layout Basics
Learning the Box Model
Padding, Border, and Margins
Adding a Background Image
Adding Padding to the Left and Right
Two Minute Guide to Borders
Border Fit and Finish
Working with the id Attribute
Using Multiple Style Sheets


More HTML and CSS Techniques
Dividing a Page into Logical Sections
Selecting Descendants
Working with Color
Fixing the Line Height
Adding the span Tag for Style
Styling Based on State
Understanding the Power of Cascade


Arranging Elements
Working with Flow
Working with Inline Elements
Putting it all Together
Working with Width and Float
Fixing the Two-Column Problem
Fixing Overlap
Liquid and Frozen Designs
How Fixed Positioning Works
Two and Three Column Designs


Adding Forms to your Page
How Forms Work
Adding the Form Element
Working with Input and Select
Radio Buttons and Drop Downs
Working with Get and Post
Working with Tables and Forms
Styling the Form and Table with CSS

Share this page!