Start a conversation ↗

Description

HTML 5 : structurer une page, intégrer ses contenus et publier son site

Deux jours pour écrire soi-même le code d'une page et cesser d'attendre un prestataire à chaque correction

  • 2 jours — 14 h
  • Présentiel ou à distance
  • Fondamental
  • Jusqu’à 6 participants

Modifier un titre, ajouter un tableau ou corriger un lien suppose d'ouvrir un ticket chez un prestataire externe. Les contenus collés depuis un traitement de texte cassent la mise en page et personne dans l'équipe ne sait lire le code source pour comprendre d'où vient le problème.

Ces 14 heures rendent réellement autonome sur la structure d'une page. Le participant écrit le code d'une page complète, organise ses contenus avec les balises adaptées, intègre images, tableaux et formulaires, applique une mise en forme simple, puis met sa page en ligne et vérifie son affichage.

Objectifs pédagogiques

  • Écrire la structure d'une page web avec les balises adaptées
  • Organiser un contenu en titres, listes, tableaux et liens
  • Intégrer des images et des éléments multimédias dans une page
  • Construire un formulaire et en contrôler les champs
  • Appliquer une mise en forme à l'aide d'une feuille de style
  • Mettre une page en ligne et vérifier son affichage sur mobile

Les points forts

Une page complète écrite ligne à ligne puis mise en ligne pendant la session
Un fichier de départ commenté, réutilisable ensuite pour ses propres pages
La lecture du code source de sites en ligne pour repérer les erreurs fréquentes

Programme

1Structure d'un document HTML 5

Les fondations d'une page

  • Anatomie d'un fichier et rôle des balises
  • Balises de structure et découpage sémantique
  • Titres, paragraphes, listes et citations
  • Liens internes et liens externes
  • Validation du code et erreurs courantes

2Contenus riches et tableaux

Intégrer sans casser la page

  • Images, formats et texte alternatif
  • Tableaux de données et légendes
  • Insertion d'un son ou d'une vidéo dans la page
  • Caractères spéciaux et nettoyage d'un contenu collé

3Formulaires et interaction

Collecter des informations

  • Champs de saisie et libellés associés
  • Types de champs et contrôles de saisie
  • Regroupement des champs et ordre de tabulation
  • Envoi des données et traitement côté serveur
  • Accessibilité des formulaires

4Mise en forme et mise en ligne

Rendre la page présentable et visible

  • Rattachement d'une feuille de style
  • Couleurs, polices et espacements
  • Affichage sur mobile et sur grand écran
  • Transfert des fichiers vers l'hébergement
  • Vérification des liens et du rendu final

Public concerné

Chargés de communication, webmasters débutants, assistants marketing et toute personne appelée à modifier des pages web.

Prérequis

Aucun prérequis

Dates et lieux

36 dates programmées entre novembre 2026 et décembre 2027. Les places sont confirmées par ordre d’arrivée des demandes.

novembre 2026

décembre 2026

janvier 2027

février 2027

mars 2027

avril 2027

mai 2027

juin 2027

septembre 2027

octobre 2027

novembre 2027

décembre 2027

Aucune de ces dates ne vous convient ? Nous ouvrons des sessions supplémentaires sur demande, et chaque programme peut être organisé pour votre seule équipe.

Informations pratiques

Avant la formation
Questionnaire de positionnement en ligne. Vos objectifs de progrès sont transmis au formateur, qui adapte les cas pratiques à votre contexte.
Méthodes pédagogiques
Apports théoriques, ateliers et cas pratiques. Support de cours numérique et fiches méthodes fournis.
Évaluation
QCM et mises en situation. Évaluation des acquis en début et en fin de parcours, évaluation à chaud et à froid à 60 jours.
Après la formation
1 an d'accès à l'espace e-learning. Auto-évaluation des compétences acquises et point de suivi à 30 jours avec votre formateur.
Modalités d’inscription
Inscription en ligne ou sur devis.
Délai d’accès
11 jours ouvrés après confirmation de l'inscription.
Accessibilité
Nos formations sont accessibles aux personnes en situation de handicap. Contactez notre équipe accessibilité pour définir ensemble une solution adaptée : contact@mpf-academy.ae
Dates de démarrage
Entrées permanentes : en plus des sessions programmées, cette formation peut démarrer sur demande.