Outils pour utilisateurs

Outils du site


public:asca:formation-spip-avancee

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
public:asca:formation-spip-avancee [2010/04/27 11:31]
pielo
public:asca:formation-spip-avancee [2011/05/31 18:36] (Version actuelle)
pielo
Ligne 1: Ligne 1:
-====== Formation à la création de site internet, SPIP avancé : séances de heures ======+====== Formation à la création de site internet, SPIP avancé : séances de heures ======
  
  
Ligne 5: Ligne 5:
  
  
-===== Séance 1 : Mes premières page web =====+ 
 + 
 +===== Séance 1 et 2 : Mes premières page web =====
  
 Contenu : Contenu :
  
-  - L'hypertexte avec xhtml : les balises DOCTYPE, html, head, body, title, h1, h2, h..., p, i, b, strong, em, a, img, br, ul, ol, li, sup, sub, del, code, cite, span, div+  - 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   - 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   - Mises en page sans tableaux avec CSS 2 : les flottant
Ligne 18: Ligne 20:
  
  
-===== Séance : Le fonctionnement de spip et les bases du langage =====+ 
 +===== Séance 3 et 4 : Le fonctionnement de spip et les bases du langage =====
  
  
Ligne 27: Ligne 30:
 [[asca:spip:les boucles de spip]] [[asca:spip:les boucles de spip]]
  
-===== Séance : Développer son propre jeu de squelettes =====+ 
 + 
 +===== Séance : Développer son propre jeu de squelettes =====
  
  
Ligne 34: Ligne 39:
 * 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 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.   * 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|}}
  
  
Ligne 42: Ligne 47:
  
 ====== Ressources ====== ====== Ressources ======
 +
 ===== Sur le web ===== ===== 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.siteduzero.com/ - Le site du zéro : des tutoriels xhtml et css sous licence creative commons
Ligne 48: Ligne 70:
   * http://openweb.eu.org/ - Les standards css libre   * http://openweb.eu.org/ - Les standards css libre
   * http://www.csszengarden.com/tr/francais/ - Une bibliothèque de mise en page   * http://www.csszengarden.com/tr/francais/ - Une bibliothèque de mise en page
-  * www.spip.net Le site officiel de spip +  * [[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.spip.net/fr_article879.html - Mon premier squelette spip +  * http://www.lesliefranke.com/files/reference/csscheatsheet.html - Mémento CSS (en anglais) 
-  * www.spip-contrib.net - Le site de référence de la communauté spip +  * http://onfaitduweb.com/programmation/la-theorie-des-floats/ : Un très bon tutoriel sur les floats..
-  * http://plugins.spip.net/ - Le site qui référence (presque) tous les plugins disponibles pour SPIP+  * http://www.daaq.net/old/xhtml/index.php?page=xhtml+table+attributes&parent=xhtml+tables Tout sur les tableaux et leur compatibilité avec xhtml
-  * http://programmer.spip.org Le site pour aller plus loin dans la connaissance du langage de spip+
  
 ===== Dans les librairies ===== ===== Dans les librairies =====
 +
  
  
 ==== Aux éditions Eyrolles ==== ==== 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/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/css-2-pratique-du-design-web-9782212125061|CSS2 - Pratique du design web]]
Ligne 64: Ligne 89:
   * [[http://www.eyrolles.com/Informatique/Livre/spip-2-9782212125023|SPIP 2]]   * [[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]]
public/asca/formation-spip-avancee.1272360716.txt.gz · Dernière modification: 2010/04/27 11:31 de pielo