<?xml 
version="1.0" encoding="utf-8"?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
>

<channel xml:lang="fr">
	<title>Le Pic</title>
	<link>http://www.le-pic.org/</link>
	<description>Projet internet et Citoyennet&#233;. Fond&#233; en 1998 notamment &#224; l'initiative d'&#233;lus municipaux Ramonvillois, le Projet Internet et Citoyennet&#233; oeuvre depuis &#224; l'&#233;largissement sans exclusion d'une communaut&#233; avertie en mati&#232;re de pratiques de communication en ligne. Il met &#224; la port&#233;e du tissu associatif local tout le processus de fabrication et de mise en ligne de sites Internet et assure &#224; ses associations adh&#233;rentes l'h&#233;bergement sur ses serveurs.
Le &quot;Projet Internet et Citoyennet&#233;&quot; a son si&#232;ge &#224; Ramonville Saint-Agne, en Haute-Garonne.</description>
	<language>fr</language>
	<generator>SPIP - www.spip.net</generator>




<item xml:lang="fr">
		<title>Images du forum des Associations Ramonvilloises du 4 septembre 2010</title>
		<link>http://www.le-pic.org/spip.php?article516</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article516</guid>
		<dc:date>2010-09-05T09:25:20Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>Le 4 septembre 2010 s'est tenu le 9&#232;me Forum des Associations de Ramonville Saint-Agne, auquel cette fois le PIC a particip&#233;. C'&#233;tait l'occasion de rencontrer les associations de Ramonville et de faire connaissance avec celles qui ne connaissaient pas le PIC. Cet article a simplement pour objectif de garder trace de l'&#233;v&#233;nement. Notez que les vid&#233;os soient de pi&#232;tre qualit&#233; car r&#233;alis&#233;s avec un appareil photo et non un cam&#233;scope...l'encodage pour la mise en ligne a &#233;t&#233; effectu&#233; en recourant (...)

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique85" rel="directory"&gt;Blog des adh&#233;rents&lt;/a&gt;


		</description>


 <content:encoded>&lt;img class='spip_logos' alt=&quot;&quot; align=&quot;right&quot; src=&quot;http://www.le-pic.org/local/cache-vignettes/L80xH80/arton516-0dc11.jpg&quot; width='80' height='80' style='height:80px;width:80px;' /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Le 4 septembre 2010 s'est tenu le 9&lt;sup&gt;&#232;me&lt;/sup&gt; Forum des Associations de Ramonville Saint-Agne, auquel cette fois le PIC a particip&#233;. C'&#233;tait l'occasion de rencontrer les associations de Ramonville et de faire connaissance avec celles qui ne connaissaient pas le PIC.&lt;/p&gt; &lt;p&gt;Cet article a simplement pour objectif de garder trace de l'&#233;v&#233;nement.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;i&gt;Notez que les vid&#233;os soient de pi&#232;tre qualit&#233; car r&#233;alis&#233;s avec un appareil photo et non un cam&#233;scope...l'encodage pour la mise en ligne a &#233;t&#233; effectu&#233; en recourant exclusivement &#224; des logiciels libres&lt;/i&gt; [&lt;a href='#nb1' class='spip_note' rel='footnote' title='Avidemux pour la r&#233;duction, ffmpeg pour la conversion en .flv' id='nh1'&gt;1&lt;/a&gt;].&lt;/p&gt; &lt;p&gt;Les d&#233;buts des d&#233;monstrations de l'UCR Judo de Ramonville :&lt;/p&gt; &lt;dl class='spip_document_664 spip_documents'&gt; &lt;dt class='spip_doc_titre'&gt; &lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; width=&quot;400&quot; height=&quot;300&quot;&gt; &lt;param name=&quot;movie&quot; value=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; /&gt; &lt;param name=&quot;FlashVars&quot; value=&quot;flv=http://www.le-pic.org/IMG/flv/demo_judo_1.flv&amp;width=400&amp;height=300&amp;bgcolor1=ffffff&amp;bgcolor2=cccccc&amp;buttoncolor=999999&amp;buttonovercolor=0&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=666666&amp;textcolor=0&amp;showstop=1&amp;title=&amp;ondoubleclick=fullscreen&amp;showfullscreen=1&amp;autoplay=0&quot; /&gt; &lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot; /&gt; &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt; &lt;span&gt;&lt;a href=&quot;http://www.le-pic.org/IMG/flv/demo_judo_1.flv&quot; rel=&quot;enclosure&quot;&gt;IMG/flv/demo_judo_1.flv&lt;/a&gt;&lt;/span&gt; &lt;/object&gt; &lt;/dt&gt; &lt;/dl&gt;
&lt;dl class='spip_document_709 spip_documents'&gt; &lt;dt class='spip_doc_titre'&gt; &lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; width=&quot;400&quot; height=&quot;300&quot;&gt; &lt;param name=&quot;movie&quot; value=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; /&gt; &lt;param name=&quot;FlashVars&quot; value=&quot;flv=http://www.le-pic.org/IMG/flv/demo_judo_2.flv&amp;width=400&amp;height=300&amp;bgcolor1=ffffff&amp;bgcolor2=cccccc&amp;buttoncolor=999999&amp;buttonovercolor=0&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=666666&amp;textcolor=0&amp;showstop=1&amp;title=&amp;ondoubleclick=fullscreen&amp;showfullscreen=1&amp;autoplay=0&quot; /&gt; &lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot; /&gt; &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt; &lt;span&gt;&lt;a href=&quot;http://www.le-pic.org/IMG/flv/demo_judo_2.flv&quot; rel=&quot;enclosure&quot;&gt;IMG/flv/demo_judo_2.flv&lt;/a&gt;&lt;/span&gt; &lt;/object&gt; &lt;/dt&gt; &lt;/dl&gt;
&lt;p&gt;D&#233;monstration de judo au sol avec des tous petits :&lt;/p&gt; &lt;dl class='spip_document_711 spip_documents'&gt; &lt;dt class='spip_doc_titre'&gt; &lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; width=&quot;400&quot; height=&quot;300&quot;&gt; &lt;param name=&quot;movie&quot; value=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; /&gt; &lt;param name=&quot;FlashVars&quot; value=&quot;flv=http://www.le-pic.org/IMG/flv/demo_judo_4-judo_au_sol.flv&amp;width=400&amp;height=300&amp;bgcolor1=ffffff&amp;bgcolor2=cccccc&amp;buttoncolor=999999&amp;buttonovercolor=0&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=666666&amp;textcolor=0&amp;showstop=1&amp;title=&amp;ondoubleclick=fullscreen&amp;showfullscreen=1&amp;autoplay=0&quot; /&gt; &lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot; /&gt; &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt; &lt;span&gt;&lt;a href=&quot;http://www.le-pic.org/IMG/flv/demo_judo_4-judo_au_sol.flv&quot; rel=&quot;enclosure&quot;&gt;IMG/flv/demo_judo_4-judo_au_sol.flv&lt;/a&gt;&lt;/span&gt; &lt;/object&gt; &lt;/dt&gt; &lt;/dl&gt;
&lt;p&gt;L'animation musicale r&#233;alis&#233;e par l'Association Ali Alaoui (extrait) :&lt;/p&gt; &lt;dl class='spip_document_712 spip_documents'&gt; &lt;dt class='spip_doc_titre'&gt; &lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; width=&quot;400&quot; height=&quot;300&quot;&gt; &lt;param name=&quot;movie&quot; value=&quot;plugins/auto/Lecteur_multimedia/flash/player_flv_maxi.swf&quot; /&gt; &lt;param name=&quot;FlashVars&quot; value=&quot;flv=http://www.le-pic.org/IMG/flv/Association_Ali_Alaoui_2010_09_04.flv&amp;width=400&amp;height=300&amp;bgcolor1=ffffff&amp;bgcolor2=cccccc&amp;buttoncolor=999999&amp;buttonovercolor=0&amp;slidercolor1=cccccc&amp;slidercolor2=999999&amp;sliderovercolor=666666&amp;textcolor=0&amp;showstop=1&amp;title=&amp;ondoubleclick=fullscreen&amp;showfullscreen=1&amp;autoplay=0&quot; /&gt; &lt;param name=&quot;allowFullScreen&quot; value=&quot;true&quot; /&gt; &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt; &lt;span&gt;&lt;a href=&quot;http://www.le-pic.org/IMG/flv/Association_Ali_Alaoui_2010_09_04.flv&quot; rel=&quot;enclosure&quot;&gt;IMG/flv/Association_Ali_Alaoui_2010_09_04.flv&lt;/a&gt;&lt;/span&gt; &lt;/object&gt; &lt;/dt&gt; &lt;/dl&gt;
&lt;p&gt;Sur ce dernier Vid&#233;o on aper&#231;oit Jean-Louis qui nous a gentiment pr&#234;t&#233; sa rallonge tout au long du forum (merci Jean-Louis !).&lt;/p&gt; &lt;p&gt;Les photos jointes &#224; cet article ainsi que les extraits vid&#233;o sont &#169; 2010 &quot;Projet Internet et Citoyennet&#233;&quot; librement redistribuables et exploitables, car couverts par la licence &lt;a href=&quot;http://creativecommons.org/licenses/by/2.0/fr/&quot;&gt;Creative Commons BY version 2.0&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Pour r&#233;cup&#233;rer les vid&#233;os, installez sur le navigateur &lt;a href=&quot;http://www.geckozone.org/telechargement/&quot; class='spip_out' rel='external'&gt;Mozilla Firefox&lt;/a&gt; ou un ses d&#233;riv&#233;s (Iceweasel, Camino, SeaMonkey) le module &lt;a href=&quot;https://addons.mozilla.org/fr/firefox/addon/3006/&quot; class='spip_out' rel='external'&gt;Download Helper&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Si votre association souhaite r&#233;cup&#233;rer certains de ces documents au format de la prise de vue, &lt;a href=&quot;http://www.le-pic.org/spip.php?article442&quot; class='spip_in'&gt;n'h&#233;sitez pas &#224; nous contacter&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;
		&lt;hr /&gt;
		&lt;div class='rss_notes'&gt;&lt;p&gt;[&lt;a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'&gt;1&lt;/a&gt;] Avidemux pour la r&#233;duction, ffmpeg pour la conversion en .flv&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0001.jpg" length="118683" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0002.jpg" length="107043" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0003.jpg" length="91527" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0004.jpg" length="112476" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0005.jpg" length="101779" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0006.jpg" length="98992" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0007.jpg" length="97361" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0008.jpg" length="67957" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0009.jpg" length="80086" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0010.jpg" length="76519" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0011.jpg" length="66068" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0012.jpg" length="74370" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0013.jpg" length="80989" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0014.jpg" length="70856" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0015.jpg" length="72882" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0016.jpg" length="74045" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0017.jpg" length="71621" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0018.jpg" length="65652" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0019.jpg" length="93131" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0020.jpg" length="81728" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0021.jpg" length="57923" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0022.jpg" length="68396" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0023.jpg" length="98658" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0024.jpg" length="100039" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0025.jpg" length="108017" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0026.jpg" length="81266" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0027.jpg" length="78746" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0028.jpg" length="88984" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0029.jpg" length="66478" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0030.jpg" length="61832" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0031.jpg" length="64546" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0032.jpg" length="108416" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0033.jpg" length="97556" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0035.jpg" length="124673" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0037.jpg" length="83363" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0038.jpg" length="88269" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0039.jpg" length="90015" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0044.jpg" length="116466" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0045.jpg" length="117976" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0046.jpg" length="118934" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0047.jpg" length="126003" type="image/jpeg" />
		
		<enclosure url="http://www.le-pic.org/IMG/jpg/forum_assos_ramonville_2010-0048.jpg" length="118397" type="image/jpeg" />
		

	</item>
<item xml:lang="fr">
		<title>Handi-social</title>
		<link>http://www.le-pic.org/spip.php?article504</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article504</guid>
		<dc:date>2010-08-01T12:06:47Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>


		<dc:subject>h&#233;bergement</dc:subject>

		<description>L'association Handi-social d&#233;fend les droits des personnes en situation de handicap ou de maladies invalidantes. Son site est en cours de mise en place sur le serveur du PIC ; les contenus peuvent y demeurer encore incomplets ; en attendant, vous pouvez toujours acc&#233;der &#224; l'ancien site d'handi-social ici.

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique44" rel="directory"&gt;02. Les associations adh&#233;rentes&lt;/a&gt;

/ 
&lt;a href="http://www.le-pic.org/spip.php?mot1" rel="tag"&gt;h&#233;bergement&lt;/a&gt;

		</description>


 <content:encoded>&lt;img class='spip_logos' alt=&quot;&quot; align=&quot;right&quot; src=&quot;http://www.le-pic.org/local/cache-vignettes/L80xH80/arton504-6fa97.png&quot; width='80' height='80' style='height:80px;width:80px;' /&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;L'association Handi-social d&#233;fend les droits des personnes en situation de handicap ou de maladies invalidantes.&lt;/p&gt; &lt;p&gt;Son site est en cours de mise en place sur le serveur du PIC ; les contenus peuvent y demeurer encore incomplets ; en attendant, &lt;a href=&quot;http://handi.social.free.fr/&quot; class='spip_out' rel='external'&gt;vous pouvez toujours acc&#233;der &#224; l'ancien site d'handi-social ici&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://www.handi-social.fr/" class="spip_out"&gt;Handi-social&lt;/a&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>09. Mise &#224; niveau de son SPIP</title>
		<link>http://www.le-pic.org/spip.php?article517</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article517</guid>
		<dc:date>2010-07-31T07:06:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>&lt;p&gt;Passer &#224; nouvelle version du CMS&lt;/p&gt;

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique98" rel="directory"&gt;03. D&#233;velopper votre SPIP sur votre machine locale&lt;/a&gt;


		</description>


 <content:encoded>&lt;img class='spip_logos' alt=&quot;&quot; align=&quot;right&quot; src=&quot;http://www.le-pic.org/local/cache-vignettes/L80xH80/arton517-4298b.png&quot; width='80' height='80' style='height:80px;width:80px;' /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Cet article est publi&#233; dans cette section car il est toujours recommand&#233; d'effectuer un test sur une copie locale avant de proc&#233;der &#224; la mise-&#224;-niveau de votre site de production (au public).&lt;/p&gt; &lt;p&gt;Ainsi les anicroches et &#233;ventuelles adaptations ne profitent pas &#224; tout le monde (!), et vous vous garantissez un acc&#232;s constant du public &#224; vos contenus, et un minimum de pertubation lors de ces op&#233;rations, lorsqu'au final vous mettez votre site de production &#224; jour &#224; son tour. [&lt;a href='#nb1' class='spip_note' rel='footnote' title='En cas de probl&#232;me ou de difficult&#233; particuli&#232;re, n'h&#233;sitez pas &#224; nous (...)' id='nh1'&gt;1&lt;/a&gt;]&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p style=&quot;border:1px solid red; font-weight:600;padding:12px;width:640px; margin-bottom:26px;&quot;&gt;RAPPEL ! Effectuez toujours une sauvegarde de toutes vos donn&#233;es et plus g&#233;n&#233;ralement de tout votre site avant d'intervenir sur les fichiers sources de votre syst&#232;me de publication, vous assurant en cas de probl&#232;me de pouvoir remettre tout en place !&lt;/p&gt; &lt;h3 class=&quot;spip&quot;&gt;Tout d'abord, doit-on mettre &#224; jour syst&#233;matiquement son SPIP ?&lt;/h3&gt;
&lt;p&gt;La r&#233;ponse &#224; cette question est OUI.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; En mettant r&#233;guli&#232;rement &#224; jour votre CMS, vous vous assurez que les failles de s&#233;curit&#233; d&#233;busqu&#233;es par les d&#233;veloppeurs de SPIP soient au maximum colmat&#233;es ;&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; En mettant r&#233;guli&#232;rement &#224; jour votre CMS, vous vous &#233;pargnez la masse travail et de souci que peut occasionner le passage d'une version tr&#232;s d&#233;pass&#233;e de votre syst&#232;me de publication vers la version sa plus r&#233;cente.&lt;/p&gt; &lt;h3 class=&quot;spip&quot;&gt;C'est quoi le principe ?&lt;/h3&gt;
&lt;p&gt;C'est tr&#232;s simple, la mise &#224; jour consiste &#224; &#233;craser les fichiers de l'ancien spip avec ceux du nouveau. En somme vous copiez les nouveaux fichiers et r&#233;pertoires dans le r&#233;pertoire o&#249; se trouve vos fichiers de SPIP.&lt;/p&gt; &lt;p&gt;Mais bien s&#251;r typiquement, puisque nous parlons d'un SPIP existant, diff&#233;rent r&#233;pertoires gagnent &#224; rester tels quels sans qu'on ait &#224; les remplacer :&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; config, qui contient le param&#233;trage de connexion &#224; la base de donn&#233;es
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; /IMG, qui contient tous les fichiers attach&#233;s &#224; votre site
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; /local, qu'il suffira &#233;ventuellement de purger [&lt;a href='#nb2' class='spip_note' rel='footnote' title='Bien s&#251;r si on purge /tmp on perd ses donn&#233;&#233;s de session et doit (...)' id='nh2'&gt;2&lt;/a&gt;]
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; /tmp, qu'on gagnera &#224; simplement purger lui aussi&lt;/p&gt; &lt;p&gt;Garder ces r&#233;pertoires tels quels n'a aucune incidence sur la mise &#224; niveau.&lt;/p&gt; &lt;p&gt;Donc, typiquement, &#224; l'heure de la la mise-&#224;-niveau vers SPIP 2.1.2, vous allez s&#233;lectionner dans l'archive d&#233;compact&#233;e du dernier spip r&#233;cup&#233;r&#233;e ( un conseil : une fois d&#233;compact&#233;e, renommez le r&#233;pertoire spip en la compl&#233;tant d'une indication de version ; typiquement &lt;code class='spip_code' dir='ltr'&gt;spip_2_1_2&lt;/code&gt;) puis copier et coller dans le r&#233;pertoire du site :&lt;/p&gt; &lt;p&gt;Les r&#233;pertoires :&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; ecrire
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; extensions
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; prive
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; squelettes-dist&lt;/p&gt; &lt;p&gt;Et les fichiers :&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; CHANGELOG.txt
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; COPYING.txt
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; htaccess.txt
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; INSTALL.txt
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; index.php
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; rien.gif
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; spip.php
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; svn.revision&lt;/p&gt; &lt;p&gt;Suite &#224; quoi, suivant les passages de version &#224; version, SPIP &#224; votre premi&#232;re connexion dans l'interface priv&#233;e, pourra vous demander (ou pas) de patienter durant la mise-niveau de votre base de donn&#233;es.&lt;/p&gt; &lt;p&gt;Si tout se passe bien : vous n'obtenez aucune erreur, et votre site fonctionne &#224; votre gr&#233;, affichant fi&#232;rement en bas des pages de l'espace priv&#233; sa version nouvellement mise-&#224;-jour, votre site est alors &#224; niveau !&lt;/p&gt; &lt;h3 class=&quot;spip&quot;&gt;Passer de SPIP 1.9.x &#224; une version de g&#233;n&#233;ration 2.x ?&lt;/h3&gt;
&lt;p&gt;Un conseil : commencez par mettre votre spip &#224; niveau avec la toute derni&#232;re version de spip de g&#233;n&#233;ration 1.9.x, puis alors proc&#233;dez &#224; la mise &#224; niveau vers la g&#233;n&#233;ration 2.x&lt;/p&gt; &lt;p&gt;Si tout s'est bien pass&#233;, vous pourrez alors &#233;liminer les r&#233;pertoires suivant qui n'auront plus aucune utilit&#233; :&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; dist
&lt;br /&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; oo&lt;/p&gt; &lt;h3 class=&quot;spip&quot;&gt;Mise &#224; jour des plugins et squelettes ?&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;g&#233;n&#233;ration 1.9.x &#224; g&#233;n&#233;ration 2.x&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Si vous passez d'une g&#233;n&#233;ration 1.9.x &#224; une g&#233;n&#233;ration 2.x, et vous utilisez des plugins, il y a incompatibilit&#233; totale de vos plugins avec la g&#233;n&#233;ration 2.x&lt;/p&gt; &lt;p&gt;Le conseil dans ce cas l&#224;, c'est de commencer, avant la mise &#224; niveau, par supprimer les plugins et v&#233;rifier que votre site se comporte normalement apr&#232;s cette suppression.&lt;/p&gt; &lt;p&gt;Apr&#232;s la mise &#224; niveau, utilisez le syt&#232;me automatis&#233; d'installation offert par la g&#233;n&#233;ration 2.x de SPIP, pour ajouter des plugins.&lt;/p&gt; &lt;p&gt;Si vous avez des squelettes personnalis&#233;s, pr&#233;voyez de devoir les r&#233;viser lors d'une mise &#224; niveau de cet ordre, et consultez en pr&#233;alable &lt;a href=&quot;http://www.spip.net/rubrique155.html&quot; class='spip_out' rel='external'&gt;les articles se rapportant aux &#233;volutions des diff&#233;rentes mises-&#224;-jour de spip sur spip.net&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Mise &#224; niveau ordinaire des plugins&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Si vous utilisez l'installation automatique des plugins, v&#233;rifiez d'abord que vos sources de r&#233;cup&#233;ration coincident avec la version en cours.&lt;/p&gt; &lt;p&gt;Si vous voulez &quot;actualiser&quot; vos plugins en service, t&#233;l&#233;chargez-les tout simplement depuis le section &quot;gestion des plugins&quot; comme s'ils n'&#233;taient pas install&#233;s. Cel&#224; fera correspondre leur version install&#233;e avec le plus r&#233;cente &#233;crite et corrig&#233;e par leurs d&#233;veloppeurs. [&lt;a href='#nb3' class='spip_note' rel='footnote' title='Si vous rencontrez des erreurs lors de manipulations de vos plugins, qu'il (...)' id='nh3'&gt;3&lt;/a&gt;]&lt;/p&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://www.spip.net/fr_article1318.html" class="spip_out"&gt;Effectuer une mise &#224; jour - l'article de SPIP.NET&lt;/a&gt;&lt;/div&gt;
		&lt;hr /&gt;
		&lt;div class='rss_notes'&gt;&lt;p&gt;[&lt;a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'&gt;1&lt;/a&gt;] En cas de probl&#232;me ou de difficult&#233; particuli&#232;re, &lt;a href=&quot;http://www.le-pic.org/spip.php?article282&quot; class='spip_in'&gt;n'h&#233;sitez pas &#224; nous solliciter, b&#233;n&#233;voles du PIC&lt;/a&gt;, pour vous aider &#224; r&#233;aliser ces op&#233;rations !&lt;/p&gt;&lt;p&gt;[&lt;a href='#nh2' id='nb2' class='spip_note' title='Notes 2' rev='footnote'&gt;2&lt;/a&gt;] Bien s&#251;r si on purge /tmp on perd ses donn&#233;&#233;s de session et doit s'authentifier &#224; nouveau ensuite pour acc&#233;der &#224; l'interface priv&#233;e du CMS&lt;/p&gt; &lt;p&gt;[&lt;a href='#nh3' id='nb3' class='spip_note' title='Notes 3' rev='footnote'&gt;3&lt;/a&gt;] Si vous rencontrez des erreurs lors de manipulations de vos plugins, qu'il s'agisse d'installation, d'activation, d&#233;sactivation ou d&#233;sinstallation, essayez de purger votre votre r&#233;pertoire /tmp avant de vous alarmer ; cel&#224; r&#232;gle souvent le probl&#232;me.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>05. Mettre en ligne des documents sup&#233;rieurs &#224; 2Mo avec SPIP</title>
		<link>http://www.le-pic.org/spip.php?article506</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article506</guid>
		<dc:date>2010-07-23T04:49:55Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>&lt;p&gt;Insertion de documents volumineux&lt;/p&gt;

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique46" rel="directory"&gt;01. Installation et utilisation de SPIP&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_chapo'&gt;&lt;p&gt;Quoique leur poids contrarient les visites des personnes disposant de liaisons Internet &#224; bas d&#233;bit, il peut se r&#233;v&#233;ler n&#233;cessaire d'uploader dans SPIP des fichiers d'une taille sup&#233;rieure &#224; 2 Mo, par exemple pour mettre en ligne des sons .mp3 ou des vid&#233;os .flv &#224; destination du plugin &lt;a href=&quot;http://www.spip-contrib.net/Lecteur-Multimedia&quot; class='spip_out' rel='external'&gt;Lecteur Multim&#233;dia&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;Spip propose un m&#233;canisme simple pour y parvenir. C'est ce que d&#233;crit cet article.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;La m&#233;thode consiste &#224; transf&#233;rer en pr&#233;alable en FTP vos fichiers volumineux dans le r&#233;pertoire &lt;strong&gt;&lt;code class='spip_code' dir='ltr'&gt;/tmp/upload&lt;/code&gt;&lt;/strong&gt; de votre SPIP.&lt;/p&gt; &lt;p&gt;&lt;span class='spip_document_628 spip_documents spip_documents_left' style='float:left; width:279px;'&gt;
&lt;img src='http://www.le-pic.org/local/cache-vignettes/L279xH270/gel_upload_001-d1e79.jpg' width='279' height='270' alt=&quot;&quot; style='height:270px;width:279px;' /&gt;&lt;/span&gt;Lorsqu'un fichier s'y trouve, il est possible de l'attacher directement &#224; un article en d&#233;ployant la petite fl&#232;che gauche de la boite de dialogue d'ajout de documents accessible en bas de page d'&#233;dition de l'article.&lt;/p&gt; &lt;p&gt;Le choix de fichier effectu&#233;, ce dernier est alors dupliqu&#233; dans le sous-r&#233;pertoire de &lt;strong&gt;&lt;code class='spip_code' dir='ltr'&gt;/IMG&lt;/code&gt;&lt;/strong&gt; correspondant &#224; son format. Il peut alors &#234;tre exploit&#233; comme n'importe quel autre fichier attach&#233; &#224; SPIP.&lt;/p&gt; &lt;p&gt;La copie dans &lt;strong&gt;&lt;code class='spip_code' dir='ltr'&gt;/tmp/upload&lt;/code&gt;&lt;/strong&gt; n'a alors plus d'utilit&#233; et on gagnera &#224; l'effacer en ftp afin de limiter les charges inutiles en octet sur le serveur d'h&#233;bergement.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>03. Utiliser Zpip pour &quot;relooker&quot; rapidement son SPIP</title>
		<link>http://www.le-pic.org/spip.php?article505</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article505</guid>
		<dc:date>2010-07-22T12:23:58Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>&lt;p&gt;Mise en place de th&#232;mes sous forme de Plugins&lt;/p&gt;

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique102" rel="directory"&gt;02. Plugins de SPIP&lt;/a&gt;


		</description>


 <content:encoded>&lt;img class='spip_logos' alt=&quot;&quot; align=&quot;right&quot; src=&quot;http://www.le-pic.org/local/cache-vignettes/L80xH80/arton505-f1797.png&quot; width='80' height='80' style='height:80px;width:80px;' /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Le couplage des plugin Zpip et Zen Garden vous permet de rapidement doter votre SPIP d'un th&#232;me esth&#233;tique, au moins provisoirement.&lt;/p&gt; &lt;p&gt;Cette solution rapide peut se r&#233;v&#233;ler adapt&#233;e si vous n'aimez pas l'aspect spartiate des squelettes basiques et n'avez pas le temps de fabriquer votre propre habillage et attendez d'en avoir.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Afin que cette solution soit op&#233;rationnelle, vous devrez &lt;a href=&quot;http://www.le-pic.org/spip.php?article485&quot; class='spip_in'&gt;installer les plugins&lt;/a&gt; &lt;strong&gt;Zpip&lt;/strong&gt; [&lt;a href='#nb1' class='spip_note' rel='footnote' title='Zpip requiert l'installation des plugins Spip-bonux, Menu, et &#233;ventuellement (...)' id='nh1'&gt;1&lt;/a&gt;] et &lt;strong&gt;Zen Garden&lt;/strong&gt; ainsi que cr&#233;er un r&#233;pertoire &lt;code class='spip_code' dir='ltr'&gt;themes&lt;/code&gt; &#224; la racine de votre SPIP.&lt;/p&gt; &lt;p&gt;C'est dans ce r&#233;pertoire que vous installerez les r&#233;pertoires de th&#232;mes une fois ceux-ci d&#233;compact&#233;s.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.spip-contrib.net/Installer-Zpip-pas-a-pas&quot; class='spip_out' rel='external'&gt;Pour en savoir plus sur Zpip c'est ici&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.spip-contrib.net/SPIP-Zen-Garden&quot; class='spip_out' rel='external'&gt;Pour en savoir plus sur Zen Garden, le gestionnaire de th&#232;mes, c'est ici&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Vous trouverez les diff&#233;rents th&#232;mes disponibles compatibles avec Zpip &#224; l'url &lt;a href=&quot;http://www.spip-contrib.net/Themes&quot; class='spip_url spip_out' rel='external'&gt;http://www.spip-contrib.net/Themes&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		&lt;div class="hyperlien"&gt;Voir en ligne : &lt;a href="http://www.spip-contrib.net/Installer-Zpip-pas-a-pas" class="spip_out"&gt;L'installation d&#233;taill&#233;e de Zpip sur Spip-contrib&lt;/a&gt;&lt;/div&gt;
		&lt;hr /&gt;
		&lt;div class='rss_notes'&gt;&lt;p&gt;[&lt;a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'&gt;1&lt;/a&gt;] Zpip requiert l'installation des plugins &lt;a href=&quot;http://www.spip-contrib.net/SPIP-Bonux&quot; class='spip_out' rel='external'&gt;Spip-bonux&lt;/a&gt;, &lt;a href=&quot;http://www.spip-contrib.net/Plugin-Menus&quot; class='spip_out' rel='external'&gt;Menu&lt;/a&gt;, et &#233;ventuellement &lt;a href=&quot;http://www.spip-contrib.net/Un-slogan-pour-votre-site-SPIP-2-0&quot; class='spip_out' rel='external'&gt;Slogan&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>01. Conseils m&#233;thodologiques pr&#233;alables &#224; la conception de vos squelettes spip</title>
		<link>http://www.le-pic.org/spip.php?article489</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article489</guid>
		<dc:date>2010-07-18T15:24:07Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>Une documentation imposante existe sur Internet et qui vous permettra d'acqu&#233;rir progressivement les savoirs-faire pour d&#233;velopper votre site SPIP. La touffeur de ces documentations est repr&#233;sentative de l'&#233;tendue des domaines techniques mis en jeu. C'est pourquoi vous gagnerez &#224; ne pas oublier la possibilit&#233; pour vous d'&#233;changer avec d'autres personnes adh&#233;rentes au PIC sur vos projets et les difficult&#233;s &#233;ventuelles que pourrez rencontrer. Le PIC est l&#224; pour &#231;a. C'est pourquoi aussi il est (...)

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique99" rel="directory"&gt;05. Squelettes SPIP&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_chapo'&gt;&lt;p&gt;Une documentation imposante existe sur Internet et qui vous permettra d'acqu&#233;rir progressivement les savoirs-faire pour d&#233;velopper votre site SPIP.&lt;/p&gt; &lt;p&gt;La touffeur de ces documentations est repr&#233;sentative de l'&#233;tendue des domaines techniques mis en jeu. C'est pourquoi vous gagnerez &#224; ne pas oublier la possibilit&#233; pour vous d'&#233;changer avec d'autres personnes adh&#233;rentes au PIC sur vos projets et les difficult&#233;s &#233;ventuelles que pourrez rencontrer. Le PIC est l&#224; pour &#231;a.&lt;/p&gt; &lt;p&gt;C'est pourquoi aussi il est indispensable que le projet de communication que recouvre la construction de votre portail SPIP soit suffisament mature et formul&#233;, que des contenus r&#233;dactionnels soient pr&#234;ts &#224; &#234;tre publi&#233;s et que les finalit&#233;s de votre site soient bien cern&#233;es avant de vous atteler &#224; l'&#233;criture de codes ; faute de quoi le risque est que vous obteniez un r&#233;sultat qu'il vous faille modifier en profondeur d&#232;s sa mise en service, et qu'en terme d'acquisition de savoirs-faire vous consacriez &#233;norm&#233;ment de temps &#224; acquerir &#233;norm&#233;ment de connaissances, sans forc&#233;ment qu'elles soient utiles &#224; votre projet proprement dit.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;strong&gt;&#201;tablir un cahier des charges&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Avec le plus d'adh&#233;rents possibles de votre association, organisez une table-ronde pour laisser s'exprimer le plus de regards et de propositions possibles &#224; propos du projet et de ses &#233;tapes ant&#233;rieures s'il en a. N'h&#233;sitez pas avant cette rencontre, &#224; inciter un maximum de participants &#224; lire l'excellent &lt;a href=&quot;http://fr.selfhtml.org/projet/planifier.htm&quot; class='spip_out' rel='external'&gt;document d&#233;crivant la conduite de projet Internet sur SELFHTML&lt;/a&gt;&lt;/p&gt; &lt;p&gt;Listez avec exhaustivit&#233; tous les points remarqu&#233;s et concertez-vous pour en d&#233;finir les plus significatifs. Cette &#233;tape est fondammentale pour l'appropriation de votre futur outil par un maximum de b&#233;n&#233;voles parmi vos adh&#233;rents.&lt;/p&gt; &lt;p&gt;Ne consid&#233;rez pas les assertions en cours de d&#233;bat se rapportant &#224; la conduite du projet et l'organisation de votre association comme des hors-sujets ou des points marginaux : a contrario, la mise en oeuvre d'un projet de communication sur Internet est une opportunit&#233; pour mieux appr&#233;hender ces questions dans la dur&#233;e, car ce sont les r&#233;alit&#233;s de votre structure qui d&#233;terminent l'avenir de votre site Internet et pas le contraire.&lt;/p&gt; &lt;p&gt;C'est seulement apr&#232;s avoir ainsi list&#233; vos souhaits, besoins et critiques, que vous disposerez du mat&#233;riau utile pour concevoir une ergonomie adapt&#233;e aux besoins de votre association. Contrairement &#224; l'id&#233;e re&#231;ue, un responsable de projet s'il en existe, fait d'autant plus un bon travail qu'il a l'impression de l'effectuer en ex&#233;cutant plut&#244;t qu'en concepteur.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;N'attendez pas d'avoir d&#233;velopp&#233; le projet pour mettre un SPIP en ligne et en service&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Si votre choix s'est port&#233; vers SPIP, ce dont t&#233;moigne votre projet de le personnaliser, alors n'h&#233;sitez pas &#224; un en mettre une version en service pour vos adh&#233;rents, afin de leur permettre de s'approprier et de prendre en main cet outil, et l'enrichir le plus possible de leurs contenus. M&#234;me si ce site SPIP public utilise les squelettes par d&#233;faut plut&#244;t aust&#232;res du CMS, ce n'est pas bien grave et bien plus f&#233;cond que pas de site dutout ou des pages en html qu'il faudra r&#233;-&#233;crire plus tard une fois vos squelettes termin&#233;s.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Disssociez au d&#233;part l'esth&#233;tique du fonctionnel, et donnez ce dernier la premi&#232;re des priorit&#233;s suivant celle des contenus&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Comme une mise en forme pr&#233;matur&#233;e nuit &#224; la r&#233;daction sur le fond d'un texte, le m&#233;lange entre d&#233;veloppement des fonctionnalit&#233;s et &#233;laboration de l'esth&#233;tique du r&#233;sultat nuira consid&#233;rablement au d&#233;veloppement efficace de vos squelettes.&lt;/p&gt; &lt;p&gt;Aussi interrogez-vous en priorit&#233; quant aux contenus qui seront appel&#233;s dans vos diff&#233;rentes pages et quant aux m&#233;thodes que vous utiliserez pour en faciliter la consultation par vos visiteurs.
Car si cette partie est insuffisamment anticip&#233;e, vous devrez forc&#233;ment remettre &#224; plat des sch&#233;mas de pr&#233;sentation inadapt&#233;s &#224; l'affichage des r&#233;sultats complets de vos squelettes en fonctionnement.&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Donnez-vous du temps &#224; vous-m&#234;mes ainsi qu'&#224; votre &#233;quipe, pour peser et tester l'&#233;volution de votre projet&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;&#201;laborer ses squelettes est un travail de longue haleine qui pour un b&#233;n&#233;vole, pourra prendre plusieurs semaines voire plusieurs mois.&lt;/p&gt; &lt;p&gt;Le PIC peut vous fournir un espace de tests en ligne pour y publier votre SPIP pendant son d&#233;veloppement, ind&#233;pendamment du fonctionnement de la version en service pour votre association. N'h&#233;sitez pas &#224; nous demander une telle mise-en-service sit&#244;t que votre premier jeu de squelette est fonctionnel.&lt;/p&gt; &lt;p&gt;Vous aurez dans ce cas une pr&#233;acaution &#224; prendre : il vous faudra modifier le fichier inc-head du site de d&#233;veloppement pour emp&#234;cher son indexation concurrente au site en service par les moteurs de recherche ;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>02. Base d'un premier squelette tout nu</title>
		<link>http://www.le-pic.org/spip.php?article486</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article486</guid>
		<dc:date>2010-07-18T15:23:57Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>Dans cette suite d'articles nous n'irons pas tr&#232;s loin Ces articles ne se veulent pas exhaustifs : ils visent &#224; vous permettre de comprendre le m&#233;canisme par lequel vous pourrez adapter votre CMS &#224; vos stricts besoins. En cr&#233;ant un r&#233;pertoire &quot;squelettes&quot; En cr&#233;ant une rubrique quelconque et un article encore plus quelconque dans cette rubrique En jouant avec un unique squelette qui sera propre &#224; cette rubrique SPIP a d&#233;j&#224; des squelettes &#224; l'installation : ses squelettes par d&#233;faut qui sont (...)

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique99" rel="directory"&gt;05. Squelettes SPIP&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;h3 class=&quot;spip&quot;&gt;Dans cette suite d'articles nous n'irons pas tr&#232;s loin &lt;/h3&gt;
&lt;p&gt;Ces articles ne se veulent pas exhaustifs : ils visent &#224; vous permettre de comprendre le m&#233;canisme par lequel vous pourrez adapter votre CMS &#224; vos stricts besoins.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; En cr&#233;ant un r&#233;pertoire &quot;squelettes&quot;&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; En cr&#233;ant une rubrique quelconque et un article encore plus quelconque dans cette rubrique&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; En jouant avec un unique squelette qui sera propre &#224; cette rubrique&lt;/p&gt; &lt;p&gt;SPIP a d&#233;j&#224; des squelettes &#224; l'installation : ses squelettes par d&#233;faut qui sont contenus dans le r&#233;pertoire &quot;&lt;strong&gt;squelettes-dist&lt;/strong&gt;&quot; ; ouvrir les objets qu'ils contiennent et en particulier les fichiers .html vous donnera un aper&#231;u de ce &#224; quoi ressemble un &quot;squelette&quot; de page : un assemblage de code html, de &quot;balises&quot; et de &quot;boucles&quot; SPIP.&lt;/p&gt; &lt;p&gt;Nous allons simplement ici cr&#233;er un source html valide, et le compl&#233;ter par quelques &#233;l&#233;ments correspondant &#224; chaque type, sans nous occuper de questions esth&#233;tiques mais uniquement de syntaxe. Pour disposer d'une documentation de base sur la syntaxe propre &#224; SPIP, ne manquez pas les ressources du site m&#234;me de SPIP, &#224; savoir &lt;a href=&quot;http://www.spip.net/rubrique135.html&quot; class='spip_out' rel='external'&gt;le manuel du bidouilleur&lt;/a&gt; et le &lt;a href=&quot;http://spip.net/@&quot; class='spip_out' rel='external'&gt;glossaire&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;Ensuite nous attribuerons quelques styles aux &#233;l&#233;ments consid&#233;r&#233;s, uniquement en vue de comprendre le m&#233;canisme par lequel la construction graphique s'op&#232;re toujours par dessus la construction logique du squelette. &lt;a href=&quot;http://www.le-pic.org/spip.php?article423&quot; class='spip_in'&gt;Si vous d&#233;butez, ne manquez pas de vous rapporter au manuel html/css en pdf construit par Jean-Pierre Sclafer qui l'a publi&#233; sur ce site&lt;/a&gt;.&lt;/p&gt; &lt;p&gt;Pourquoi utiliser un squelette de rubrique pour commencer et pas la page d'accueil, par exemple ? Il y a plusieurs raisons &#224; ce choix. La premi&#232;re c'est le particularisme de la page sommaire.html qui constitue le squelette de l'accueil par d&#233;faut dans SPIP. Ses &#233;l&#233;ments pour beaucoup sont sp&#233;cifiques &#224; cette page et ils sont tr&#232;s nombreux. Il est donc plus int&#233;ressant de d&#233;couvrir comment une unique page du site peut &#234;tre modifi&#233;e sans bousculer de prime abord l'entr&#233;e m&#234;me du site.&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; une page rubrique pose d'entr&#233;e la question de la navigation interne dans votre portail&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; en &#233;tudier la conception va vous permettre de d&#233;terminer les &#233;l&#233;ments que vous souhaiterez voir figurer dans l'ensemble du site, et pas seulement &#224; sa page d'accueil&lt;/p&gt; &lt;h3 class=&quot;spip&quot;&gt;Structure de base&lt;/h3&gt;
&lt;p&gt;Voici &#224; quoi ressemble la structure basique de tout squelette de page dans SPIP :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #00bbdd;&quot;&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt; xmlns&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;http://www.w3.org/1999/xhtml&quot;&lt;/span&gt; xml:&lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;dir&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG_DIR&quot;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/ce994860f566f72d55711672fc139bdc.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Cel&#224; veut dire que toute page compl&#232;te qui se veuille compl&#232;tement conforme au standard xhtml doive imp&#233;rativemement comporter TOUS ces &#233;l&#233;ments :&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; d&#233;claration de type de document : ici du XHTML 1.0 Transitional&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #00bbdd;&quot;&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; l'ouverture du document html proprement dit, avec la mention de l'espace de nom xml (xmlns=xml name space) utilis&#233; par les objets qui le constituent, la d&#233;claration de langue xml et la d&#233;claration de langue du document, et la d&#233;claration de direction typographique correspondante ; ici ces derni&#232;res sont appel&#233;es par des balises spip, appelant les valeurs de langue choisies dans la configuration linguistique du CMS. :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt; xmlns&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;http://www.w3.org/1999/xhtml&quot;&lt;/span&gt; xml:&lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;dir&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG_DIR&quot;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/9bb63715e3c4d720a90d5469f84881f8.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; l'ent&#234;te du document qui contiendra tout ce qui servira &#224; l'identifier, le pr&#233;-programmer, l'associer &#224; des documents tiers et &#224; l'indexer, bref, toute l'information importante qui ne s'affichera pas dans la page mais qui devra imp&#233;rativement &#234;tre l&#224;. :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/c0024ce5f871d937e1a361e999a6f4e0.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; le titre du document, toujours dans l'ent&#234;te, s'affiche en g&#233;n&#233;ral dans la barre sup&#233;rieure du navigateur mais n'est en aucun cas un objet secondaire : les documents d&#233;pourvus de titre ne seront jamais index&#233;s !&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; C'est ici qu'il faudra titrer tout document&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/69381eb30c7f73f660a626591f8ded33.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; le corps du document, qui caract&#233;rise la partie contenus proprements dits du document :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/cdc144297f034cbf45bfb7022aeee3be.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; une division au moins, qui caract&#233;rise la partie visible du document : de nombreux objets l'exigent pour que le document soit reconnu pour du xhtml valide.&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/1c450cea280a1905a112821f9f56ad46.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Vous remarquez que dans le source de synth&#232;se tous ces &#233;l&#233;ments sont imbriqu&#233;s les uns dans les autres sans qu'aucun n'en chevauche un autre. Cette r&#232;gle est l'imp&#233;ratif primaire &#224; respecter lorsque vous concevrez vos squelettes. Si cel&#224; vous ennuie, pr&#233;f&#233;rez peindre &#224; la gouache sur votre &#233;cran plat, ce sera plus souple que le code de spip pour &#233;panouir votre cr&#233;ativit&#233;.&lt;/p&gt; &lt;p&gt;Nous venons de voir une premi&#232;re balise SPIP :&lt;/p&gt;
&lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;#LANG&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Les &lt;strong&gt;balises&lt;/strong&gt; de SPIP &lt;strong&gt;appellent des valeurs inscrites dans la base donn&#233;es&lt;/strong&gt; de votre syst&#232;me de publication. Vous avez entr&#233; sans le savoir la valeur &quot;fr&quot; dans le champs LANG de la table de configuration de spip, au moment o&#249;, lorsqu'au tout d&#233;but de votre installation la langue &quot;fran&#231;ais&quot; vous a &#233;t&#233; propos&#233;e comme choix par d&#233;faut d&#233;duit du param&#233;trage de votre navigateur ; c'est en validant ce choix en cliquant sur le bouton &quot;suivant&quot; que SPIP a retenu cette valeur comme choisie !&lt;/p&gt; &lt;p&gt;&#224; la page suivante, nous parlerons plus des balises...&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>03. Le squelette en slip : avec des balises</title>
		<link>http://www.le-pic.org/spip.php?article494</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article494</guid>
		<dc:date>2010-07-18T15:23:42Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>Nous restons dans le contexte d'un fichier sans fioriture, que nous allons nommer plus loin pour voir son effet, au moment de le sauver en tant que fichier. [(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)] Maintenant que nous avons observ&#233;s qu'une balise spip &#233;tait un machin &#233;crit en majuscule avec di&#232;ze devant (#MACHIN), qui appelle un autre truc qui est rang&#233; dans la colonne (champs) du tableau (table) bidule de la base de donn&#233;e de son spip. Pour voir on va sauver ce fichier sous (...)

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique99" rel="directory"&gt;05. Squelettes SPIP&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;Nous restons dans le contexte d'un fichier sans fioriture, que nous allons nommer plus loin pour voir son effet, au moment de le sauver en tant que fichier.&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #00bbdd;&quot;&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt; xmlns&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;http://www.w3.org/1999/xhtml&quot;&lt;/span&gt; xml:&lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;dir&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG_DIR&quot;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/20eb78d3ae9ad06fb8e836d2f797d486.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Maintenant que nous avons observ&#233;s qu'une balise spip &#233;tait un machin &#233;crit en majuscule avec di&#232;ze devant (&lt;code class='spip_code' dir='ltr'&gt;#MACHIN&lt;/code&gt;), qui appelle un autre truc qui est rang&#233; dans la colonne (champs) du tableau (table) bidule de la base de donn&#233;e de son spip. Pour voir on va sauver ce fichier sous le nom sommaire.html et voir quel est son effet si on le met dans un squelette vide pour la vieille base de donn&#233;es du PIC. Cel&#224; donne &#231;a :&lt;/p&gt; &lt;p&gt;&lt;span class='spip_document_623 spip_documents spip_documents_left' style='float:left; width:480px;'&gt;
&lt;img src='http://www.le-pic.org/local/cache-vignettes/L480xH335/sommaire_vide-f8ab6.jpg' width='480' height='335' alt=&quot;&quot; style='height:335px;width:480px;' /&gt;&lt;/span&gt;&lt;/p&gt; &lt;p /&gt;
Mais y'a rien ! Mais si mais si, regardez bien, on lit &quot;Mon site SPIP&quot; dans la barre du navigateur. On n'est donc pas dans une page inexistante ou vide. On remarque par contre que bien qu'il y ait deux balises titres dans la sources, on n'en lise qu'une seule. Nous verrons plus loin pouquoi c'est normal ; en r&#233;alit&#233; la seule information qu'on lise c'est celle que renvoit la balise&lt;/p&gt;
&lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;[(#NOM_SITE_SPIP|textebrut)]&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Cette balise interroge la table de SPIP appel&#233;e la table des M&#233;tas. Cette table contient des information de configuration g&#233;n&#233;rales au site comme son titre, sa description, sa langue, les plugins activ&#233;s, etc. J'ai modifi&#233; le titre pour qu'il soit explicite et &#233;crit un descriptif dans le champs appropri&#233; de la configuration.Cette fois on va mettre des balises appelant des propri&#233;t&#233;s de la base spip_meta dans le corps affichable de la page.&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #00bbdd;&quot;&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt; xmlns&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;http://www.w3.org/1999/xhtml&quot;&lt;/span&gt; xml:&lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;dir&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG_DIR&quot;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#NOM_SITE_SPIP|textebrut)]&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/br.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;br&lt;/span&gt;&lt;/a&gt; &lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; #DESCRIPTIF_SITE_SPIP&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/br.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;br&lt;/span&gt;&lt;/a&gt; &lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#LANG|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/89ec21b7ab5987e24ada4f5402d6cdc4.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Cette fois j'obtiens &#231;a :&lt;/p&gt; &lt;p&gt;&lt;span class='spip_document_624 spip_documents spip_documents_left' style='float:left; width:500px;'&gt;
&lt;img src='http://www.le-pic.org/local/cache-vignettes/L500xH338/sommaire_moinsvide1-8e017.jpg' width='500' height='338' alt=&quot;&quot; style='height:338px;width:500px;' /&gt;&lt;/span&gt;&lt;/p&gt; &lt;p /&gt;
Une premi&#232;re remarque : pour obtenir un affichage correct du retour de la balise #NOM_SITE_SPIP comme de la balise #LANG, j'ai du avoir recours &#224; ce qui s'appelle un filtre.
Un filtre, c'est une fonction qui pr&#233;cise la m&#233;thode dans laquelle on veut afficher une variable dans spip. La syntaxe des filtres de balises dans spip c'est :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;(#NOM_DE_LA_BALISE|nomdufiltre)&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Dans SPIP il n'y a pas que les balises de la table spip_meta qui marchent toutes seules, toutes les balises correspondant aux variables globales php fonctionnent aussi. Par exemple la balise&lt;/p&gt;
&lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;#DATE&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Si j'enl&#232;ve mes trois balises pr&#233;c&#233;dentes et ne met qu'elle dans le 'body' de ma page j'obtiens ceci :&lt;/p&gt; &lt;p&gt; &lt;span class='spip_document_625 spip_documents spip_documents_left' style='float:left; width:480px;'&gt;
&lt;img src='http://www.le-pic.org/local/cache-vignettes/L480xH329/sommaire_date-c93f2.jpg' width='480' height='329' alt=&quot;&quot; style='height:329px;width:480px;' /&gt;&lt;/span&gt;&lt;/p&gt; &lt;p /&gt;
C'est la date au sens php et informatique du terme c'est-&#224;-dire &#233;crite &#224; la seconde pr&#232;s, (ann&#233;e-mois-jour, etc).
Pour l'afficher de mani&#232;re plus 'humaine' spip propose de nombreux filtres dont celui-ci :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;[(#DATE|affdate)]&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;qui donnera :&lt;/p&gt; &lt;p&gt;7 avril 2010&lt;/p&gt; &lt;p&gt;Mais rien de tout &#231;a n'explique pourquoi, dans le premier exemple de cette page, la premi&#232;re balise #TITRE ne renvoyait rien.&lt;/p&gt; &lt;p&gt;En r&#233;alit&#233; elle ne pouvait rien renvoyer parce qu'aucune propri&#233;t&#233; 'titre' n'existe ni comme variable globale php ni comme champs de la table spip_meta. Cela ne veut pas dire qu'il n'existe pas de propri&#233;t&#233;s 'titre' dans SPIP, c'est m&#234;me le contraire, il en existe plusieurs mais dans diff&#233;rentes tables.&lt;/p&gt; &lt;p&gt;Les tables d'o&#249; l'on peut extraire des propri&#233;t&#233;s titres dans SPIP sont :&lt;/p&gt; &lt;p&gt;ARTICLES, RUBRIQUES, BREVES.&lt;/p&gt; &lt;p&gt;Donc pour que SPIP sache quel #TITRE renvoyer, la moindre des choses serait de lui dire dans quelle table aller chercher ce titre.&lt;/p&gt; &lt;p&gt;Voyons comment faire en mettant un chapeau et des chaussettes &#224; notre squelette...&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>04. Squelette en slip avec chapeau et chaussettes : BOUCLE_principale</title>
		<link>http://www.le-pic.org/spip.php?article495</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article495</guid>
		<dc:date>2010-07-18T15:23:28Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>On l'appelle principale mais &#231;a pourra&#238;t &#234;tre maurice ou paulette. Cel&#224; n'a pas d'importance. Le nom des boucles spip sert &#224; les identifier pour ne pas que spip se m&#233;lange les pinceaux. Essayez un jour de mettre le m&#234;me nom &#224; deux boucles dans un m&#234;me squelette et vous l'entendrez ronfler ! Les balises html fonctionnent deux par deux, et pour les boucles de spip c'est pareil : Elles s'ouvrent et se ferment. Ici la boucle 'maurice' va chercher des valeurs dans la table des CREVETTES. Bon, il n'y a pas de (...)

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique99" rel="directory"&gt;05. Squelettes SPIP&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;On l'appelle principale mais &#231;a pourra&#238;t &#234;tre maurice ou paulette. Cel&#224; n'a pas d'importance. Le nom des boucles spip sert &#224; les identifier pour ne pas que spip se m&#233;lange les pinceaux. Essayez un jour de mettre le m&#234;me nom &#224; deux boucles dans un m&#234;me squelette et vous l'entendrez ronfler !&lt;/p&gt; &lt;p&gt;Les balises html fonctionnent deux par deux, et pour les boucles de spip c'est pareil [&lt;a href='#nb1' class='spip_note' rel='footnote' title='Les boucles &#233;crites ainsi ne retournent &#233;videmment rien, &#233;tant donn&#233; qu'aucune (...)' id='nh1'&gt;1&lt;/a&gt;] :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;BOUCLE_maurice&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#40;&lt;/span&gt;CREVETTES&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#41;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;BOUCLE_maurice&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/7409ebb6f81729bc47c6f2c67f2137c5.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Elles s'ouvrent et se ferment. Ici la boucle 'maurice' va chercher des valeurs dans la table des CREVETTES. Bon, il n'y a pas de CREVETTES dans SPIP aussi revenons &#224; notre source de base et mettons lui comme dans le titre de cette page, un chapeau et des chaussettes. Tiens, reprenons notre exemple de d&#233;part. On enl&#232;ve la balise titre du titre pour afficher ses r&#233;sultats directement dans notre squelette.&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;BOUCLE_paulette&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#40;&lt;/span&gt;RUBRIQUES&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#41;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #00bbdd;&quot;&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt; xmlns&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;http://www.w3.org/1999/xhtml&quot;&lt;/span&gt; xml:&lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;dir&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG_DIR&quot;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#NOM_SITE_SPIP|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#TITRE|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;BOUCLE_paulette&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/a55fa9f7dd652158cbcabf856494353e.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Voici ce que nous retourne l'ajout de notre boucle paulette :&lt;/p&gt; &lt;p&gt;&lt;span class='spip_document_626 spip_documents spip_documents_left' style='float:left; width:480px;'&gt;
&lt;img src='http://www.le-pic.org/local/cache-vignettes/L480xH341/sommaire_paulette1-00dbe.png' width='480' height='341' alt=&quot;&quot; style='height:341px;width:480px;' /&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;Autrement dit elle a &#233;t&#233; chercher tous les titres de notre table de RUBRIQUES et nous les a retourn&#233;s. Et &#224; pr&#233;sent que cette boucle &quot;principale&quot; d&#233;finit un contexte de recherche, la balise #TITRE sachant o&#249; il faut aller chercher des valeurs, nous renvoit quelque chose.&lt;/p&gt; &lt;p&gt;En d&#233;pit de sa simplicit&#233;, cette particularit&#233; est tr&#232;s significative de ce qu'il vous arrivera de rencontrer dans votre travail pour cr&#233;er des squelettes ; d&#233;j&#224; parce qu'elle renforce la n&#233;cessit&#233; de disposer d'une base contenant des donn&#233;es r&#233;elles pour parvenir &#224; d&#233;velopper ; et d'autre part parce que c'est tr&#232;s fr&#233;quemment faute d'assigner une information de contexte compr&#233;hensible &#224; l'automate de publication qu'est spip, qu'on peut tourner en rond en cherchant pourquoi une boucle ou une balise ne vous retourne rien.&lt;/p&gt; &lt;h3 class=&quot;spip&quot;&gt;Restreindre le contexte d'une boucle spip&lt;/h3&gt;
&lt;p&gt;Dans l'exemple pr&#233;c&#233;dent, nous avons vu qu'une boucle &#224; laquelle on ne fournit qu'une adresse de table renvoit pour chaque balise toutes les valeurs contenues dans la table.&lt;/p&gt; &lt;p&gt;C'est tr&#232;s rare qu'on souhaite obtenir un tel r&#233;sultat ; imaginez que sur un site un peu &#233;toff&#233; on aille chercher le #TEXTE dans la table ARTICLES sans restreindre le champs de la recherche : obtiendrait alors une page &#233;norme r&#233;capitulant tous les textes de tous les articles !&lt;/p&gt; &lt;p&gt;Dans le squelette par d&#233;faut des rubriques de SPIP, la &quot;BOUCLE_principale&quot; comporte un param&#232;tre inscrit entre parenth&#232;ses dans sa partie ouvrante :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;BOUCLE_principale&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#40;&lt;/span&gt;RUBRIQUES&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;id_rubrique&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;BOUCLE_principale&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/ab8973e1fe5b717de4161cc59040347f.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Mais si on remplace dans notre exemple de sommaire.html la boucle paulette par cette boucle sp&#233;cifique - vous pouvez le v&#233;rifier - elle ne retournera absolument rien !&lt;/p&gt; &lt;p&gt;Ceci parce qu'elle n'a pas id&#233;e (!) de l'id de rubrique &#224; laquelle on fait r&#233;f&#233;rence.&lt;/p&gt; &lt;p&gt;Comme les balises supposent de conna&#238;tre dans quelles tables il faut aller chercher des valeurs, les boucles crit&#233;ri&#233;es sans que ne soit pr&#233;cis&#233;e la valeur du crit&#232;re impliquent pour fonctionner que cette valeur de crit&#232;re leur soit fournie d'une mani&#232;re ou d'une autre.&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;BOUCLE_gaston&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#40;&lt;/span&gt;RUBRIQUES&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;id_rubrique&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #cc66cc;&quot;&gt;12&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;BOUCLE_gaston&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/b7ae3ef84fc3baff47aa850a22bcb469.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;La boucle 'gaston' ci-dessus fonctionnera si la rubrique 12 existe parce que cette valeur d'id_rubrique lui est directement d&#233;clar&#233;e dans sa syntaxe.&lt;/p&gt; &lt;p&gt;Pourquoi le squelette rubrique.html par d&#233;faut fonctionne lui aussi sans valeur sp&#233;cifique d&#233;clar&#233;e ? parce que cette valeur est adress&#233;e par la requ&#234;te conduisant &#224; la rubrique !
Expliquons : vous &#234;tes dans le sommaire par d&#233;faut ou n'importe o&#249; de votre spip o&#249; figure un lien vers une rubrique : si vous survolez ce lien, vous constatez qu'il se termine syst&#233;matiquement par l'expression :&lt;/p&gt;
&lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;.../spip.php?id_rubrique=N&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;C'est le lien d'origine et la requ&#234;te qu'on adresse au serveur web en cliquant dessus qui contient l'id contextuelle utilis&#233;e par le squelette appel&#233;.&lt;/p&gt; &lt;p&gt;La compr&#233;hension de ce mecanisme de requ&#234;tes est essentielle pour cr&#233;er des squelettes navigables. Boucles et balises n'ont rien de magique et sont des commandes qui pour correspondre &#224; vos besoins devront recevoir d'une mani&#232;re ou d'une autre l'information qui leur est n&#233;cessaire.&lt;/p&gt;&lt;/div&gt;
		&lt;hr /&gt;
		&lt;div class='rss_notes'&gt;&lt;p&gt;[&lt;a href='#nh1' id='nb1' class='spip_note' title='Notes 1' rev='footnote'&gt;1&lt;/a&gt;] Les boucles &#233;crites ainsi ne retournent &#233;videmment rien, &#233;tant donn&#233; qu'aucune balise interrogeant une valeur dans la table correspondante n'y est dispos&#233;e.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>05. Squelette en chapeau, slip et chaussettes et &#233;quip&#233; d'un lance-pierre : les appels dans SPIP </title>
		<link>http://www.le-pic.org/spip.php?article497</link>
		<guid isPermaLink="true">http://www.le-pic.org/spip.php?article497</guid>
		<dc:date>2010-07-18T15:23:04Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Philippe</dc:creator>



		<description>Nous avons vu dans l'article pr&#233;c&#233;dent que les boucles ext&#233;rieures d&#233;finissant le contexte des pages rubrique.html, article.html, breves.html, etc r&#233;cup&#233;raient l'id de l'objet pr&#233;cis qu'elles &#233;taient sens&#233;es afficher dans l'appel du client (le navigateur du visiteur) vers cet objet. Le m&#234;me m&#233;canisme est &#224; l'oeuvre dans les boucles imbriqu&#233;es permettant dans un squelette d&#233;termin&#233; de calculer des r&#233;sultats. On comprend bien qu'&#224; partir du moment o&#249; l'id_rubrique d'une boucle RUBRIQUES est d&#233;termin&#233;e, tout (...)

-
&lt;a href="http://www.le-pic.org/spip.php?rubrique99" rel="directory"&gt;05. Squelettes SPIP&lt;/a&gt;


		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;Nous avons vu dans l'article pr&#233;c&#233;dent que les boucles ext&#233;rieures d&#233;finissant le contexte des pages rubrique.html, article.html, breves.html, etc r&#233;cup&#233;raient l'id de l'objet pr&#233;cis qu'elles &#233;taient sens&#233;es afficher dans l'appel du client (le navigateur du visiteur) vers cet objet.&lt;/p&gt; &lt;p&gt;Le m&#234;me m&#233;canisme est &#224; l'oeuvre dans les boucles imbriqu&#233;es permettant dans un squelette d&#233;termin&#233; de calculer des r&#233;sultats.&lt;/p&gt; &lt;p&gt;On comprend bien qu'&#224; partir du moment o&#249; l'id_rubrique d'une boucle RUBRIQUES est d&#233;termin&#233;e, tout objet qui est inclus dans cette boucle va se r&#233;f&#233;rer &#224; cette valeur sans qu'on ait besoin de le lui sp&#233;cifier !&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Et bien ce n'est pas le cas !&lt;/strong&gt; C'est vrai pour les balises #TITRE et autres renvoyant au propri&#233;t&#233;s de la rubrique en cours inscrites la table RUBRIQUES elle-m&#234;me, mais si par exemple on veut afficher quelque part les titres des articles de la rubrique, il faut au minimum indiquer qu'on se rapporte au contexte [&lt;a href='#nb2-1' class='spip_note' rel='footnote' title='Par souci d'exemplarit&#233; on a ici remplac&#233; l'appel g&#233;n&#233;rique id_rubrique par une (...)' id='nh2-1'&gt;1&lt;/a&gt;] :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;BOUCLE_principale&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#40;&lt;/span&gt;RUBRIQUES&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;id_rubrique&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #cc66cc;&quot;&gt;12&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #00bbdd;&quot;&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt; xmlns&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;http://www.w3.org/1999/xhtml&quot;&lt;/span&gt; xml:&lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;lang&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG&quot;&lt;/span&gt; &lt;span style=&quot;color: #000066;&quot;&gt;dir&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;&quot;#LANG_DIR&quot;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#NOM_SITE_SPIP|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/title.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;title&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/head.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;head&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#TITRE|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;BOUCLE_articles_de_la_rubrique&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#40;&lt;/span&gt;ARTICLES&lt;span style=&quot;color: #66cc66;&quot;&gt;&amp;#41;&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;id_rubrique&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&gt;&lt;/span&gt;&lt;br /&gt; [(#TITRE|textebrut)]&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;BOUCLE_articles_de_la_rubrique&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/div.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;div&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt; &lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/body.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;body&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;&lt;a href=&quot;http://december.com/html/4/element/html.html&quot;&gt;&lt;span style=&quot;color: #000000; font-weight: bold;&quot;&gt;html&lt;/span&gt;&lt;/a&gt;&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;color: #009900;&quot;&gt;&lt;&lt;span style=&quot;color: #66cc66;&quot;&gt;/&lt;/span&gt;BOUCLE_principale&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class='code_download' style='text-align: right;'&gt; &lt;a href='http://www.le-pic.org/local/cache-code/372cb78f90535028c0dc51f370acccf2.txt' style='font-family: verdana, arial, sans; font-weight: bold; font-style: normal;'&gt;T&#233;l&#233;charger&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;...faute de quoi, le comportement exhaustif d&#233;crit dans l'article pr&#233;c&#233;dent se produirait : le moteur de spip irait tout naturellement extraire les titres d'articles pr&#233;sent dans toute la base de donn&#233;es. Pourquoi ? et bien simplement parce que les titres qu'on veut ici afficher ne sont pas enregistr&#233;s dans la table RUBRIQUES mais dans la table ARTICLES, et qu'il faut donc adresser notre requ&#234;te &#224; cette table ARTICLES en sorte qu'elle sp&#233;cifie &#224; quelle &lt;code class='spip_code' dir='ltr'&gt;id_rubrique&lt;/code&gt; sont associ&#233;s les &lt;code class='spip_code' dir='ltr'&gt;#TITRES&lt;/code&gt; qu'on veut extraire.&lt;/p&gt; &lt;p&gt;En r&#233;sum&#233; puisque la boucle principale ici sp&#233;cifie une valeur d'id_rubrique sp&#233;cifique, on n'a pas &#224; la rappeler en elle-m&#234;me, mais on doit absolument indiquer que c'est &#224; l'id_rubrique du contexte qu'on fait r&#233;f&#233;rence en allant chercher des articles.&lt;/p&gt; &lt;h3 class=&quot;spip&quot;&gt;Incidence sur les inclusions de morceaux de squelettes&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;INCLURE&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;SPIP rend possible l'inclusion d'un fichier source s&#233;par&#233; dans le calcul d'un squelette. Famil&#232;re au spipeux, la syntaxe utilis&#233;e est de type [&lt;a href='#nb2-2' class='spip_note' rel='footnote' title='Remarquez bien qu'on appelle le nom du fichier html correspondant sans (...)' id='nh2-2'&gt;2&lt;/a&gt;] :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;INCLURE&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;fond&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;fichier&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Le recours &#224; cette facilit&#233; ne doit pas &#234;tre excessif et se limiter &#224; trois ou quatre par squelette sous peine d'augmenter plut&#244;t que n'all&#233;ger le temps de calcul des pages par le serveur. Mais surtout l&#224; aussi, il faut bien prendre garde &#224; adresser l'information de contexte appropri&#233;e si par exemple le fichier inclus contient des boucles en ayant besoin. C'est le cas par exemple d'un menu contextuel sens&#233; figurer visuellement ce contexte (utilisation de la balise &lt;code class='spip_code' dir='ltr'&gt;#EXPOSE&lt;/code&gt;, navigation des des &#233;l&#233;ments enfants de la rubrique en cours, etc.).&lt;/p&gt; &lt;p&gt;La syntaxe sera la m&#234;me que pour le calcul d'une boucle interne au fichier ; ainsi si par exemple vous appeliez un menu composite dans un article combinant navigation des rubriques parentes et des articles connexes, ainsi qu'une mat&#233;rialisation du titre de l'article en cours, il vous faudrait &#233;crire ceci pour le voir fonctionner :&lt;/p&gt; &lt;div class=&quot;coloration_code&quot;&gt;&lt;div class=&quot;spip_html4strict code&quot;&gt;&lt;span style=&quot;color: #009900;&quot;&gt;&lt;INCLURE&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;fond&lt;span style=&quot;color: #66cc66;&quot;&gt;=&lt;/span&gt;menu&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;id_rubrique&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&lt;span style=&quot;color: #66cc66;&quot;&gt;&#123;&lt;/span&gt;id_article&lt;span style=&quot;color: #66cc66;&quot;&gt;&#125;&lt;/span&gt;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
&lt;p&gt;Plus g&#233;n&#233;ralement, il vous faudra apprendre &#224; vous interroger sur la coh&#233;rence fonctionnelle de votre code bien avant d'aller &quot;habiller&quot; vos squelettes en associant des feuilles de styles &#224; ses structures xhtml.&lt;/p&gt; &lt;p&gt;La m&#233;thodologie recommand&#233;e sera dans la mesure du possible d'&#233;crire les corps de vos pages principales (sommaire, rubrique, article, breve, auteur, lien) de mani&#232;re monobloc au d&#233;part, en navigant ensuite dans vos donn&#233;es, pour recourir aux inclusions &#224; la fin du processus de d&#233;veloppement primaire.&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.spip.net/fr_article1828.html&quot; class='spip_out' rel='external'&gt;Pour en savoir plus sur INCLURE, reportez-vous &#224; la documentation de SPIP.NET sur ce sujet&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;strong&gt;Les mod&#232;les&lt;/strong&gt;&lt;/p&gt; &lt;p&gt;Le mod&#232;les constituent une m&#233;thode tierce permettant &#233;galement d'ins&#233;rer du code externe pr&#233;par&#233;. En fonction de leur conception eux aussi pourrant dans certains cas n&#233;cessiter qu'on leur adresse un contexte voire des param&#232;tres sp&#233;cifiques.&lt;/p&gt; &lt;p&gt;Leur diff&#233;rence essentielles avec les inclusions r&#233;side dans :&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; leur h&#233;bergement dans un r&#233;pertoire d&#233;di&#233; intitul&#233; &lt;code class='spip_code' dir='ltr'&gt;modeles&lt;/code&gt;&lt;/p&gt; &lt;p&gt;&lt;img src=&quot;http://www.le-pic.org/local/cache-vignettes/L8xH11/puce-cebf5.gif&quot; width='8' height='11' class='puce' alt=&quot;-&quot; style='height:11px;width:8px;' /&gt; leur capacit&#233; &#224; s'appeler aussi bien dans les squelettes eux-m&#234;mes en utilisant &lt;code class='spip_code' dir='ltr'&gt;#NOM_DU_MODELE{parametre_eventuel}&lt;/code&gt; que dans le texte d'article en utilisant cette fois la syntaxe [&lt;a href='#nb2-3' class='spip_note' rel='footnote' title='Le N figure une valeur num&#233;rique indispensable pour instancier votre modele (...)' id='nh2-3'&gt;3&lt;/a&gt;].&lt;/p&gt; &lt;p&gt;&lt;a href=&quot;http://www.spip.net/fr_article3454.html&quot; class='spip_out' rel='external'&gt;Pour en savoir plus sur l'utilisation des mod&#232;les, reportez-vous &#224; la documentation de SPIP.NET sur ce sujet&lt;/a&gt;.&lt;/p&gt;&lt;/div&gt;
		&lt;hr /&gt;
		&lt;div class='rss_notes'&gt;&lt;p&gt;[&lt;a href='#nh2-1' id='nb2-1' class='spip_note' title='Notes 2-1' rev='footnote'&gt;1&lt;/a&gt;] Par souci d'exemplarit&#233; on a ici remplac&#233; l'appel g&#233;n&#233;rique &lt;code class='spip_code' dir='ltr'&gt;id_rubrique&lt;/code&gt; par une instruction assignant une valeur d&#233;termin&#233;e &#224; l'objet&lt;/p&gt; &lt;p&gt;[&lt;a href='#nh2-2' id='nb2-2' class='spip_note' title='Notes 2-2' rev='footnote'&gt;2&lt;/a&gt;] Remarquez bien qu'on appelle le nom du fichier html correspondant sans extension !&lt;/p&gt; &lt;p&gt;[&lt;a href='#nh2-3' id='nb2-3' class='spip_note' title='Notes 2-3' rev='footnote'&gt;3&lt;/a&gt;] Le N figure une valeur num&#233;rique indispensable pour instancier votre modele depuis un article ; si l'inclusion du mod&#232;le ne s'op&#232;re qu'une unique fois dans votre texte vous &#233;crirez 1 et pour les inclusions suivantes vous num&#233;roterez en &#233;vitant, ce qui est le plus important, de r&#233;p&#233;ter une valeur num&#233;rique d&#233;j&#224; invoqu&#233;e.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>



</channel>

</rss>
