Free Web Design Course: HTML, HTML 5, and CSS

Home and Learn: Web Design - Course Contents

This Web Design course will teach you HTML, HTML 5, and Cascading Stylesheeyts (CSS). It is aimed at complete beginners to the subject, and assumes you have no knowledge of creating web pages. You won't need to buy any expensive software for this course. To see what you WILL need, simply click the Course Software link below. The course has been designed to work on just about any operating system.

Section One: Getting Started with Web Design

1. Course Introduction

2. Course software

3. What is a HTML and HTML 5?

4. Getting started with tags

5. How to save web pages

6. Viewing your web pages

Section 2: Basic HTML Tags

1. Basic HTML template

2. Heading Tags

3. Paragraph and Break tags

4. Bold and Italics

5. HTML Text Formatting

Reference: Basic HTML Tags

Section 3: Getting started with CSS

1. Introduction to CSS

3. Where to put your styles

4. Using CSS selectors

5. Inline and Embedded styles

6. CSS and Fonts

7. Font colours

9. Styling Fonts

Reference: CSS and Fonts

Section 4: Dealing with Images in HTML

1. Types of Images

2. Inserting Images with HTML, part 1

3. Inserting Images with HTML, part 2

4. HTML Image Attributes

5. HTML Images and CSS

6. Text wrapping with CSS

7. CSS and image borders

8. Background Images

9. Adding captions to HTML images

Reference: CSS in this section

Section 5: Linking to other HTML pages

1. HTML Hyperlinks

2. Linking to other web pages

3. Other types of hyperlinks

4. CSS and hyperlinks

5. External stylesheets

6. HTML lists and nav bars

Reference: CSS in this section

Reference: HTML in this section

Section 6: CSS Layouts

1. The Box Model

2. CSS Comments

3. CSS Positioning

6. A one column CSS layout

7. Styling the one column layout

8. Styling HTML 5 tags

9. A two column CSS layout

11. CSS Shadows

Reference: CSS in this section

Reference: HTML5 layout tags

Section 7: HTML 4 and HTML 5 Tables

1. HTML 4 Tables

2. Row and Col span

3. Table alignment, colour, images

4. HTML 5 Tables

Reference: HTML and HTML5 tables

Section 8: HTML forms

2. Textboxes, Submit, Reset

3. Formatting Textboxes with CSS

4. Labels, Textareas

5. Option buttons and Checkboxes

6. Passwords, hidden fields

Reference: HTML and HTML5 Forms

Section 9: HTML5 forms

1. HTML 5 Forms

2. Placeholders, Required

3. Email, URL, Search

4. Spinners and Sliders

5. Dates, Colour pickers

7. HTML Form Layouts

8. HTML 5 Video and Audio

9. The HTML 5 Canvas tag

10. Details, Aside, Mark

Reference: HTML5 Audio and Video

Section 10: Getting your site on the internet

1. Websites and Domain Names

2. What to look for when buying Webspace

3. Search engine optimisation

4. Pay per click advertising

6. Proxy Servers

Section 11: HTML and CSS Reference

1. Basic HTML Tags

2. CSS Font and Text Properties

3. CSS Borders, Margins, Padding

4. CSS used in the Lists section

5. CSS used in the Positioning section

6. HTML images and hyperlinks

7. HTML5 Layout tags

8. HTML and HTML5 Table tags

9. HTML and HTML5 Form tags

10. HTML5 Video and Audio tags

11. HTML Special Characters

Email us: enquiry at homeandlearn.co.uk