HTML/HTML5 & CSS/CSS3 5 day Web Development Introduction Training | London introduction course

This HTML & Cascading Style Sheet (CSS) introduction Masterclasss course provides web professionals with both the essential concepts and skills to use HTML & CSS effectively and the new features available in the latest revisions of HTML5 and CSS3.

On this hands on course you will learn the basics of coding for Email marketing and web design, beginning with HTML and advancing to CSS fundamentals. The new features of HTML5 are designed to allow designers and developers to work with richer, more semantic code needed to address the requirements of the modern web. There are major enhancements to syntax & semantics, and the removal or redefinition of HTML presentational tags and attributes. For the HTML5 section of the course a basic understanding of JavaScript will be useful but is not essential.

Target audience and pre-requisites for this course Full course location and map information Difference between scheduled and bespoke courses	A bespoke version of this scheduled course is also available to suit your requirements & timeframe.
	Bespoke course info

HTML/HTML5 & CSS/CSS3 Introduction Masterclass 5 Days - London 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
-Link basics
-Styling hyperlinks
-Link text decoration
-Creating rollovers using hover

Improved layout
-Using the box model
-Padding and margins
-Element positioning

Working with HTML5
-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
-Deprecated 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
-Pubdate
-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

Course Target Audience and delegate prerequisites

This hands-on course is designed for new users who wish to create their own web pages and style them with CSS and also benefit from the enhancements offered with HTML5 and CSS3.

No previous experience of HTML, CSS or language coding is required. However, new users should be familiar with the operating system they use and have a solid awareness of the world wide web, in particular their own corporate web site.For the HTML5 section of the course a basic understanding of JavaScript will be useful but is not essential.

Location information for this scheduled course

This course will be offered at the main XChange Training London training centre at:

5 St John’s Lane
Clerkenwell
London
EC1M 4BH

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 a few minutes away and the office can also be accessed from Chancery Lane and Barbican tubes in about 10 minutes.

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

Training Centre address
Central London

Tel: 0845 363 1130
Email: info@xchangetraining.co.uk

Course Location Map Link

Advantages of learning HTML with XChange Training

-XChange Training is an specialist training centre for web design and web development
-Our HTML & Cascading Style Sheet (CSS) trainers are experienced web design professionals with excellent knowledge of all aspects of web development, effective page design and SEO planning.
-XChange training focuses on real tasks that reflect how the software is used in professional situations.
-Free Course manual provided for each trainee as excellent post-course reference material.
-Free email support service for 6 months after course included in the price.
-We get consistently good feedback from our clients.

Read client testimonials...

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

Price:

Duration:

Course Location:

Course Dates:

HTML, XHTML, and CSS: Visual QuickStart Guide

HTML/HTML5 & CSS/CSS3 Introduction Masterclass 5 Days - London Outline

Course Target Audience and delegate prerequisites

Location information for this scheduled course

Advantages of learning HTML with XChange Training

Contacting XChange Training

Enquire about or
book this course here

		0845 363 1130 • info@xchangetraining.co.uk
		All Courses...

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

Price:

Duration:

Course Location:

Course Dates:

HTML, XHTML, and CSS: Visual QuickStart Guide

HTML/HTML5 & CSS/CSS3 Introduction Masterclass 5 Days - London Outline

Course Target Audience and delegate prerequisites

Location information for this scheduled course

Advantages of learning HTML with XChange Training

Contacting XChange Training

Enquire about or book this course here

Enquire about or
book this course here