PLAN DE COURS




28 heures - 4 jours
Certification TOSA Code à l’issue de la formation
Objectif
Maitriser les langages HTML et CSS pour produire et présenter des pages web.
Prérequis
Une bonne connaissance de l’Internet est impérative. La maitrise d’un logiciel de création de site ou d’un CMS est un plus.


Contenu pédagogique
Principes de base de l’HTML
  • Balises, attributs, valeurs
  • Structure de base d’un document HTML
Principales propriétés et valeurs associées
  • Les propriétés de couleur
  • Les propriétés d’adresses
  • Les propriétés de taille
Balises de mise en forme de texte
  • HTML, texte et caractères spéciaux
  • Les balises P, Hx, br et associées
  • Mises en forme physique et logique
  • Listes à puces et listes numérotées
  • Autres éléments de texte
Intégration et mise en forme d’images
  • Le marqueur IMG et ses propriétés
  • Notions de taille, d’habillage et de mise en forme d’images
  • Notions avancées de gestion d’images
Liens hypertexte
  • Différents types de liens hypertexte existants
  • Liens internes/externes au site
  • Liens vers une adresse email
  • Liens vers un autre emplacement de la même page (signet)
  • Autres liens
Principes de base de CSS
  • Intégration de CSS dans l’HTML et balises HTML dépréciées
  • Appel à une feuille de styles externe
  • Utilisation de multiples feuilles de styles dans un document HTML
  • Attributs de style des balises HTML
Sélecteurs CSS
  • Sélecteurs de balises, de classes, d’identifiants
  • Notions de pseudos-classes et de pseudos-éléments
  • Regroupement de plusieurs sélecteurs
  • Liaison entre sélecteurs CSS et l’arborescence d’un document HTML
Attributs de mise en forme
  • Attributs de typographie et leurs unités de mesure
  • Attributs de couleurs et leurs notations
  • Attributs d’espacement et d’interlignage
  • Attributs de bordures, arrière-plan et images
Attributs de positionnement
  • Notion de flux de document HTML
  • Notion de bloc de contenu
  • Notion d’arborescence d’un document HTML (évocation du DOM)
  • Méthodes de positionnement dans le flux, relatif et absolu
  • Positionnement flottant
  • Notion de profondeur
  • Absence de rendu d’un élément
Mise en pratique