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.

125

Reviews

9.5

Satisfaction

100.0%

Recommend
HTML and CSS Adv course

HTML and CSS Adv 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.

Duration icon

Two Days

Timings icon

10:00 - 16:30 UK Time

  • Key Learning Points

  • icon Apply advanced CSS including cascade and inheritance
  • icon Build responsive layouts using fluid grids and media queries
  • icon Implement mobile-first and desktop-first approaches
  • icon Use CSS grid and flexbox for complex layouts
  • icon Add transitions and animations with modern CSS

If attending an online course you must have a licensed copy of any software required and access to a suitable computer.

You'll need to have attended our HTML & CSS Intro course or have equivalent working knowledge before joining this class.

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.

Our Expert Team
Expert Trainers

Course leader is an experienced industry expert

Course Dates Days Location Places RRP Discount You Pay
30th Sep - 1st Oct 26 Wed-Thu Online Available £549.00 £50.00 £499.00 + VAT
8-9th Dec 26 Tue-Wed Online Available £549.00 £549.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
30th Sep - 1st Oct 26 Wed-Thu Online Available £549.00 £50.00 £499.00 + VAT
8-9th Dec 26 Tue-Wed Online Available £549.00 £549.00 + VAT
Media Training

Request a quote for HTML and CSS : Advanced

All our courses are available as private, bespoke or team training.

You can customise the outline, have a group where it's just your team or enjoy a one to one session with an expert.

We can deliver the course at our centre, live online or at your choice of venue.

Fill in the form below and our team will get in touch with pricing and helpful advice to get the conversation started.

Course Dates

30th Sep - 1st Oct 26 (Wed-Thu)

Location:Online

Places: Available

RRP: £549.00

Discount: £50.00

You Pay: £499.00 + VAT
8-9th Dec 26 (Tue-Wed)

Location:Online

Places: Available

RRP: £549.00

Discount:

You Pay: £549.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 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.

Learn Your Way

Face to Face

Face To Face

Learn face-to-face with expert mentors in a dynamic setting that inspires growth and confidence.

Live Online

Live Online

Join remotely with expert mentors in real time — flexible, interactive learning that fits your lifestyle.

Team Training

Team Training

Upskill your team together. Build your team and develop consistency, and collective confidence.

Three Steps To Success

1

Identify Your Path

Define your direction with purpose, aligning your learning journey to personal and career goals.

2

Learn With Experts

Gain practical insight from real-world experts who bring clarity, confidence, and momentum to your growth.

3

Earn Certification

Your certificate of attendance is proof of progress — benchmarking your skills and commitment to growth.

Further Reading

5 Reasons Why You Should Learn How To Code

5 Reasons Why You Should Learn How To Code

Coding skills are in high demand. Learn them now and become an attractive candidate for sought-after, lucrative roles…

What skills do you need to be a Web Developer?

What skills do you need to be a Web Developer?

Thinking about a career in web development? Our coding expert Dele breaks down the skills, tools and pathway you need…

How Coding Will Change the Job Market

How Coding Will Change the Job Market

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