Panique à bord : votre ami, votre patron, votre association, vous demande de créer un site internet, et vous n’y connaissez rien, mais paraissez, à priori, le plus apte à le faire. Bref, vous êtes volontaire d’office. Bon cœur, vous acceptez de faire « ce que vous pouvez ».

Intelligent comme pas deux, vous cherchez sur internet (dans le web), et entendez parler d’un logiciel, SPIP, qui parait-il, est génial pour monter un site. Vous fouillez la doc, et là, vous entendez parler de squelette, de code à taper … aïe, aïe,aïe.

Tout d’abord, SPIP est-il fait pour vous ? La réponse dépend de la fréquence de mise à jour de votre site, et du nombre de personne le rédigeant. En gros, si votre site est mis à jour fréquemment, ou bien si d’autre que vous doivent rédiger, SPIP est adapté. Sinon, vous pouvez vous contenter de documents html modifiés manuellement.

Par ailleurs, si vous souhaitez tester l’usage de SPIP, n’oubliez pas le site de démo.

Point de méthode

Créer un site s’apparente à rédiger une dissertation. Il y, en gros, trois étapes a respecter :

1. réfléchir à la problèmatique
2. créer le plan ad hoc (en sachant que plusieurs plans différents peuvent répondre à la même problématique)
3. rédiger.

Réfléchir à la problématique

Le mieux est de prendre un papier, et de noter dessus tout ce qui vous semble nécessaire à mettre sur le site, en notant quelque part vos idées de charte graphique (de présentation).

Faite une tempête de cerveaux, notez toutes les pages qui vous sembleraient utiles.

Quelques exemples.

Il s’agit d’un site personnel ? Que souhaitez vous y mettre.

Un site associatif ? Décrire l’association, ses activités, mettre éventuellement les statuts, des photos, un agenda …

Il s’agit d’un site commercial ? Quels produits seront affichés, faux-t-il prévoir un paiement en ligne ?

Puis triez, hiérarchisez ce qui est indispensable, ce qui serait bien mais ne presse pas, ce qui au final est superflu.

Faites votre chartre graphique, où du moins reperez les élements communs à plusieur pages.

Faire un plan

Maintenant, il s’agit de savoir comment organiser vos données. En terme SPIP, il s’agit d’abord de définir la structure de votre site.

Il y a d’abord les pages spéciales : contact, plan etc. Elles sont classées à part, car elles auront des squelettes spécifiques.

Puis le contenu principal du site. Il faut réflechir à la hiérarchisation et à une organisation des données et des rubriques.

Si une structure hiérachique pose problème, une solution peut être de ne créer qu’une seule rubrique, et de se servir de mot clefs. On peut également mixer les deux.

Exemple de structure : pour le site web d’une association proposant des animations pour jeunes.
 Présentation de l’association

1. Un article présentant brievement l’association
2. Un article présentant les satuts éventuelles de l’association
3. Une rubrique « vie associative » : compte rendu des AG.
    Les activités :
4. Une rubrique par tranche d’age comprenant des articles reprenant :
   1. présentation des activités
   2. presentation des animateurs
   3. grilles des horaires
   4. galerie photo

Puis vient le plan de chaque page, en gros, le contenu de chaque squelette. Il est bon de prévoir des pages ayant des parallélismes de contenu. Notez la liste des squelettes à créer, et particulièrement les squelettes contenant du code qui sera appelés sur plusieur pages (ex : le menu de navigation).

À la fin de cette étape, vous devez avoir défini :
 la structure hiérachique de votre site
 la liste des squelettes a créer , correspondant à la structure du site.

Rédiger

Maintenant, tout est prêt. Vous pouvez vous servir d’un brouillon, en installant votre site SPIP en local. Dans l’espace privé, créer l’aborescence que vous avez défini ci-dessus. Si le contenu exact n’est pas fixé, servez vous de texte type [ ?Lorem Ipsum].

Rédigez maintenant. Seulement, de la même manière que la rédaction d’une dissert suppose la maitrise d’une langue, celle d’un site suppose la maitrise d’un langage. Vous avez donc trois languages a utiliser, sachant que vous pouvez très bien les apprendres au fur et à mesure des besoins. Néammoins, il est conseille d’avoir une idée de la grammaire de base de ces langues.

Ces langues sont :
  le html, pour écrire le contenu de vos pages.
  le css pour définir la présentation de vos pages.

Je conseille ici deux sites utiles aux débutants : Openweb et Alsacréations. Une littérature prolifique existe en papier sur ces langues.

Enfin, la troisième langue est le SPIP, qui sert à intégrer dans le html les données que les rédacteurs ont rédigées dans l’espace privé. Pour reprendre la métaphore linguistique, le SPIP est un langage intermédiaire entre la langue naturelle et le html. Un peu comme si vous passiez du français au grec ancien via le latin. Le mieux pour l’apprendre est quand même de lire la documentation. C’est un peu rude, mais le plaisir vient après.

Dans quels ordre rédiger les squelettes ? Je n’ai personnellements pas de préférences. Vous pouvez commencer par le sommaire, mais aussi par les squelettes d’articles. L’essentiel est qu’à la fin, tout les squelettes soient rédigés.

À l’étape précédante, vous aviez défini les parties communes aux différents pages. Ces parties commune correspondent à des squelettes appelés via <INCLURE>. L’avantage est triple :
 optimisation éventuelle du cache
 facilité de maintenance
 certitude d’avoir le code exactement identique.

Après avoir tout rédiger, il ne vous reste plus qu’à mettre au propre, en transférant votre site local sur un votre serveur distant.

Quelques réflexes à avoir

D’abord, ne pas hésiter à demander de l’aide à la communauté SPIP, via les forums, la liste de discussion ou IRC. Faire tout de même une recherche dans les archives auparavent.

Ensuite, songer à fouiller SPIP-Contrib, c’est une mine d’information.

Enfin, songer a des outils comme le critère {par numero titre}, le couteau-suisse. Intégrer les crayons dans votre site est facile, et bien pratique.

Bon courage ! … Quand votre site sera fini, vous vous direz « déjà ? ».