Training Courses

HTML and CSS : Advanced

  28 reviews

Two Day Course

Overview

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.

What are the 5 things you will get out of the course?
• Create attractive, responsive web pages
• Design for multiple platforms
• Write complex CSS from scratch
• Use advanced HTML
• Create responsive images and designs

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

Public Course Dates & Pricing

Weekday SOLD  OUT SOLD  OUT
Weekday SOLD  OUT SOLD  OUT
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
Weekday
  • Public Courses

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

    A great, cost efficient way to learn, discounts are also available for group bookings.

     

    Discount Info
  • 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

    Free Consultation

Course Outline

  • 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
    • 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 5 working 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 17679 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 surveyed17679
  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




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