Gestion des sites dans SarkaSPIP
modification des squelettes et de l’affichage public
samedi 24 janvier 2009
par
par
Les exemples produits ci-après font suite à l’article Adapter son SarkaSPIP.
Ajouter une image mappée pour la navigation
Cette solution d’insertion d’image mappée facilitant la navigation est non intrusive, c’est à dire qu’elle ne modifie en rien le bon fonctionnement du plugin de squelettes (SarkaSPIP) ni de SPIP. On peut toujours réaliser les mises à jours du plugin et de SPIP sans avoir peur de perdre des fonctionnalités que l’on aurait ajouté.
S’agissant essentiellement de sites académiques nous avons récupéré une carte des académies et souhaitons qu’un clic sur une académie nous renvoi automatiquement vers les ressources pédagogiques référencées sur le site.
À partir de l’image, nous utilisons Gimp pour créer une image mappée :
- ouvrir l’image dans Gimp Fichier/Ouvrir ;
- lancer le script de mapping : Filtre/Web/Image cliquable Web ;
Vous produirez un fichier de mapping à côté de votre image.
Nous plaçons l’image dans le répertoire /squelettes/images et le texte ci-après directement dans le "texte explicatif" de la rubrique elle-même (mais on peut faire exactement pareil dans un article).
<div style="text-align: center;"><img src="/squelettes/images/carte_academies.jpg" width="436" height="329" border="0" usemap="#map" /></div>
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Patrice HARDOUIN -->
<area shape="poly" coords="160,2,142,11,142,26,173,36,201,37,200,31,191,27,174,12,168,14" alt="Académie de Lille" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=91" />
<area shape="poly" coords="142,27,140,37,150,52,147,66,165,71,172,69,178,69,184,75,187,79,188,72,190,67,197,63,200,62,200,53,203,50,202,39,172,38" alt="Académie d'Amiens" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=92" />
<area shape="poly" coords="137,37,116,46,111,56,112,58,117,59,118,79,128,88,140,81,140,77,148,68,144,65,147,52" alt="Académie de Rouen" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=99" />
<area shape="poly" coords="65,49,65,55,70,62,69,75,75,87,71,87,74,94,83,91,92,94,102,90,111,95,116,93,122,100,126,100,126,90,117,80,115,62,87,64,76,60,76,53,75,52" alt="Académie de Caen" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=27" />
<area shape="rect" coords="309,194,374,220" alt="Académie de Mayotte" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=30" />
<area shape="poly" coords="309,221,310,242,422,246,385,215,377,221" alt="Académie de Nouvelle Calédonie" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="338,255,339,279,391,279,419,287,425,281,420,256,401,248,385,251,386,254" alt="Académie de Polynésie française" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="334,287,335,300,408,301,435,312,435,278,428,277,421,288" alt="Académie de Wallis et Futuna" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="rect" coords="305,169,378,193" alt="Académie de La Réunion" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=81" />
<area shape="rect" coords="311,148,373,169" alt="Académie de Guyane" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=130" />
<area shape="rect" coords="263,276,301,328" alt="Académie de Corse" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="rect" coords="308,120,386,146" alt="Académie de Martinique" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="rect" coords="320,88,414,118" alt="Académie de Guadeloupe" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="301,72,300,84,416,85,423,97,436,98,434,52,418,54,412,71" alt="Académie de Saint Pierre et Miquelon" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="rect" coords="220,0,279,9" alt="Académie de Créteil" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=93" />
<area shape="rect" coords="220,9,271,19" alt="Académie de Paris" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=94" />
<area shape="rect" coords="220,19,297,29" alt="Académie de Versailles" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=95" />
<area shape="poly" coords="149,69,140,76,141,83,151,91,155,100,163,99,168,95,167,89,161,88,155,82,163,72" alt="Académie de Versailles" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=95" />
<area shape="poly" coords="165,74,157,81,160,86,168,88,169,84" alt="Académie de Paris" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=94" />
<area shape="poly" coords="167,73,170,85,168,89,168,92,169,94,165,101,168,104,175,104,191,89,180,74,174,71,170,71" alt="Académie de Créteil" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=93" />
<area shape="poly" coords="204,38,210,38,212,34,214,42,229,54,219,63,220,86,230,94,233,101,240,109,240,121,234,118,234,125,224,119,219,110,213,109,212,112,202,110,189,95,192,88,189,82,193,69,201,65,201,53,205,51" alt="Académie de Reims" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="230,54,248,53,258,66,276,67,276,71,272,72,269,78,272,83,266,92,268,98,265,110,242,111,242,106,234,100,233,94,221,86,221,63" alt="Académie de Nancy-Metz" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=57" />
<area shape="poly" coords="278,68,277,72,274,73,272,77,273,84,267,93,270,99,267,109,275,119,283,120,279,105,292,73" alt="Académie de Strasbourg" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=108" />
<area shape="poly" coords="49,123,79,112,80,108,81,94,74,96,70,88,57,75,0,79,5,114" alt="Académie de Rennes" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=98" />
<area shape="poly" coords="82,93,82,110,78,115,50,125,50,129,56,130,61,131,61,136,58,139,63,145,60,150,66,162,75,167,87,166,88,163,86,154,83,146,96,144,103,141,109,133,110,124,118,116,120,108,121,101,113,95,109,96,102,92,93,96" alt="Académie de Nantes" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=83" />
<area shape="poly" coords="127,89,127,100,125,101,123,101,120,115,115,122,112,126,110,133,108,140,114,146,121,147,130,160,131,167,143,169,144,165,161,166,173,153,179,152,171,130,174,125,175,115,177,112,177,106,166,107,163,101,154,101,150,92,141,84" alt="Académie d'Orléans Tours" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=97" />
<area shape="poly" coords="186,95,178,104,179,111,177,116,177,123,173,130,178,148,183,155,184,156,192,154,198,157,201,164,203,170,210,173,213,168,218,168,220,175,222,174,224,162,232,162,233,148,227,143,229,143,235,134,235,127,223,121,219,113,216,112,212,114,207,113,205,113,199,109" alt="Académie de Dijon" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=100" />
<area shape="poly" coords="266,111,263,112,242,112,242,122,237,121,236,128,237,133,231,143,234,146,233,163,244,167,248,166,250,163,254,150,258,143,269,132,271,119" alt="Académie de Besançon" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=101" />
<area shape="poly" coords="106,141,95,147,85,147,90,160,89,167,82,169,76,169,79,179,77,186,85,198,95,206,100,210,104,207,107,206,111,199,121,189,124,182,124,172,129,168,129,160,120,149,115,149" alt="Académie de Poitiers" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=103" />
<area shape="poly" coords="130,169,126,175,125,184,122,191,131,195,136,195,136,208,140,213,142,214,153,214,156,205,163,195,162,193,164,169,151,167,147,166,144,170" alt="Académie de Limoges" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=102" />
<area shape="poly" coords="162,166,165,168,163,192,165,195,154,215,161,222,161,226,166,226,168,221,173,220,177,225,183,219,190,222,201,223,207,218,210,213,212,208,209,203,203,203,198,197,195,188,194,176,196,170,201,169,201,166,195,157,192,155,186,158,180,156,180,154,174,154" alt="Académie de Clermont-Ferrand" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=105" />
<area shape="poly" coords="200,171,196,175,195,185,200,199,203,200,208,200,214,207,218,205,223,199,224,190,227,185,239,185,244,190,246,185,247,182,245,177,249,172,250,166,246,168,240,168,234,165,232,164,227,164,223,175,223,177,218,175,216,171,216,169,214,169,213,173,210,174" alt="Académie de Lyon" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="259,162,247,178,247,185,245,192,238,187,229,186,226,194,224,198,224,202,214,209,211,215,207,222,203,225,209,238,222,238,240,243,244,240,241,234,243,226,258,217,259,214,259,208,267,209,275,196,275,190,271,188,270,176,275,174,272,171,268,171,268,162" alt="Académie de Grenoble" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="101,212,77,193,54,280,93,290,103,271,96,262,95,251,108,249,123,246,123,241,130,235,129,228,135,217,134,203,134,198,120,192" alt="Académie de Bordeaux" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="137,213,130,229,130,237,125,242,125,247,97,253,98,263,104,271,95,289,101,292,118,294,149,299,157,292,152,283,147,283,145,272,154,268,170,266,185,253,184,242,178,235,176,226,173,222,169,223,168,228,160,228,160,224,154,217,145,217" alt="Académie de Toulouse" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=104" />
<area shape="poly" coords="178,225,179,234,187,240,187,254,170,267,164,269,152,270,147,273,148,280,152,282,157,288,157,295,150,301,184,305,224,250,222,239,208,240,202,224,191,224,184,221" alt="Académie de Montpellier" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=86" />
<area shape="poly" coords="268,208,267,210,261,210,260,217,243,229,243,236,245,240,241,246,223,241,225,249,216,264,248,273,244,262,247,254,255,255,267,250,273,246,276,236,274,226,277,217" alt="Académie d'Aix-Marseilles" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=107" />
<area shape="poly" coords="261,254,248,257,246,262,251,283,262,275,273,273,292,253,292,235,278,234,275,246,271,251" alt="Académie de Nice" href="http://www.biotechno.fr/spip.php?page=site&id_syndic=106" />
</map>Vosu noterez que nous avons, à la main dans ce fichier, modifié les adresses (href) de chaque académie par un renvoi vers l’indexation du site académique :
http://www.biotechno.fr/spip.php?page=site&id_syndic=XXX où XXX correspond au numéro d’indexation du site internet sur www.biotechno.fr.
Article suivant Cartes heuristiques dans Sarkaspip.
Commentaires