HTML Initiation

Réf. : HTMLINIT

Public concerné : Webmaster ou collaborateur non informaticien ayant à gérer des pages web

Objectifs : Créer des pages HTML simples, corriger des pages existantes en intervenant directement dans le code

Prérequis : Pratique courante d'Internet

Durée : 3 jours (21 heures) en présentiel Prix : 750,00 € HT

ou 3 jours (18 heures) en classe virtuelle synchrone Prix : 600,00 € HT « connexion internet et ordinateur requis »

Le programme HTML Initiation

Structure de base d'une page HTML
Le doctype. Les éléments obligatoires dans le head et le body. Les titres h1 à h6. Apprendre à organiser la page avant de commencer à coder. Notions de balises et d'attributs. Découverte des balises les plus courantes du HTML5. L'ajout de commentaires dans le code. Notion d'indentation.
Les liens hypertextes
Lien vers un autre site. Lien vers un PDF. Lien avec ouverture d'une nouvelle fenêtre. Lien à l'intérieur d'un site (arborescence). Lien à l'intérieur d'une page (ancre). La différence entre lien relatif et lien absolu.
Le texte et les images
Formatage du texte (gras, italique, etc). Les caractères spéciaux (entités HTML). La différence entre les formats d'images GIF, JPG et PNG. Optimiser une image pour le web. Ajouter un texte alternatif.
Les listes à puces
Les listes non ordonnées et ordonnées. Application des listes : galerie d'images, menu de site internet…
Les tableaux
Le titre. Les cellules normales et les cellules d'en-tête. Les bordures. La fusion de lignes ou de colonnes.
Les formulaires
Les différents types de champs. Les étiquettes. Regrouper des champs dans un fieldset et associer une légende. Le bouton Envoyer : comment récupérer et traiter les données qui ont été envoyées ?
Les éléments multimédia
Les éléments audio. Les différents formats de vidéos. Optimiser une vidéo. Utiliser efficacement la balise video. Savoir insérer un script dans une page HTML (vidéo Youtube, animation JavaScript…).
Les bonnes pratiques du développement web
L'accessibilité (attribut title etc). La validité du code HTML (W3C). La compatibilité avec les anciens navigateurs. La check-list du développeur pour le référencement naturel.
Publier son travail
Les notions de client/serveur. Les hébergements. Les noms de domaines. Savoir utiliser un client FTP. Ajouter une favicon. Créer un sitemap. Le fichier robots.txt. Les outils pour suivre et gérer son site au quotidien : la Search Console, Google Analytics…