Introduction

Master HTML5 and CSS3 the fast way on this introductory course.

Learn all the skills you need to start building modern, responsive websites.

This is a hands-on course. There is plenty of time to experiment with what you are being taught and to try things out for yourself.

By the time you finish, comfortable working with HTML5.

✔ A complete beginners’ course that covers all of the basics.
✔ Plenty of one to one attention and time to ask questions.
✔ Friendly expert trainers, small groups and a comfortable place to learn.
✔ All the materials and extras that you’ll ever need.
✔ Ongoing support and help with issues you have after the course.

What Will I Learn?

By the end of this course, you will have covered all of the basics of working in HTML5.

This includes:

  • Structuring a website.
  • Working with website files and the client / server relationship.
  • Basic tags like titles and headings.
  • Working with Structure and Elements
  • Working with Special Characters
  • Working with URLs
  • Working with Colour
  • Finalising your Site

Am I Ready for this Course?

This is a complete beginners’ course. You do not need prior knowledge of HTML to attend.

Some understanding of the web is useful but don’t worry as it’s not required.

The Training Day

Our courses run from 9.30am to roughly 4.15pm with refreshments throughout the day and a break for a tasty, freshly prepared lunch.

We offer a relaxed, supportive learning environment, fully air-conditioned facilities and some of the nicest instructors on the planet.

Also, you’ll receive:

✔ A full-colour manual covering everything in the course so that you can recap.
✔ A USB stick for the course exercises to let you practise more in your own time.
✔ A Certificate of Attendance.

  • Background
  • Introduction to HTML
  • Structuring a website
  • The client/server relationship
  • Understanding directories and how a site is organised
  • Cross platform file names
  • Cross platform directory names
  • The minimal HTML document
  • Understanding HTML syntax
  • Creating body text
  • Creating titles
  • Creating headings
  • Using the Section, Nav, Article and Aside tags
  • Adding metadata
  • How search engines read websites
  • Creating content tags
  • Creating keyword tags
  • Adding structure to the content
  • Creating headings and sub headings
  • Creating paragraphs
  • Creating line breaks
  • Working with images
  • Adding image links
  • The GIF, JPEG and PNG formats
  • Compression issues
  • Alternative text, titles and descriptions for images
  • Using the figure tag
  • Creating and working with lists
  • Numbered (ordered) lists
  • Unnumbered (unordered) lists
  • Definition lists
  • Linking to other documents
  • Relative links vs absolute links
  • Anchors within documents
  • Questions and answers
  • Tables in HTML5
  • Tables vs CSS
  • When to use tables and when not to
  • Creating a table
  • Creating rows
  • Creating columns
  • Forms
  • Creating a basic input form
  • Adding form fields, radio buttons and check boxes
  • Adding submit and reset buttons
  • Using form methods
  • Combining forms and actions
  • Using HTML5 form tags
  • Hexadecimal and RGB colour
  • Overview of CSS
  • Separating content from presentation
  • The difference between CSS and markup
  • What can CSS do?
  • CSS structure (syntax)
  • Inserting styles ‐ inline, embedded or external
  • Styling text using inline CSS
  • Styling basic text elements
  • Specifying font size and colour
  • Specifying font alignment
  • Styling a table
  • Styling row and column settings
  • Creating borders
  • Adding colours
  • Styling Links
  • Creating hover effects
  • Keeping tracks of links
  • Backward compatibility
  • Ensuring your HTML5 code can run on any browser
  • Publishing issues
  • Uploading your site
  • Proofing and testing your site