Training Courses

HTML and CSS : Advanced

  44 reviews

Two Day Course

Now Available As Online Training!


This course takes you beyond the basics and provides both theoretical and practical application of web page architecture and design. There is a strong focus on mastering CSS to create responsive layouts and designs for multiple devices.

What are the 5 things you will get out of the course?
• Create advanced HTML structures
• Edit existing CSS files with confidence
• Write complex CSS from scratch
• Design for multiple platforms
• Create Responsive images and layouts

You should have attended the HTML and CSS : Introduction course at Media Training or have a similar working knowledge.

Public Course Dates & Pricing

SOLD  OUT London Bridge SOLD  OUT


London Bridge

London Bridge
London Bridge
London Bridge

Public Courses

Small class sizes so you get the maximum amount of trainer time possible. You attend with delegates from other companies.

Private Courses

One to one tuition or a private group with just your colleagues. Your choice of duration, content and location. We can train at one of our centres or onsite with you wherever you are located.

We offer a free consultation service to help work out every detail and build the perfect course for you.

From £499 + VAT per day

Enquire Here

Course Outline

  • Day one

    • 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
    -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
Experience + Flexibility

We know training inside out. We can advise you on all the options to make sure you get the best possible course.

Tell us you need to cancel more than 7 days before your course and there's no charge. Great for your peace of mind.

Our trainers bring their years of industry experience into the classroom. You'll leave confident and prepared.

The smallest class size in the industry. More one on one time with the trainer and a less intimidating group size.

Tell us which you use and it'll be booted up and waiting with the latest software when you arrive.

We provide a lovely onsite lunch so you can relax. We can cater for any dietary requirement with no fuss.

Comfort + Location
Reputation + Feedback

Our Clients

We've worked very hard over the last 20 years to grow our business through personal recommendations.

When you attend a course we ask you to tell us how it went. We use your feedback to help us improve our courses.

We publish all our customer satisfaction stats live on our site (good or bad) because we want everyone to know just how highly you rate us every day, every week and every year.

We know that choosing the best course can be difficult, maybe the thoughts of the 20861 other clients we've asked will give you the inspiration to join us too.

The most recent comments from attendees of our courses are shown below. We reckon they will give you a pretty good indication of how they think we perform.

  Client Ratings

Attendees surveyed20861
  Trainer Knowledge9.8 / 10
  Trainer Materials9.6 / 10
  Trainer Preparation9.8 / 10
  Overall Trainer Score9.7 / 10
  Centre Lunch9.6 / 10
  Centre Staff9.9 / 10
  Overall Centre Score9.7 / 10
  Overall Experience9.6 / 10
  % Who Would Recommend Us99.7%

  Recent Feedback

"all friendly, well-prepared."

"Everything. The entire team are extremely friendly. Thank you!"

"Everything is well organised and attention to details is great. Thank you!"

" every things is excellent teacher ,staff & Facilites."

"really thorough, very knowledgable. Nice balance of practical and theory work. Thanks!"

"Teaching really useful knowledge"

"Great hosting, Ivan always made us feel we could ask questions and was very approachable."

"Very knowledgeable teacher, really friendly. "

"Lots of topics covered and generally feel a lot more confident. Trainer was really knowledgeable and the center was well equipped and well located."

"The coach was patient, and understanding with good knowledge. "

"Great environment, staff and facilities, a first class training set-up all round."

"This is the third course I have attended at MediaTraining - Iwan was fantastic and knowledgable and patient. I learnt alot on this course and will be putting my skills to use."

"Training was well tailored to my needs"

"Everything, got exactly what I came for, thank you."

"Initial welcome and refreshments during the day"

"Attitude of trainers and other staff is great. Food is great. Small class sizes are great."

"Tutor explained everything in very detail and that makes my not afraid to ask questions."

"As said previously, it was superb! I think you offer a great range of courses and the teachers are brilliant. I could not have had more help or been guided through the course easier and think it is amazing how well you teach in order to get us to learn so much in a couple of days. I will be coming back for more courses no doubt!!!! "

"Making us feel relaxed and comfortable. Very nice learning environment and really friendly staff."

"Extremely knowledgeable trainers"