HTML 101: Rookie

We will assume little or no prior knowledge of HTML and CSS in this course but you should have a basic working knowledge of either the Windows or Mac.

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

The Language of the Web

• Basics of HTML and the Web
• Creating an HTML File
• Web Browers and Tags
• Formating 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 Colour 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 Colours
• Two Minute Guide to Hex Codes
• How to Find Web Colours
• 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 Colour
• Fixing the Line Height
• Adding the Tag for Style
• Styling Based on State
• Pseudo-Classes
• 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