HTML5 & CSS3 Web Principles Course

This course 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
    • 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)

Select your dates

Price: 540 +GST
$486+GST
1 Day | 9am - 4:30pm

  • Location
  • Date
    Platform

Credit Card or Pay later

NEED A QUOTE

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

Course Outline

Download
Course PDF

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 styles 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

Related Courses

  • CSS
  • Essentials
  • Responsive HTML
  • Newsletters

LOCATIONS

GET IN TOUCH

HELP & SUPPORT

REFRESHERS

Sign up for our Newsletter

Top