Calendrier des 6 séances

1. Comprendre le fonctionnement d'un site internet et réaliser sa première page web
2. Réaliser un ensemble CSS/XHTML simple comprenant des liens
3. Intégrer des images, mettre en ligne des fichiers et administrer le contenu, faire des bordures
4. Réaliser des tableaux, placer et faire flotter des éléments
   Liens :
   • Initiation au positionnement CSS
   • Float, un positionnement ?
   • A Pixel Identity Crisis
5. Concevoir des menus, utiliser des effets CSS, introduction aux systèmes de gestion de contenu
   Lien : Créer des menus simples en CSS
6. Test, corrigé, dernières questions

Support de cours

Liens généraux

• alsacreations.com : site généraliste en français proposant notamment des tutoriels sur XHTML et CSS
• sur le site des tuteurs de l'ENS Ulm : bases de XHTML
• pages Wikipédia sur HTML (fr) et XHTML (en)
• Mozilla Thimble : éditeur et visualisation immédiate
• Validateurs (X)HTML et CSS

Pour aller plus loin

Webdesign

• Charte graphique et ergonomie | L'architecture de l'information | Ergonomie de la page d'accueil
• alistapart.com : site généraliste en anglais sur le webdesign
• deck.js : présentations en HTML (et JavaScript)

CSS

• Fichier CSS de base et tutoriels
• Introduction au positionnement CSS
• CSS tricks : utilisation avancée de CSS
• Répertoire de commandes (en anglais)

HTML5

• Apprenez à créer votre site web avec HTML5 et CSS3 / HTML5 : Nouveaux éléments
• HTML5ROCKS

Compatibilité

• Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers
• Screenfly : simuler différentes résolutions d'écran