iTrain Scotland IT Training Edinburgh image

Introducing HTML5 and CSS3 - 2 Day Course

iTrain Scotland IT Training Edinburgh image

Dates & prices
(including virtual online classroom)
Home > Courses > Technical courses > Introducing HTML5 and CSS3 - 2 Day Course

Introducing HTML5 and CSS3

This course is designed to teach you how to design and deploy responsive, mobile friendly web pages using the building blocks of the web, HTML and CSS. You will learn all the key fundamentals of HTML and CSS and more. You will be introduced to the many free, open source tools used to build and maintain websites.

A massive 67%* discount for 3 or more delegates (see prices below)

*Standard daily delegate rate = £450, discounted rate for 3rd + delegates = £150

No previous experience is required to attend this course. We will start with a blank page and gradually build a modern, responsive design suitable for all of today’s many mobile and desktop devices.

Whether you use a high-end authoring application like Dreamweaver, or, in the most economical fashion, you write your own code out in a text file, knowing your way around HTML comes in handy. Our HTML Introduction course will teach you what you need to know quickly.

This course covers the latest specifications of HTML 5 set by the World Wide Web Consortium, from the most basic tags that place text, images and links on the page to more complex ones that set up tables, frames or forms.

As with all our courses, this course features clear and concise instructions side-by-side with hands on exercises that show both the source code and the resulting effect on the Web page.

Introduction to HTML5

  • A Basic HTML5 Template           
  • Defining the Page’s Structure with HTML5
  • Introducing HTML5 Elements     
  • Introducing HTML5 Attributes


Introduction to CSS3

  • Styling the HTML Template
  • CSS3 Selectors
  • CSS3 Properties


Common HTML Elements

  • Typographical HTML Elements
  • Interactive HTML Elements
  • Layout HTML Elements


Embedding Images in Web Pages

  • Supported Formats
  • Embedding and Styling Images


HTML5 Forms 

  • HTML5 New Form Input Types  
  • Additional New Form Controls in HTML5


HTML5 Video and Audio

  • Video Formats
  • <video> Element
  • <audio> Element


Extended Features of CSS3

  • New Pseudo-classes
  • Pseudo-elements and Generated Content
  • CSS3 Colors and Opacity
  • Rounded Corners
  • Shadows
  • CSS3 Gradients and Multiple Backgrounds
  • CSS3 Transforms
  • CSS3 Transitions
  • CSS3 Animations


Embedding Web Fonts with @font-face

  • Where to Get Fonts
  • Declaring Fonts in CSS
  • Applying Fonts to HTML Elements
  • Using Font Symbols


Multicolumn Layouts

  • Controlling Columns with CSS3
  • Creating Columns with HTML


Displaying Data in HTML Tables

  • Creating an HTML Table
  • Styling HTML Tables


Designing Responsive Pages

  • Why Responsive?
  • When to Use Relative Units of Measurement
  • Testing Pages on Different Devices


Media Queries

  • Defining Alternative Presentations for Different Devices


Background Compatibility with Older Browsers

  • Overview of Browser Capabilities
  • What About Old IE?
  • Introduction to Modernizr


Advanced Capabilities of the Modern Browser

  • SVG Graphics
  • The <canvas> Element
  • Geolocation


Common Frameworks

  • Introducing Bootstrap
  • Introducing jQuery
  • Introducing Foundation


Introduction to Offline Web Apps

  • Storing Data Within the Browser
  • Caching Assets for Offline Use
Prices below are for scheduled courses held in our Edinburgh Training Centre or Live Virtual Classroom. Major discounts available for onsite or private courses: click General Enquiry button below to enquire about private courses.
Group discount
1 place £ 900 n/a
2 places £ 1800 n/a
3 places £ 2700 £ 2100
4 places £ 3600 £ 2400
5 places £ 4500 £ 2700
6 places £ 5400 £ 3000
7 places £ 6300 £ 3300
8 places £ 7200 £ 3600