HTML 4 Tutorials

Building good websites that download quick and are free from errors is what these HTML tutorials will teach, learn all about this tag based markup, forms, CGI, adding images and setting up your first web site. This HTML training course Will take you from the ground up and show you all you need to know. Topics include, FTP, Client side image maps, JavaScript, setting out tables and DHTML subjects such as Layers. This HTML tutorial will have you designing web pages like a true pro.

This training course is designed for fast learning and covers all the fundamental points of the application, all cds work on a mac or pc and no application is needed.

The links below are free HTML tutorials. The entire contents may be purchased either on CD or watched via the Online University

Introduction
 Getting Started
 How the Web Works
 Viewing a page
 What is HTML?
 Creating the first page

Text Controls
 Headings
 Font Sizes
 Absolute/Relative Font Size
 Font size on Mac & PC
 Paragraph and Line Breaks
 Alignment
 Bold and Italics
 HTML Elements
 Centering Text
 Indenting Text
 Nesting HTML tags
 Phrase tags
 Text Colors
 Basic Font Style Elements
 New HTML4 Style Elements
 New Style Elements (PC)
 Horizontal Lines
 Address
 Netscape Font Tags
 Explorer Specific Tags
 Special characters
 New HTML4 0 entities
 Preformatted Text
 Customize browser display
 Controlling Fonts
 Using Division Tags
 Adding Comments

Links
 What is Hypertext
 Basic Hypertext Links
 Adding Titles to Links
 To parts of same page
 To parts of another page
 Dynamic Links
 Defining Link Short Cuts
 External Links
 Absolute and Relative Links
 Mailto Links
 Dating Links
 Naming your Default Page
 Changing Link Color
 Links to Download Files

Graphics and Color
Changing Background Color
Adding an image
Graphic Format Types
Alternative Text Labels
Changing size of an image
Large graphics
Image Cache
Background Images
Aligning Images
Run-around Text & Graphics
Image Links
Transparent Images
Interlacing
Adding a Long Description
Horizontal Image Lines
More pixel GIF tricks
Hex Color Charts
Converting RGB to Hex
Other Graphic Applications
PNG Image Format
Object tag
Pre-loading Tip

Tables
A simple table
Adding Data
Headings
Aligning Cell Data
Row & Column Span
Table Colors
Cellpadding & Spacing
Adding Images to Cells
Captions
Resizing Tables
Table Alignment
Dividing Tables
Column Elements
Defining Widths
Framing Options
Table Rules
More new elements
Netscape elements
Nested tables
A Nested Table

Lists
Bulleted lists
List Attributes
Ordered Lists
Nested Lists
Definition and Menu Lists

Forms
Intro to Forms
Simple Text Fields
More on Text Fields
Scrolling Text Boxes
Checkboxes
Radio buttons
More Scrolling text boxes
Confidential Information
Selection Lists
Align with Pre tags
Mailto
CGI scripts
CGI Resources
Hidden Fields
Adding form buttons
Adding a file to a form
Labels
Fieldset & Legend
Image Buttons
Image buttons 2
Tabindex & Access keys
OPTGROUP & ACCEPT

Frames
Introduction
Columns and Rows
NoFrames
Changing Appearance
Targeting Frames
More on Targets
Nested Frames
More Attributes
Inline Frames
Web Resources for Frames

Image Maps
What are Image Maps?
Image Mapping (Mac)
Image Mapping (PC)
Multi-layer Image Mapping

Style Sheets
Introduction
Span element
Embedded style sheets
Position text using CSS
Linked style sheets
Creating Classes
Grouping style sheets
How cascading works
Hiding style sheets
Relative positioning
Absolute positioning
Overlapping layers
Stacking Order
Overflow Options
Background repeat
Aligning text
CSS web references

Dynamic HTML
What is Dynamic HTML
Simple JS Example
More on JavaScript
Opening a new window
Combine CSS and JS
Moving Graphics
Rollovers
Intro VBScript
Combine VBScript & CSS
Data Binding
Dreamweaver
Golive CyberStudio
Javascript resources

Netscape Layers
Basic concepts
More on Layers
Inflow Layers

Plug-ins, Java, ActiveX and Objects
Plug-ins
Embedding
Helper Applications
Object Tags
Java Applets
ActiveX 1

Web Site Design
Introducing GIFs
Introducing JPEG
More on GIFs
Tips on JPEG and GIF
Preparing Graphics
Graphic Background
Designing Pages
Create a site map
Target Audience
Metaphors
Long Term Planning
Maintaining Consistency
Linear/Non-Linear Design
Horizontal/Vertical design
Multiple Navigation
Tunnels
GIF Animation (Mac)
GIF Animation (PC)
Flash
Browser safe colors
Fonts

Getting your site online
Uploading with Fetch
Advanced Fetch Features
Bullet Proof FTP
Command Line FTP (PC)
Domain Name Registration

Search Engines & Indexing Pages
Introduction
Spiders
Meta Tags
More Meta Tags
Directory Listings
Search Engine Tips
Search Voyeur

Advanced Topics
Inside HTML
Internationalizing HTML
Character Encoding Sets
External Character Encoding
Introduction to XML
XML in action
HTML Libraries
HTML Validation
Convert Files for Server