ORSYS formation
NOUS CONTACTER - +33 (0)1 49 07 73 73
NOUS CONTACTER - 📞 +33 (0)1 49 07 73 73    espace pro ESPACE PRO     inscription formation orsys S'INSCRIRE     drapeau francais   drapeau anglais
Nos domaines de formation :
Toutes nos formations Développement Front-End

Formation HTML5, initiation
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
Melanie D. 03/10/2019
5 / 5
Formateur à l'écoute et qui adapte sa formation aux réels problèmes de l'entreprise. Un contenu moderne, mis à jour très récemment et en lien avec nos besoins.

Vincent S. 03/10/2019
5 / 5
Très satisfait de la formation car beaucoup d'exercice pratique. Le support de cours n'a pas été transmis par notre entreprise (pas de la faute du formateur).

Sophie C. 03/10/2019
5 / 5
support de cours mitigé car nous n'avons pas eu de documentation en papier

LHOMME 03/10/2019
5 / 5
Parfaitement adapté à la demande, le formateur a en plus pris en compte notre réelle problématique avec des exemples qui se rapportent a notre environnement de travail

Maréva S. 20/09/2019
4 / 5
une formation sur 2 jours serait plus adaptée

Laurie D. 20/09/2019
5 / 5
Exercices pratiques intéressants

EDITH B. 09/09/2019
4 / 5
Support de cours non adressé par le service formation d'ag2r la mondiale au site où s'est déroulé la formation.

YGONIN C. 09/09/2019
4 / 5
nous n'avons pas reçu les supports de formations dans les temps

NICOLAS D. 09/09/2019
4 / 5
Contenu assez dense et complexe au vu du peu de connaissances sur le thème. Il aurait fallu 1 ou 2 journées de plus pour mieux appréhender le sujet. Nous n'avons pas eu les supports de formation à temps

DURAND A. 09/09/2019
4 / 5
Contenu dense mais interessant

LAETITIA G. 09/09/2019
5 / 5
Le support de formation ne nous est pas parvenu à temps, mais cela est lié à un problème d'acheminement interne à l'AG2R. Le formateur nous a donné le support en dématérialisé pour compenser. Très satisfaite de l'intervention du formateur. Merci à lui!

Tournet 09/09/2019
5 / 5
Supports de formation pas reçus dans les temps

Matthieu T. 21/06/2019
5 / 5
Très bonne intéractivité

christian C. 21/06/2019
5 / 5
intéressante, participative et très instructive

pascale v. 21/06/2019
5 / 5
Un peu plus de pratique

Robert N. 21/06/2019
5 / 5
Très bonne introduction. Donne l'envie de faire la formation CSS

CHANTAL F. 19/04/2019
5 / 5
Très intéressant en tous points

Océane L. 19/04/2019
5 / 5
Formateur très pédagogue, patient et à l'écoute

Lefebvre 25/03/2019
5 / 5
Le formateur a su s'adapter à nos besoins spécifiques

Pierre C. 25/03/2019
5 / 5
contenu très intéressant, formateur très pédagogue
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.
En poursuivant votre navigation, vous acceptez l’utilisation de cookies nous permettant de vous proposer des offres correspondant à vos centres d’intérêt.
En savoir plus sur l’usage des cookies…   ✖ Fermer
linkedin orsys
twitter orsys
it! orsys
instagram orsys
pinterest orsys
facebook orsys
youtube orsys