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 & LIVE ONLINE

  Course Dates Venue   Price  
London Bridge £399 + VAT save £100
Online £379 + VAT save £120
London Bridge £499 + VAT

HTML and CSS Adv | Training Course

Course Takeaways
Course Info

Course Offering

Course Takeaways
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
  • 85 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 £349 + VAT

2 day course
Learn Javascript to add powerful interactivity to your web projects.

This course is the perfect introduction to developing in JavaScript.

  • JavaScript Client-side and server-side
    Interactive coding environment
    Programming logic and syntax made simple
    Variables Declarations, types, console logs
    DOM manipulation and debugging techniques

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.

  • Setting your SEO goals
    Measuring website performance
    Optimising page structure and landing pages
    Effective keyword research for SEO
    Creating a linking strategy

UX Design Intro          

from £399 + VAT

2 day course
Learn to design well-crafted, easy-to-use websites that your customers will love using.

Discover techniques for creating websites that provide an exceptional user experience.

  • The principles of user-centric design
    Creating personas and user journeys
    Sitemaps and organisational structures
    Prototyping and usability testing
    Inclusive design techniques


"Explaining advanced html and css in the format of building a site. Its very innovative and helpful as i can go back and review."
SearchPilot
30th May - HTML and CSS : Advanced

Latest Reviews



"Everything - the course covered everything I was looking to gain from it and more. The training centre staff were friendly and helpful + the lunches were delicious :)"
Bird & Bird
  • 20th September


"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


"Great tutor - made it simple to follow, nice small class sizes, relevant material"
Virtual Cabinet
  • 11th May