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:34] pielo |
public:asca:formation-spip-avancee [2011/05/31 18:36] (Version actuelle) pielo |
====== Formation à la création de site internet, SPIP avancé : 3 séances de 3 heures ====== | ====== Formation à la création de site internet, SPIP avancé : 5 séances de 2 heures ====== |
| |
| |
| |
| |
===== 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 |
| |
| |
===== Séance 2 : Le fonctionnement de spip et les bases du langage ===== | |
| ===== Séance 3 et 4 : Le fonctionnement de spip et les bases du langage ===== |
| |
| |
[[asca:spip:les boucles de spip]] | [[asca:spip:les boucles de spip]] |
| |
===== Séance 3 : Développer son propre jeu de squelettes ===== | |
| |
| ===== Séance 5 : Développer son propre jeu de squelettes ===== |
| |
| |
* 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|}} |
| |
| |
==== Communauté SPIP ==== | ==== Communauté SPIP ==== |
* www.spip-contrib.net - Le site de référence de la communauté spip | * www.spip-contrib.net - Le site de référence de la communauté spip |
| |
| |
| |
| |
| |
==== Autres sites ==== | ==== Autres sites ==== |
* 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 |
| * [[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 ===== | ===== 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]] |
* [[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]] |