Formations et ressources pour les TICE - IUFM Aix-Marseille

Pré-requis : les langages HTML et CSS

Avant de commencer à mettre "les mains dans le cambouis" des fichiers du squelette de SPIP, il est utile (indispensable ?) d’avoir un certain nombre de notions en matière d’organisation des pages HTML et des fichiers de style (CSS) qui leur sont associées.

Cours d’initiation
 Les bases du langage HTML
 les bases de l’utilisation du langage CSS
 Un cours avancé sur les CSS

Références des langages

 Référence du langage HTML (toutes les balises et attributs)
 Référence du langage CSS (toutes les propriétés et leurs valeurs possibles)

Générateurs et modèles
 Une interface graphique pour générer du CSS
 Un générateur pour fichier HTML de base
 Un ensemble de gabarits de mise en forme pour pages HTML (1, 2 ou 3 colonnes) : HTML + CSS

Le langage SPIP pour les squelettes

Notions de départ

 Un tutoriel complet pour apprendre à créer des squelettes
 Les variantes de squelettes
 Utiliser des fichiers inclus
 utiliser les CSS avec SPIP

Références du langage SPIP

 Ecriture des squelettes : documentation complète
 Référence du langage SPIP

Spécificités du squelette académique

• Pour travailler sur les squelettes de l’académie (cf plugin academie_aix) , il est possible d’utiliser des copies modifiées des fichiers "officiels" du plugin (dossier /plugins/academie_aix/squelettes) dans le dossier /squelettes de SPIP mais cela nécessite une modification du fichier /plugins/academie_aix/academie_aix_fonctions.php  : la ligne
  $GLOBALS['dossier_squelettes'] ='plugins/academie_aix/squelettes';
  doit être modifiée en :
  $GLOBALS['dossier_squelettes'] ='squelettes:plugins/academie_aix/squelettes';
  de cette manière on retrouve le fonctionnement "de base" de SPIP qui autorise la "surcharge" (le remplacement) des fichiers des plugins par ceux de même nom placés dans le dossier /squelettes
  NB : bien évidemment (!) cette modification ne sera pas réalisable sur le SPIP en ligne mais elle permet de travailler sur votre version locale ("bac à sable") pour la mise au point de modifications par la suite soumises aux services en ligne pour implantation "réelle"…

Travailler sur les squelettes : quelques outils

 Editeurs de texte évolués : PSPad ou TsWebEditor (plus spécifiquement orienté HTML)
 Une extensions de Firefox pour faciliter le travail sur les pages HTML, les feuilles de style CSS et les scripts Javascript : Firebug
 Logiciel de FTP : FilleZilla
 SPIP « portable » Académie Aix pour travailler sur les squelettes : un SPIP version 1.9.2 avec du contenu pour pouvoir mettre au point des squelettes. Prêt à l’emploi sous Windows : voir [admin] Applications web "portables" : testez en local et sans stress les outils de votre extranet pour plus de précisions pour sa mise en route.
 Le SPIP 1.9.2 Académie Aix pour travailler sur les squelettes en version sauvegarde SPIP + /IMG + /plugins pour ceux qui travaillent sous Linux ou MacOS : archive zip à décompresser (voir [webmestre] Réaliser une copie locale d’un SPIP distant pour plus de détails sur la méthode d’intégration dans un SPIP existant).