Outils pour utilisateurs

Outils du site


public:asca:formation-spip-asca

Différences

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

Lien vers cette vue comparative

public:asca:formation-spip-asca [2009/05/11 21:42]
pielo
public:asca:formation-spip-asca [2011/05/03 14:21] (Version actuelle)
pielo
Ligne 1: Ligne 1:
 {{ public:​asca:​spip.jpg |}} {{ public:​asca:​spip.jpg |}}
-====== Formation SPIP - 6 séances de 1h30 ======+ 
 +====== Formation ​création de site internet avec SPIP  - 6 séances de 1h30 ====== 
 + 
 + 
  
  
Ligne 10: Ligne 14:
 Contenu : Contenu :
  
-  * 20' Prise de contacte, tour de table : Que savez-vous faire ? Quelles sont vos ambitions ?+  * 20' Prise de contact, tour de table : Que savez-vous faire ? Quelles sont vos ambitions ?
   ​   ​
   * 35' Architecture d'​internet : internet, IP, nom de domaine, client-serveur,​ navigateur, html, css, javascript (+ajax), serveur web, php, mysql, site   * 35' Architecture d'​internet : internet, IP, nom de domaine, client-serveur,​ navigateur, html, css, javascript (+ajax), serveur web, php, mysql, site
  
-  * 35' Réservation d'un hébergement chez un hébergeur payant (www.ovh.fr) ou utilisation d'un environnement de test+  * 35' Réservation d'un hébergement chez un hébergeur ​gratuit (free.fr), ​payant (www.ovh.fr) ou utilisation d'un environnement de test
  
 [[.:​spip:​séance1]] [[.:​spip:​séance1]]
  
-Exercices : 
-  * Testez votre accès ftp à votre hébergement. 
  
  
Ligne 30: Ligne 32:
 [[.:​spip:​seance2]] [[.:​spip:​seance2]]
  
-Exercice ​: Détailler la démarche à suivre pour installer SPIP sur un hébergement.+Exercices ​: 
 +  * Testez votre accès ftp à votre hébergement. 
 +  * Détailler la démarche à suivre pour installer SPIP sur un hébergement. 
  
  
Ligne 37: Ligne 42:
   * Découverte de l'​interface privée : création de rubrique, d'​articles,​ de brèves, de mots clés ; système de cache   * Découverte de l'​interface privée : création de rubrique, d'​articles,​ de brèves, de mots clés ; système de cache
  
-[[.:spip:seance4]]+[[.:spip:seance3]] 
  
  
-===== Séance 4 : Installer des squelettes SPIP ===== 
  
-  * Installer d'​autres squelettes SPIP, exemple à télécharger : {{public:​asca:​minigrispip.zip|Minigrispip}},​ [[http://​www.multi-saisons.art-logic.info/​|multi-saisons]] ou [[http://​www.abcnouvellesduweb.com/​spip.php?​rubrique7|ABC-SPIP]] 
  
-[[.:​spip:​seance4]] 
  
  
-===== Séance ​: Installer des extensions de SPIP =====+===== Séance ​: Installer ​des squelettes et des extensions de SPIP =====
  
 +  * Installer d'​autres squelettes SPIP, exemple à télécharger : [[http://​www.sarka-spip.net/​|Sarkaspip]],​ [[http://​www.spip-contrib.net/​The-Morning-After|The Morning After (blog)]], [[http://​www.spip-contrib.net/​Squelette-Multi-Saisons|multi-saisons]] ou [[http://​www.abcnouvellesduweb.com/​spip.php?​rubrique7|ABC-SPIP]]
   * Les principales extensions et la façon de les installer   * Les principales extensions et la façon de les installer
  
-[[.:spip:seance5]]+[[.:spip:seance4]]
  
  
  
-===== Séance 6 : Les bases du langage de SPIP ===== 
  
-  * Les bases du langage de SPIP : les squelettes sommaire, article, rubrique, ..., les boucles, les critères, les balises 
  
-[[.:spip:​seance5]]+===== Séance 5 Développer votre projet Séance 1 =====
  
-Exercices : +  ​Atelier ​de personnalisation de votre projet ​de site
- +
-  ​Faire un squelette sommaire.html qui affiche au hasard le texte de 2 articles du site +
- +
- +
-====== SPIP Avancé ====== +
- +
- +
- +
-===== Séance 1 : Mes premières page web ===== +
- +
- +
-Contenu : +
- +
-  * L'​hypertexte avec xhtml : les balises html, head, body, title, h1, h2, h..., a, img, br +
- +
-[[.:​spip:​seance7]] +
- +
-Exercices : +
- +
-  * Écrire une page en xhtml 1.0 avec le titre "SPIP 2.0 c'est pour bientôt"​ et qui affiche un titre de niveau 1, un lien vers un site externe, une image png +
- +
- +
- +
-===== Séance 2 : Mises en page sans tableaux avec xhtml 1.0 et CSS 2 ===== +
- +
-  * 20' Correction des exercices +
- +
-  * 70' l'​hypertexte avec xhtml 1.0 et CSS 2: les balises ul, li, style, meta ; les attributs font-size, font-family,​ background, color, font-weight ; les classes de style, les boîtes, les flottant, l'​attribut id+
  
 [[.:​spip:​seance6]] [[.:​spip:​seance6]]
  
-Exercices ​:+===== Séance 6 Développer votre projet Séance 2=====
  
-  * Créer une page en xhtml 1.0 transitional et un fichier CSS attaché comportant une classe, en utilisant toutes les balises déjà vues. +  * Atelier de personnalisation de votre projet ​de site
-   +
-===== Pour aller plus loin ===== +
- +
-==== Syntaxe complète du langage ​de SPIP ==== +
- +
-  * 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 +
- +
-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. 
  
  
public/asca/formation-spip-asca.1242070937.txt.gz · Dernière modification: 2009/05/21 20:52 (modification externe)