Duration: 

Online  Fee: 

Classroom Fee: 

Section One: Getting Started

 

  • Course Introduction
  • Course software
  • What is a HTML and HTML 5?
  • Getting started with tags
  • How to save web pages
  • Viewing your web pages

Section 2: Basic HTML Tags

 

  • Basic HTML template
  • Heading Tags
  • Paragraph and Break tags
  • Bold and Italics
  • HTML lists

Reference: Basic HTML Tags

Section 3: Getting started with CSS

 

  • Introduction to CSS
  • CSS rules
  • Where to put your styles
  • Using CSS selectors
  • Inline and Embedded styles
  • CSS and Fonts
  • Font colours
  • Font sizes
  • Styling Fonts

Reference: CSS and Fonts

Section 4: Dealing with Images

 

  • Types of Images
  • Inserting Images part 1
  • Inserting Images part 2
  • Image Attributes
  • Images and CSS
  • Text wrapping with CSS
  • CSS and image borders
  • Background Images
  • Adding captions to images

Reference: CSS in this section

Section 5: Linking to other pages

 

  • Hyperlinks
  • Linking to other pages
  • Other types of hyperlinks
  • CSS and hyperlinks
  • External stylesheets
  • HTML lists and nav bars

Reference: CSS in this section

Reference: HTML in this section

Section 6: CSS Layouts

 

  • The Box Model
  • CSS Comments
  • CSS Positioning
  • CSS floats
  • A one column CSS layout
  • Styling the one column layout
  • Styling HTML 5 tags
  • A two column CSS layout

Reference: CSS in this section

Reference: HTML5 layout tags

Section 7: HTML 4 and HTML 5 tables

 

  • HTML 4 Tables
  • Row and Col span
  • Table alignment, colour, images
  • HTML 5 Tables

Reference: HTML and HTML5 tables

Section 8: HTML forms

 

  • Form Tags
  • Textboxes, Submit, Reset
  • Formatting Textboxes with CSS
  • Labels, Textareas
  • Option buttons and Checkboxes
  • Passwords, hidden fields

Reference: HTML and HTML5 Forms

Section 9: HTML5 and Forms

 

  • HTML 5 Forms
  • Placeholders, Required
  • Email, URL, Search
  • Spinners and Sliders
  • Dates, Colour pickers
  • Data Lists
  • HTML Form Layouts
  • HTML 5 Video and Audio
  • The HTML 5 Canvas tag
  • Details, Aside, Mark

Reference: HTML5 Audio and Video

Section 10: Getting your site on the internet

 

  • Websites and Domain Names
  • What to look for when buying Webspace
  • Search engine optimisation
  • Pay per click advertising
  • Sitemaps

Section 11: HTML and CSS Reference

 

  • Basic HTML Tags
  • CSS Font and Text Properties
  • CSS Borders, Margins, Padding
  • CSS used in the Lists section
  • CSS used in the Positioning section
  • HTML images and hyperlinks
  • HTML5 Layout tags
  • HTML and HTML5 Table tags
  • HTML and HTML5 Form tags
  • HTML5 Video and Audio tags
  • HTML Special Characters