{"id":1076,"date":"2003-03-16T10:50:08","date_gmt":"2003-03-16T09:50:08","guid":{"rendered":"https:\/\/destinationcyber.com\/?p=1076"},"modified":"2003-03-16T10:50:08","modified_gmt":"2003-03-16T09:50:08","slug":"spip-lintro-le-livre-de-reference","status":"publish","type":"post","link":"https:\/\/destinationcyber.com\/?p=1076","title":{"rendered":"SPIP.  L&rsquo;INTRO  (le livre de r\u00e9f\u00e9rence)"},"content":{"rendered":"<p class=\"post_excerpt\">SPIP. Syst\u00e8me de Publication pour l&rsquo;Internet<\/p>\n<p>SPIP, la conception de sites Web \u00e0 la port\u00e9e de tous.<\/p>\n<p>Si vous avez d\u00e9j\u00e0 con\u00e7u des sites Web, vous avez pu constater que la t\u00e2che n&rsquo;\u00e9tait pas aussi simple que vous pouviez la penser. <\/p>\n<p>Avec SPIP, la cr\u00e9ation de sites est vraiment \u00e0 la port\u00e9e de tous.<br \/>\nDestin\u00e9 \u00e0 \u00eatre utilis\u00e9 de fa\u00e7on collaborative afin de partager les comp\u00e9tences de plusieurs webmasters, r\u00e9dacteurs et graphistes, cet environnement de d\u00e9veloppement s&rsquo;installe et s&#8217;emploie tr\u00e8s facilement.<br \/>\nLa mise en page des information saisies est automatique et la mise en place de forums de discution des plus simples&#8230;\n<\/p>\n<p>Une description de SPIP, L&rsquo;INTRO, cet excellent ouvrage de r\u00e9f\u00e9rence.<\/p>\n<p>Je ne vais pas reprendre la pr\u00e9sentation de cet ouvrage, d\u00e9j\u00e0 pr\u00e9sent\u00e9 par Boomtchak <a href=\"http:\/\/www.boomtchak.net\/breve.php3?id_breve=2200\">ici<\/a> et <a href=\"http:\/\/www.boomtchak.net\/breve.php3?id_breve=2223\">ici<\/a> et par Graphiland <a href=\"http:\/\/www.graphiland.fr\/news_t\/news_t.asp?code=2834&#038;CS=Yes&#038;InsertQuery=1\">ici<\/a>. <\/p>\n<p>Cette description se d\u00e9roule comme suit :<\/p>\n<p>L&rsquo;aper\u00e7u de la table des mati\u00e8res ;<\/p>\n<p>Les chapitres du livre repr\u00e9sent\u00e9s par la premi\u00e8re page de chacun de ces chapitres.<\/p>\n<p>D&rsquo;aucun diront que ce livre est une daube, mais si je l&rsquo;avais eu \u00e0 disposition, il m&rsquo;aurait \u00e9vit\u00e9 bien des gal\u00e8res, m\u00eame si l&rsquo;excellent site d&rsquo;<a href=\"http:\/\/www.uzine.net\/rubrique91.html\">uZine<\/a> nous est d&rsquo;une aide pr\u00e9cieuse, bien des interrogations subsistent. <\/p>\n<p>Pour preuve le <a href=\"http:\/\/www.uzine.net\/forum_spip.php3\">forum<\/a> de SPIP.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-1074\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2003\/03\/jpg_spipface.jpg\" alt=\"spipface.jpg\" align=\"center\" width=\"203\" height=\"276\" \/><br \/>\n<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-1075\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2003\/03\/jpg_spipdos.jpg\" alt=\"spipdos.jpg\" align=\"center\" width=\"185\" height=\"258\" \/><br \/>\n<strong>Table des mati\u00e8res<\/p>\n<p><strong>Introduction\t<\/strong>1<strong><br \/><\/strong><\/p>\n<p>Les conventions de l&rsquo;ouvrage\t2<\/p>\n<p><strong>1. Installation\t<\/strong>3<strong><br \/>\n<\/strong><\/p>\n<p>Travailler connect\u00e9 ou hors connexion\t3<br \/>\nLe choix de l&rsquo;h\u00e9bergeur\t3<br \/>\nLa pr\u00e9paration du terrain avant l&rsquo;installation\t5<br \/>\nL&rsquo;installation de SPIP\t6<br \/>\n&#8211;\tInstaller automatiquement SPIP\t6<br \/>\n&#8211;\tInstaller manuellement SPIP\t12<br \/>\n&#8211;\tInstaller localement SPIP\t16<\/p>\n<p><strong>2. Interface de d\u00e9veloppement\t<\/strong>31<strong><br \/>\n<\/strong><\/p>\n<p>Espace priv\u00e9 et espace public\t31 <br \/>\nLes personnes qui participent \u00e0 vie d&rsquo;un site SPIP\t32<br \/>\n&#8211; \tLes administrateurs\t32<br \/>\n&#8211;\tLes auteurs\t32<br \/>\n&#8211;\tLes graphistes\t33<br \/>\n&#8211;\tLes visiteurs \t33<br \/>\nL&rsquo;espace de d\u00e9veloppement\t33<br \/>\nInterface simplifi\u00e9e et interface compl\u00e8te\t35<br \/>\nAdministration du site\t39<br \/>\nCaract\u00e9ristiques principales \t39<br \/>\nContenu de votre site\t42<br \/>\nFonctionnalit\u00e9s de SPIP\t46<br \/>\nObtenir de l&rsquo;aide\t49<br \/>\n&#8211;\tL&rsquo;aide en ligne\t49<br \/>\n&#8211;\tLes foires aux questions\t52<br \/>\n&#8211;\tLes listes de diffusion\t52<br \/>\n&#8211;\tLe forum\t56<\/p>\n<p><strong>3. Mise en forme des contenus<\/strong>\t59<\/p>\n<p>Paragraphes et caract\u00e8res \t60<br \/>\n&#8211;\tJustification des paragraphes \t60<br \/>\n&#8211;\tAlignement d&rsquo;un texte\t61<br \/>\n&#8211;\tAttributs de caract\u00e8res \t62<br \/>\n&#8211;\tTaille et couleur des caract\u00e8res \t63<br \/>\n&#8211;\tLes caract\u00e8res sp\u00e9ciaux \t66<br \/>\n&#8211;\tTitres et sous-titres\t71<br \/>\n&#8211;\tTraits de s\u00e9paration horizontaux \t71<br \/>\n&#8211;\tListes et \u00e9num\u00e9rations \t74<br \/>\n&#8211;\tNotes de bas de page \t76<br \/>\nLiens hypertexte \t77<br \/>\n&#8211;\tLiens \u00e0 l&rsquo;int\u00e9rieur du site \t78<br \/>\n&#8211;\tLiens vers un objet ext\u00e9rieur \t79<br \/>\nTableaux \t79<br \/>\nImages \t83<br \/>\n&#8211;\tIns\u00e9rer des images via SPIP \t84<br \/>\n&#8211;\tVotre h\u00e9bergeur n&rsquo;autorise pas la copie de fichiers via le Web \t85<br \/>\n&#8211;\tIns\u00e9rer des images via HTML \t88<br \/>\n&#8211;\tLe format des images GIF \t91<br \/>\n&#8211;\tLes images r\u00e9actives \t93<br \/>\n&#8211;\tR\u00e9aliser un lien au travers d&rsquo;une image \t97<br \/>\nR\u00e9sum\u00e9 des raccourcis typographiques \t100<\/p>\n<hr \/>\n<p><strong>4. Premiers pas avec SPIP\t<\/strong>103<strong><br \/>\n<\/strong><\/p>\n<p>Espace priv\u00e9 et espace public\t103 <br \/>\nLes rubriques\t104<br \/>\n&#8211;\tChoisir le logo d&rsquo;une rubrique\t105 <br \/>\n&#8211;\tSupprimer une rubrique\t107 <br \/>\nLes articles\t107<br \/>\n&#8211; Statut d&rsquo;un article\t111<br \/>\n&#8211;\tSupprimer un article\t113<br \/>\n&#8211;\tRediriger un article\t113<br \/>\n&#8211;\tDate de publication\t114<br \/>\n&#8211;\tChoisir le logo d&rsquo;un article\t114 <br \/>\nLes br\u00e8ves\t116<br \/>\n&#8211;\tAjouter une br\u00e8ve\t116<br \/>\n&#8211;\tChoisir le logo d&rsquo;une br\u00e8ve\t118<br \/>\n&#8211;\tSupprimer une br\u00e8ve\t119<br \/>\n&#8211;\tDate de publication d&rsquo;une br\u00e8ve\t120 <br \/>\nFaciliter la r\u00e9daction des articles et des br\u00e8ves\t120 <br \/>\nGestion des auteurs\t124<br \/>\n&#8211;\tInformations sur les auteurs existants\t124 <br \/>\n&#8211;\tD\u00e9finir un nouvel auteur\t127<br \/>\n&#8211;\tD\u00e9sactiver un auteur existant\t127<br \/>\n&#8211;\tChanger le nom de l&rsquo;auteur d&rsquo;un article\t128 <br \/>\nPr\u00e9sentation des rubriques, des articles et des br\u00e8ves dans SPIP\t129 <br \/>\nLes mots cl\u00e9s\t134<br \/>\n&#8211;\tActiver et d\u00e9sactiver les mots cl\u00e9s\t134<br \/>\n&#8211;\tD\u00e9finir un mot cl\u00e9\t135<br \/>\n&#8211;\tExemple d&rsquo;utilisation de mots cl\u00e9s\t138 <br \/>\nMise en oeuvre d&rsquo;un moteur de recherche\t138 <br \/>\n&#8211;\tActiver le moteur de recherche int\u00e9gr\u00e9\t140 <br \/>\n&#8211;\tAfficher le formulaire de recherche\t141<br \/>\n&#8211;\tUtiliser le moteur de recherche int\u00e9gr\u00e9\t141 <br \/>\n&#8211;\tLe moteur de recherche externe Dig\t142<br \/>\n&#8211;\tSites syndiqu\u00e9s<\/p>\n<p><strong>5. Les feuilles de styles<\/strong> \t149<\/p>\n<p>Avant de commencer\t149<br \/>\n&#8211;\tD\u00e9finir un style \t150<br \/>\n&#8211;\tRed\u00e9finir des marqueurs au coup par coup 150<br \/>\n&#8211;\tUtiliser un marqueur <code><STYLE><\/code> 151<br \/>\n&#8211;\tUtiliser une feuille de styles \t152<br \/>\n&#8211;\tPassage \u00e0 la pratique \t152<br \/>\nLes styles des raccourcis typographiques 154<br \/>\nLes attributs red\u00e9finissables dans un style \t159<br \/>\n&#8211;\tPolices \t160<br \/>\n&#8211;\tCouleurs et arri\u00e8re-plans \t160<br \/>\n&#8211;\tTextes \t161<br \/>\nPour aller plus loin \t161<\/p>\n<hr \/>\n<p><strong>6. Cr\u00e9er sa propre mise en page<\/strong> \t163<\/p>\n<p>Les principaux squelettes d&rsquo;un site SPIP \t164<br \/>\nUtilisation de plusieurs squelettes \t165<br \/>\nLe langage de mise en page des squelettes 165<br \/>\n&#8211;\tBoucles \t166<br \/>\n&#8211;\tBalises SPIP \t168<br \/>\n&#8211;\tLes variables de personnalisation 194<br \/>\n&#8211;\tLes formulaires\t195<br \/>\n&#8211;\tUtiliser une feuille de styles pour modifier l&rsquo;aspect d&rsquo;un formulaire\t200<br \/>\n&#8211;\tLe formulaire de recherche \t200<\/p>\n<p><strong>7. Squelettes types<\/strong> \t201<\/p>\n<p>Un premier squelette \t201<br \/>\nUn m\u00eame squelette pour plusieurs articles 206<br \/>\nUn squelette pour tous les articles d&rsquo;une rubrique 207<br \/>\nDeux boucles imbriqu\u00e9es \t209<br \/>\nQuelques squelettes simples pris en exemple dans SPIP 211<br \/>\n&#8211;\tSommaire.html \t211<br \/>\n&#8211;\tRubrique.html \t217<br \/>\n&#8211;\tArticle html\t223<br \/>\n&#8211;\tBreves_toutes.html\t223<br \/>\n&#8211;\tForum.html\t236<br \/>\n&#8211;\tPlan.html\t240<br \/>\n&#8211;\tRecherche.html\t244 <br \/>\nLes squelettes par d\u00e9faut de SPIP\t249<br \/>\n&#8211;\tSommaire.html\t249<br \/>\n&#8211;\tRubrique.html\t259<br \/>\n&#8211;\tArticle.html\t271<\/p>\n<p><strong>8. Un projet SPIP de A \u00e0 Z<\/strong>\t283<\/p>\n<p>Premi\u00e8re \u00e9tape : structure de la base\t283<br \/>\nDeuxi\u00e8me \u00e9tape : premiers squelettes\t290<br \/>\nTroisi\u00e8me \u00e9tape : communication avec les utilisateurs\t297 <br \/>\n&#8211;\tIns\u00e9rer un nouveau xxxWare\t297<br \/>\n&#8211;\tMettre en place un forum public\t301 <br \/>\nQuatri\u00e8me \u00e9tape : la charte graphique\t304<br \/>\n&#8211;\tD\u00e9finir et incorporer le titre\t305<br \/>\n&#8211;\tR\u00e9partir les informations\t306<\/p>\n<p>9. Les bases du langage PHP\t311<\/p>\n<p>Le langage PHP\t311<br \/>\n&#8211;\tAvant de commencer\t312<br \/>\n&#8211;\tCommentaires\t312<br \/>\n&#8211;\tVariables\t313<br \/>\n&#8211;\tOp\u00e9rateurs\t316<br \/>\n&#8211;\tInstructions de contr\u00f4le if\u2026else et switch 318<br \/>\n&#8211;\tInstructions r\u00e9p\u00e9titives\t320<br \/>\n&#8211;\tTableaux\t323 <br \/>\nD\u00e9buter en MySQL\t328<br \/>\n&#8211;\tCr\u00e9er une base de donn\u00e9es avec EasyPHP\t329 <br \/>\n&#8211;\tCr\u00e9er une table avec EasyPHP\t330<br \/>\n&#8211;\tSaisir des donn\u00e9es avec EasyPHP\t333<br \/>\n&#8211;\tImporter des donn\u00e9es avec EasyPHP\t333<br \/>\n&#8211;\tInterroger une base de donn\u00e9es avec EasyPHP\t334 <br \/>\nExemples types\t336<br \/>\n&#8211;\tAfficher la date en fran\u00e7ais \t336<br \/>\n&#8211;\tCommuniquer des variables \u00e0 une page PHP \t338<br \/>\n&#8211;\tUne page multilingue \t338<br \/>\n&#8211;\tPasser des donn\u00e9es via un formulaire\t339<br \/>\n&#8211;\tRediriger vers une autre page \t340<br \/>\n&#8211;\tEnvoyer un email \t340<br \/>\n&#8211;\tCompteur de visites \t342<br \/>\n&#8211;\tUtiliser une base de donn\u00e9es MySQL en PHP \t343<br \/>\nPour aller plus loin 347<\/p>\n<p><strong>1O. R\u00e9f\u00e9rence PHP<\/strong> \t349<\/p>\n<p>Apache \t350<br \/>\nTableaux \t350<br \/>\nDates \t352<br \/>\nGestion des erreurs \t353<br \/>\nSyst\u00e8me de fichiers \t354<br \/>\nCommunication FTP \t357<br \/>\nImages \t358<br \/>\nEmail \t360<br \/>\nBases de donn\u00e9es MySQL \t361<br \/>\nR\u00e9seau \t362<br \/>\nCha\u00eenes de caract\u00e8res \t363<br \/>\nEntr\u00e9es\/sorties \t365<br \/>\nIndex \t367<\/p>\n<hr \/>\n<p><strong>Introduction<br \/><\/strong><\/p>\n<p>SPIP est un magnifique outil d\u00e9di\u00e9 \u00e0 la gestion et \u00e0 la conception de sites en ligne ou hors connexion. Il a \u00e9t\u00e9 d\u00e9velopp\u00e9 par le minir\u00e9zo, collectif informel et ouvert d&rsquo;acteurs du Web ind\u00e9pendant, pour la gestion du site uZine (http:I\/www .uzine.net). Il est disponible gratuitement sous licence GPL La version 1.4.2, derni\u00e8re en date alors que nous \u00e9crivons ces lignes, a \u00e9t\u00e9 utilis\u00e9e pour r\u00e9aliser cet ouvrage. SPIP est particuli\u00e8rement bien adapt\u00e9 \u00e0 la cr\u00e9ation d&rsquo;un site structur\u00e9 \u00e0 la mani\u00e8re d&rsquo;un magazine papier, c&rsquo;est-\u00e0-dire compos\u00e9 de rubriques et de sous- rubriques dans lesquelles sont ins\u00e9r\u00e9s des articles et des br\u00e8ves, \u00e9ventuellement compl\u00e9t\u00e9 par un ou plusieurs forums de discussion.<\/p>\n<p>SPIP a \u00e9t\u00e9 con\u00e7u pour permettre la r\u00e9partition des t\u00e2ches entre plusieurs personnes:<\/p>\n<p>&#8211; La gestion \u00e9ditoriale, qui comprend la cr\u00e9ation et l&rsquo;organisation des rubriques et la validation des articles propos\u00e9s.<\/p>\n<p>&#8211; La r\u00e9daction d&rsquo;articles et de br\u00e8ves.<\/p>\n<p>&#8211; L&rsquo;\u00e9laboration de la charte graphique, qui donne un aspect personnel \u00e0 un site. Si l&rsquo;administrateur du site joue un r\u00f4le pr\u00e9pond\u00e9rant, le travail des r\u00e9dacteurs et des graphistes ne doit pas \u00eatre sous-estim\u00e9. Car ce sont eux, pour une grande part, qui fid\u00e9liseront les visiteurs du site, par la r\u00e9gularit\u00e9 et la qualit\u00e9 de leur travail.<\/p>\n<p>Cet ouvrage s&rsquo;adresse essentiellement aux administrateurs de sites cr\u00e9\u00e9s sous SPIP.<\/p>\n<p>Il repr\u00e9sente une r\u00e9f\u00e9rence facile \u00e0 consulter. Il donne les arcanes de cette puissante machinerie qu&rsquo;est SPIP et permet d&rsquo;aller plus loin \u00e0 l&rsquo;aide de code PHP\/MySQL.<\/p>\n<p>Les auteurs d&rsquo;articles et de br\u00e8ves sont \u00e9galement concern\u00e9s par ce livre. Ils appr\u00e9henderont ainsi rapidement et d&rsquo;une fa\u00e7on plus globale le fonctionnement de cet outil de conception de sites et auront une id\u00e9e pr\u00e9cise des t\u00e2ches qui peuvent \u00eatre demand\u00e9es \u00e0 l&rsquo;administrateur pour am\u00e9liorer la qualit\u00e9 de leur site.<\/p>\n<hr \/>\n<p><strong>Chapitre 1<br \/><\/strong><\/p>\n<p><strong>Installation<br \/>\n<\/strong><\/p>\n<p>Ce chapitre pr\u00e9sente les diff\u00e9rentes techniques d&rsquo;installation de SPIP. Vous y apprendrez \u00e0 travailler en ligne si vous poss\u00e9dez une connexion permanente \u00e0 Internet, et \u00e0 installer SPIP sur votre ordinateur pour travailler de fa\u00e7on locale.<\/p>\n<p><strong>Travailler connect\u00e9 ou hors connexion<br \/>\n<\/strong>Si vous faites partie des privil\u00e9gi\u00e9s qui disposent d&rsquo;une connexion permanente au Net, vous allez pouvoir effectuer vos d\u00e9veloppements SPIP en ligne. Dans le cas contraire, le plus simple consiste \u00e0 installer un serveur PHP\/MySQL local, par exemple en faisant appel \u00e0 l&rsquo;excellent outil EasyPHP. Vous trouverez toutes les informations n\u00e9cessaires pour vous procurer et installer EasyPHP dans la section \u00a0\u00bb locale de SPIP\u00a0\u00bb, plus loin dans ce chapitre.<\/p>\n<p><strong>Le choix de l&rsquo;h\u00e9bergeur<br \/>\n<\/strong><\/p>\n<p>La plupart des h\u00e9bergeurs acceptant PHP3\/MySQL ou PHP4\/MySQL sont compatibles avec SPIP. Les auteurs de SPIP ont dress\u00e9 une liste d&rsquo;h\u00e9bergeurs compatibles:<\/p>\n<p>H\u00e9bergeurs \u00ab\u00a0gratuits\u00a0\u00bb<\/p>\n<p>&#8211; Multimania<\/p>\n<p>&#8211; Free<\/p>\n<p>&#8211; Le Village<\/p>\n<p>&#8211; Maxi<\/p>\n<hr \/>\n<p><strong>Chapitre 2<br \/><\/strong><\/p>\n<p><strong>Interface de d\u00e9veloppement<br \/>\n<\/strong><\/p>\n<p>Ce chapitre pr\u00e9sente l&rsquo;environnement de d\u00e9veloppement de SPIR Apr\u00e8s sa lecture, vous saurez faire la diff\u00e9rence entre l&rsquo;espace public et l&rsquo;espace priv\u00e9, vous conna\u00eetrez les t\u00e2ches qui incombent aux personnes qui participent \u00e0 la vie d&rsquo;un site d\u00e9velopp\u00e9 sous SPIP et saurez utiliser les diff\u00e9rentes pages Web qui constituent l&rsquo;environnement de d\u00e9veloppement de SPIP.<\/p>\n<p><strong>Espace priv\u00e9 et espace public<br \/>\n<\/strong><br \/>\nIl est important de bien diff\u00e9rencier l&rsquo;espace priv\u00e9 de l&rsquo;espace public. Nous utiliserons en effet fr\u00e9quemment ces deux appellations dans la suite de l&rsquo;ouvrage.<\/p>\n<p>L&rsquo;espace priv\u00e9 correspond \u00e0 un ensemble de pages accessibles par vous et par les administrateurs. Ces pages sont utilis\u00e9es pour cr\u00e9er des rubriques, r\u00e9diger des articles et des br\u00e8ves, participer au forum interne et\/ou au forum des administrateurs (si vous \u00eates administrateur), r\u00e9gler le fonctionnement de votre interface de d\u00e9veloppement SPIP, etc.<\/p>\n<p>L&rsquo;espace public correspond \u00e0 l&rsquo;ensemble des pages ouvertes \u00e0 tous les internautes. Ces pages sont compos\u00e9es de rubriques, d&rsquo;articles, de br\u00e8ves et de liens vers des sites externes. Elles peuvent \u00e9galement donner acc\u00e8s \u00e0 un ou plusieurs forums publics. Les informations accessibles depuis le site public doivent obligatoirement avoir \u00e9t\u00e9 valid\u00e9es par un administrateur avant leur publication.<\/p>\n<hr \/>\n<p><strong>Chapitre 3<br \/><\/strong><\/p>\n<p><strong>Mise en forme des contenus<br \/>\n<\/strong><\/p>\n<p>Pour faciliter la mise en page des documents publi\u00e9s avec SPIP, vous pouvez utiliser un certain nombre de raccourcis typographiques. Cette technique est tr\u00e8s pratique, car elle \u00e9vite l&rsquo;utilisation de balises HTML. Cependant, il est toujours possible d&rsquo;utiliser des marqueurs de mise en forme HTML, voire de faire appel \u00e0 des langages plus \u00e9volu\u00e9s, tels que JavaScript, Java ou PHP. Il suffit pour cela d&rsquo;ins\u00e9rer le code dans le corps texte, \u00e0 l&rsquo;endroit m\u00eame o\u00f9 vous souhaitez qu&rsquo;il soit utilis\u00e9.<\/p>\n<p>Sachez tout d&rsquo;abord que SPIP impl\u00e9mente de fa\u00e7on transparente les r\u00e8gles d&rsquo;espacement de la typographie fran\u00e7aise:<\/p>\n<p>&#8211; Des espaces ins\u00e9cables sont automatiquement ajout\u00e9s devant les caract\u00e8res <code>: ; !  et ?<\/code><\/p>\n<p>&#8211; Des espaces ins\u00e9cables sont ajout\u00e9s automatiquement de part et d&rsquo;autre des guillemets \u00e0 la fran\u00e7aise.<\/p>\n<p>Dans les pages qui suivent, nous allons passer en revue les raccourcis typographiques et les marqueurs HTML les plus courants qui permettront d&rsquo;effectuer une mise en forme de vos contenus (articles et br\u00e8ves).<\/p>\n<hr \/>\n<p><strong>Chapitre 4<br \/><\/strong><\/p>\n<p><strong>Premiers pas avec SPIP<br \/>\n<\/strong><\/p>\n<p>Avec SPIP, vous allez pouvoir g\u00e9rer un site Web de type magazine. Ce site sera compos\u00e9 d&rsquo;articles et de br\u00e8ves ins\u00e9r\u00e9s dans un ensemble de rubriques imbriqu\u00e9es. Les t\u00e2ches effectu\u00e9es pour maintenir le site (r\u00e9daction, validation des articles, composition graphique) peuvent \u00eatre attribu\u00e9es \u00e0 diff\u00e9rents intervenants, totalement ind\u00e9pendants les uns des autres. Dans les pages suivantes, vous allez faire vos premiers pas avec SPIP. Pour cela, vous ferez connaissance avec les \u00e9l\u00e9ments qui composent les pages cr\u00e9\u00e9es avec cet outil.<\/p>\n<p><strong>Espace priv\u00e9 et espace public<br \/>\n<\/strong><\/p>\n<p>Les auteurs d&rsquo;articles SPIP ont acc\u00e8s \u00e0 un espace priv\u00e9, seulement visible par eux-m\u00eames et par l&rsquo;administrateur du site. Cet espace est une sorte de \u00ab\u00a0m\u00e9moire tampon\u00a0\u00bb dans laquelle les auteurs stockent leurs articles en cours de r\u00e9daction. Lorsqu&rsquo;un article est enti\u00e8rement r\u00e9dig\u00e9, son auteur le propose \u00e0 l&rsquo;\u00e9valuation. Apr\u00e8s avoir \u00e9t\u00e9 examin\u00e9 par l&rsquo;un des administrateurs du site et \u00e9ventuellement comment\u00e9 par les autres auteurs, l&rsquo;article est publi\u00e9 ou rejet\u00e9. Dans le premier cas, il devient accessible \u00e0 tous les visiteurs du site. On dit qu&rsquo;il fait partie du site public.<\/p>\n<hr \/>\n<p><strong>Chapitre 5<br \/><\/strong><\/p>\n<p><strong>Les feuilles de styles<br \/>\n<\/strong><\/p>\n<p>Nous avons vu au Chapitre 3, il est possible d&rsquo;utiliser des raccourcis typographiques pour facilit\u00e9 la mise en page des articles et des br\u00e8ves. Ces raccourcis sont convertis par SPIP en code HTML selon la feuille de styles spip_styles.css.  En \u00e9ditant cette feuille de styles, il est possible de personnaliser une ou plusieurs de ces conversions. Pour cela, un simple \u00e9diteur de texte (comme le programme WordPad, livr\u00e9 avec Windows suffit. De plus, rien ne vous emp\u00eache de compl\u00e9ter la feuille de styles spip_styles.css en d\u00e9finissant les caract\u00e9ristiques de styles non SPIP. Ces styles s&rsquo;appliquent aux \u00e9l\u00e9ments concern\u00e9s lorsqu&rsquo;ils ils sont sp\u00e9cifi\u00e9s entre les marqueurs <HTML> et <\/HTML><\/p>\n<p><strong>Avant de commencer<br \/>\n<\/strong><\/p>\n<p>Il y a fort \u00e0 parier que vous avez d\u00e9j\u00e0 utilis\u00e9 un traitement de texte \u00e9volu\u00e9, tel que Word ou WordPerfect. Dans ce cas, vous savez certainement ce qu&rsquo;est un style. Cette entit\u00e9 permet de regrouper plusieurs attributs de formatage d un texte (comme la police, la taille, la graisse, la couleur et le type d&rsquo;alignement) sous un m\u00eame nom. Lorsque vous appliquez un style \u00e0 un bloc de texte, tous les attributs qu&rsquo;il renferme y sont affect\u00e9s en une seule op\u00e9ration. Si votre exp\u00e9rience des traitements de texte s&rsquo;\u00e9tend jusqu&rsquo;aux logiciels professionnels de PAO (programmation assist\u00e9 par ordinateur), vous connaissez bien les feuilles de styles. Ces documents sont utilis\u00e9s pour d\u00e9finir le nom et les caract\u00e9ristiques d&rsquo;un plusieurs styles. Lorsqu&rsquo;un nouveau document reposant sur une feuille de style est d\u00e9fini, il donne imm\u00e9diatement acc\u00e8s \u00e0 tous les styles correspondants.<\/p>\n<hr \/>\n<p><strong>Chapitre 6<br \/><\/strong><\/p>\n<p><strong>Cr\u00e9er sa propre mise en page<br \/><\/strong><\/p>\n<p>Toutes les informations qui constituent un site SPIP sont stock\u00e9es dans une base de donn\u00e9es MySQL. Pour afficher ces informations dans le site public, il faut extraire puis convertir les \u00e9l\u00e9ments ad\u00e9quats au format HTML. Cette op\u00e9ration est r\u00e9alis\u00e9e par l&rsquo;interm\u00e9diaire de pages HTML sp\u00e9cialis\u00e9es, appel\u00e9es \u00ab\u00a0squelettes\u00a0\u00bb. Ces pages contiennent des instructions qui indiquent quelles informations r\u00e9cup\u00e9rer et comment les agencer. Les pages visit\u00e9es ainsi reconstitu\u00e9es sont stock\u00e9es temporairement dans le dossier \/cache de SPIP, afin d&rsquo;\u00e9viter l&rsquo;ex\u00e9cution du squelette \u00e0 chaque consultation de la m\u00eame page. Cette technique r\u00e9duit le temps d&rsquo;occupation du serveur et acc\u00e9l\u00e8re la vitesse d&rsquo;affichage des pages d\u00e9j\u00e0 visit\u00e9es. Lorsqu&rsquo;un visiteur demande l&rsquo;affichage d&rsquo;une page, le dossier \/cache est parcouru. S&rsquo;il contient les donn\u00e9es correspondantes et que le d\u00e9lai de p\u00e9remption n&rsquo;est pas d\u00e9pass\u00e9, ces donn\u00e9es sont directement retourn\u00e9es au visiteur. Dans le cas contraire, la base de donn\u00e9es MySQL du site est interrog\u00e9e. Le r\u00e9sultat est stock\u00e9 dans le dossier \/cache et renvoy\u00e9 au visiteur.<\/p>\n<hr \/>\n<p><strong>Chapitre 7<br \/><\/strong><\/p>\n<p><strong>Squelettes types<br \/><\/strong><\/p>\n<p>Ce chapitre montre comment aller plus loin dans la personnalisation de votre site SPIP en utilisant un ou plusieurs squelettes. Pour vous aider \u00e0 faire vos premiers pas, nous analyserons quelques squelettes \u00e9l\u00e9mentaires. Cette premi\u00e8re \u00e9tape franchie, nous passerons en revue les principaux squelettes \u00e9l\u00e9mentaires pris en exemple sur le site de SPIP. Enfin, nous examinerons les squelettes par d\u00e9faut de SPIP, bien plus complexes que les pr\u00e9c\u00e9dents, mais aussi plus complets. Leur compr\u00e9hension vous permettra de concevoir sans difficult\u00e9 vos propres squelettes.<\/p>\n<p><strong>Un premier squelette<br \/>\n<\/strong><\/p>\n<p>Pour faire vos premiers pas, nous vous proposons un squelette \u00e9l\u00e9mentaire qui se contente d&rsquo;afficher la valeur d&rsquo;un ou plusieurs champs dans un article. Nous supposons ici que votre base de donn\u00e9es SPIP contient au moins un article dont voici le contenu:<br \/>\nTitre : Essai de tableau HTML<br \/>\nDescriptif rapide : Tableau \u00e9crit en HTML<br \/>\nChapeau : Ce tableau est trop complexe pour \u00eatre g\u00e9n\u00e9r\u00e9 par les codes typographiques de SPIP.<\/p>\n<hr \/>\n<p><strong>Chapitre 8<br \/><\/strong><\/p>\n<p><strong>Un projet SPIP de A \u00e0 Z<br \/>\n<\/strong><\/p>\n<p>A titre d&rsquo;exemple, nous allons vous montrer, \u00e9tape par \u00e9tape, comment le mini site \u00ab\u00a0<a href=\"http:\/\/www.deplaine.com\/ecrire\/articles_edit.php3?id_article=1614\">Le meilleur du freeware francophone<\/a>\u00a0\u00bb a \u00e9t\u00e9 r\u00e9alis\u00e9.<br \/>\nLes principales fonctions de ce site sont les suivantes:<br \/>\n&#8211; pr\u00e9sentation d&rsquo;une s\u00e9lection de freeware\/shareware francophones, tri\u00e9s par genre : bureautique, \u00e9ducation, graphisme, Internet, jeux, programmation et utilitaires<br \/>\n&#8211; possibilit\u00e9 d&rsquo;enregistrer un nouveau freeware\/shareware par son auteur;<br \/>\n&#8211; forum de discussion;<br \/>\n&#8211; lien vers le site externe non SPIP \u00a0\u00bb 1 0 000 sites Web francophones\u00a0\u00bb<br \/>\n&#8211; recherches \u00e0 l&rsquo;int\u00e9rieur du site.<\/p>\n<p><strong>Premi\u00e8re \u00e9tape : structure de la base<br \/>\n<\/strong><\/p>\n<p>Dans un premier temps, nous allons mettre en place la structure des rubriques\/sous rubriques\/articles\/br\u00e8ves. Mais auparavant, il est n\u00e9cessaire d&rsquo;installer SPIP chez l&rsquo;h\u00e9bergeur de votre choix. Pour cela, consultez la section \u00ab\u00a0Installer SPIP\u00a0\u00bb, au Chapitre 1.<\/p>\n<hr \/>\n<p><strong>Annexe A<br \/><\/strong><\/p>\n<p><strong>Les bases du langage PHP<br \/><\/strong><\/p>\n<p><strong>Le langage PHP<br \/><\/strong><br \/>\n<\/strong><br \/>\nVous avez pu le voir tout au long de cet ouvrage, il n&rsquo;est pas n\u00e9cessaire d&rsquo;\u00eatre un programmeur PHP pour utiliser SPIP. Avec quelques rudiments de HTML et gr\u00e2ce au \u00ab\u00a0sur langage\u00a0\u00bb PHP int\u00e9gr\u00e9 \u00e0 SPIP, il est tout \u00e0 fait possible de cr\u00e9er des sites de bonne qualit\u00e9. Cependant, certains lecteurs voudront certainement aller plus loin et manipuler la base de donn\u00e9es SPIP en utilisant PHP et MySQL. Ces deux annexes sont faites pour eux. L&rsquo;Annexe A donne les bases d&rsquo;utilisation des langages PHP et MySQL. L&rsquo;Annexe B r\u00e9f\u00e9rence les fonctions les plus courantes du langage PHP.<\/p>\n<p>Les moindres parcelles du langage PHP ne peuvent pas \u00eatre pass\u00e9es en revue dans cette annexe. Par contre, vous y trouverez le minimum requis pour commencer \u00e0 programmer en PHP.<\/p>\n<p>Pour savoir comment est organis\u00e9e la base de donn\u00e9es SPIP, nous vous conseillons vivement de consulter la documentation en ligne \u00e0 ce sujet. Rendez-vous sur le site <a href=\"http:\/\/www.uzine.net\/rubrique135.html\">http:\/\/www.spip.org\/<\/a>. Vous obtiendrez tous les renseignements n\u00e9cessaires pour s\u00e9lectionner puis extraire les donn\u00e9es que vous souhaitez afficher dans votre site.<\/p>\n<p><strong>Annexe B<br \/><\/strong><\/p>\n<p><strong>R\u00e9f\u00e9rence PHP<br \/>\n<\/strong><\/p>\n<p>PHP dispose de biblioth\u00e8ques de fonctions tr\u00e8s compl\u00e8tes. Dans cette annexe figurent les fonctions les plus courantes. Pour en savoir plus sur les fonctions accessibles en PHP, rendez-vous sur le site <a href=\"http:\/\/www.php.net\/manual\/fr\/\">www.php.net<\/a>.<\/p>\n<p><strong>Index<\/strong><\/p>\n<p><strong>SYMBOLES<\/strong><\/p>\n<p><code><H6>  71<\/p>\n<p><HR> 73<\/code>  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>SPIP. Syst\u00e8me de Publication pour l&rsquo;Internet<\/p>\n<p>SPIP, la conception de sites Web \u00e0 la port\u00e9e de tous.<\/p>\n<p>Si vous avez d\u00e9j\u00e0 con\u00e7u des sites Web, vous avez pu constater que la t\u00e2che n&rsquo;\u00e9tait pas aussi simple que vous pouviez la penser. <\/p>\n<p>Avec SPIP, la cr\u00e9ation de sites est vraiment \u00e0 la port\u00e9e de tous.<br \/>\nDestin\u00e9 \u00e0 \u00eatre utilis\u00e9 de fa\u00e7on collaborative afin de partager les comp\u00e9tences de plusieurs webmasters, r\u00e9dacteurs et graphistes, cet environnement de d\u00e9veloppement s&rsquo;installe et s&#8217;emploie tr\u00e8s facilement.<br \/>\nLa mise en page des information saisies est automatique et la mise en place de forums de discution des plus simples&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1074,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_citadela_custom_class":"","footnotes":""},"categories":[18],"tags":[],"class_list":["post-1076","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-medias"],"_links":{"self":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/posts\/1076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1076"}],"version-history":[{"count":0,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/posts\/1076\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/media\/1074"}],"wp:attachment":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}