Introduction

Learn to create stunning, responsive websites on this 2 day advanced HTML and CSS training course

This is a hands-on course. There is plenty of time to experiment with what you are being taught and to try things out for yourself.

By the time you finish, you’ll be using all of HTML & CSS’s most powerful features.

✔ A complete advanced course that covers all of the advanced areas you need.
✔ Plenty of one to one attention and time to ask questions.
✔ Friendly expert trainers, small groups and a comfortable place to learn.

What Will I Learn?

This Advanced HTML & CSS training course will turn you into an expert, showing you how to create stunning web pages and speed up your workflow. 

It involves working on multiple real-life scenarios to practice using the techniques you are being taught.

By the end of the course you will:

  • Know how to precisely control the colour and appearance of any element on your web pages
  • Understand responsive design, how to layout your web pages, and how to use mobile emulators.
  • Use CSS to create beautiful effects and transitions.

Course Details

 

Click on the sections below to see the full syllabus covered during this course.

Overview, including when and how to use:

• HTML
• CSS
• Javascript
• PHP/ASP

Also a discussion of how to go from a wireframe design to code and when to use <div> and when not to.

• Cascading and Inheritance
• Where your CSS should be and why
• Syntax
• Core Selectors

• Fonts – Sizes and familys
• Using system fonts versus server fonts
• Colour for text and background
• Alignment, line spacing and letter spacing
• Styling weblinks

• The CSS Box Model
• Using padding versus margins versus borders
• Syntax
• Changing the width of elements
• The difference between Block and Inline Levels

• Background images and positioning
• Background repeats
• Using image headers
• Using fixed backgrounds
• Creating custom bullet points and icons
• Working with Unicode

• Mobile-first or Desktop-first?
• Using fixed units versus percentage values
• Responsive font sizes
• Responsive image and video techniques
• Breakpoints
• Using a mobile browser emulator for testing

• Styling data tables and forms
• Image floats and using them to create columns
• Box-sizing and working with overflows
• Using :before and :after to insert content
• Fixing float issues with overflow hack and clearfix hack
• Using absolute position to layer content

This section mainly covers the styling of the following:
• The first letter and first line
• First, last, alternate and nth elements
• Direct descendants

It also looks at using :not to omit elements, hover effects and introduces other pseudo elements.

• CSS for rounded corners, box and text shadows
• Transitions
• Animations

Am I Ready?

This course is for people who are already users of HTML and CSS.

It is recommended that you have either attended our Beginners HTML and CSS training course or have developed a good working knowledge of the topics covered in that course before you attend.

On The Day

You don’t need to bring anything with you. We provide everything you’ll need for 2 really engaging days of HTML and CSS training.

Our courses run from 9.30 am to roughly 4.30 pm with refreshments throughout the day and a break for a tasty, freshly prepared lunch.

We offer a fun, relaxed learning environment and comfortable, fully air-conditioned training facilities. We also have some of the nicest instructors on the planet.

Also, you’ll receive:

A full-colour manual covering everything in the course.
A USB stick so that you can take your work and exercises home with you.
A Certificate of Attendance.