> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation HTML5, initiation > Formations > Technologies numériques > Formation HTML5, initiation
Vous avez déjà un compte client ORSYS
Se connecter
Vous êtes nouveau chez ORSYS
Créer un compte
Vous ne souhaitez pas créer de compte
Poursuivre sans me connecter

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

Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients Moyenne des avis clients
4,4 / 5


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
Disponible en anglais, à la demande

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

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.


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.

Méthodes et moyens pédagogiques
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.

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.


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

Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller 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).

> Afficher plus d’avis clients


Horaires
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.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.

Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance
Dernières places
Session garantie