SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 246 visiteurs en ce moment

Accueil > Commencer avec SPIP > Ce qu’il faut comprendre avant de débuter

Ce qu’il faut comprendre avant de débuter

1er août 2008 – par Maïeul – 24 commentaires

14 votes

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 paraît-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 personnes 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 à 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, faut-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 charte graphique, ou du moins repérez les éléments communs à plusieurs 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éfléchir à la hiérarchisation et à une organisation des données et des rubriques.

Si une structure hiérarchique 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 brièvement l’association
  2. Un article présentant les statuts éventuels de l’association
  3. Une rubrique « vie associative » : compte rendu des AG.

-  Les activités :

  1. Une rubrique par tranche d’âge comprenant des articles reprenant :
    1. présentation des activités
    2. présentation 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é sur plusieurs pages (ex : le menu de navigation).

À la fin de cette étape, vous devez avoir défini :
-  la structure hiérarchique de votre site
-  la liste des squelettes à 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’arborescence que vous avez définie 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 maîtrise d’une langue, celle d’un site suppose la maitrise d’un langage. Vous avez donc trois langages à utiliser, sachant que vous pouvez très bien les apprendre au fur et à mesure des besoins. Néanmoins, il est conseillé 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 personnellement pas de préférences. Vous pouvez commencer par le sommaire, mais aussi par les squelettes d’articles. L’essentiel est qu’à la fin, tous les squelettes soient rédigés.

À l’étape précédente, vous aviez défini les parties communes aux différentes pages. Ces parties communes 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édigé, 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 auparavant.

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

Enfin, songer à des outils comme le critère {par num 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à ? ».

Dernière modification de cette page le 16 août 2009

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 11 janvier 2013 à 08:23, par NIKIZA Jean de Dieu En réponse à : Ce qu’il faut comprendre avant de débuter

    Bonjour,
    je viens de telecharger SPIP mais je sais pas quoi faire pour la decompresser et l installer.
    Pourriez vous me guider ce que je peux faire ?

    Merci.

    Répondre à ce message

  • Le 18 mars 2011 à 08:37, par Lucile En réponse à : Ce qu’il faut comprendre avant de débuter

    Bonjour,

    Je viens de me voir confier la tache de mettre en place un site Internet pour une ONG mais suis complètement perdue maintenant que l’architecture et le contenu sont prêts et qu’il me faut passer (non sans appréhension) à la partie inform/pr/atique...!

    J’ai téléchargé la dernière version SPIP, l’ai décompressée, mais en parfaite débutante, me voilà déjà confrontée à une première difficulté de taille : je suis dans l’incapacité de l’installer sur mon FTP... Je ne sais pas comment « nettoyer » dans un premier temps ce qui est sur le FTP du site, ni même si cela est nécessaire ? (cf. capture d’écran ci dessous)... En résumé, comment atteindre la « racine » dans toute cette jungle de codes ?
    WebsiteBacker CMS a été utilisé pour créer quelques pauvres pages qui ne seront plus utilisées par la suite et ayant vu le résultat de sites créés avec SPIP je souhaitais faire le transfert, mais peut être est ce une mauvaise idée ?

    Pourriez vous m’éclairer ? Un grand merci par avance !

    GIF - 87.6 ko

    Répondre à ce message

  • Le 16 mars 2011 à 10:02, par Patricke En réponse à : Ce qu’il faut comprendre avant de débuter

    Bonjour,

    Je me lance dans la mise en place de mon propre site sur les pages perso de free.

    Version 2.1.8.

    http://ruecottenchy.free.fr/

    J’arrive sans souci à installer le site (en FTP) et des plugins, accéder au site dans sa partie privée, créer quelques articles.

    Par contre, j’ai cherché sans succès à voir comment accéder au site dans la partie publique.

    Il doit y avoir un souci mais je me vois pas lequel (je suis débutant). La base mySQL est activée.

    Merci pour vos contributions.

    Patrick

    Répondre à ce message

  • Le 17 mars 2011 à 08:59, par Manu En réponse à : Ce qu’il faut comprendre avant de débuter

    Ce que voulait te dire Maieul, c’est que des fichiers se sont perdus en cours de route, enfin, au moins un fichier : index.php. Il faut donc que tu « renvoies » par FTP ce fichier qui est livré avec ta version de SPIP

    Répondre à ce message

  • Le 16 mars 2011 à 00:56, par Ariane En réponse à : Ce qu’il faut comprendre avant de débuter

    Hello à tous

    je suis chargée de faire le site d’une association, et SPIP m’a paru être LE choix logique.
    J’ai installé SPIP en suivant les instructions officielles (http://www.spip.net/fr_article402.html) et ça marche fort bien.
    J’ai créé les rubriques et sous rubriques -pas encore les articles.
    Mais...au moment de « visiter » le site (de le voir comme le verrait un visiteur et pas en tant qu’auteur)...rien ! Juste un sobre « mon site SPIP », mais aucune des rubriques n’apparait.
    Qu’ai-je oublié ?
    Merci d’avance

    JPEG - 13.5 ko
    • Le 16 mars 2011 à 00:58, par Maïeul En réponse à : Ce qu’il faut comprendre avant de débuter

      normal !

      il faut comprendre que le vrai contenu du site ce sont les articles publiés. Les rubriques et les sous rubriques ne sont là que pour ranger les articles.

      Docn publier un article, et cela affichera les rubriques (a oui : pour changer « mon site SPIP » en nom de votre association c’est dans configuration du site)

    Répondre à ce message

  • Le 27 mars 2010 à 15:08, par Johan En réponse à : Ce qu’il faut comprendre avant de débuter

    Je me demandais justement si c’était mieux de passer spip ou wordpress pour faire un CMS, j’ai utilisé wordpress et un thème adapté mais SPIP est peut-être plus complet, pensez-vous que ça vaille le coup de changer de wordpress à SPIP sur mon site ?

    Site en ligne : assurances

    • Le 28 mars 2010 à 00:32, par Maïeul En réponse à : Ce qu’il faut comprendre avant de débuter

      honnetement, c’est à vous de voir ;)

      Si wordpress vous satisfait, et que vous n’avez pas l’intention de develloper votre propre jeu de suqelette / theme, pourquoi ce fatiguer ?

    • Le 28 mars 2010 à 13:03, par Johan En réponse à : Ce qu’il faut comprendre avant de débuter

      On m’a clairement conseillé d’éviter wordpress pour faire le site mais c’est la seule chose que je maitrise correctement. Ensuite il y a SPIP et DRUPAL qui semblent être bien mais bon, c’est comme windows et mac, je ne maitrise que windows et tout re-apprendre c’est un peu relou.

    • Le 28 mars 2010 à 13:16, par Maïeul En réponse à : Ce qu’il faut comprendre avant de débuter

      Tout dépend encore une foi de vos besoins. Je ne connais pas wordpress ni drupal, donc je ne peux pas dire. L’avantage que je trouve à SPIP : francophone, communauté sympathique et langage de squelette (=templates) simple.

      A vous de voir aussi ce dont vous avez besoin. Vous pourrez trouvez des comparatifs sur internet, même s’ils ne sont pas tjr équlibrés

    Répondre à ce message

  • Le 13 août 2009 à 08:01, par estrois En réponse à : Ce qu’il faut comprendre avant de débuter

    Je trouve toujours difficile de demander ce qui suit aux gens qui travaillent fort et bien dans le logiciel libre, mais allons-y tout de même.

    Y’a-t’il un tutoriel SPIP, en vidéo préférablement, ou en textes et images, qui couvre l’installation, les premiers pas, quelques squelettes et peut-être même un plug-in, qui soit consistant dans le temps, la plateforme et la version de SPIP ?

    J’ai l’impression d’attraper des bouts de SPIP dans Windows et Linux, dispersés entre les version 1.x et 2.x, sur une presque décennie.

    Malgré que j’aie surfé plusieurs jours et beaucoup de sites, c’est l’illusion que je perçois en tant que newbie SPIP.

    Répondre à ce message

  • Le 4 juillet 2009 à 23:21, par nazim En réponse à : Ce qu’il faut comprendre avant de débuter

    Oui bon on y va douga douga, pour la démonstration c’est http://demo.spip.org (il faudrait penser a corriger le lien http://demo.spip.net) si non pour les fautes d’orthographe... on s’arrange.

    ciao

    Répondre à ce message

  • Le 2 mai 2009 à 17:14, par ? En réponse à : Ce qu’il faut comprendre avant de débuter

    Bonjour,

    J’aimerais savoir si on pouvait changer la rubrique des articles ?

    Répondre à ce message

  • Le 6 août 2008 à 23:16, par sylvie En réponse à : Ce qu’il faut comprendre avant de débuter

    Peut-être un début de réponse, je cherche à faire un site de classe doublé d’un site perso et je désire une certaine indépendance (important actuellement). De plus j’aime bien faire compliqué quand on peut faire simple, à la fin, si j’y arrive, je sais que j’aurais beaucoup appris.
    alors je me lance...

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Metas +

    3 décembre – commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Critère {mots}

    6 août 2009 – 316 commentaires

    Permettre de sélectionner facilement des objets SPIP ayant un ou des mots clefs en communs.

  • LinkCheck : vérificateur de liens

    13 février 2015 – 64 commentaires

    Ce plugin permet de chercher et tester l’ensemble des liens présents dans les objets. Vous pourrez donc en quelques clics connaître les liens brisés ou défectueux qui se sont immiscés dans le contenu de votre site SPIP. La vérification s’effectue en (...)

  • Import ICS 2 (agenda distant)

    2 août – 39 commentaires

    La version 2 du plugin « import ICS » en reprend la principale fonctionnalité, à savoir l’ajout automatique d’évènements distants dans la liste des évènements d’un site. À la différence de la première version, elle ne dépend pas du plugin « Séminaire » et est (...)

  • GIS 4

    11 août 2012 – 1286 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)