0345 363 1130
info@xchangetraining.co.uk
HTML/HTML5 & CSS/CSS3 Introduction Masterclass 4 Days - London
Key Course Details:
Level:
Introduction to Advanced
Duration:
4
Days - 10am to 5pm
Price:
£750 + vat
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.
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/HTML5 & CSS/CSS3 Masterclass 4 Days
Course Details
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.
-
Full 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
- 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
- Understanding colour for the web
- Working with hexadecimal
- Meeting web safe colours
- Applying colour to text, tables and cells
- The different image formats used on the web
- Placing and linking an image
- Adding alternate text
- Sizing and positioning images
- Creating a simple table
- Adding rows and cells
- Adding content to cells
- Formatting tables and cells
- 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
- Understanding the limitations of HTML
- The evolution and current status of CSS
- Where to keep up to date with CSS
- CSS and CSS2
- The importance of DTD (document type declaration) when using CSS
- The Style and Comment HTML tags
- claration block
- ID and class styles
- Embedded styles
- InLine styles
- External Style Sheets
- Locating amending embedded styles
- Locating and amending inline styles
- Linking vs importing external style sheets
- ID vs Class selectors
- Descendant selectors and grouping selectors
- The DIV and SPAN tags
- Fonts and font families
- Sizing text using different units of measure
- Line height
- Font weight
- Working with colour
- 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
- 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
- The new DOCTYPE declaration
- Simplified charset
- Looser coding standards
- Good practice to ensure consistency
- Depreciated tags and attributes
- Understanding the outline algorithm
- Ensuring cross browser structure
- Structuring top-level and interior level content
- Meeting the new content models
- Introducing the new HTML5 semantic tags
- Header
- Footer
- Section
- Aside
- Article
- Hgroup
- Figure
- Figcaption
- The role of the DIV Tag
- Ensuring block-level display
- 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
- Introducing the canvas API
- Drawing basic shapes
- Simple animation
- Loading an image
- Brief overview
- Meeting the new input types
- Setting autofocus
- Using placeholder data
- The new date picker
- Spinners and sliders
- A brief overview of the history CSS
- Image borders
- Shadows
- Rounded corners
- @font-face
- Server fonts
- Font licensing issues
- 2D transforms and transitions
-
Location Details
This course is provided at the XChange Training London training centre based at:
5 St John’s Lane
Clerkenwell
London
EC1M 4BHSt 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 4:30pm 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.
View Full details of our London Training Venue and Course options
↑ Click the map to view a larger version ↑
View our London Centre Location on Google Maps
-
HTML & CSS Masterclass 4 Days - Upcoming London Course Dates
13 Jan - 16 Jan £750 + vat 10 Mar - 13 Mar £750 + vat 12 May - 15 May £750 + vat 07 Jul - 10 Jul £750 + vat HTML & CSS Masterclass 4 Days - Split Date Options
HTML Introduction
13 Jan - 14 Jan
10 Mar - 11 Mar
12 May - 13 May
7 Jul - 8 Jul
HTML Advanced
15 Jan - 16 Jan
12 Mar - 13 Mar
14 May - 15 May
9 Jul - 10 Jul
-
Client Reviews
"Excellent instructor, very knowledgeable and easy to talk to. Also, was very good at tailoring the course to suit the speed/competency of the pupils. I enjoyed the course immensely."
Nik Dyer, MWH Global, HTML & CSS - Two Day Introduction
"As always clear, concise and friendly. I have come away from today's course having learnt exactly what I needed to know. Thank you!"
Charlotte Green, AXA Investment Managers, HTML - 1 Day Introduction
"Brilliant day - fun and informative. Covered exactly what I needed. "
Lisa Simmonds, Penguin Books, HTML - 1 Day Introduction
"Knowledgeable trainer, great style pace and inclusion of all delegates. One of the best trainers I have seen in my 'many' years......thank you"
Perry Hailey, Gatwick Airport, HTML & CSS - 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
"The tutor was excellent! He was very friendly and his instruction has surpassed my expectations. I am extremely impressed by how much I have learned and I would definitely recommend this course to my friends and colleagues. The course was worth every penny. Thank you so much!"
Jonathan Cain, HTML/HTML5 & CSS/CSS3 Masterclass
"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
"Very happy with the training and will be taking away a lot of HTML knowledge"
Linda Diep, Optimus Education, HTML & CSS for Emails - 2 Day Intermediate Training
"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
£750 + vat
Next Dates:
13 Jan - 16 Jan
10 Mar - 13 Mar
12 May - 15 May
07 Jul - 10 Jul
Split Course Date Options:
HTML Introduction
13 Jan - 14 Jan
10 Mar - 11 Mar
12 May - 13 May
7 Jul - 8 Jul
HTML Advanced
15 Jan - 16 Jan
12 Mar - 13 Mar
14 May - 15 May
9 Jul - 10 Jul
Over 15 years of providing certified HTML training courses UK wide
5/5 Stars
The course instructor was very responsive and extremely knowledgable. I felt able to ask questions and he kept checking back for understanding. The course has been intensive but very relaxed and enjoyable. It was really useful to be able to tailor the course to my needs and I appreciate the flexibility that you have all demonstrated. Great links and resources too. I feel up-levelled :) Thank you.
23/07/2024
5/5 Stars
Very happy, good succinct course that I feel has given me a good starting point to develop my HTML and CSS skills. It has given me the direction I need to grow in this area which is exactly what I was looking for.
24/05/2024
4/5 Stars
Overall, it was a lot of information to take in, particularly the first day, but I was able to grasp it more the second day.
21/05/2024
5/5 Stars
Pretty all inclusive and well handwear set up.
21/05/2024
5/5 Stars
Alan was brilliant, made understanding the training course easy and was always happy to answer any additional questions I had.
23/01/2024
5/5 Stars
The content and pacing of the training was very interesting and informative, and I particularly enjoyed the practical elements of the course.
23/01/2024
5/5 Stars
Really good course delivered well and explained effectively. Got to see first-hand how to develop dynamic web pages and even looked at topics off the specification that I was interested in.
08/11/2023
4/5 Stars
I have a much better understanding of HTML and CSS from when I started. It was good to have someone in the room to troubleshoot any issues.
05/09/2023
5/5 Stars
The course sections were set up well, starting with the basics first before moving on to more complex items. Craig did a great job of facilitating the course, was friendly and very helpful and knowledgeable, and was able to tailor the training our roles and answer bespoke queries. 10 out of 10!
05/09/2023
5/5 Stars
Instructure knowledge coverage a wide range, what was advertised in the online program as well as advised us of further topics/ routes we can take. Instructor also enthusiastic and cares about the subject. Not a dull moment.
05/09/2023
Whats Included:
Your choice of Windows or Mac 
Certified hands-on training 
Small class size (max 4-8) 
6 months post course support 
Quality reference manual 
Authorised Course Certificate 
Lunch and refreshments
Frequently Asked Questions
What are the course times?
For all courses in the London Centre the normal session timings are 10am to 5pm with an hour break for lunch. In addition to the hour lunch break there are also two fifteen minute coffee breaks mid morning and mid afternoon.
Daily times are:
09.45 - Registration
10.00 - Course start
13.00 - Lunch
14.00 - Afternoon starts
17.00 - Course ends
Do you offer discounts
or promotions?
We offer a range of regular discounts available for self funding individuals, charities and education along with period special offers. See our promotions page for full details.
What is provided with this course?
During the course we provide all computers for your use with choice of Windows or Mac, lunch and refreshments along with pads & pens. After the course you will receive the authorised Certificate, quality reference manual and 6 months direct post course support.
Does this course give
a qualification?
Although this course does not provide an actual qualification each delegate is provided with an official Certificate for completion of the course level.
Can you invoice my company?
In short yes we can provide 30 day invoice terms to any UK Limited company with the provision of your official purchase order and/or completing the invoice request for your booking online.
Adobe Design Ready in just 5 days!
Learn Adobe Design skills with our value Adobe Design Masterclass Bundle →