Free Web Development Training and Tutorials Blog




    



Web Design HTML Course and CSS Tutorials

Homeandlearn.co.uk provides some excellent free computer training, including this Web Design Course and these Cascading Style Sheet Tutorials. These course lessons and tutorials will teach you how to create web pages using HTML and CSS. To begin, first read their Introduction to the Web Design Course to see more about what you will learn, and to download their free HTML editor.

Web Design HTML and CSS Topics:


Web Design Course Tutorials

> Section One - A first Web Page

1 Anatomy of a Web Page

2 The Five Minute Web Page
3 The HTML Skeleton
4 Adding Colours to Web Pages

> Section Two - Images and the Web
 
 
1 inserting images into a web page
2 Image Types
3 Design a Web Page with and Image

4 Image Alignment
5 Image Tag Reference

> Section Three - HTML Text Formatting
 
 
1 Text Colour, Headings, Centre
2 Bold, Italics, Sub and Superscript
3 The Font Tag

4 HTML Bullets and Lists
5 Horizontal Rules
6 Extra HTML Formatting Tags

> Section Four - Adding Links with HTML
 
 
1 What is a Hyperlink?
2 Anchors
3 Target and Bookmark Links
4 Email Links

5 Navigational Icons as Links
6 HTML Image Maps
7 Links to Other File Types

> Section Five - HTML Tables
 
 
1 Data Presentation
2 Creating a HTML Table
3 Rowspan and Colspan
4 Aligning Contents in a Cell

5 Tables and Cell Colours
6 Using Images in Tables
7 Nested Tables

> Section Six - HTML Forms
 
 
1 Introduction to HTML Forms
2 Textboxes and Textareas
3 Option Buttons, Chexboxes, Submit, Reset

4 Aligning Form Elements
5 HTML List Boxes
6 Passwords, Buttons, Image Buttons, Hidden Elements

> Section Seven - HTML Frames
 
 
1 Setting up the Frame Document
2 Frame Targetting
3 Creating a Frame Document

4 Inserting Target Links
5 Frames in Rows and Columns



Cascading Style Sheet Tutorials


> Section One - How to Set Up a Style Sheet
 
1 An Introduction to Cascading Style Sheets
2 Adding the Style Tags to your HTML page
3 Style Sheet Rules
4 Where to put your Styles

> Section Two - Formatting Text with Style Sheets
 

1 Using Selectors to set a Font Colour

2 A CSS MouseOver
3 Change the Background colour behind Text
4 Add a Border around Text
5 Margings and Indents



Download a Style Sheet Reference

(54 kb, CHM help file)

Comments



 
Name

Email

URL


Remember me?

Comments


Verification code
Verification code