HTML5 / CSS3 for HTML integrators

Goals

- Know how to develop websites in HTML5

- Layout / page layout in CSS3

Program

Introduction

HTML specifications: history and evolutions
HTML 5 vision and contexts of use
Support by browsers

Web page design with HTML5

Structure of a page
Differences with HTML 4 and XHTML 1 (new elements, obsolete elements)
CSS style elements in HTML5

Practical workshop: a first page in HTML5

HTML5 tags

Content formatting tags (titles, paragraphs, etc.)
Semantic and organizational
tags Creation and use of forms
Integration of animations and sounds
2D
drawing Geo-localization: concepts and operation

Practical workshop: creation of a site including forms and content

Communication and storage

Event (EventSource API)
Send message between documents / by channels (PostMessage API, XHR)
Local / in-session storage
SQL Web databases and indexed databases

Practical workshop: use of communication apis

CSS reminder

Basics (selectors, formatting properties)
CSS positioning
Order of precedence: cascade and inheritance
Alternative hacks and styles
Vendor prefixes

Practical workshop: multiple examples of using css, demonstration of selectors’ priorities

CSS 3

W3C specification
Available selectors Formatting
properties: borders, shadows, transparency, …
Layout and positioning: multi-columns, boxes, grid, …
Transformations and transitions

Practical workshop: demonstration of styles and effects on the different properties studied, complex layout of a page

Duration

2 days

Price

£ 1110

Audience

Web developers, integrators

Prerequisites

Have taken XHTML CSS JavaScript training or equivalent concepts

Reference

SIT491-F

Sessions

Trainer: Stéphane is a very pleasant and easy-to-access person. Interesting and interested in what he teaches. The exchange with him was constructive.

Very good environment meeting all needs during training. Quite simple overall for me but brings a lot of knowledge. The pace was a bit slow for me because I'm fast moving and I'm used to HTML, and a bit of CSS. Most of the concepts were therefore known. However, I needed to deepen them and some were unknown to me. Very good complement to my previous knowledge. Trainer: Always available in the event of a problem, clear and precise explanations.

Too fast for me because HTML / CSS beginner

Trainer: a real ability to adapt at the level

Good explanation of the basics needed. Practical work carried out on the graphic charter that we have to create / adapt. Trainer: Very friendly. The CSS / HTML world is so vast that the 3 days may be a bit tight to really grasp the situations we will be facing, but at least we will have the right foundations.

It would have certainly taken an additional 1-2 days to be autonomous on the manipulation of CSS on my Moodle instance Super competent trainer!

At the time, I understood well and hope to put into practice quickly (hoping to remember things) It seems to me to answer well. Trainer: I enjoyed it.