Créer et mettre en forme des pages web (HTML5 et CSS3)

Partager par mail
Imprimer

Pas de session programmée en ce moment

Objectifs de la formation

À l'issue de cette formation, l’apprenant sera capable de :

Concevoir des pages web accessibles et structurées en HTML5 : Créer des documents HTML5 en utilisant des balises de structure adaptées (headings, paragraphes, listes) et en respectant les normes d’accessibilité (attributs alt pour les images, scope pour les tableaux).
Appliquer une mise en forme CSS3 pour un rendu graphique professionnel : Utiliser les styles CSS3 pour définir la mise en forme visuelle, gérer les couleurs, tailles, et typographies en fonction des maquettes graphiques, et organiser le positionnement des éléments avec des techniques avancées (grid, flexbox).
Adapter l’affichage des pages pour différents supports : Employer le média queries pour rendre les pages web responsives et optimisées pour des affichages sur ordinateurs, tablettes et smartphones.
Concevoir et mettre en place des formulaires accessibles : Créer des formulaires en HTML5 et en CSS3, en respectant les normes de sécurité (OWASP) et les directives d’accessibilité pour permettre un usage fluide et intuitif.
Intégrer du contenu multimédia et des animations : Enrichir l’expérience utilisateur avec des vidéos, audios et animations CSS, en configurant des transformations et transitions pour des interactions visuelles attrayantes.

Contenu pédagogique

Préparation avant le Début de la Formation
Projet professionnel : Évaluation initiale des compétences de l’apprenant et définition des objectifs en fonction des exigences professionnelles en développement web et création de contenu accessible.

Module 1 : Structuration de Pages en HTML5

Balises de base : Utilisation des balises HTML5 essentielles (<header>, <footer>, <section>, <nav>) pour structurer les pages de manière sémantique et lisible.
Accessibilité et bonnes pratiques : Application des normes WCAG et RGAA pour garantir que les contenus sont accessibles aux utilisateurs en situation de handicap, y compris les lecteurs d’écran.

Module 2 : Mise en Forme CSS3 et Conception Visuelle

Gestion des feuilles de style : Création de fichiers CSS séparés pour la mise en forme, contrôle des polices, couleurs et alignement.
Positionnement avancé : Utilisation des systèmes de positionnement flexbox et grid pour un agencement structuré et responsive des éléments graphiques.

Module 3 : Conception de Pages Responsives

Media queries : Implémentation de media queries pour adapter les mises en page à divers supports (ordinateurs, tablettes, smartphones) et garantir un affichage optimal.
Unité de mesure flexible : Usage des unités em, rem, vh, vw pour ajuster dynamiquement la taille des éléments en fonction des écrans.

Module 4 : Création de Formulaires Accessibles et Sécurisés

Formulaires interactifs : Création de formulaires en HTML5 avec des éléments de saisie adaptés (<input>, <textarea>, <select>), liens aux labels pour une accessibilité optimale.
Sécurité des données : Respect des recommandations OWASP pour sécuriser les données saisies, en utilisant les attributs HTML et les configurations GET/POST selon les besoins.

Module 5 : Intégration Multimédia et Animation CSS

Médias interactifs : Insertion de vidéos et audio conformes aux standards d’accessibilité.
Animations CSS : Utilisation des transformations CSS (translate, rotate, scale) et des animations pour enrichir l’expérience visuelle et rendre le contenu plus interactif.

Certifications, reconnaissances

Créer et mettre en forme des pages web (HTML5 et CSS3)

Niveau de sortie : Sans niveau spécifique

Consulter la certification

Métiers visés

Insertion dans l'emploi

Aucune donnée n'est encore disponible pour cette formation

Informations complémentaires

Numéro Carif :
Référence formation : 2492564F
Code NSF : 326 - Informatique, traitement de l'information, réseaux de transmission des données
Formacode principal : 31090 - Développement web
Formacode associés :
30801 - Langage CSS
30857 - Langage HTML
ROME associés : -