> Formations > Technologies numériques > Technologies Web > Développement Front-End > 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 le programme Partager cette formation


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




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 :

Avis clients
4,4 / 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.
MADDY H.
13/09/24
5 / 5

très bonne formation. effectuer en continue le déroulé de la formation avec un exemple concret aide énormément à intégrer la notion abordée.
GERARD S.
13/09/24
5 / 5

Très bonne formation
FLORENT B.
13/09/24
4 / 5

Globalement satisfait par cette session. Les différents sujets abordés sont bien présentés, le cours est structuré. Cependant, je ressens un manque d’exercices pratiques en autonomie (pendant la formation ou après avec du contenu à rendre par exemple).




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