Créer et mettre en forme des pages web (HTML5 et CSS3)
Date de mise à jour :
Identifiant Offre Info : 20_25190859F
Organisme responsable :
PEM ACADEMY
(ouvre dans un nouvel onglet)
Référentiels
Code Rome
- E1101 Animation de site multimédia
- E1205 Réalisation de contenus multimédias
- M1801 Administration de systèmes d'information
- M1803 Direction des systèmes d'information
- M1805 Études et développement informatique
Formacode
- 30801 : Langage CSS
- 30857 : Langage HTML
- 31090 : Développement web
Présentation de la formation
Objectifs
La certification vise 5 compétences clés qui vont permettre à un professionnel de : Créer une page web à l'aide des balises du HTML5 afin de rendre sa lecture accessible à tous types d'utilisateurs, y compris ceux en situation de handicap. Mettre en forme une page web et ses éléments HTML5 afin de respecter la maquette graphique définie par l'entreprise en utilisant les règles de mise en forme et de positionnement du CSS3. Adapter l'affichage d'une page web aux…
- Créer une page web à l'aide des balises du HTML5 afin de rendre sa lecture accessible à tous types d'utilisateurs, y compris ceux en situation de handicap.
- Mettre en forme une page web et ses éléments HTML5 afin de respecter la maquette graphique définie par l'entreprise en utilisant les règles de mise en forme et de positionnement du CSS3.
- Adapter l'affichage d'une page web aux différents supports (ordinateur, smartphone, tablette...) en utilisant les règles de media queries pour optimiser sa lecture sur différents appareils.
- Concevoir et développer des formulaires (formulaire d'inscription, formulaire de paiement...) utilisables par tout type d'utilisateurs, y compris ceux en situation de handicap pour recueillir des informations (textes, fichiers...) au moyen de balises adéquates du HTML5 et en respectant les recommandations de sécurité fournies par les instances officielles (OWASP, ANSII...).
- Animer avec du contenu dynamique (vidéo, audio, animation...) une page web en vue de sa consultation par tout type d'utilisateurs, y compris ceux en situation de handicap, en utilisant les balises avancées du HTML5 et les propriétés du CSS3 pour améliorer l'expérience utilisateur.
Programme de la formation
Programme détaillé Module 1 – Introduction au web et environnement de travail Module 2 – HTML : structure et contenu (structure, balises se?mantiques, accessibilite?) Evaluation : Quiz de validation Module 3 – CSS : mise en forme et design (se?lecteurs, proprie?te?s, box model, Positionnement et Responsive design, lexbox, grid, media queries) Evaluation : Quiz de validation Module 4 – Cre?ation de site via un CMS ou e?diteur web : Me?dias et animations (images, vide? os, transitions,…
Module 1 – Introduction au web et environnement de travail
Module 2 – HTML : structure et contenu (structure, balises se?mantiques, accessibilite?) Evaluation : Quiz de validation
Module 3 – CSS : mise en forme et design (se?lecteurs, proprie?te?s, box model, Positionnement et Responsive design, lexbox, grid, media queries) Evaluation : Quiz de validation
Module 4 – Cre?ation de site via un CMS ou e?diteur web : Me?dias et animations (images, vide? os, transitions, animations CSS) Evaluation : Quiz de validation
Module 5 – Optimisation et maintenance, formulaires et se?curite? (attributs, validation, recommandations OWASP/ANSSI) Evaluation : Quiz de validation
Module 6 – Projet inal et e?valuation des compe?tences
Evaluation : Quiz de validation Ateliers synchrones : 4 heures d'ateliers pratiques et de correction de projets Projet inal : Re? alisation d'un mini-site web complet mobilisant l'ensemble des compe?tences
Modalités pédagogiques et accompagnement La formation est conçue en e-learning avec un accompagnement renforcé afin de garantir la progression et la réussite de chaque apprenant. Plusieurs dispositifs sont mis en place :
• Plateforme d'apprentissage interactive : les apprenants suivent les cours en ligne, à leur rythme, avec des vidéos, des exercices et des quiz de validation. Sous chaque vidéo, ils peuvent poser directement leurs questions. Les réponses sont apportées rapidement pour lever les blocages.
• Ateliers synchrones hebdomadaires : chaque semaine, un atelier en visioconférence permet de pratiquer, corriger les exercices et poser des questions en direct (Q&A, retours personnalisés, partage de bonnes pratiques).
• Coaching individuel illimité : chaque apprenant peut réserver à tout moment un rendez-vous de 30 à 45 minutes en visioconférence avec la formatrice, afin de poser ses questions, obtenir un retour individualisé et débloquer des situations concrètes.
• Communauté Discord : un serveur privé est mis à disposition des étudiants pour échanger entre pairs, partager leurs réalisations, poser des questions et obtenir des réponses rapides.
• Suivi personnalisé de la progression : l'activité de chaque apprenant est suivie via la plateforme (connexion, avancement, résultats aux quiz).
En cas de baisse d'activité ou de perte de motivation, un rappel et un accompagnement personnalisé sont proposés afin de favoriser l'assiduité.
• Évaluations régulières : chaque module est clôturé par un quiz de validation d'acquis. Un projet final, mobilisant l'ensemble des compétences travaillées, permet de valider la formation et de préparer efficacement le passage de la certification ENI.
Validation et sanction
Créer des sites web professionnels en code (HTML/CSS) ou avec CMS (WordPress, Webflow, Shopify), adaptés à des besoins réels.
Concevoir et développer des applications mobiles avec Flutterflow et Adalo.
Construire une stratégie de design UX/UI orientée conversion pour des parcours utilisateurs efficaces.
Gérer une activité freelance de A à Z?: prospection, positionnement, tarification, devis, gestion de projet.
Réaliser des prestations complètes pour des clients, en autonomie.
Décrocher ses premières missions avant la fin de la formation grâce à l'accompagnement business et à la plateforme PEM Mission.
Type de formation
Certifiante
Niveau de sortie
Sans niveau spécifique
Durée, rythme, financement
Modalités pédagogiques
hybride – ateliers en direct + supports vidéo, quiz, challenges via plateforme Pédagogie active : pratique, challenges, coaching, communauté
Projet final + mini?challenges pour validation
Durée
En centre
100 h
Financement
- Conventionnement
- Oui
- Financeurs
-
- Autre
- OPCO
Conditions d'accès
Publics visés
- Salarié
- Tout public
Informations sur les publics
Cette formation s'adresse aux personnes en reconversion, aux demandeurs d'emploi, aux indépendants ou aux personnes souhaitant se lancer en tant que freelance dans les métiers du web. Elle est conçue pour des profils débutants, sans prérequis techniq
Modalités de recrutement et d'admission
Inscription sur candidature
Niveau d'entrée
Information non communiquée
Conditions spécifiques et prérequis
Aucun prérequis technique n'est nécessaire pour suivre la formation. Seule condition : Disposer d'un ordinateur (portable ou fixe) Avoir un accès à Internet stable La formation est conçue pour les débutants complets, mais reste suffisamment poussée pour permettre une professionnalisation réelle en sortie de parcours.
Lieu de réalisation de l'action
Modalités d'enseignement
Formation entièrement à distance
Adresse
Périodes prévisibles de déroulement des sessions
Début
Fin
- Adresse d'inscription
-
2 Allée des Jardins
59000 Lille - État du recrutement
- Ouvert
- Modalités
- Entrées / Sorties à dates permanentes