Contenu :

1. L'hypertexte avec xhtml : les balises DOCTYPE, html, head, body, title, h1, h2, h…, p, i, strong, em, a, img, br, ul, ol, li, sup, sub, del, code, cite, span, div
2. Les bases de css2 : les attributs font-size, font-family, background, color, font-weight ; les classes de style, les boîtes, l'attribut id
3. Mises en page sans tableaux avec CSS 2 : les flottant

Formation xhtml et css

• Toute la documentation est disponible sur le site www.spip.net
• Le langage SPIP : La syntaxe complète des boucles, les traitements conditionnelles, les filtres des balises, la boucle ARTICLE en détail, la Balise INCLURE

Les boucles de spip

Exercices :

* Créer un squelette rubrique.html qui affiche le texte de l'article le plus récent de la rubrique et qui affiche les titres des autres articles de la rubrique s'il y en a sinon qui affiche le texte “pas d'autres articles”

• Créer un squelette article.html qui inclue deux autres squelettes avec et sans passage de paramètre.
• Exemple de squelette minimaliste avec menu déroulant : squelette-minimaliste.zip

• www.spip.net - Le site officiel de spip
  • http://www.spip.net/fr_article879.html - Mon premier squelette spip
• http://programmer.spip.org - Le site pour aller plus loin dans la connaissance du langage de spip
• http://forum.spip.org - Forum d'entraide
• http://plugins.spip.net/ - Le site qui référence (presque) tous les plugins disponibles pour SPIP.

• www.spip-contrib.net - Le site de référence de la communauté spip

• www.siteduzero.com/ - Le site du zéro : des tutoriels xhtml et css sous licence creative commons
• www.alsacreations.com - Des tutoriels css de qualité
• http://openweb.eu.org/ - Les standards css libre
• http://www.csszengarden.com/tr/francais/ - Une bibliothèque de mise en page
• Aide mémoire très (trop ?) complet aide-memoire-xhtml1.pdf
• http://www.lesliefranke.com/files/reference/csscheatsheet.html - Mémento CSS (en anglais)
• http://onfaitduweb.com/programmation/la-theorie-des-floats/ : Un très bon tutoriel sur les floats…
• http://www.daaq.net/old/xhtml/index.php?page=xhtml+table+attributes&parent=xhtml+tables - Tout sur les tableaux et leur compatibilité avec xhtml

• Premiers pas en xhtml et css
• Réussir son site web avec xhtml et css
• Mémento xhtml
• Mémento CSS
• CSS2 - Pratique du design web
• Réussir un site web d'association
• SPIP 2

• Head First HTML with CSS & XHTML