Informatique
Formation html 5
Cette formation porte sur les apports propres à HTML 5 : nouvelles balises, multimédia, formulaires évolués et interfaces de programmation du navigateur.
Objectifs pédagogiques
- Identifier les évolutions apportées par HTML 5 par rapport aux versions précédentes
- Employer les nouvelles balises de structure pour clarifier une page
- Intégrer de l'audio et de la vidéo sans extension externe
- Utiliser les nouveaux types de champs et la validation native des formulaires
- Découvrir le dessin dans une page avec l'élément canvas
- Exploiter le stockage local et la géolocalisation en respectant la vie privée des utilisateurs
Programme détaillé
Comprendre les apports de HTML 5
- Évolution du langage et rôle des standards du web
- Déclaration de document simplifiée
- Balises de structure : header, nav, main, article, aside, footer
- Compatibilité des navigateurs et vérification de la prise en charge
Gérer le multimédia et les formulaires
- Éléments audio et vidéo, sous-titres et pistes de texte
- Images adaptatives selon la taille d'écran
- Nouveaux types de champs : e-mail, date, nombre, couleur
- Attributs de validation et messages d'aide à la saisie
Explorer les interfaces du navigateur
- Élément canvas : dessin et animation simples
- Stockage local et stockage de session
- Géolocalisation et consentement de l'utilisateur
- Glisser-déposer d'éléments dans une page
Mettre en oeuvre dans une page réelle
- Refonte d'une ancienne page vers une structure HTML 5
- Tests sur plusieurs navigateurs et appareils
- Points de vigilance : accessibilité et performances
Public visé et prérequis
Public visé
- Intégrateurs, webmasters et développeurs web débutants
- Personnes en charge de la mise à jour de sites existants
Prérequis
- Connaître les bases du HTML et de la structure d'une page
- Savoir utiliser un éditeur de code
Durée et modalités
- DuréeSur mesure, nous consulter
- AccessibilitéNotre référent handicap étudie avec vous les adaptations possibles.
Méthodes pédagogiques
Méthodes
- Démonstrations commentées des nouvelles fonctionnalités
- Ateliers de refonte d'une page existante
- Échanges sur les difficultés de compatibilité rencontrées
Moyens
- Poste informatique avec éditeur de code et plusieurs navigateurs récents
- Fichiers d'exemples et documentation de référence fournis
Validation de la formation
- Questionnaire sur les notions abordées
- Mise en situation : conversion d'une page ancienne vers une structure HTML 5
- Remise d'une attestation de fin de formation
Votre devis personnalisé
Nous établissons votre proposition selon votre besoin, le nombre de participants et le format souhaité.
Financement OPCO
Cette formation peut être financée par votre OPCO, selon votre situation et les conditions de votre financeur.
Voir les financeursFormations liées
- HTML : Niveau débutant à expertCette formation présente le langage HTML, de la structure d'une page jusqu'aux pratiques avancées de balisage.Voir la formation
- Créer un site internet sans compétences techniquesCette formation accompagne la création d'un site web à l'aide d'outils accessibles sans programmation.Voir la formation
- Javascript : débutant à expertCette formation initie au langage JavaScript puis progresse vers des notions avancées comme l'asynchronisme…Voir la formation
Un projet de formation ?
Parlez-nous de vos besoins : nous vous préparons une proposition adaptée.