HTML5 ET CSS3
• Durée : 2 jours –> 14h
Type d’action : Acquisition des connaissances
A l’issue de ce stage les participants seront en mesure de : créer des pages et des applications Web en HTML5 et CSS3. Découvrir la puissance du HTML5 notamment en termes d’applications multimédia (smartphones et tablettes)
Prérequis : Connaître l’environnement Windows ou Mac OS X, être à l’aise avec le web.
Public concerné : Webmasters, développeur de sites internet et/ou d’applications multimédia
Moyens de la formation : 1 poste par stagiaire – Support de cours fourni à chaque stagiaire
Modalités pédagogiques : Présentation, échange avec l’intervenant, réflexion personnelle.
Modalités d’évaluation : Cas pratiques au fil de la formation avec évaluation par le formateur.
Formalisation à l’issue de la formation : Attestation de fin de formation.
Suivi : Le suivi de l’exécution et l’appréciation des résultats sont exprimés par le stagiaire dans une « évaluation de stage » complétée en fin de formation. Ce document est remis au responsable ordonnateur de la formation, accompagné des feuilles d’émargements, et d’une « Attestation de formation » établie en original.
PROGRAMME
INTRODUCTION À HTML 5 ET CSS3
Fonctionnement d’un site internet
Les normes du W3C
Les changements avec HTML 5
Roadmap HTML 5
Quand choisir le HTML 5
Utiliser le HTML 5 avec des navigateurs qui ne le supportent pas
BALISES HTML 5
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
La compatibilité entre les navigateurs
Optimisation des balises pour les moteurs de recherche
LES FORMULAIRES HTML 5
Balise form
Créer et utiliser des formulaires HTML 5
E-mail, url, date …
Validations de formulaire en HTML5
L’AUDIO ET LA VIDEO EN HTML 5
Conteneurs
Contrôler la vidéo, l’audio
Support et formats (WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis)
Gérer plusieurs sources vidéos et audios
Sous-titres et vidéo HTML5
DESSINER (HTML 5)
Dessiner en JavaScript
Contexte
Accessibilité
GÉO-LOCALISATION (HTML 5)
La vie privée de l’utilisateur
Géolocaliser ses utilisateurs sur Google Maps
CSS3
Ce que ça change
Coins arrondis
Ombres portés
Transparence
Mise en page et positionnement
Autres propriétés
Gestion des éléments de formulaire via CSS
LA MISE EN PAGE ET LE POSITIONNEMENT
Niveau de présentation
Mise en page par patron ou multi-colonne
Mise en page par boite horizontales ou verticales
Positionnement par la grille
ANIMATIONS (CSS3)
Transformations (2D et 3D)
Transitions
L’animation
