HTML class

HTML beginner class

Course Description:

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.

HTML beginner class
Course Details:

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