====== Formation à la création de site internet, SPIP avancé : 5 séances de 2 heures ======







===== Séance 1 et 2 : Mes premières page web =====

Contenu :

  - 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
  - Les bases de css2 : les attributs font-size, font-family, background, color, font-weight ; les classes de style, les boîtes, l'attribut id
  - Mises en page sans tableaux avec CSS 2 : les flottant

[[.:spip:xhtml et css]]





===== Séance 3 et 4 : Le fonctionnement de spip et les bases du langage =====



  * 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
  
[[asca:spip:les boucles de spip]]



===== Séance 5 : Développer son propre jeu de squelettes =====


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 : {{public:asca:squelette-minimaliste.zip|}}






====== Ressources ======

===== Sur le web =====

==== Sites officiels SPIP ====
  * 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.

==== Communauté SPIP ====
  * www.spip-contrib.net - Le site de référence de la communauté spip





==== Autres sites ====

  * 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
  * [[http://www.agroparistech.fr/mmip/mc/bazar/envoi.php?nom_fichier=aide-memoire-xhtml1.pdf|Aide mémoire très (trop ?) complet]] {{public:asca: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

===== Dans les librairies =====



==== Aux éditions Eyrolles ====

  * [[http://www.eyrolles.com/Informatique/Livre/premiers-pas-en-css-et-xhtml-9782212127249|Premiers pas en xhtml et css]]
  * [[http://www.eyrolles.com/Informatique/Livre/reussir-son-site-web-avec-xhtml-et-css-9782212124859|Réussir son site web avec xhtml et css]]
  * [[http://www.eyrolles.com/Informatique/Livre/memento-xhtml-9782212125412|Mémento xhtml]]
  * [[http://www.eyrolles.com/Informatique/Livre/memento-css-9782212125429|Mémento CSS]]
  * [[http://www.eyrolles.com/Informatique/Livre/css-2-pratique-du-design-web-9782212125061|CSS2 - Pratique du design web]]
  * [[http://www.eyrolles.com/Informatique/Livre/reussir-un-site-web-d-association-avec-des-outils-libres-9782212120004|Réussir un site web d'association]]
  * [[http://www.eyrolles.com/Informatique/Livre/spip-2-9782212125023|SPIP 2]]

==== Chez O'Reilly Media (en anglais uniquement) ====

  * [[http://oreilly.com/catalog/9780596101978|Head First HTML with CSS & XHTML]]