S'INSCRIRE
Formation HTML5, initiation
acquérir les bases de la création d'une page Web
- Programme
- Participants / Prérequis
- Intra / sur-mesure
-
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
Méthodes pédagogiques
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é.
» Participants
» Prérequis
| pascale v. 21/06/2019 |
5 / 5
|
| Robert N. 21/06/2019 |
5 / 5
|
| Matthieu T. 21/06/2019 |
5 / 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.
