L'essentiel du HTML5

Aborder cette formation

Testez gratuitement nos 1299 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Suivez cette vidéo d'introduction et de présentation pour connaître les points qui sont abordés dans cette formation.
05:43

Transcription

Bonjour et bienvenue dans cette formation sur les fondamentaux du HTML5. Tout d'abord je vous remercie de votre choix et j’espère que vous allez pouvoir trouver matière à pouvoir bien prendre en main HTML5 ou redécouvrir HTML5. Je vous propose pour travailler de manière plus progressive de commencer par définir ce qui est HTML5, de présenter donc le langage, de bien voir comment ce langage se distingue par rapport aux autres langages utilisés en interface client. On verra aussi les acteurs principaux, comme le W3C, le Whatwg ou toutes les communautés qui peuvent graviter autour de ce langage. On fera un rapide point sur l'historique et l'évolution du HTML, pour mieux comprendre pourquoi le HTML5 est aujourd'hui applicatif. Enfin on regardera son développement avec son aspect modulaire avec toutes les APIs, qui gravitent autour et qui vont permettre donc de rendre ce HTML encore plus et toujours applicatif et de manière continuelle. Pour pouvoir pallier la mise à jour et l'évolution d'un navigateur on fera un petit aparté sur l'utilisation de Shim et de Polyfill. Ensuite on se focalisera directement sur le langage en regardant comment on construit une page, comment HTML s'élabore notamment au travers et à l'utilisation des balises. On verra comment il faut travailler principalement la structure sans oublier de penser sémantique, donc d'éviter de faire du balisage intensif et inutile. En complément des balises nous explorerons l'ensemble des attributs et nous verrons en quoi ceux-ci peuvent être le grand secours et surtout notamment avec l'apparition de HTML5 et toute une nouvelle famille d'attributs. Au niveau de la structure justement on verra comment on peut choisir ces balises et ne pas utiliser des balises incongrues, et pas du tout appropriées, justement on verra aussi au travers de l'intégralité de ce chapitre qu'il existe toute une série de balises auxquelles on ne pense souvent pas et pourtant on les a sous la main. On verra que les balises sont qualifiées entre deux formes : des blocks et inline, pour mieux comprendre comment on les imbrique justement, soit dans un flux, soit de manière transparente. On verra les blocks principaux qui composent la page, et notamment on fera un petit apparté sur les entêtes, les pieds et les compléments. On repartira à zéro donc dans une granularité très fine, en partant sur l'exploration du texte et notamment les caractères et les entités HTML, on verra comment HTML les traite, comment il faut se prémunir pour éviter tout comportement qui ne serait pas souhaité, on verra les espaces, les tirés justement une notion de cadratins et voir qu'avec HTML on peut mettre en place des règles typographiques même si c'est pas quelque chose qui est fréquemment rencontré. On verra comment on peut mettre en emphase et en valeur du texte, et enfin on terminera sur quelques ébauches de structuration, comme les citations, les listes tout en pensant à mettre en place comme on l'avait vu depuis le début, structure et sémantique mais également hiérarchie. Le HTML sans lien ne serait pas le HTML, le web ne serait pas né, donc on approchera les liens et les ancres on verra tous les attributs de liens que l'on a à disposition et en quoi ils peuvent nous être utiles. On prendra le temps de bien décrire la manière de définir les chemins qu'ils soient absolus, relatifs, ou se référant à la balise base, on regardera ce niveau-là dans comment construire une arborescence HTML, qui se respecte et surtout, nommer les fichiers de façon à avoir une évolution pérenne. Et on terminera par les menus de navigation. Au niveau des données on a plusieurs manières de pouvoir les représenter, on avait vu précédemment les listes, on verra cette fois-ci des tableaux, et on ira assez loin dans les tableaux pour voir tout ce qu'on a comme possibilité. Et puis élément fondamental de l'interactivité utilisateur, les formulaires. On essaiera de comprendre comment fonctionne le formulaire, comment il s'envoie sur un serveur. On verra tous les champs et les valeurs que l'on a à disposition et tous les attributs nécessaires, pour nous permettre de rendre nos formulaires beaucoup plus applicatifs et adaptés aux appareils mobiles. Au niveau des médias on travaillera les images et les formats, on comprendra mieux quel format pour quelle situation, on verra comment travailler les images responsives, donc réactives en travaillant notamment avec le SRCset. Et puis on travaillera les diverses approches d'ntégration de l'image avec la balise image, IMG, ou la picture et les figures et voir en quoi celles-ci peuvent différer et nous apporter des solutions. On travaillera également l'audio et la vidéo avec les divers formats, et l'intégration du SVG, SVG interactif et donc grosse souplesse d'utilisation de ces médias. Coté méta-données on travaillera sur les quatre principaux formats rencontrés : les microformats, les microdatas, le RDFA Lite qui est le seul standard du web W3C, et puis JSON-LD, qui permet de pouvoir apporter des méta-données une fois que le HTML est bien terminé. Et enfin un petit chapitre dédié à l'accessibilité car on développe du HTML, il est très important de prendre en main l'accessibilité dès le début dès les premières balises. Donc on verra qui sont les acteurs de cet univers et puis on approchera donc les landmarks et les rôles les states et les properties, les états et les propriétés qu'on a à disposition pour pouvoir mieux définir nos éléments. On verra comment on va pouvoir rendre des éléments qui sont purement visuels perceptibles par soit des lecteurs d’écran, soit des personnes à déficience visuelle, et puis enfin on verra comment on va pouvoir aborder la mise en place de formulaires, de menus, bien sûr uniquement sur l'aspect HTML, mais cela nous permettra de pouvoir intégrer cette dimension dès le départ dès le premier codage de ma page. Voilà donc, un sommaire qui est assez complet j'espère qu'il pourra répondre à vos attentes et je vous invite sans plus tarder à passer au premier chapitre.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :29 juin 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !