HTML5 Essentials Courses | Live Online or Face-to-Face

HTML5 Essentials Course

This course (live online or face-to-face) will introduce you to HTML5 and CSS3, the languages used to create webpages. You’ll learn how websites are designed and built, and how to use HTML5 code to create webpages from scratch. We will show you how to format content using headings, paragraphs and lists, create hyperlinks and insert images. You’ll gain confidence with editing and writing code, and discover how HTML5 is used along with CSS3 to design and build modern websites.

Whether you want to be able to edit web content using a Content Management System (CMS) or plan to become a professional web designer/developer, this one-day course teaches you the essential foundation skills you need.

Training Modules (Overview only)
- HTML Essentials
- Website Structure
- Marking Up Text with HTML5
- Working with Tables, Images & Hyperlinks
- Layout and Design Techniques
- Styling a Web Page with CSS3
- External Content
- Search Engine Optimisation
What You Get
- Free Course Resit (9 months)*
- 12 Months Access to Help Desk
- No Risk! Money Back Guarantee
- Choice of Mac or PC
- 130+ Page Printed Course Book
- Professional Training Environment
- Small Classes (average 4 to 8)
Download Intro to HTML5 & CSS3
Course PDF

NEED A QUOTE

Need to get approval or a formal quote - Get a Quote

Course Outline

Overview

About Web Technologies – How HTML5 and CSS3 Work Together, and the Role of JavaScript
Tools of the Trade – About Code Editors, Web Development Applications, Content Management Systems and Online Web Building Solutions
Web Standards – Following Conventions
About Web Browsers, and How to Test your Work
About HTML5 and Older Versions of HTML

HTML Essentials

Principles of HTML5 – Document Type, Document Structure, Tags and Attributes
The HTML5 Document Structure
Containers and Empty Tags
Inline & Block Level Elements – How Tags Display
Inserting Special Characters
Commenting your Code

Website Structure

Typical Website Structure – Files and Folders
File and Folder Naming Conventions – Case and Space
The Importance of Filename Extensions
Home Page Considerations

Marking Up Text with HTML5

About Whitespace
Using Headings and Paragraphs
Line Breaks
Ordered and Unordered Lists – Customising Lists
Bold and Italic

Images

Inserting Images with HTML
About GIF, JPG & PNG and When to Use Them
Image Optimisation – Reducing File Size while Maintaining Quality
Image Resolution
The ‘Alt’ Attribute
The ‘Title’ Attribute

Working with Tables

When you Should Use Tables
Tables for Displaying Data

Hyperlinks

Terminology – Absolute vs Relative Paths
Targeting Links to Open in a New Window
Creating ‘Same Page’ Links
Links to downloadable Content
Applying Links to Images

Layout and Design Techniques

Using DIV Tags as Containers
Applying Styles to Divs for Layout and Design
Using Span Tags to Style Selected Content

Styling a Web Page with CSS3

Understanding CSS3 Syntax
Writing Syles that Apply to the Whole Page
Styling an Entire Website
Fonts – Using Device Fonts
Colour – Colour Names and using Hexadecimal Code
Typography – Fonts Size, Line Height and Other Properties
Using Classes to Style Individual Elements
Styling Hyperlinks with Pseudo-Classes

External Content

Embedding a Google Map
Embedding a YouTube Video

Search Engine Optimisation

How Good Coding means Good SEO
Strong vs Bold
The Importance of the Title Tag
HEAD Content – using META Tags for Page Descriptions

Prefer Custom Training?

Looking for customised training?
Have a group of colleagues?
Training on location?Read More

HTML & Web Principles Testimonials

“Fantastic teacher, very clear, very realistic, most professional course I have been to in a long time.”

Sarah, Heart Research Institute

“Very good teacher, easy to understand and follow, nice training venue. I am glad to have done the HTML first before learning Dreamweaver.”

Diana, Business Consultant

“Very enjoyable, well-structured course led by knowledgeable and helpful instructor. Great for beginners or those revising their knowledge.”

Karen, Admin Assistant

“Excellent "101" course, has inspired me to learn more! Completed my editors/ wyswiwyg knowledge which is what I set out to achieve. Thank you.”

Samantha, Senior Digital Consultant

“Jonathon is great. He really knows the content - past, present and future. Great day of training”

Nicole, eLearning

“Enjoyable, at good pace, I am leaving feeling equipped to practice by myself.”

Shannon, Graphic Designer

“Trainer was fantastic! The day was well paced. I feel really well grounded for Dreamweaver tomorrow.”

Jill, Designer

“Fantastic. Highly recommend for anyone who wants to gain a good understanding of HTML Essentials.”

Renae, Marketing Executive

“Well organised and presented by expert trainer.”

Brian, Freelance Designer

“The course filled in a lot of gaps for me. A lot of ah-ah moments. Now I understand the foundations that I never had.”

Ian, Business Owner

Intro to HTML5 & CSS3