0345 363 1130
info@xchangetraining.co.uk
HTML/HTML5 & CSS/CSS3 Introduction Masterclass 4 Days - Glasgow
Key Course Details:
Level:
Introduction to Advanced
Duration:
4
Days - 10am to 5pm
Price:
£795 + 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
- 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
- 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 our Scotland training centre located in central Glasgow at:
Centrum Business Centre
38 Queen Street
Glasgow
G1 3DXThe Glasgow training centre is located on Queen Street in the heart of Glasgow close to Central Station, Queen Street Station and Argyle Street Station.
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 Glasgow Training Venue and Course options
↑ Click the map to view a larger version ↑
-
HTML & CSS Masterclass 4 Days - Upcoming Glasgow Course Dates
27 Jun - 30 Jun £795 + vat 15 Aug - 18 Aug £795 + vat 17 Oct - 20 Oct £795 + vat 19 Dec - 22 Dec £795 + vat HTML & CSS Masterclass 4 Days - Split Date Options
HTML & CSS Introduction
27 Jun - 28 Jun
15 Aug - 16 Aug
17 Oct - 18 Oct
19 Dec - 20 Dec
HTML5 & CSS3 Introduction
29 Jun - 30 Jun
17 Aug - 18 Aug
19 Oct - 20 Oct
21 Dec - 22 Dec
-
Client Reviews
"The whole experience has far supassed my expectations. From the facilities, to the trainer its been really good. Would recommend it to anyone."
Victor Vieira, liveRES, HTML & CSS Introduction - 2 Days
"Very good hands-on experience. Instructor was very enthusiastic and obviously knew his stuff."
Helen Swailes, JT International S.A., HTML & CSS - 2 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
"Great training course, extremely happy with the content covered and learnt. Now have a clear understanding on the basics of HTML and CSS, would definitely use XChange Training again."
Alex Ottley, TM Lewin, HTML & CSS - 1 Day Bespoke
"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
"The course was very well planned and easy to understand and follow. I feel I have a good knowledge on how to to use HTML and CSS in my role."
Melissa Epsley, ITC, HTML & CSS - 2 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
"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
"A great overview to a new subject - I will definitely be able to use the skills gained in the workplace."
Clare MacMichael, Helena Partnerships, HTML - 1 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
£795 + vat
Next Dates:
27 Jun - 30 Jun
15 Aug - 18 Aug
17 Oct - 20 Oct
19 Dec - 22 Dec
Split Course Date Options:
HTML & CSS Introduction
27 Jun - 28 Jun
15 Aug - 16 Aug
17 Oct - 18 Oct
19 Dec - 20 Dec
HTML5 & CSS3 Introduction
29 Jun - 30 Jun
17 Aug - 18 Aug
19 Oct - 20 Oct
21 Dec - 22 Dec
Over 15 years of providing certified HTML training courses UK wide
5/5 Stars
Only one other person on my course - the level of attention we were able to get was what made the course so useful.
09/06/2022
5/5 Stars
A very interesting, well-led course that has allowed me to gain a fairly broad understanding of a subject I previously had no experience of. The course has given me the confidence in both understanding and using coding despite me never having done so previously.
24/05/2022
5/5 Stars
Great course and thanks for the flexibility and support with date changes etc
29/03/2022
5/5 Stars
Marek is great, I have learnt a lot! Everything was very well structured. Would definitely repeat.
29/03/2022
5/5 Stars
Marek was an excellent tutor. He was very personable, very patient, and very clear with his explanations. His technical abilities were excellent and he exuded a sense that he knew what he was talking about and that he was the person to help us on our learning journey. This made it easy to trust him. He made the course very enjoyable. Overall the communication and the administrational processes from xchange training was excellent. When I called to enquire about the course the phone was answered within a couple rings, and the person I spoke to was able to explain the content of the course as well as its suitability for me based on my description of my current ability. There was thorough email correspondence from the time of booking and payment all the way through to the pre-course reminder the day before the course. Very happy with my experience
29/03/2022
5/5 Stars
Alan was highly professional and organised, looking forward to training with him again.
23/03/2022
5/5 Stars
Great use of a training team day and took away a good level of basic HTML knowledge. Good way to understand how HTML and CSS work together and will really help my team to understand the make up of a HTML email and feel more comfortable amending themselves. Thank you.
25/02/2022
5/5 Stars
Absolutely brilliant session which was interesting and insightful. I now feel like I have a much stronger understanding of html to build upon.
25/02/2022
5/5 Stars
The whole day was very insightful and useful. Simons was a great intructor and answered any questions we had and tailored the training to us and the platform we used.
25/02/2022
5/5 Stars
Everything explained in a great level of detail, everything we covered was very relevant and we also went through a lot of cases/scenarios that we experience that was very valuable.
25/02/2022
5/5 Stars
The instructor was able to teach a group with varying HTML skills something new.
25/02/2022
5/5 Stars
Simon was excellent and very engaging, he made learning HTML fun and was happy to answer extra questions. He also tailored training to the knowledge we already had.
25/02/2022
5/5 Stars
I started the course as a complete novice to HTML and by the end of the day had learnt so much a really broadened my knowledge of HTML, which will help in my day to day job. Simon, our instructor was very clear when it came to describing different components and was always there to answer any questions that arose. A day I thoroughly enjoyed.
25/02/2022
5/5 Stars
A very enjoyable, well presented, and informative course.
01/02/2022
4/5 Stars
Positive Fast paced - a lot to take in for a someone new to coding
01/02/2022
5/5 Stars
A bespoke one day course was arranged due to me being the only attendee. Alan delivered an excellent session, taking the time to understand my learning needs at the start. His delivery was great, with the right balance of friendly and professional. The pace was just right, and Alan took the time to explain key steps as we progressed. Technology and connectivity was smooth and easy. Overall, very happy with what was covered and the excellent supporting materials provided. Thanks!
15/12/2021
5/5 Stars
Tutor was very knowledgable and helpful, felt I learnt more than I had anticipated.
25/11/2021
5/5 Stars
Marek was an extremely competent trainer, explained everything very clearly and I had no troubles understanding what was happening throughout the course. thoroughly enjoyed it and I feel confident I can now go and design HTML emails no issue! fantastic. A** - Excellent ebayer, will purchase from again. You need to change the mac 'mice' though, very, very annoying!
25/11/2021
5/5 Stars
Really enjoyed the course. A good steady pace for a beginner, but still engaging.
12/10/2021
5/5 Stars
Cannot fault the training course. Course content was brilliant and was the perfect balance between theoretical knowledge of the concepts and putting it all into practise. Alan was excellent in his teaching of this course.
12/10/2021
4/5 Stars
The course covered everything I required, and all my questions were answered clearly and precisely
12/10/2021
5/5 Stars
Really engaging course covering the basics and some more in depth bits of HTML/CSS. Phil's knowledge and enthusiasm is brilliant and really happy with how much I've learnt in a short time - feel confident I could apply this all to my role. Thanks so much!
17/08/2021
5/5 Stars
Phil was an enthusiastic, first class trainer that conveyed course information in a enjoyable and informative manner. I would not hesitate to use XChange Training again as a result.
17/08/2021
5/5 Stars
Great course, very informative and useful
17/08/2021
5/5 Stars
Alan is very patient and encouraging, as a crash course in HTML is hard to grasp, he does his best to support every step of the way. Friendly and professional.
22/06/2021
4/5 Stars
The course was great and Kevin was very knowledgeable, however it was slightly fast paced for me on the second day as I am still struggling with certain elements such as tables. Also it was disappointing that I was not given details of the software I would need installing prior to the course commencing, however the team were very helpful on the phone when trying to sort this out. I would advise for future delegates, that you state exactly what software is needed at least two weeks before the course. It would also be good to have a guide to follow for reference in addition to the 6 months support.
09/02/2021
5/5 Stars
Alan was really knowledgeable and genuine. The course ran well, with a well thought out plan. Starting with the very basics, and building on the knowledge as we progressed through. I liked that once we understood a concept, we could copy code to "fill it in" to then concentrate on new knowledge. Thanks Alan!
09/02/2021
5/5 Stars
Really good training session...alan was very knowledgeable and helpful and I learnt a great deal..highly recommended
10/12/2020
4/5 Stars
Due to the current situation with Coronavirus, I appreciate this course was unable to be done in person. With saying that, the course was held well over Zoom and my understanding at the end of the day was very satisfactory. The only comment I would like to make is that, this was originally intended to be a two-day course in person and I feel that applying all the content into one day (as well as being online) was quite intense. To summarise, it was a good course, I have learnt many new techniques and I am pleased with the developments I can take forward in my career. Thank you.
05/05/2020
5/5 Stars
Very pleased with my course and how it flowed given our current circumstances and being offered a bespoke one to one was absolutely appreciated. Could not fault the tutor, went at the right pace and easy to communicate with.
22/04/2020
5/5 Stars
It was great except the WIFI had some issues, from the receptionist to the lady who greeted me upstairs near the meeting room, to the instructor, it was all good. Thank you.
25/02/2020
5/5 Stars
Excellent course. Simon is very knowledgeable & answered all questions i had. Would definitely book another of his courses in future.
07/02/2020
5/5 Stars
A great one on one course with Alan. Taken at my pace and explained everything fully. Thanks Alan!
16/12/2019
5/5 Stars
Really useful course and very informative. Would recommend to others.
10/12/2019
4/5 Stars
Course instructor Kevin was very knowledgeable in the content provided. Lots of topics were covered and explained in depth.
10/12/2019
5/5 Stars
Excellent training course and instructor. Probably the best training I've attended.
29/11/2019
5/5 Stars
Really enjoyed this course. Alan delivered it at the perfect pace and answered all questions. Thank you!
29/11/2019
5/5 Stars
Alan was great - was able to deal with a group where people had different levels of ability. I enjoyed the course.
29/11/2019
5/5 Stars
very well informative and well planned day.
21/10/2019
4/5 Stars
Alan was great at explaining the basics of HTML when building an email. The training regarding responsive and adaptive design was very good and his knowledge regarding code is excellent. Thanks Alan!
21/10/2019
5/5 Stars
Excellent tutor and very good course. Highly recommend.
15/10/2019
5/5 Stars
I was a complete novice to using HTML and CSS but I have found the training to be really good. The trainer was patient and explained items really well and at a good pace I have a good understanding of this now.Thank You.
15/10/2019
5/5 Stars
Excellent course. Will was a fantastic teacher and made learning HTML and CSS an enjoyable and engaging experience.
02/10/2019
5/5 Stars
great two days
01/10/2019
5/5 Stars
Trainer was excellent. I travelled from Ireland for the course and it was well worth it. One of the best courses and trainers I have experienced.
09/09/2019
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 Glasgow 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 →