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.

SMALL COURSE SIZES   |   CODING EXPERTS   |   PROFESSIONAL TRAINING   |   LONDON LOCATION

HTML and CSS Adv | Training Course

Course Takeaways
Course Info

Course Offering

Course Takeaways
Takeaways

What will I learn?

  • Create responsive web pages
  • Design for multiple platforms
  • Write complex CSS from scratch
  • Use advanced HTML
  • Create responsive images and designs
  • 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
  • 54 reviews

Day one

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

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

  Course Dates Venue   Price  
London Bridge £299 + VAT save £150
Online £329 + VAT save £120
Online £349 + VAT save £100
London Bridge £379 + VAT save £70
Online £399 + VAT save £50
London Bridge £449 + VAT
Online £449 + VAT

You Might Like These Too

JavaScript Intro

from £299 + VAT

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

This course has everything you need to become a JavaScript developer.

  • Terminology and user interaction
    Variables and Operators
    Objects and Conditionals
    Built-in and custom functions
    Loops and Arrays

SEO Intro          

from £199 + 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 £349 + 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

What Do Our Learners Think About Our Courses?

Tom Interview
Premiere Intro

 Learner Stories

Tom's Course

Tom works in Internal Communications for an NHS service provider. Listen to his experience about attending our online Adobe Premiere Intro course.

Meija Interview
Social Media Marketing Intro

 Learner Stories

Meija's Course

Meija works for the MOD, in marketing and communications and here tells us about attending her online Social Media Marketing course with Alice.

Katie Interview
Social Media Marketing Intro

 Learner Stories

Katie's Course

Katie works for the Ministry of Defence as a Digital Content Editor and here tells us about attending her online Social Media Marketing course with Kirsty.



"Great tutor - made it simple to follow, nice small class sizes, relevant material"
Virtual Cabinet
11th May - HTML and CSS : Advanced

Latest Reviews



"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


"Moulding the course speed and content to fit my current needs and demands Thanks Iwan"
CDK Global
  • 23rd September
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients
Top Clients