Back
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

  Course Dates Venue   Price  
London Bridge £379 + VAT save £100
Online £399 + VAT save £80
London Bridge £429 + VAT save £50
Online £479 + VAT
London Bridge £479 + VAT
Online £479 + VAT
London Bridge £479 + VAT

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
  • 68 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

You Might Like These Too

JavaScript Intro

from £379 + 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 £279 + 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


"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."
EPLS
  • 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