> formation Technologies numériques > formation Technologies Web > formation Développement Front-End > formation HTML5, initiation
Toutes nos formations Développement Front-End

Formation HTML5, initiation
acquérir les bases de la création d’une page Web certification AVIT® à distance en option

4,8 / 5
Stage pratique
Durée : 1 jour
Réf : TML
Prix  2021 : 890 € H.T.
Pauses et déjeuners offerts
Financements
CPF
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis vérifiés
Programme

Ce stage vous permettra d'acquérir les notions essentielles du langage HTML et de ses différentes versions : HTML, XHTML, HTML5. Vous apprendrez à structurer des documents au moyen des principales balises, à les valider et à les rendre accessibles.

Objectifs pédagogiques

  • Construire une structure de document HTML accessible et valide
  • Maîtriser les balises sémantiques
  • Créer un tableau
  • Créer la structure d'un formulaire simple
  • Comprendre l'importance de l'accessibilité au travers des référentiels AccessiWeb et WCAG

Exercice

Mise en oeuvre du langage HTML.

Méthodes pédagogiques

Pratique du langage HTML dans un éditeur en mode texte (notepad++), audit de codes en ligne et découverte d'outils et de référentiels.
PROGRAMME DE FORMATION

Présentation du langage HTML

  • Histoire de l'HTML.
  • Le XHTML et le HTML5.
  • Les trois types de balises : balises block, inline et métadonnées.
  • Le Doctype. Le mode quirks. La DTD.

Démonstration
Affichage du code source de pages HTML, XHTML, HTML5. Présentation du validateur WC3.

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.

Le <head>, 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 <body>, le corps d'un document HTML

  • Les balises block : <h>, <p>, <ul>, <li>, <div>, ...
  • Les balises inline : <a>, <img>, <span>, ...
  • Le lien, l'attribut " alt ".
  • Autres balises sémantiques : <blockquote>, <cite>, ...
  • Le commentaire HTML.

Exercice
Construction du corps du document avec plusieurs paragraphes, images, titres et une liste. Visualisation d'une page Web dans le cache d'un moteur de recherche (Google).

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 " colspan " et " rowspan ".
  • 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 ".
  • Les attributs " accesskey " et " tabindex ".

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 WCAG. Les outils d'audit.

Exercice
Audit d'une page Web à l'aide du service en ligne Wave et de l'extension Opquast.

Participants / Prérequis

» Participants

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

» Prérequis

Pratique courante d'Internet.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis vérifiés
picto avis vérifiés
LEBLANC V. 11/12/2020
4 / 5
Formation très intéressante, plus dense dans l'après-midi. Il serait nécessaire, pour ma part, de compléter avec une autre journée de formation.

Manon R. 11/12/2020
5 / 5
Pas assez de temps pour pratiquer tranquillement, surtout parce que la formation est à distance. Par préférer me concentrer sur la démo du formateur pour ne pas être perdue.

Arnaud B. 11/12/2020
5 / 5
Contenu clair et bonne pédagogie

Manon R. 11/12/2020
5 / 5
Formateur très agréable et clair. J'ai trouvé difficile de faire les exercices et écouter les explications en même temps sur un même écran.

Laura B. 27/07/2020
5 / 5
J'ai beaucoup apprécié que cette formation soit adaptée à l'utilisation que nous faisons du code HTML. Je n'avais jamais encore eu l'occasion de traiter ce genre d'informations et cela a été très clair, très organisé, on a prit le temps d'aller à notre rythme. C'était aussi plaisant que ça ne soit pas un cours magistral, mais au contraire, que l'on puisse interagi

Hugo S. 27/07/2020
5 / 5
Un échange fort instructif avec un formateur compétent sur son sujet.

Alicia 05/05/2020
5 / 5
Facile à comprendre et instructif. Contenu très riche et support de cours de qualité. Le contenu correspond bien à la formation attendue

PEYSSOU 05/05/2020
5 / 5
Formation interactive très bien menée et enrichissante. Merci à Claude.

Joannic T. 29/01/2020
5 / 5
Je suis agréablement surpris de cette formation et de ce contenu! Je ne pensais autant en apprendre.

Anaïs D. 29/01/2020
5 / 5
Première approche du sujet très enrichissante - Formateur très à l'écoute et qui s'adapte à notre niveau (débutant) - Formation bien préparée en amont, beaucoup de supports et astuces disponibles.
Avis client 4,8 / 5

Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.
Thème associé