Produire des documents pour le web

Web et HTML

Notes de cours

• Le web, c’est quoi et comment ça marche ?
  • Rappels sur Internet
  • Le World Wide Web : définition et principes de base
  • Les constituants principaux du web : HTTP, URL, HTML
• HTML : la base du web
  • Balisage et structure de documents
  • Les règles de HTML
  • Notions d’hypertexte
  • Notions d’accessibilité
  • Les éléments de structuration d’HTML5

Travaux pratiques

• TP 1 : Premières pages, validation

Validation et structuration des pages

Travaux pratiques

• TP 2 : Validation et Structuration HTML5

Pages web et mise en forme

Notes de cours

• Introduction à CSS
  • Propriétés de style
  • Règles CSS
  • Intérêt des feuilles de style
  • Cascade et héritage
  • Classes et identifiants
  • Groupes et combinaison de sélecteurs

Travaux pratiques

• TP 3 : Introduction à CSS

Mise en page CSS

Notes de cours

• Modèle de boîte CSS3
  • Visual formatting model de HTML/CSS
  • Propriétés de base des boîtes
  • Quelques propriétés CSS3
  • Alignement de contenu

Travaux pratiques

• TP 4 : Modèle de boite CSS

Mise en page CSS

Notes de cours

• Bases de la mise en page avec CSS
  • Propriété display
  • Positionnement absolu et relatif
  • Mise en page classique et moderne
• Images sur le web (HTML/CSS)
  • Formats d’image pour le web
  • L’élément img et quelques-uns de ses attributs
  • Propriétés de base des backgrounds en CSS
  • Remplacement d’images

Travaux pratiques

• TP 5 : Principes de la mise en page avec les grilles CSS
• TP 6 : Mise en page complète

Audio et vidéo sur le web

Travaux pratiques

• TP 7 : Audio et vidéo