> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation HTML5, initiation > Formations > Technologies numériques > Formation HTML5, initiation

Formation : HTML5, initiation

acquérir les bases de la création d’une page Web

HTML5, initiation

acquérir les bases de la création d’une page Web
Télécharger au format pdf Partager cette formation par e-mail 2


Ce stage vous formera aux fondamentaux du langage HTML et de ses versions : HTML, XHTML, HTML5. Vous apprendrez à structurer des documents au moyen des principales balises, à les valider et à les rendre accessibles.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf. TML
Prix : 850 € H.T.
  1j - 7h00
Pauses-café et
déjeuners offerts




Ce stage vous formera aux fondamentaux du langage HTML et de ses versions : HTML, XHTML, HTML5. Vous apprendrez à structurer des documents au moyen des principales balises, à les valider et à les rendre accessibles.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • Construire une structure de document HTML5 accessible et valide
  • Maîtriser les balises sémantiques
  • Créer la structure d'une page Web avec navigation
  • Créer la structure d'un formulaire simple
  • Comprendre l'importance de l'accessibilité au travers des référentiels AccessiWeb et WCAG

Public concerné
Toutes les personnes désirant s'initier aux fondamentaux de la création de pages Web.

Prérequis
Pratique courante d'Internet.
Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en faisant  ce test.

Programme de la formation

Présentation du langage HTML5

  • Rappels sur les bases du Web.
  • Histoire de l'HTML jusqu'à HTML5.
  • Les trois types fondamentaux : Eléments, balises et attributs HTML.
  • Le Doctype.
Démonstration
Affichage du code source de pages HTML5. Présentation du validateur W3C.

La structure d'un document HTML

  • Le <head>. Le <body>.
  • Les balises sémantiques et génériques.
  • Les attributs.
Exercice
Découverte de la structure type d'un document HTML et des balises qui le constituent. Construction de la structure de base d'un document.

L'en-tête d'un document HTML

  • La balise <title>.
  • Les <meta> " description " et " http-equiv ".
  • Les balises <link>, <script> et <style>.
  • L'encodage. Le type mime.
Exercice
Construction du <head> du document. Aperçu du <title> et du <méta> ", description d'une page HTML dans une page de résultat d'un moteur de recherche (Google).

Le corps d'un document HTML

  • Les balises sémantiques : <header>,<footer>,<main>,<section>,<nav>,<article>
  • Les balises block : <h>,<p>,<ul>,<li>,<div>...
  • Les balises inline : <a>,<img>,<span>...
  • Le lien, l'attribut "alt".
  • Autres balises sémantiques : <blockquotes>,<cite>...
  • Le commentaire HTML.
Exercice
Structuration d'une page Web standard.

L'affichage de données tabulaires

  • La balise <table>.
  • Les attributs " height ", " width " et " border ".
  • Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>.
  • Les attributs " scope " et " summary ".
Exercice
Réalisation d'une page avec un tableau simple à partir du modèle de page déjà constitué.

Les principales balises de formulaires

  • La balise <form>.
  • Les attributs " method " et " action ".
  • Les balises <label> et <input>.
  • Les attributs " name " et " id ".
Exercice
Réalisation d'un formulaire simple à partir du modèle de page déjà constitué.

L'accessibilité numérique

  • Définition de l'accessibilité.
  • Le cadre légal. Le référentiel AccessiWeb.
  • Les Web Content Accessibility Guidelines(WCAG). Les outils d'audit.
Exercice
Audit d'une page Web à l'aide du service en ligne Wave et de l'extension Opquast.


Modalités pratiques
Exercice
Mise en oeuvre du langage HTML5.
Méthodes pédagogiques;
Pratique du langage HTML5, éditeur de code (IDE) et découverte d'outils et de référentiels.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Parcours certifiants associés
Pour aller plus loin et renforcer votre employabilité, découvrez les parcours certifiants qui contiennent cette formation :

Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.

Avis clients
4,6 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
MARIELLE D.
22/03/24
4 / 5

Formation intéressante - Très bonne pédagogie. Points négatifs : problèmes techniques / clavier qui n’ont pas permis d’effectuer correctement les exercices
JÉRÔME G.
22/03/24
5 / 5

Les exercices et les notions sont bien expliquées. Une grande partie du temps est consacré aux exercices ce qui permet de se familiariser directement.
SEVERINE W.
22/03/24
5 / 5

Très bonne animation et support de cours. Un peu rapide sur la partie formulaire sinon parfait.




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance