Installer SPIP et le configurer
- Créer au moins deux rubriques et deux articles par rubriques pour avoir du contenu pour les essais, assurez-vous de mettre du contenu dans chacune des cases de l’article
Quelques nouveautés de la version 1.8.1
Qu’est-ce qu’un squelette ?
Quels sont les fichiers que l’on doit créer ou modifier ?
- Des couples inséparables .php3 / .html
- sommaire.html
- rubrique.html
- article.html
- breve.html
- recherche.html
Où doit-on mettre les fichiers du squelette (pas dans le placard) ?
Un premier tutoriel
La notion de boucle plus en détails
- la syntaxe des boucles (voir le document synthèse de M. Barboteu, point 2)
- boucle simple
- boucle imbriquée
- boucle récursive
- balises (débutes par un # et sont en majuscules)
- filtres (entre accolades, séparés par des | si nécessaire)
- Importance et usage des parenthèses et des crochets
- Une liste de variables (par exemple id_rubrique !==^(8|23)$ n’affichera pas les rubriques 8 et 23)
Un exemple à faire ensemble : afficher tous les éléments d’un article (sans se soucier de la mise en page pour le moment), tout un défi !
- Le logo de l’article
- Sur-titre
- Titre (en majuscules)
- sous-titre
- date
- auteurs
- chapeau
- texte
- note de bas de page
- PS
- documents joints
- forum de l’article (assez complexe !)
Deuxième exemple, le plan du site (boucles imbriquées et récursives - Rubrique)
Le html et le css dans les squelettes
- Où mettre le code html dans les boucles
L’appel d’une feuille de style
Une première feuille de style :
- définir l’affichage des caractères
- définir le comportement des liens hypertexte
Ajout à la première feuille de style
- définir une boîte relative pour afficher le texte principal dans un encadré avec un fond de couleur
- définir une boîte flottante pour afficher le logo à droite
Quelques références :
La caverne aux boucles
css de base
Tout sur le CSS
Les couleurs html en hexadécimal
Autre liste de codes pour les couleurs en html
SPIP pour les nuls
Boites en CSS