Aller au contenu principal

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

Date de mise à jour :
Identifiant Offre Info : 20_25235046F
Organisme responsable : PEM ACADEMY (ouvre dans un nouvel onglet)

Nouvelle recherche

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…

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 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 (synthèse orientée “projet client”) - Sprint 0 — Matching & cadrage Sélection du client, convention pédagogique tripartite (OF-étudiant-client), kick-off, objectifs business, périmètre & livrables, planning des sprints, canaux de com'. - Sprint 1 — Design & prototype Arborescence, wireframes, maquettes, design orienté conversion, choix CMS/stack, backlog priorisé. - Sprint 2 — Build & intégrations Mise en œuvre CMS/no-code, contenus, responsive &…

Programme (synthèse orientée “projet client”)

- Sprint 0 — Matching & cadrage Sélection du client, convention pédagogique tripartite (OF-étudiant-client), kick-off, objectifs business, périmètre & livrables, planning des sprints, canaux de com'.
- Sprint 1 — Design & prototype Arborescence, wireframes, maquettes, design orienté conversion, choix CMS/stack, backlog priorisé.
- Sprint 2 — Build & intégrations Mise en œuvre CMS/no-code, contenus, responsive & accessibilité, intégrations essentielles, check de performance.
- Sprint 3 — Acquisition & analytics Formulaires & tunnels, prise de RDV, e-mailing/CRM de base, automatisations légères, tracking & tableaux de bord.
- Sprint 4 — Freelancing & gestion de projet (terrain) Positionnement d'offre, prospection (scripts & canaux), devis & jalons, réunions client, anti-retouches, préparation livraison & passation.
- Sprint 5 — Livraison, conformité & portfolio Publication, pages légales/RGPD (selon contexte), documentation, retours client & itérations, étude de cas (avant/après) intégrée au portfolio. Dispositif transverse — PEM Mission Opportunités additionnelles (micro-missions, renforts), réseau, références, montée en responsabilité.

Évaluations & validation
? Quiz au fil des modules.
? Revues de sprint (coach + feedback client).
? Livrable final : site/app + stack acquisition de base + doc & passation.
? Attestation de fin de formation (compétences détaillées) + étude de cas portfolio.

Validation et sanction

À l'issue de PEM Pro, l'apprenant est capable de :

-  Concevoir et réaliser un site professionnel (vitrine/e-commerce) prêt à publier.
- Utiliser plusieurs CMS (WordPress / Webflow / Shopify) et choisir la bonne stack selon le besoin.
- Activer l'acquisition : formulaires, prise de RDV, e-mailing/CRM de base, automatisations légères, analytics.
- Créer des applications simples (no/low-code) et comprendre données, workflows, parcours.
- Structurer une offre freelance : positionnement, tarification, stratégie marketing & prospection, discours commercial.
- Gérer un projet client : cadrage (kick-off, objectifs), devis & jalons, pilotage, communication, anti-retouches, qualité & conformité.
- Livrer un projet réel (avec un client sponsor), formaliser le retour d'expérience, documenter et intégrer au portfolio.
- Multiplier les opportunités grâce à PEM Mission (missions supplémentaires, réseau, références).
 

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

    Programme : Financements à déterminer selon la situation du bénéficiaire, OPCO Entreprises

  • OPCO

    Programme : Financements à déterminer selon la situation du bénéficiaire, OPCO Entreprises

Conditions d'accès

Publics visés

  • Salarié
  • Tout public

Modalités de recrutement et d'admission

Inscription sur candidature

Niveau d'entrée

Sans niveau spécifique

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