Intro to HTML5 & CSS3
Sydney, Melbourne, Onsite and ONLINE
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)
- 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
SELECT YOUR COURSE
HTML5 Essentials
NEED A QUOTE
Need to get approval or a formal 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
Related Courses
Prefer Private Training?
- Customise your course
- Choose your own dates
- Choose your location
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