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  2019 : 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

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
Mirella M. 23/11/2018
5 / 5
Formation répondant à mes attentes. Bon formateur. Satisfaite

David I. 23/11/2018
5 / 5
Globalement très satisfait

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

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.

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

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

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 .

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
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.

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[-]
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.