Formation HTML5 / CSS3

Catégories :

Web

Avis :

A propos de cette formation

HTML est un langage qui permet de présenter des informations sur Internet. Bien qu’encore en cours de création, la version HTML 5 est un langage parfaitement utilisable.

A la fin de cette formation, vous serez capable de :

•    Créer des pages en HTML 5 et utiliser les nouvelles balises HTML 5.
•    Utiliser les APIs JavaScript de HTML 5.
•   Connaître le niveau de support des fonctionnalités HTML 5 par les navigateurs actuels.
•    Emuler certaines fonctionnalités HTML5 sur des navigateurs moins récents.
•    Mettre en page et en forme avec CSS3

Programme de la formation

Introduction à HTML5 et CSS3

Contexte : fonctionnement d’un site internet
Histoire du HTML
Organismes de normalisation : WHATWG et W3C
La nouvelle vision HTML 5
Roadmap HTML 5

Utiliser le HTML5 aujourd'hui

Savoir quand choisir le HTML 5
Utiliser le HTML 5 avec des navigateurs qui ne le supportent pas

Balisage HTML5

Structure d’une page : disparition des notions « en ligne » et « bloc »
Doctype, NameSpace, Encoding
Les nouveaux éléments : section, article, aside, nav, … pour en-têtes , pied de pages, etc.
Les indispensables balises telles que menu, command, details, summary
Elements sémantiques
Les micro data
Dates et temps
Les éléments obsolètes : center, font, frame, acronym, …
HTML 5 et CSS
Compatibilité entre navigateurs
Optimisation des balises pour les moteurs de recherche (SEO)

Les formulaires HTML 5

Balise form
Créer et utiliser des formulaires HTML 5
Gestion des dates, des emails, ..
Les validations de formulaire en HTML5
Auto focus

Audio et Vidéo en HTML 5

Les éléments audio et video
Les conteneurs
Contrôler la vidéo, l’audio avec l’API HTML5
Support et formats (codecs WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis)
Gérer plusieurs sources vidéos/audios
Streaming
Ajouter des sous-titres à une vidéo HTML5

Vue d'ensemble des API pour HTML 5

Les APIs HTML 5
Gestion des fichiers
Audio et Vidéo
Site web hors ligne
Drag & Drop
Extension de HTMLDocument
Extension de HTML Element
Historiques de pages

Dessiner en HTML 5

Dessiner en JavaScript
Canvas vs SVG
Contexte
Accessibilité
Quid des designers actuels ?

La communication en HTML 5

Les événements
Envoi de messages entre documents
Envoi de messages par canaux
Le push serveur
Web Sockets
Présentation de node.js
Les Web Workers pour le multi-tâches

La géo-localisation avec HTML 5

Vue d’ensemble
La vie privée de l’utilisateur
Géolocaliser ses utilisateurs sur Google Maps

Stockage avec HTML 5

Stockage local
Stockage en session
Bases de données SQL Web

CSS3 : Standardiser des propriétés

Vue d’ensemble : se passer d’images, éviter les astuces
Coins arrondis
Ombres portés
Transparence
Mise en page et positionnement
Autres nouveautés

CSS3 : Mise en page et positionnement

Vue d’ensemble : clarifier le code, éviter la multiplication de
imbriquées
Niveau de présentation
Mise en page par patron
Mise en page multi-colonnes
Mise en page par boite horizontales ou verticales
Positionnement par grille
Autres nouveautés

CSS3 : Animation

Transformations (2D et 3D)
Transitions

Autres formateurs

Alexandre

Développeur et formateur Web Open source et CMS

Denis

Développeur et formateur Java

Evan

Lead-développeur .NET et formateur en gestion de projet

Avis

Avis et commentaires extraits des évaluations remplies par chaque stagiaire en fin de formation.

0 Rated 0 out of 0 Ratings

5 stars 0

4 stars 0

3 stars 0

2 stars 0

1 stars 0

Members

Lorem Ipsn gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auci elit consequat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.