Créer un site avec SPIP - Partie 1

mardi 14 juin 2005.
 
Introduction, installation, l’espace privé

Introduction

Vous en avez assez de mettre à jour les pages HTML statiques de vos pages perso ?
Vous souhaitez développer un site Web dynamique sans avoir à maîtriser la programmation PHP ?

SPIP est fait pour vous.

Qu’est-ce que SPIP ?

C’est un système de publication libre et gratuit sous licence GPL, développé à l’origine par le minirézo pour la gestion du site uZine.

Quelles sont les fonctionnalités de SPIP ?

-  Gestion d’un fil d’actualité automatique
-  Gestion de brèves
-  Gestion de sites Web référencés
-  Moteur de recherche
-  Plan du site
-  Mots-clés
-  Forums attachés aux articles
-  Profils d’utilisateurs (administrateur global, administrateur de secteur, rédacteur)
-  Rédaction collaborative
-  Gestion de workflow (statuts de publication des articles)
-  Statistiques
-  Sauvegarde / Restauration
-  Séparation totale entre les données et la mise en forme

Comment fonctionne SPIP ?

-  La structure du site et les données sont stockées dans une base de données MySQL.
-  Des fichiers PHP permettent de lire et d’écrire dans cette base de données.
-  Des pages HTML « modèles » contiennent des variables qui seront remplacées par des données que les fichiers PHP lisent dans la base MySQL.
-  Des fichiers CSS gèrent l’apparence du site (couleur, polices, etc.).

L’administration du site ne demande aucun pré-requis : la gestion de la base de données est transparente pour l’utilisateur, il suffit de savoir utiliser un navigateur Web.

Le travail sur le design du site demande de connaître un minimum les langages HTML et CSS, mais ce n’est pas très difficile.

Le site référence de SPIP : www.spip.net/fr

Le site de référence sur les langages HTML et CSS : www.w3.org

Pré-requis

-  Un ordinateur personnel
-  Une connexion à l’Internet
-  Un navigateur (Firefox)
-  Un client FTP (FileZilla)
-  Un éditeur HTML (SC HTML)
-  Du temps libre

Etape 1 : installer SPIP

Il est tout à fait possible d’installer SPIP sur un de vos serveurs ou chez votre hébergeur et de commencer à travailler. Toutefois, pour pouvoir construire et tester son site en toute quiétude il est préférable de l’installer d’abord localement sur sa machine, puis de le mettre en ligne.

Sous Windows, EasyPHP va nous permettre d’installer tous les composants nécessaires en une seule manipulation :

-  le serveur Web,
-  la base de données,
-  les outils de gestion.

Installer EasyPHP

-  Télécharger la dernière version d’EasyPHP
-  Double cliquer sur le fichier exécutable easyphp_xxx.setup
-  Choisir le répertoire de destination et cliquer sur le bouton « Suivant » jusqu’à l’installation complète
-  Un raccourci vers EasyPHP est créé dans le répertoire « Démarrer/Programmes/EasyPHP »
-  Lancer EasyPHP : une icône se place dans la barre des tâches à coté de l’horloge
-  Lancer votre navigateur préféré et saisissez l’adresse suivante : http://localhost/ ou http://127.0.0.1/
-  Vous devriez accéder à la page d’accueil de votre serveur Web local

Installer SPIP

-  Télécharger la dernière version de SPIP

Consulter l’article Installer SPIP en local sur le site SPIP-Contrib.

Une fois installé [1], l’arborescence de SPIP ressemble à ceci [2] :

Détaillons les dossiers :

/spip/ pages PHP, fichiers CSS
/spip/CACHE/ cache des pages HTML calculées [3]
/spip/dist/ pages HTML modèles
/spip/ecrire/ administration du site
/spip/formulaires/ pages HTML des formulaires
/spip/IMG/ documents liés aux articles (images, PDF, .doc, .xls, .ppt, etc.)
/SPIP-v1-8/oo/ accessibilité du site en mode texte

Etape 2 : l’espace privé

Pour accéder à la partie privée (interface d’administration du site), saisissez l’adresse suivante dans votre navigateur : http://localhost/nom du dossier ou spip est installé/ecrire (par exemple : http://localhost/spip/ecrire->http://localhost/spip/ecrire).

Saisissez votre login et votre mot de passe :

Le menu principal est composé de deux barres d’icones :

L’interface de SPIP est plutôt intuitive, pour un descriptif complet des fonctions, reportez-vous à l’aide en ligne.

1 - Définir la structure du site

Même si le contenu de votre futur site est très intéressant, les internautes iront voir ailleurs s’ils ne comprennent pas la logique des différentes rubriques ou si l’interface est trop confuse.

Une méthode simple et éprouvée pour créer un site Web consiste à dessiner un schéma de la page d’accueil sur une feuille de papier. Commencez par lister dans un coin de la feuille l’ensemble des informations que vous voulez publier. Regroupez-les en rubriques et sous-rubriques et attribuez un nom à ces rubriques.

Le nom des rubriques est important mais il peut être changé à tout moment.

Lorsque les menus-rubriques sont définis, passez à l’étape suivante.

Cliquez sur l’icône « Editions » puis sur le bouton « Créer une rubrique ». Entrez le nom de la rubrique puis cliquez sur le bouton « Valider ». Répétez l’opération pour toutes les rubriques et sous-rubriques du site.

2 - Rédiger

Une fois les rubriques et sous-rubriques créées vous pouvez commencer à alimenter le site.

Il existe trois types de contributions dans SPIP :

les articles du texte auquel on peut intégrer des images et/ou des documents
les brèvesquelques lignes de texte
les sites référencésdes liens vers des sites Web

Pour rédiger votre premier article, cliquez sur la rubrique de votre choix, puis sur le bouton « Ecrire un nouvel article ».

Saisissez un titre dans le champ « Titre » et tapez le contenu de l’article dans le champ « Texte ». Cliquez sur le bouton « Valider » pour sauvegarder l’article.

La fenêtre qui s’affiche à ce moment prévisualise l’article et permet de gérer son état de publication. Vous pouvez :

-  modifier à nouveau l’article (bouton « Modifier cet article »),
-  le mettre en ligne (cliquez sur « publié en ligne » dans la liste déroulante),
-  le mettre à la poubelle (cliquez sur « à la poubelle » dans la liste déroulante).

Pour joindre une image ou un document, cliquez sur le bouton « Modifier cet article ». En haut et à gauche de la fenêtre deux formulaires permettent de télécharger sur le site des images ou des documents.

Ajouter une image [4] :

Cliquez sur « Parcourir » et sélectionnez une image, cliquez sur « Télécharger ». Une vignette s’affiche suivi du code d’insertion (exemple : <img138|center>). Copiez ce code et collez-le à l’endroit ou vous voulez insérer l’image. Sauvegardez votre article en cliquant sur « Valider ».

Ajouter un document [5] :

Cliquez sur « Parcourir » et sélectionnez un document, cliquez sur « Télécharger ». Une vignette s’affiche suivi du code d’insertion (exemple : <doc13>). Copiez ce code et collez-le à l’endroit ou vous voulez insérer le document. Sauvegardez votre article en cliquant sur « Valider ».

Note : pour que les rubriques et les sous-rubriques apparaissent sur le site public ils doivent contenir au moins un article ou une brève ou un site référencé.

haut de la page

[1] Il n’a pas réellement d’installation : l’ensemble des fichiers nécessaires au fonctionnement de SPIP se copient simplement dans des dossiers.

[2] Cet article concerne la version SPIP 1.8.1

[3] SPIP est un gestionnaire de contenu dynamique, cela signifie que les pages HTML envoyées aux navigateurs sont calculées « à la volée ». Pour que le système ne soit pas trop sollicité, chaque page modifiée ou visualisée est placée dans un dossier « cache ». Lorsque la même page sera à nouveau consultée par un visiteur, c’est la page du cache qui sera envoyée, économisant ainsi un peu de calcul sur la machine serveur.

[4] Trois formats sont reconnus : PNG, JPEG et GIF.

[5] De nombreux formats sont reconnus : .DOC, .PPT, .XLS, .PDF, .TXT, .ZIP, .MP3, etc.