HTML5 / CSS3 pour les intégrateurs HTML

Duration

2,00 day(s)

Language(s) of service

EN FR

Next session

Who is organizing this training?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

The content of this page is not available in English

Who is the training for?

Développeurs web, intégrateurs

Prerequisites

Avoir suivi la formation XHTML CSS JavaScript ou notions équivalentes,

Goals

Savoir développer des sites web en HTML 5 - mise en forme/en page en CSS3.

Introduction

Spécifications HTML: historique et évolutions
Vision HTML 5 et contextes d'utilisation
Support par les navigateurs

Conception de pages web avec HTML5

Structure d'une page
Différences avec le HTML 4 et XHTML 1 (nouveaux éléments, éléments obsolètes)
Eléments de styles CSS en HTML5

Atelier pratique: une première page en HTML5

Balises HTML5

Balises de mise en forme du contenu (titres, paragraphes, etc...)
Balises sémantiques et d'organisation
Création et utilisation de formulaires
Intégration d'animations et sons
Dessin 2D
Géo-localisation: concepts et fonctionnement

Atelier pratique: réalisation d'un site incluant des formulaires et du contenu

Communication et stockage

Evènement (EventSource API)
Envoi de message entre documents/par canaux (PostMessage API, XHR)
Stockage local/en session
Bases de données SQL Web et bases indexées

Atelier pratique: utilisation d'apis de communication

Rappel CSS

Notions de base (sélecteurs, propriétés de mise en forme)
Positionnement CSS
Ordre de priorité: cascade et héritage
Hacks et styles alternatifs
Préfixes vendeurs

Atelier pratique: multiples exemples d'utilisation des css, démonstration des priorités des sélecteurs

CSS 3

Spécification W3C
Sélecteurs disponibles
Propriétés de mise en forme: bordures, ombres, transparence,...
Mise en page et positionnement: multi-colonnes, boîtes, grille,...
Transformations et transitions

Atelier pratique: démonstration de styles et d'effets sur les différentes propriétés étudiées, mise en page complexe d'une page