HTML - Initiation

Pour vous inscrire, cliquez ici

Durée

6 jours – 2h/soir

Durée totale de la formation

12 heures

Objectifs de la formation

Vous former sur :

  • les notions les plus répandues et les plus utiles du langage HTML
  • les meilleures pratiques d’écriture.

L’objectif étant de transmettre une écriture contemporaine du code, valable aujourd’hui et dans l’avenir.

Public concerné

Ce module est une base indispensable aux futurs développeurs web, webmasters, intégrateurs web et web designers. Mais également tous ceux qui sont amenés à produire ou à modifier du contenu web : bloggers, journalistes, etc.

Pré requis

Être à l’aise avec l’outil informatique (manipulation de la souris, sauvegarde de fichier, création de dossiers, extension de fichiers, navigation dans l’arborescence des dossiers).

Programme

html 4, xhtml 1 ou html5 ?

  • Les balises abordées dans ce cours sont issues de la version 4 du langage et toujours valides aujourd’hui.
  • La syntaxe de balisage ainsi que le principe de la séparation du fond et de la forme introduit par xhtml 1 (seul le “fond” sera donc abordé ici, pour la mise en forme d’une page web, il faut faire appel au langage CSS, abordé dans la formation CSS — Initiation).
  • Toutes les balises et attributs dépréciés par la recommandation XHTML 1.0 et rendus obsolètes par la prochaine recommandation HTML5 ne seront pas abordés.
  • Les améliorations apportées par HTML5 sur ces balises seront abordées.

Un approfondissement et une découverte des balises non étudiées dans ce cours se fera au sein d’une formation HTML – avancé.

Notions abordées

  • Définition d’un langage de balisage.
  • Historique du langage.
  • Trousse à outil
    • Généralités sur l’utilisation d’un éditeur de texte.
    • Généralités sur l’utilisation d’un navigateur.
  • Description de la syntaxe.
  • Structure de base d’un document HTML.
  • Éléments pour structurer le texte d’une page : titres, paragraphes, listes, emphases, …
  • Notion de Flow content et phrasing content.
  • Balises de structure non sémantique.
  • Commenter et indenter son code.
  • Notions de liens absolus et relatifs.
  • Insertion d’images
    • Extensions d’images autorisées.
    • Taille et poids des images
  • Liens et ancres.
    • Création d’une navigation interne et externe.
  • Tableaux de données
  • Formulaires

Chaque séance est composée d’un cours théorique et d’un TD ou d’un TP. La dernière séance sera consacrée à un TP reprenant toutes les notions abordées lors de cette formation.