Quick Course Search

HTML/HTML5 & CSS/CSS3 Introduction Masterclass 4 Days - London

HTML/HTML5 & CSS/CSS3 Masterclass London HTML Icon
HTML & CSS Logo and masterclass course participants

Go from being a novice to having a firm grasp of the languages that power almost everything you can find on the web. Our course on HTML and CSS covers the basics of these web standards and then gives you an insight into the latest features that are used by web-design professionals.

We guide you on what HTML and CSS are and how they are written and show you how to produce and style your content ready for a web audience. Then we go further and show you the powerful new features of HTML5 and CSS3 as you learn how to improve the structure and appearance of your pages. From a blank canvas, we cover all the steps you need to get up to speed as an author of stylish, semantic web documents.

HTML Icon
Price: £750.00 ex VAT
Version: HTML
Level: Introduction to Advanced
Duration: 4 Days (10am-5pm)
Location: Central London
Computer: Windows & Mac
Next Dates: 03 Jul - 06 Jul
Full list of next Dates here

HTML/HTML5 & CSS/CSS3 Masterclass 4 Days Overview

HTML & CSS Logo and masterclass course participants

This 4-day Masterclass course will give you a comprehensive grounding in how web pages are structured and styled. You will learn how web pages work under the hood and how you can put together your own files for the web. We will also show you how to use CSS to control every aspect of a site's visuals: its fonts, colours, leading, margins, and more. We will then move on to discuss recent enhancements to web standards as we take a look at the advanced design features built in to HTML5 and CSS3. HTML5 introduces new features that allow designers to produce richer, more semantic code. We also cover the cutting-edge visual enhancements in the new CSS3 standard, giving you an insight into the impressive results that can be achieved by web professionals.

Upon successful completion of this course, you will be able to:

  • Understand the syntax and structure of HTML pages
  • Insert tags, attributes, and values into a page
  • Define titles, headings, and page regions
  • Add links, alternate text content, and background images
  • Position and resize images and other page elements
  • Work with colours
  • Use correct styles instead of deprecated HTML tags
  • Design without relying on tables
  • Include padding, margins, borders, and backgrounds
  • Write selectors to target only specific parts of a page
  • Produce horizontal and vertical navigation bars
  • Style hyperlinks
  • Differentiate between external, embedded, and inline styles
  • Appreciate the differences between the current and previous HTML and CSS standards
  • Insert the new DOCTYPE declaration in HTML5 documents
  • Identify deprecated tags that should no longer be used
  • Structure documents using new HTML5 tags
  • Implement better forms using new HTML5 inputs and placeholders
  • Apply CSS3 transitions, shadows, and border radius effects
  • Enhance text with CSS-controlled fonts for the web

Our goals are for you gain an all-round understanding of the structure and styling of web pages, and to appreciate the latest methods for enhancing document semantics and improving visual appearance.

This course can be taken in a single 4-day block or split into a 2-day block (Introduction to HTML and CSS) and then a separate 2-day block (HTML5 and CSS3) taken at a later date.


Course Target Audience and delegate prerequisites

This course is intended for anyone interested in producing, editing, or visually styling content for the web.

You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files from CDs and other media.

 

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions

HTML & CSS Masterclass 4 Days Course Outline

The following is a general outline. The range of topics covered during your training is dependent upon student level, time available and preferences of your course booking.

Introducing HTML
  • A brief overview of HTML and the world wide web
  • Browser and resolution issues
  • The syntax and structure of HTML
  • Introducing tags, attributes and values
  • Meeting logical and physical tags
  • Container and empty elements
Getting started
  • Understanding the DTD (document type declaration)
  • Defining the Head and Body regions
  • Structuring and formatting your content using Block and Character level tags
  • Fonts and colour
  • Sizing text and using headings
  • Indenting using Blockquotes
  • Using Horizontal Rules
  • Including Escape characters
  • Naming conventions
  • Including a Title for your pages
  • Testing your site in different browsers
Colour
  • Understanding colour for the web
  • Working with hexadecimal
  • Meeting web safe colours
  • Applying colour to text, tables and cells
Images
  • The different image formats used on the web
  • Placing and linking an image
  • Adding alternate text
  • Sizing and positioning images
Tables
  • Creating a simple table
  • Adding rows and cells
  • Adding content to cells
  • Formatting tables and cells
Hyperlinks
  • Creating relative links between pages
  • Creating absolute links to other sites
  • Creating mailto links and links to non-HTML files
  • Adding named anchor links to long pages
  • Adding links to images
Introducing CSS
  • Understanding the limitations of HTML
  • The evolution and current status of CSS
  • Where to keep up to date with CSS
  • CSS and CSS2
CSS structure
  • The importance of DTD (document type declaration) when using CSS
  • The Style and Comment HTML tags
  • claration block
  • ID and class styles
Applying and modifying CSS
  • Embedded styles
  • InLine styles
  • External Style Sheets
  • Locating amending embedded styles
  • Locating and amending inline styles
  • Linking vs importing external style sheets
CSS with HTML
  • ID vs Class selectors
  • Descendant selectors and grouping selectors
  • The DIV and SPAN tags
Typography with CSS
  • Fonts and font families
  • Sizing text using different units of measure
  • Line height
  • Font weight
  • Working with colour
Hyperlinks
  • Creating relative links between pages
  • Creating absolute links to other sites
  • Creating mailto links and links to non-HTML files
  • Adding named anchor links to long pages
  • Adding links to images
Improved layout
  • Using the box model
  • Padding and margins
  • Element positioning
Working with HTML5
  • A brief overview of the history and development of HTML
  • The importance of standards
  • The W3C, WHATWG and HTML5
  • Do we need/want HTML5?
  • What is and what is not HTML5
  • Can we start using it now?
  • What features can we begin using?
  • Browser, mobile and device support
Simplified markup
  • The new DOCTYPE declaration
  • Simplified charset
  • Looser coding standards
  • Good practice to ensure consistency
  • Depreciated tags and attributes
Basic page structure
  • Understanding the outline algorithm
  • Ensuring cross browser structure
  • Structuring top-level and interior level content
  • Meeting the new content models
Structural content
  • Introducing the new HTML5 semantic tags
  • Header
  • Footer
  • Section
  • Aside
  • Article
  • Hgroup
Interior content
  • Figure
  • Figcaption
  • The role of the DIV Tag
  • Ensuring block-level display
Video & audio
  • Plug-in free markup
  • The new video and audio elements
  • Overview of video & audio codecs
  • How to convert video to ogg, mp4 and webm
  • Including fallback content
  • Customising the video & audio players
Canvas
  • Introducing the canvas API
  • Drawing basic shapes
  • Simple animation
  • Loading an image
Drag & drop
  • Brief overview
HTML5 forms
  • Meeting the new input types
  • Setting autofocus
  • Using placeholder data
  • The new date picker
  • Spinners and sliders
CSS3
  • A brief overview of the history CSS
  • Image borders
  • Shadows
  • Rounded corners
  • @font-face
  • Server fonts
  • Font licensing issues
  • 2D transforms and transitions

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions

What's Included

The following are provided for your best experience on this course:

  • All computers for your use with choice of Windows or Mac systems
  • Small class size (limited to a maximum of 4-8 attendees on all sessions)
  • Quality reference manual for post course reference to take away with you
  • 6 months post course support to assist you where needed
  • Official Authorised Certificate for your successful completion of the course
  • Lunch To give you the most flexible options for lunch we provide lunch vouchers which can be redeemed locally at a number of popular eateries including Pret A Manger, EAT, Starbucks, Tesco, Sainsburys, Boots and Greggs
  • Refreshments to keep you on top form are available for you throughout the course with a full range of teas, coffees and biscuits
  • Pads and pens

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.

HTML & CSS Training Course Notepad and Book

Further details on benefits included with this HTML course:

Our trainers are HTML Specialists with years of experience teaching HTML. Get the web skills you need with our HTML professionals.

Included with our HTML courses is the HTML & CSS Visual Quickstart Guide provided for free to use as a post course reference resource. This is a full 300+ page manual to supplement the content covered during the course.

Included with your course booking for all delegates on this course is 6 months free support so if you run into problems or need assistance relating to anything covered during your course we would be happy to assist you during this time.

After your class with XChange Training you will receive our official Certificate as a record of your successful completion of the course.

Delegates attending scheduled or bespoke courses at our training centres will receive lunch and plentiful refreshments including tea, coffee and hot chocolate for each day of the course.

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions

Training Location

This course is provided at the XChange Training main London training centre based at:

5 St John’s Lane
Clerkenwell
London
EC1M 4BH


Click to View Full details of our London Training Venue and Course options

St John’s Lane is located in the heart of Clerkenwell close to the junction of Farringdon and Clerkenwell Road. Farringdon tube & train station is just a few minutes away and the training centre can also be accessed from Chancery Lane and Barbican tubes in about 10 minutes. There is also easy direct access by bus from Waterloo (243) and West End (55) with nearby stops.

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks.

XChange Training Location London

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions

Scheduled Course Enquiry

If you are considering this HTML & CSS Masterclass 4 Days Course but would like further information simply send us your query quickly & easily with the form below. Whether you would like to check date availability, pricing, course suitability or just need further information about a course send us your query and we will get you a swift reply, usually within 2 business hours!

If you would prefer to check course details by phone please call us on 0345 363 1130.

Scheduled Course Name: HTML & CSS Masterclass 4 Days
Course Location: Scheduled - Farringdon, Central London
Scheduled Course Dates:
Knowledge level of delegate(s):
Number of delegates:
Nature of enquiry:
Lead contact name:
Email address:
Telephone number:
Company (if applicable):
Specific query details:
Captcha code CAPTCHA code  
Please enter the Captcha code
 

 

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions

Testimonials

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

Thoroughly enjoyable course. I have learned a great deal over the two days, putting a lot of things into perspective.

Jill Williamson, East of England Development Agency, HTML & CSS - 2 Day Introduction

Really enjoyed the course, it was very helpful - thank you!

Linda Smith, BSKYB, HTML - 1 Day Introduction

Very enjoyable and informative. The fact that full and unrestricted access to learning materials and assets (i.e. presentations and demonstration files) was given throughout the course was a welcome change from other providers.

David Swingler, Fingo, HTML & CSS - 2 Day Introduction

Brilliant day - fun and informative. Covered exactly what I needed.

Lisa Simmonds, Penguin Books, HTML - 1 Day Introduction

Excellent course content and structured in such a way that it is easy to understand for the beginner. Thank you for the excellent course.

Tami Penswick, Yahoo, HTML & CSS - 2 Day Introduction

Engaging and passionate trainer. Approachable, professional and taught me a lot in one day- will recommend XChange Training for future training to other colleagues.

Mia Jones, NSPCC, HTML - 1 Day Introduction

The course was helpful and informative but not overly taxing and complicated. I came with some understanding of HTML 'jargon' but felt it was pitched at the right level and at comfortable pace. The instructor was friendly and approachable. Overall very well done and a nice atmosphere.

Florence Clark, Voodoo Research, HTML - 1 Day Introduction

Thought course and instructor were excellent. Very approachable and enthusiastic. Good pace of learning. Would recommend.

John Woodward, University of Liverpool, HTML5 & CSS3 - 2 Day Introduction

I found this course very much helped me to reach that next level and totally filled in all the gaps of my HTML and CSS knowledge. The trainer was fantastic and I am now starting to look for more courses to do with XChange.

Garrit Glasby, Australian High Commission, HTML & CSS - 2 Day Introduction

HTML & CSS Masterclass 4 Days

Farringdon, Central London

Next available London course dates

  • 03 Jul - 06 Jul

    Special July offer only £675! Save £75!

  • 14 Aug - 17 Aug
  • 25 Sep - 28 Sep
  • 06 Nov - 09 Nov
  • 04 Dec - 07 Dec

Click below to view split date options

    3 Jul - 4 Jul
    14 Aug - 15 Aug
    25 Sep - 26 Sep
    6 Nov - 7 Nov
    4 Dec - 5 Dec
    5 Jul - 6 Jul
    16 Aug - 17 Aug
    27 Sep - 28 Sep
    8 Nov - 9 Nov
    6 Dec - 7 Dec
Send Course Details Book this training course

Great pace, level of entry and range of ad hoc knowledge made learning incredibly easy and enjoyable. Actually left feeling like I could be a Web Designer.

Bret Painter, UK Metro, HTML5 & CSS3 - 3 Day Introduction

View training offers and promotions