Intro to HTML5 & CSS3
HTML5 Essentials Course
This course (live online or face-to-face) introduces you to HTML5 and CSS3, the essential languages for creating webpages. Learn how to design and build websites from scratch, format content with headings, paragraphs, and lists, create hyperlinks, and insert images. Gain confidence in editing and writing code while discovering how HTML5 and CSS3 work together to design and build modern websites. Whether you want to edit web content using a Content Management System (CMS) or aim to become a professional web designer or developer, this one-day course provides the foundational skills you need.
Intro to HTML5 & CSS3
Learn HTML5 and CSS3 to design and build modern websites from scratch in our live online or face-to-face course. Perfect for aspiring web designers and developers, this one-day course covers essential skills for creating and editing web content.
We currently have no public courses scheduled. Please contact us to register your interest.
We currently have no public courses scheduled. Please contact us to register your interest.
We currently have no public courses scheduled. Please contact us to register your interest.
We currently have no public courses scheduled. Please contact us to register your interest.
We currently have no public courses scheduled. Please contact us to register your interest.
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
Intro to HTML5 & CSS3 Course Details
HTML Course Outlines
Web Design City Pages
Contact Us
What do I need to know to attend?
No prior coding experience is required for this course. Basic computer skills and familiarity with web browsers will be helpful.
Intro to HTML5 & CSS3 Learning Outcomes
By the end of this course, you'll be able to:
- Understand the principles of HTML5 and CSS3
- Learn to structure websites using HTML5
- Format content with headings, paragraphs, lists, and tables
- Insert and optimise images for the web
- Create and manage hyperlinks
- Apply layout and design techniques using CSS3
- Style web pages and elements with CSS3
- Embed external content like Google Maps and YouTube videos
- Gain an introduction to search engine optimisation (SEO) techniques
- Develop foundational skills for using content management systems (CMS)
Intro to HTML5 & CSS3 Course Content
- 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
phone
email
enquiry
