Nos domaines de formation :

Formation HTML5, initiation pratique
acquérir les bases de la création d'une page Web

4,6 / 5
Stage pratique
Training video offert
Durée : 1 jour
Réf : TML
Prix  2018 : 920 € H.T.
Pauses et déjeuners offerts
  • 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
Programme standard     Programme sur-mesure
Oui / Non

Vos coordonnées

Avis vérifiés
picto avis vérifiés
Anais L. 24/09/2018
3 / 5
je regrette de n'avoir pas été plus en détail dans le code

BRIS L. 24/09/2018
4 / 5
Bonne pédagogie par l'exemple.

Virginie P. 24/09/2018
4 / 5
Dommage que cette formation n'englobe pas le programme de la formation CSS. Dans le support, il manque le rendu des pages. Le formateur est très compétent et donne beaucoup d'informations et de sites en tant que supports. Une journée pour apprendre peut être un peu court pour une personne novice.

Anne T. 24/09/2018
5 / 5
Formation complète et beaucoup de notions abordées au cours de la journée mais la contrainte de temps (1 seule journée) ne permet pas de mettre en application plusieurs fois les notions abordées.

Nathalie B. 24/09/2018
5 / 5
tres complete

Leila H. 24/09/2018
5 / 5
Beaucoup de pratique, c'est très bien ! Par contre, séance un peu courte pour tout bien assimilé.

Victor D. 24/09/2018
5 / 5
Formateur très pédagogue avec très bonne méthode de formation .

Faouzia R. 24/09/2018
5 / 5
Explications très claires et formateur très à l'écoute

Sébastien C. 18/06/2018
3 / 5
Malheureusement ce stage s'adressait à des développeurs plus qu'à des initiés.

collette 18/06/2018
4 / 5
Formation très intéressante mais nécessitant quelques bases de code, pour ma part je n'avais aucune base et certains aspects deviennent incompréhensibles pour les novices.

DAVET G. 18/06/2018
5 / 5
Je suis très satisfait, mais je pense que le programme est un peu dense pour un réel débutant

Didier S. 24/11/2017
4 / 5
formateur agréable et à l'écoute. bon pédagogue. Support de cours détaillé

Laëtitia B. 24/11/2017
5 / 5
Le contenu est bien répartis sur une journée.

Franck V. 24/11/2017
5 / 5
RAS Parfaitement maîtrisé
Avis client 4,6 / 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.

Dates de sessions

Pour vous inscrire, cliquez sur la session qui vous intéresse.
[-]
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.