Training Courses

HTML and CSS : Advanced

  42 reviews

Two Day Course

Classroom Based


Our HTML and CSS advanced training course is designed for those who want to create responsive layouts and designs for multiple devices. This course takes you beyond the basics and provides both theoretical and practical application of web page architecture and design.

This two-day course is perfect for those who have good working knowledge of HTML and CSS but want to make more complex and responsive sites, or those who have already completed our beginner course.

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

Public Course Dates & Pricing

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
    • 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
    • Styling Text and Links
    • Working with Server Fonts
    • Styling Lists

    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
    • Working with border-collapse
    • 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
    • Working with Flexbox
    • Layering content with absolute Positioning
    • Creating with fixed position navigation

    Pseudo Selectors
    • Creating button links with :hover
    • Creating drop-caps with :first-letter
    • Styling the first-line
    • Understanding :nth-child versus :nth-of-type
    • Passing keyword/index/expression arguments
    • Styling first, last, alternate and nth elements
    • Styling by Attribute
    • Styling direct descendants
    • Omitting elements with :not
    • Overview of various other pseudo elements

    CSS Effects
    • Rounded corners
    • Box Shadow
    • Text Shadow
    • CSS animations
    • How to use CSS keyframes

    Next Steps
    • Overview of Bootstrap framework
    • Overview of Javascript
    • Embedding and linking scripts
    • Writing and testing a basic function
    • About javascript APIs such as jQuery and Angular

    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 20721 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 surveyed20721
  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.7 / 10
  % Who Would Recommend Us99.7%

  Recent Feedback

"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"