Skip to main content

HTML and CSS Adv Course

Build sophisticated, responsive websites using advanced HTML and CSS on this two-day course.

Covering advanced CSS, responsive design, CSS grid, flexbox, transitions and animations.

Build sophisticated, responsive websites using advanced HTML and CSS on this two-day course. Covering advanced CSS, responsive design, CSS grid, flexbox, transitions and animations.

125 Reviews
9.5/10 Satisfaction
100% Recommend
See reviews
HTML and CSS Adv training course

HTML and CSS Adv Course

Build sophisticated, responsive websites using advanced HTML and CSS on this expert-led two-day course for experienced web developers who already know the basics.

You will review the roles of HTML, CSS, JavaScript and PHP, explore advanced CSS including the cascade, inheritance and complex selectors, learn how to go systematically from wireframe to working code, apply responsive design using fluid layouts, flexible images and media queries, work with mobile-first and desktop-first methodologies, and implement modern CSS features including grid, flexbox, custom properties, transitions and animations.

View course outline

Course Dates

Course Dates Days Location Places RRP Discount You Pay
8-9th Dec 26 Tue-Wed Online Available £549.00 £50.00 £499.00 + VAT
No in-person dates available at the moment.
No in-person dates available at the moment.
Course Dates Days Location Places RRP Discount You Pay
8-9th Dec 26 Tue-Wed Online Available £549.00 £50.00 £499.00 + VAT

Private & team training

Request a quote for HTML and CSS Adv

Available as private, bespoke or team training at our centre, live online, or at your venue. Customise the outline, train as a group, or book a one-to-one with an expert.

Course dates

8-9th Dec 26

Tue-Wed

Location
Online
Places
Available
RRP
£549.00
Discount
£50.00
You pay
£499.00 + VAT

Course Outline

1

Introduction

Overview of the roles and responsibilities of:

HTML

CSS

Javascript

PHP/ASP

From Wireframe to code - review of HTML Structural Elements

To div or not to div

2

CSS Essentials

Cascade and Inheritance

Locations - where to hold the CSS and why:

External, Internal, Inline, Imported

CSS Syntax

Core Selectors Theory and Practice:

Tag (Type)

Class

ID

Groups and Descendants

3

Working with Text

Font size and family

System Fonts and Server Fonts

Text colour and background colour

Alignment, line spacing and letter spacing

Styling Links

4

Layout Fundamentals

CSS Box Model

Working with padding, margins and borders

Longhand and shorthand syntax

Changing the width of elements

Understanding the difference between Block and Inline Levels

5

Image Essentials

Understanding background images

Creating tiled backgrounds

Controlling background repeats

Controlling background positions

Using image headers

Using fixed backgrounds

Creating Custom Bullet Points

Controlling Icons

Working with Unicode

6

Responsive Design

Mobile first or Desktop first?

Fixed units versus percentage values

Applying responsive font size

Responsive image and video techniques

Using media queries to create breakpoints

Using the browser mobile emulator for testing

7

Practical Layout Techniques

Styling Data Tables and Forms

Using Image Floats

Creating columns with floats

Understanding box-sizing

Working with overflows

Inserting content with :before and :after

Fixing float issues with overflow hack

Fixing float issues with clearfix hack

Modern columns with Flexbox

Layering content with absolute Positioning

8

Pseudo Selectors

Hover effects

Styling the first letter and first line

Styling first, last, alternate and nth elements

Styling by Attribute

Styling direct descendants

Using : not to omit elements

Overview of various other pseudo elements

9

CSS Effects

Rounded corners, Box Shadow and Text Shadow

CSS Transitions

CSS Animation

Who is this course for?

For web developers and designers who want to build sophisticated responsive layouts. Requires our HTML and CSS Introduction course or equivalent working knowledge.

125 Reviews
9.5/10 Satisfaction
100% Recommend

Explaining concepts in detail with practical application to help with understanding as well as being fluid and moving at the best pace for…

George – 15th September 25

Training was at a good pace and relating examples back to every day use

Kate – 16th January 25

Patient, attentive, informative, comfortable environment

Louisa – 7th October 24

Training given at a good pace, but accommodating for different abilities of trainees when required.

David – 7th October 24

Knowledgable about the history of html and css and knew strange quirks, that have caused problems with coding in the past.

Leo – 7th October 24

Everything else was great. The training was very helpful and the facilities were excellent.

Sharon – 24th June 24

Explaining advanced html and css in the format of building a site. Its very innovative and helpful as i can go back and review.

Jandira – 30th May 24

Good examples. Good pace - although others may disagree, enjoyed that the training moved through things quite quickly as I already had a ba…

Gareth – 25th March 24

Swipe for more

Read course reviews

Who attends?

Career Progressives icon

Career Progressives

Professionals who wish to develop skills for their current role and companies who believe in developing their talent.

Career Changers icon

Career Changers

People seeking opportunities which require new skills. Industry relevant training for those pursuing a new role.

Graduates icon

Graduates

Certified courses for those who have earned their theoretical stripes, but need to prove capability to future employers.

Further Reading

5 Reasons Why You Should Learn How To Code article image

5 Reasons Why You Should Learn How To Code

Coding skills are in high demand.

How Coding Will Change the Job Market article image

How Coding Will Change the Job Market

The pandemic has catapulted certain technologies ahead and with it increased the demand for certain jobs.

The 5 Most Sought After Programming Languages article image

The 5 Most Sought After Programming Languages

Do you want to get into software development but are not sure which coding language to learn?