Responsive image

HTML and CSS Adv | Training Course

Learn to create responsive layouts and designs for multiple devices.
Perfect for those with HTML & CSS knowledge wanting to create more complex sites.


  Course Dates Venue   Price  
London Bridge £379 + VAT save £100
Online £329 + VAT save £150
London Bridge £479 + VAT
Online £479 + VAT

HTML and CSS Adv | Training Course

Course Takeaways
Course Info

Course Offering

Course Takeaways

What will I learn?

  • Combining web technologies
  • Combining web technologies
  • Layout fundamentals
  • Typography and text styling
  • Advanced tables and forms
  • Free digital course assets
  • Free post-course helpdesk support
Course Takeaways
Learner Reviews

How good is the course?

  • Average Score 4.7 out of 5
  • Delicious lunch provided
  • Certificate of Achievement
  • 78 reviews

Day one


• Overview of the roles and responsibilities of:



• Javascript


• From Wireframe to code - review of HTML Structural Elements

• To div or not to div

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

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

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

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

Questions and answers

Day two

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

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

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

CSS Effects

• Rounded corners, Box Shadow and Text Shadow

• CSS Transitions

• CSS Animation

Questions and answers

You Might Like These Too

JavaScript Intro

from £379 + VAT

2 day course
Add powerful interactivity to your website to provide a responsive experience.

This course has everything you need to begin developing in JavaScript.

  • Understand and code JavaScript
    Set up variables and conditionals
    Work with objects
    Built-in and custom functions
    Loops and Arrays

SEO Intro          

from £249 + VAT

1 day course
Learn to improve how your website ranks with major search engines such as Google.

Get taught practical, proven tips and techniques from SEO experts.

  • Set SEO goals
    Make pages SEO friendly
    How to use keywords
    Page content and structure
    Internal and external links

UX Design Intro          

from £379 + VAT

2 day course
Create well-crafted, easy-to-use websites that encourage users to come back again.

A must-have, sought after skill in the web development industry.

  • Benchmark design decisions
    Create sitemaps and wireframing
    Card sorting techniques
    Prototyping using Adobe XD/Invision
    Inclusive design techniques

"Providing excellent trainers. Dele Oke was especially amazing, he awnsered all of my questions and took his time, I felt like I was really able to absorb the content due to his concise explanations and making them clear and relatable. He's extremely friendly and knowledgable too!"
Porterhouse Medical
31st August - HTML and CSS : Advanced

Latest Reviews

"The pace was just right for me. Not a lot of gaps."
  • 11th May

"Answering every question I had, explaining things again when needed, checking my code when something didn't work, and making me feel a valued member of the course. I learned a huge amount in a short amount of time, but it didn't feel overwhelming at any point."
University Of Exeter
  • 20th January

"The trainer was very knowledgeable and he worked through examples clearly"
Ministry Of Defence
  • 16th November