Les bases des standards du Web

• Partie 1 - Les standards
  • Les standards du Web
  • De quoi parlent les standards ? De quoi s'agit'il ?
  • La structure idéale d'une page
• Partie 2 - (X)HTML
  • Qu'est-ce qu'un code valide ?
  • Comprendre les éléments et attributs
  • Les Doctypes (types de documents)
  • Le dilemme XHTML
• Partie 3 - Balisage sémantique
  • Qu'est-ce que le balisage sémantique ?
  • Baliser du contenu sans lui donner du sens
  • Baliser du contenu avec une mauvaise signification
  • Éléments HTML oubliés
  • Les niveaux de titres - le grand débat
• Partie 4 - L'accessibilité
  • Pourquoi se soucier de l'accessibilité ?
  • Des déficiences multiples
  • Dispositifs et logiciels
  • Les liens d'évitement
  • Les raccourcis clavier ("access keys")
  • Du code accessible en action
  • Construire un formulaire simple et accessible
  • Construire un tableau simple et accessible
• Partie 5 - Introduction à CSS
  • Pourquoi utiliser CSS pour séparer le contenu de la présentation ?
  • Quelques définitions
  • L'arbre du document
  • Qu'est-ce qu'une règle ou un ensemble de règles ?
  • Grouper les sélecteurs
  • Les raccourcis de règles
  • Les sélecteurs
  • L'héritage
  • La cascade
  • La spécificité
  • Un aperçu du positionnement CSS
• Partie 6 - Les flottements
  • Règles de base du flottement
  • Où est-ce que ça flotte ?
  • Descendre pour passer
  • La largeur est-elle obligatoire sur les flottants ?
  • Les éléments autour d'un flottant
  • Stopper les flottements
  • Les éléments flottants dans un conteneur
  • Faire flotter une image
  • Faire flotter plusieurs images à la bordure droite
  • Faire flotter un bloc <div> et une légende
  • Faire flotter une galerie de vignettes
  • Faire flotter des boutons "retour" et "suivant"
  • Faire flotter des listes en-ligne
  • Changer l'ordre de colonnes grâce aux flottements
• Partie 7 - Problèmes et bogues CSS
  • La fusion des marges
  • Piéger les marges extérieures (margin)
  • Internet Explorer et le modèle de boîte
  • Le bogue de la double marge
  • L'espace entre des éléments de liste sous Windows IE 5
  • La poussée de trois pixels

Autres versions de cette présentation (titre original : Basic webstandards workshop)

• Version originale en anglais par Russ Weakley.
• Traduction en allemand par Stefan Walter.

Copyright © Max Design 2005
Traduction en français par POUJOL-ROST Mathias et PELTIER Léo (relecture et correction), publiée en juin 2007, avec l'aimable autorisation de WEAKLEY Russ.