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…