HTML/HTML5 ; CSS/CSS3 Introduction Masterclass

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.