<?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/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>

<channel xml:lang="fr">
	<title>Enseigner avec le num&#233;rique</title>
	<link>https://drane.ac-normandie.fr/</link>
	<description>Site de la d&#233;l&#233;gation r&#233;gionale acad&#233;mique au num&#233;rique &#233;ducatif de l'acad&#233;mie de Normandie</description>
	<language>fr</language>
	<generator>SPIP - www.spip.net</generator>
	<atom:link href="https://drane.ac-normandie.fr/spip.php?id_auteur=1&amp;page=backend" rel="self" type="application/rss+xml" />




<item xml:lang="fr">
		<title>Les mentions l&#233;gales sur votre site d'&#233;tablissement</title>
		<link>https://drane.ac-normandie.fr/les-mentions-legales-sur-votre-site-d-etablissement</link>
		<guid isPermaLink="true">https://drane.ac-normandie.fr/les-mentions-legales-sur-votre-site-d-etablissement</guid>
		<dc:date>2025-04-03T11:46:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Johan Pustoch, Olivier Gautier</dc:creator>


		<dc:subject>Juridique</dc:subject>
		<dc:subject>Tutoriel</dc:subject>
		<dc:subject>Environnement professionnel</dc:subject>
		<dc:subject>Agir en faveur d'un num&#233;rique professionnel s&#251;r et responsable</dc:subject>
		<description>  Sur tous les sites internet, une page des mentions l&#233;gales est obligatoire et doit contenir des informations pr&#233;cises et &#224; jour. Voici comment faire pour cr&#233;er ou mettre &#224; jour cette page pour votre site d'&#233;cole, de coll&#232;ge ou lyc&#233;e h&#233;berg&#233; sur la plateforme SPIP de l'acad&#233;mie de Normandie. </description>

 <content:encoded>&lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH128/balance-droit-0b1e6.png?1763845829' class='spip_logo spip_logo_right' width='150' height='128' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Sur tous les sites internet, une page des mentions l&#233;gales est obligatoire et doit contenir des informations pr&#233;cises et &#224; jour. Voici comment faire pour cr&#233;er ou mettre &#224; jour cette page pour votre site d'&#233;cole, de coll&#232;ge ou lyc&#233;e h&#233;berg&#233; sur la plateforme SPIP de l'acad&#233;mie de Normandie.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h3 class=&#034;spip&#034; id='Cadre-general'&gt;Cadre g&#233;n&#233;ral&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;Cet article et les mentions l&#233;gales &#233;voqu&#233;es ici ne concernent que les sites des &#233;coles et &#233;tablissements publics. Ces mentions doivent imp&#233;rativement &#234;tre modifi&#233;es et adapt&#233;es pour les &#233;tablissements priv&#233;s&lt;/strong&gt;, notamment le paragraphe traitant des donn&#233;es personnelles qui contient des informations erron&#233;es pour les &#233;tablissements priv&#233;s.&lt;/p&gt;
&lt;p&gt;Les informations figurant dans la page des mentions l&#233;gales doivent &#234;tre v&#233;rifi&#233;s r&#233;guli&#232;rement, au moins lors de chaque rentr&#233;e en cas de changement du directeur de la publication : changement de chef d'&#233;tablissement, d'inspecteur de circonscription dans le cas d'une &#233;cole...&lt;br class='autobr' /&gt;
Certains &#233;l&#233;ments sont obligatoires et les visiteurs de votre site doivent pouvoir disposer de ces informations comme cela est rappel&#233; dans la vid&#233;o ci-dessous.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Attention&lt;/strong&gt; : En fonction de l'habillage du site (SPIPr-&#233;duc ou SPIPr-dane), les m&#233;thodes de mise &#224; jour sont diff&#233;rentes et expliqu&#233;es ci-dessous.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Est-ce-obligatoire-de-renseigner-les-mentions-legales-d-un-site-web'&gt;Est-ce obligatoire de renseigner les mentions l&#233;gales d'un site web ?&lt;/h3&gt;&lt;h4 class=&#034;spip&#034;&gt;En trois minutes, faites un point sur les textes de lois relatifs aux mentions l&#233;gales de votre site web :&lt;/h4&gt;&lt;div class=&#034;spip_document_ spip_document spip_documents spip_document_video ressource oembed oembed_video oembed_video oembed_podeduc&#034; &gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;oembed oe-video async clearfix&#034; style=&#034;max-width:640px;&#034;&gt; &lt;div class=&#034;rwd-video-container oe-play-button&#034; style=&#034;width:100%;height:0;padding-bottom:56.25%;background-image:url('https:/media/cache/cd/6e/cd6e5075ea22ce43c0970a8a0ea75c11.png');background-repeat:no-repeat;background-position:center;background-size:cover;&#034; onclick=&#034;if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('%3Ciframe%20src%3D%22https%3A%2F%2Fpodeduc.apps.education.fr%2Fvideo%2F86703-pourquoi-faut-il-renseigner-les-mentions-legales-de-son-site-web%2F72f57beac90486b97777ba237a5d18c88f00a4e3bc0b0b5af7c9da99f5efdfbd%2F%3Fis_iframe%3Dtrue%26autoplay%3D1%22%20width%3D%22640%22%20height%3D%22360%22%20style%3D%22padding%3A%200%3B%20margin%3A%200%3B%20border%3A0%22%20allowfullscreen%20loading%3D%27lazy%27%3E%3C%2Fiframe%3E'));}&#034; &gt; &lt;button onclick=&#034;jQuery(this).parent().trigger('click');&#034;&gt;&lt;span class=&#034;oe-play-button_label&#034;&gt;Lecture&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;style&gt;&lt;!--/**/.oe-video .loading {background-image:url(&#034;prive/themes/spip/images/searching.gif&#034;)!important;background-size:auto !important;}/**/--&gt;&lt;/style&gt;
&lt;/div&gt; &lt;figcaption class=&#034;spip_doc_legende&#034;&gt;
&lt;div class=&#034;spip_doc_titre&#034; style=&#034;max-width:640px;&#034;&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/video/86703-pourquoi-faut-il-renseigner-les-mentions-legales-de-son-site-web/72f57beac90486b97777ba237a5d18c88f00a4e3bc0b0b5af7c9da99f5efdfbd/&#034; class=&#034;oe-title&#034;&gt;Pourquoi faut-il renseigner les mentions l&#233;gales de son site web ?&lt;/a&gt; &lt;span class=&#034;oe-author&#034;&gt;&lt;br/&gt;&lt;span class=&#034;oe-author_par&#034;&gt;par &lt;/span&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/videos/?owner=gautier olivier&#034; class=&#034;oe-author_name&#034;&gt;Olivier Gautier&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&#034;spip_doc_titre oembed-source&#034;&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/video/86703-pourquoi-faut-il-renseigner-les-mentions-legales-de-son-site-web/72f57beac90486b97777ba237a5d18c88f00a4e3bc0b0b5af7c9da99f5efdfbd/&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://podeduc.apps.education.fr/v...&lt;/a&gt;
&lt;/div&gt;
&lt;/figcaption&gt; &lt;/figure&gt;
&lt;/div&gt;&lt;h4 class=&#034;spip&#034;&gt;Les textes de r&#233;f&#233;rences cit&#233;s dans cette vid&#233;o :&lt;/h4&gt;&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; &lt;a href=&#034;https://www.legifrance.gouv.fr/loda/id/JORFTEXT000000801164&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Loi n&#176; 2004-575 du 21 juin 2004 pour la confiance dans l'&#233;conomie num&#233;rique&lt;/a&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;https://www.legifrance.gouv.fr/codes/article_lc/LEGIARTI000006417334&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Article 131-38 du Code P&#233;nal&lt;/a&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;https://www.legifrance.gouv.fr/jorf/id/JORFTEXT000038811937&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;D&#233;cret n&#176; 2019-768 du 24 juillet 2019 relatif &#224; l'accessibilit&#233; aux personnes handicap&#233;es des services de communication au public en ligne&lt;/a&gt;&lt;/li&gt;&lt;li&gt; En compl&#233;ment, l'article 47 de la &lt;a href=&#034;https://www.legifrance.gouv.fr/loda/article_lc/LEGIARTI000048050213&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;loi n&#176; 2005-102 du 11 f&#233;vrier 2005 pour l'&#233;galit&#233; des droits et des chances, la participation et la citoyennet&#233; des personnes handicap&#233;es&lt;/a&gt; rappelle que &#034;La page d'accueil de tout service de communication au public en ligne comporte une mention clairement visible pr&#233;cisant s'il est ou non conforme aux r&#232;gles relatives &#224; l'accessibilit&#233;.&#034;&lt;/li&gt;&lt;/ul&gt;&lt;h3 class=&#034;spip&#034; id='Mettre-a-jour-ses-mentions-legales-avec-l-habillage-SPIPr-Dane'&gt;Mettre &#224; jour ses mentions l&#233;gales avec l'habillage SPIPr-Dane&lt;/h3&gt;
&lt;p&gt;Si votre site propose un habillage construit avec SPIPr-Dane (et souvent SPIPr-Dane-noisettes&lt;span class=&#034;spip_note_ref&#034;&gt; [&lt;a href=&#034;#nb1&#034; class=&#034;spip_note&#034; rel=&#034;appendix&#034; title=&#034;SPIPr-Dane-Noisettes - Doc utilisateur&#034; id=&#034;nh1&#034;&gt;1&lt;/a&gt;]&lt;/span&gt;), une page des mentions l&#233;gales est construite automatiquement et vous devez seulement compl&#233;ter quelques informations. Pour cela se rendre depuis la partie priv&#233;e de SPIP dans &#171; &lt;strong&gt;Publication&lt;/strong&gt; &#187; / &#171; &lt;strong&gt;Mentions l&#233;gales&lt;/strong&gt; &#187; et compl&#233;ter les champs du formulaire :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Compl&#233;ter bien les diff&#233;rents champs.&lt;/li&gt;&lt;li&gt; de nouvelles informations sont demand&#233;es (adresse postale, adresse &#233;lectronique et num&#233;ro de t&#233;l&#233;phone de l'&#233;tablissement)&lt;/li&gt;&lt;li&gt; Les informations concernant le webmestre ne sont plus d&#233;sormais indispensables, n&#233;anmoins indiquer le compte ici est utile dans certains cas pour d&#233;finir la page de contact&lt;span class=&#034;spip_note_ref&#034;&gt; [&lt;a href=&#034;#nb2&#034; class=&#034;spip_note&#034; rel=&#034;appendix&#034; title=&#034;Voir aussi la page Fonctionnalit&#233;s suppl&#233;mentaires avec SPIPR-Dane&#034; id=&#034;nh2&#034;&gt;2&lt;/a&gt;]&lt;/span&gt; : il est souvent conseill&#233; ici d'indiquer un compte SPIP pour l'&#233;tablissement associ&#233; &#224; l'adresse &#233;lectronique de celui-ci (ce compte doit alors &#234;tre associ&#233; &#224; au moins un article publi&#233;).&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;Se rendre sur la page publique des mentions l&#233;gales. Recalculer la page et relire/v&#233;rifier la coh&#233;rence de la page et des informations.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Mettre-a-jour-ses-mentions-legales-avec-l-habillage-SPIPr-educ'&gt;Mettre &#224; jour ses mentions l&#233;gales avec l'habillage SPIPr-&#233;duc&lt;/h3&gt;&lt;h4 class=&#034;spip&#034;&gt;Probl&#233;matique&lt;/h4&gt;
&lt;p&gt;L'habillage SPIPr-&#233;duc utilisais jusqu'&#224; pr&#233;sent un plugin sp&#233;cifique pour g&#233;n&#233;rer la page des mentions l&#233;gales du site. Seulement, ce plugin dysfonctionne d&#233;sormais sur notre plateforme mutualis&#233;e. Vous trouverez donc ci-dessous une nouvelle m&#233;thode pour mettre &#224; jour vos mentions l&#233;gales : il s'agit de r&#233;diger un article en vous servant d'un mod&#232;le propos&#233; ci-dessous puis d'indiquer &#224; SPIPr-&#233;duc que cet article pr&#233;sente les mentions l&#233;gales du site.&lt;br class='autobr' /&gt;
Les &#233;tapes sont d&#233;taill&#233;es dans 2 vid&#233;os ci-dessous :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; 1&lt;sup&gt;&#232;re&lt;/sup&gt; &#233;tape : pr&#233;parer le texte des mentions l&#233;gales depuis un fichier &#224; t&#233;l&#233;charger ;&lt;/li&gt;&lt;li&gt; 2&lt;sup&gt;&#232;me&lt;/sup&gt; &#233;tape : cr&#233;er, configurer et publier l'article pr&#233;sentant les mentions l&#233;gales.&lt;/li&gt;&lt;/ul&gt;&lt;h4 class=&#034;spip&#034;&gt; 1&lt;sup&gt;&#232;re&lt;/sup&gt; &#233;tape : pr&#233;parer ses mentions l&#233;gales&lt;/h4&gt;&lt;div class=&#034;spip_document_ spip_document spip_documents spip_document_video ressource oembed oembed_video oembed_video oembed_podeduc&#034; &gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;oembed oe-video async clearfix&#034; style=&#034;max-width:640px;&#034;&gt; &lt;div class=&#034;rwd-video-container oe-play-button&#034; style=&#034;width:100%;height:0;padding-bottom:56.25%;background-image:url('https:/media/cache/bf/72/bf72c4cda9f91eab44db3d26d690b208.png');background-repeat:no-repeat;background-position:center;background-size:cover;&#034; onclick=&#034;if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('%3Ciframe%20src%3D%22https%3A%2F%2Fpodeduc.apps.education.fr%2Fvideo%2F87278-preparer-les-mentions-legales%2Ff51bc9f886bb0d8c5f328edf8069e8b3a89cb6935dd98d247763ec5e77602ee7%2F%3Fis_iframe%3Dtrue%26autoplay%3D1%22%20width%3D%22640%22%20height%3D%22360%22%20style%3D%22padding%3A%200%3B%20margin%3A%200%3B%20border%3A0%22%20allowfullscreen%20loading%3D%27lazy%27%3E%3C%2Fiframe%3E'));}&#034; &gt; &lt;button onclick=&#034;jQuery(this).parent().trigger('click');&#034;&gt;&lt;span class=&#034;oe-play-button_label&#034;&gt;Lecture&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;style&gt;&lt;!--/**/.oe-video .loading {background-image:url(&#034;prive/themes/spip/images/searching.gif&#034;)!important;background-size:auto !important;}/**/--&gt;&lt;/style&gt;
&lt;/div&gt; &lt;figcaption class=&#034;spip_doc_legende&#034;&gt;
&lt;div class=&#034;spip_doc_titre&#034; style=&#034;max-width:640px;&#034;&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/video/87278-preparer-les-mentions-legales/f51bc9f886bb0d8c5f328edf8069e8b3a89cb6935dd98d247763ec5e77602ee7/&#034; class=&#034;oe-title&#034;&gt;Pr&#233;parer les mentions l&#233;gales&lt;/a&gt; &lt;span class=&#034;oe-author&#034;&gt;&lt;br/&gt;&lt;span class=&#034;oe-author_par&#034;&gt;par &lt;/span&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/videos/?owner=gautier olivier&#034; class=&#034;oe-author_name&#034;&gt;Olivier Gautier&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&#034;spip_doc_titre oembed-source&#034;&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/video/87278-preparer-les-mentions-legales/f51bc9f886bb0d8c5f328edf8069e8b3a89cb6935dd98d247763ec5e77602ee7/&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://podeduc.apps.education.fr/v...&lt;/a&gt;
&lt;/div&gt;
&lt;/figcaption&gt; &lt;/figure&gt;
&lt;/div&gt;&lt;div class='spip_document_1251 spip_document spip_documents spip_document_file spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len=&#034;50&#034; data-legende-lenx=&#034;x&#034;
&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt;
&lt;a href='https://drane.ac-normandie.fr/IMG/odt/modele_de_mentions_legales_pour_spipr-educ.odt' class=&#034; spip_doc_lien&#034; title='OpenDocument Text - 21.2 kio' type=&#034;application/vnd.oasis.opendocument.text&#034;&gt;&lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L64xH64/odt-251e4.svg?1779500446' width='64' height='64' alt='' /&gt;&lt;/a&gt;
&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre crayon document-titre-1251 '&gt;&lt;strong&gt;Mod&#232;le de mentions l&#233;gales pour SPIPr-&#233;duc (odt)
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;div class='spip_document_1252 spip_document spip_documents spip_document_file spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len=&#034;51&#034; data-legende-lenx=&#034;x&#034;
&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt;
&lt;a href='https://drane.ac-normandie.fr/IMG/docx/modele_de_mentions_legales_pour_spipr-educ.docx' class=&#034; spip_doc_lien&#034; title='Word - 9 kio' type=&#034;application/vnd.openxmlformats-officedocument.wordprocessingml.document&#034;&gt;&lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L64xH64/docx-a6e7c.svg?1779481313' width='64' height='64' alt='' /&gt;&lt;/a&gt;
&lt;figcaption class='spip_doc_legende'&gt; &lt;div class='spip_doc_titre crayon document-titre-1252 '&gt;&lt;strong&gt;Mod&#232;le de mentions l&#233;gales pour SPIPr-&#233;duc (docx)
&lt;/strong&gt;&lt;/div&gt; &lt;/figcaption&gt;&lt;/figure&gt;
&lt;/div&gt;&lt;h4 class=&#034;spip&#034;&gt;2&lt;sup&gt;&#232;me&lt;/sup&gt; &#233;tape : mise en place&lt;/h4&gt;&lt;div class=&#034;spip_document_ spip_document spip_documents spip_document_video ressource oembed oembed_video oembed_video oembed_podeduc&#034; &gt; &lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;div class=&#034;oembed oe-video async clearfix&#034; style=&#034;max-width:640px;&#034;&gt; &lt;div class=&#034;rwd-video-container oe-play-button&#034; style=&#034;width:100%;height:0;padding-bottom:56.25%;background-image:url('https:/media/cache/f4/cc/f4cc22ec3afc8403169275626dc49df0.png');background-repeat:no-repeat;background-position:center;background-size:cover;&#034; onclick=&#034;if (jQuery(this).is('.oe-play-button')){jQuery(this).removeClass('oe-play-button').addClass('loading').html(decodeURIComponent('%3Ciframe%20src%3D%22https%3A%2F%2Fpodeduc.apps.education.fr%2Fvideo%2F87344-mise-en-place-des-mentions-legales%2Ff7beec20dd46ead9ac74c90ae2b325d872e92bac0d92d70055d8f90c0875dbd3%2F%3Fis_iframe%3Dtrue%26autoplay%3D1%22%20width%3D%22640%22%20height%3D%22360%22%20style%3D%22padding%3A%200%3B%20margin%3A%200%3B%20border%3A0%22%20allowfullscreen%20loading%3D%27lazy%27%3E%3C%2Fiframe%3E'));}&#034; &gt; &lt;button onclick=&#034;jQuery(this).parent().trigger('click');&#034;&gt;&lt;span class=&#034;oe-play-button_label&#034;&gt;Lecture&lt;/span&gt;&lt;/button&gt; &lt;/div&gt; &lt;style&gt;&lt;!--/**/.oe-video .loading {background-image:url(&#034;prive/themes/spip/images/searching.gif&#034;)!important;background-size:auto !important;}/**/--&gt;&lt;/style&gt;
&lt;/div&gt; &lt;figcaption class=&#034;spip_doc_legende&#034;&gt;
&lt;div class=&#034;spip_doc_titre&#034; style=&#034;max-width:640px;&#034;&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/video/87344-mise-en-place-des-mentions-legales/f7beec20dd46ead9ac74c90ae2b325d872e92bac0d92d70055d8f90c0875dbd3/&#034; class=&#034;oe-title&#034;&gt;Mise en place des mentions l&#233;gales&lt;/a&gt; &lt;span class=&#034;oe-author&#034;&gt;&lt;br/&gt;&lt;span class=&#034;oe-author_par&#034;&gt;par &lt;/span&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/videos/?owner=gautier olivier&#034; class=&#034;oe-author_name&#034;&gt;Olivier Gautier&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&#034;spip_doc_titre oembed-source&#034;&gt;&lt;a href=&#034;https://podeduc.apps.education.fr/video/87344-mise-en-place-des-mentions-legales/f7beec20dd46ead9ac74c90ae2b325d872e92bac0d92d70055d8f90c0875dbd3/&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://podeduc.apps.education.fr/v...&lt;/a&gt;
&lt;/div&gt;
&lt;/figcaption&gt; &lt;/figure&gt;
&lt;/div&gt;&lt;style type=&#034;text/css&#034;&gt;.oe-author{display:none !important;}&lt;/style&gt;&lt;/div&gt;
		&lt;hr /&gt;
		&lt;div class='rss_notes'&gt;&lt;div id=&#034;nb1&#034;&gt;
&lt;p&gt;&lt;span class=&#034;spip_note_ref&#034;&gt;[&lt;a href=&#034;#nh1&#034; class=&#034;spip_note&#034; title=&#034;Notes 1&#034; rev=&#034;appendix&#034;&gt;1&lt;/a&gt;] &lt;/span&gt;&lt;a href='https://drane.ac-normandie.fr/spipr-dane-noisettes-doc-utilisateur' class=&#034;spip_in&#034;&gt;SPIPr-Dane-Noisettes - Doc utilisateur&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;&lt;div id=&#034;nb2&#034;&gt;
&lt;p&gt;&lt;span class=&#034;spip_note_ref&#034;&gt;[&lt;a href=&#034;#nh2&#034; class=&#034;spip_note&#034; title=&#034;Notes 2&#034; rev=&#034;appendix&#034;&gt;2&lt;/a&gt;] &lt;/span&gt;Voir aussi la page &lt;a href='https://drane.ac-normandie.fr/fonctionnalites-supplementaires-avec-spipr-dane' class=&#034;spip_in&#034;&gt;Fonctionnalit&#233;s suppl&#233;mentaires avec SPIPR-Dane&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Fonctionnalit&#233;s suppl&#233;mentaires avec SPIPR-Dane</title>
		<link>https://drane.ac-normandie.fr/fonctionnalites-supplementaires-avec-spipr-dane</link>
		<guid isPermaLink="true">https://drane.ac-normandie.fr/fonctionnalites-supplementaires-avec-spipr-dane</guid>
		<dc:date>2023-09-05T11:56:54Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Johan Pustoch</dc:creator>


		<dc:subject>Environnement professionnel</dc:subject>
		<dc:subject>Se former, d&#233;velopper une veille</dc:subject>
		<dc:subject>Publier sur le Web</dc:subject>
		<dc:subject>Tutoriel</dc:subject>
		<description>  {SPIPr-Dane} est un plugin SPIP propos&#233; sur la plateforme acad&#233;mique qui vous permet de personnaliser la disposition des principales pages de votre site (il s'utilise de pr&#233;f&#233;rence avec les plugins [SPIPr-dane-noisettes-&gt;21] et [SPIPr-dane-config-&gt;20]). Cette page explique quelques fonctionnalit&#233;s ou affichages possibles. </description>

 <content:encoded>&lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH150/spipr_dane-256-0255a.png?1763715931' class='spip_logo spip_logo_right' width='150' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;&lt;i&gt;SPIPr-Dane&lt;/i&gt; est un plugin SPIP propos&#233; sur la plateforme acad&#233;mique qui vous permet de personnaliser la disposition des principales pages de votre site (il s'utilise de pr&#233;f&#233;rence avec les plugins &lt;a href='https://drane.ac-normandie.fr/spipr-dane-noisettes-doc-utilisateur' class=&#034;spip_in&#034;&gt;SPIPr-dane-noisettes&lt;/a&gt; et &lt;a href='https://drane.ac-normandie.fr/spipr-dane-config-doc-utilisateur' class=&#034;spip_in&#034;&gt;SPIPr-dane-config&lt;/a&gt;).&lt;br class='autobr' /&gt;
Cette page explique quelques fonctionnalit&#233;s ou affichages possibles.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;div class=&#034;info&#034;&gt;&lt;br/&gt;&lt;strong&gt;Attention&lt;/strong&gt; : &lt;i&gt;SPIPr-Dane-Noisettes&lt;/i&gt; est un plugin initialement propos&#233; pour les sites du p&#233;rim&#232;tre Caen. Il ne faut pas activer ce plugin avec le plugin SPIPr-&#201;duc (propos&#233; initialement dans le p&#233;rim&#232;tre Rouen).&lt;br/&gt; &lt;br/&gt;&lt;/div&gt;&lt;div class=&#034;warning center&#034;&gt;&lt;strong&gt;Cette page est pour les webmestres SPIP avertis.&lt;/strong&gt;&lt;br/&gt;&lt;/div&gt;&lt;div class='cs_blocs'&gt;&lt;h4 class='blocs_titre blocs_replie blocs_click'&gt;&lt;a href='#_bloc_non_ajax' class='ouvrir_fermer'&gt;Afficher une liste de sites en pied de page&lt;/a&gt;&lt;/h4&gt;&lt;div class='blocs_destination blocs_invisible blocs_slide'&gt;
&lt;p&gt;Utile par exemple, pour afficher les liens vers les collectivit&#233;s partenaires d'un lyc&#233;e, ou vers des applications d&#233;di&#233;es pour un site d'&#233;cole. Voici comment proc&#233;der.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Pr&#233;paration&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Pour afficher une liste de liens sous forme d'images au dessus du pied de page telle que pr&#233;sent&#233;e sur l'image &#224; la fin de cet article (&lt;i&gt;ou en bas de chaque page de ce site&lt;/i&gt;), nous utiliserons l'annuaire de sites web et le plugin &#171; Menus &#187;.&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Activer, si ce n'est d&#233;j&#224; fait, la gestion d'un annuaire de sites web (menu &#171; Configuration &#187;, &#171; Contenu du site &#187;, formulaire &#171; R&#233;f&#233;rencement de sites et syndication &#187;).&lt;/li&gt;&lt;li&gt; Activer, si ce n'est d&#233;j&#224; fait, le plugin &#171; Menus &#187; (menu &#171; Administration &#187;, &#171; Gestion des plugins &#187;.&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;R&#233;f&#233;rencement des sites&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Les diff&#233;rents sites point&#233;s par les liens sont r&#233;f&#233;renc&#233;s dans l'annuaire de sites web. Nous allons donc commencer par ajouter ces sites &#224; l'annuaire.&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Se rendre sur la page de gestion des sites web (menu &#171; &#201;dition &#187;, &#171; Sites r&#233;f&#233;renc&#233;s &#187;).&lt;/li&gt;&lt;li&gt; Cliquer sur &#171; R&#233;f&#233;rencer un nouveau site &#187;&lt;/li&gt;&lt;li&gt; Saisir l'adresse du site &#224; r&#233;f&#233;rencer. Vous pouvez utiliser le champ &#171; R&#233;f&#233;rencement automatis&#233; d'un site &#187; ou indiquer vous-m&#234;me les informations concernant ce site.&lt;/li&gt;&lt;li&gt; Enregistrez.&lt;/li&gt;&lt;li&gt; Ajoutez un logo. Veiller &#224; ce que la taille du logo ne soit ni trop grande, ni trop petite. Une &lt;strong&gt;taille d'environ 500px&lt;/strong&gt; est recommand&#233;e.&lt;/li&gt;&lt;li&gt; R&#233;p&#233;ter l'op&#233;ration pour chacun des sites.&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Cr&#233;ation du menu&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Pour cr&#233;er la liste de liens, nous allons utiliser le plugin Menu.&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Se rendre sur la page de gestion des Menus (menu &#171; Squelettes &#187;, &#171; Menus &#187;).&lt;/li&gt;&lt;li&gt; Cr&#233;er un nouveau menu&lt;/li&gt;&lt;li&gt; Compl&#233;ter les champs.
&lt;div class=&#034;texteencadre-spip spip&#034;&gt;Attention, le champ Identifiant du menu doit imp&#233;rativement &#234;tre le mot &#171; &lt;strong&gt;pied&lt;/strong&gt; &#187;, en minuscules. C'est cet identifiant qui forcera l'affichage au dessus du pied de page.&lt;/div&gt;&lt;/li&gt;&lt;li&gt; Enregistrez.&lt;/li&gt;&lt;li&gt; Cliquer sur &#171; Ajouter une entr&#233;e de menu &#187;&lt;/li&gt;&lt;li&gt; Ajouter l'entr&#233;e &#171; Liste de logos de sites &#187;.&lt;/li&gt;&lt;li&gt; Cliquer sur &#171; Modifier cette entr&#233;e &#187;&lt;/li&gt;&lt;li&gt; Saisir les identifiants des sites &#224; afficher, s&#233;par&#233;s par une virgule (,) ainsi que les dimensions des logos. Par d&#233;faut, la hauteur est prioritaire sur la largeur et est &#233;gale &#224; 80 pixels.&lt;/li&gt;&lt;li&gt; Enregistrez.&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;Votre liste de sites est pr&#234;te.&lt;/p&gt;
&lt;p&gt;Rendez-vous dans l'espace public et constatez. Affinez, si n&#233;cessaire les valeurs saisies dans l'entr&#233;e de menu.&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class='cs_blocs'&gt;&lt;h4 class='blocs_titre blocs_replie blocs_click'&gt;&lt;a href='#_bloc_non_ajax' class='ouvrir_fermer'&gt;Cr&#233;er un menu XL&lt;/a&gt;&lt;/h4&gt;&lt;div class='blocs_destination blocs_invisible blocs_slide'&gt;
&lt;p&gt;Afficher un sous-menu de grande largeur (aussi appel&#233; &#034;Menu XL&#034;) dans la barre horizontale de navigation peut parfois &#234;tre utile. Nous allons voir ici comment proc&#233;der.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Creer-l-entree-principale'&gt;Cr&#233;er l'entr&#233;e principale.&lt;/h3&gt;
&lt;p&gt;Dans le menu barrenav, ajouter une entr&#233;e &#034;&lt;var&gt;Lien arbitraire&lt;/var&gt;&#034;&lt;/p&gt;
&lt;div class='spip_document_334 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH285/menu-xl-doc-creer-entree-span-sousmenu-bd88f.jpg?1763561523' width='500' height='285' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Compl&#233;ter les champs :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; &lt;var&gt;Nom&lt;/var&gt; : Le nom que vous souhaitez donner &#224; l'item, dans l'exemple &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;Formations&lt;/code&gt;&lt;/li&gt;&lt;li&gt; &lt;var&gt;Adresse&lt;/var&gt; : Saisissez le signe &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;#&lt;/code&gt; (di&#232;se)&lt;/li&gt;&lt;li&gt; &lt;var&gt;Classe CSS de l'entr&#233;e (du conteneur)&lt;/var&gt; : &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;menu-xl&lt;/code&gt;&lt;/li&gt;&lt;li&gt; &lt;var&gt;Classe CSS du lien&lt;/var&gt; : Laisser vide&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;Enregistrer.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Creer-les-colonnes'&gt;Cr&#233;er les colonnes.&lt;/h3&gt;
&lt;p&gt;Cr&#233;er un sous-menu dans l'entr&#233;e cr&#233;&#233;e, dans l'exemple &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;Formations&lt;/code&gt;&lt;/p&gt;
&lt;div class='spip_document_335 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;a href='https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-menu-pole-web_1200.jpg' class=&#034;spip_doc_lien mediabox&#034; type=&#034;image/jpeg&#034; data-photo=&#034;https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-menu-pole-web_1200.jpg&#034; data-photo-w=&#034;1200&#034; data-photo-h=&#034;357&#034; &gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH149/menu-xl-doc-menu-pole-web_1200-474c6.jpg?1763932996' width='500' height='149' alt='' /&gt;&lt;/a&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Ajouter les entr&#233;es dans le sous-menu.&lt;/p&gt;
&lt;div class='spip_document_336 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH138/menu-xl-doc-creer-sousmenu-item-sousmenu-2231a.jpg?1763561523' width='500' height='138' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;C'est ici que l'utilisation du syst&#232;me de grille Bootstrap entre en jeu. Dans le sous-menu, nous allons cr&#233;er autant d'entr&#233;es &#034;&lt;var&gt;Texte libre&lt;/var&gt;&#034; que nous voulons de colonnes dans le menu XL, puis pour chaque entr&#233;e, nous allons compl&#233;ter le champ &lt;var&gt;Nom&lt;/var&gt; avec le nom que nous voulons donner &#224; la colonne et surtout, dans le champ &lt;var&gt;Classe css de l'entr&#233;e (du conteneur)&lt;/var&gt;, nous allons associer la class &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;spanX&lt;/code&gt; correspondant &#224; la largeur de colonne souhait&#233;e.&lt;/p&gt;
&lt;div class='spip_document_337 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH94/menu-xl-doc-creer-item-sousmenu_500-9d6f3.jpg?1763561523' width='500' height='94' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;&lt;strong&gt;Exemples&lt;/strong&gt; : Le syst&#232;me de grille &#233;tant bas&#233; sur 12 colonnes, si nous souhaitons obtenir 4 colonnes de largeurs &#233;gales, nous allons cr&#233;er 4 entr&#233;es &#034;&lt;var&gt;Texte libre&lt;/var&gt;&#034; et, dans le champ &lt;var&gt;Classe css de l'entr&#233;e (du conteneur)&lt;/var&gt; de chaque entr&#233;e, associer la classe &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;span3&lt;/code&gt; (&lt;strong&gt;4&lt;/strong&gt;&lt;small&gt;[colonnes]&lt;/small&gt; &lt;strong&gt;x&lt;/strong&gt; &lt;small&gt;[span]&lt;/small&gt;&lt;strong&gt;3 = 12&lt;/strong&gt;).&lt;/p&gt;
&lt;div class='spip_document_338 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH228/menu-xl-doc-sousmenu-formations_500-6135d.jpg?1763561523' width='500' height='228' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Pour afficher 3 colonnes de largeurs &#233;gales, nous allons cr&#233;er 3 entr&#233;es &#034;&lt;var&gt;Texte libre&lt;/var&gt;&#034; et pour chaque entr&#233;e, associer la classe &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;span4&lt;/code&gt; (&lt;strong&gt;3&lt;/strong&gt;&lt;small&gt;[colonnes]&lt;/small&gt; &lt;strong&gt;x&lt;/strong&gt; &lt;small&gt;[span]&lt;/small&gt;&lt;strong&gt;4 = 12&lt;/strong&gt;).&lt;/p&gt;
&lt;div class='spip_document_339 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;a href='https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-3cols-diff_1200.jpg' class=&#034;spip_doc_lien mediabox&#034; type=&#034;image/jpeg&#034; data-photo=&#034;https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-3cols-diff_1200.jpg&#034; data-photo-w=&#034;1200&#034; data-photo-h=&#034;132&#034; &gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH55/menu-xl-doc-3cols-diff_1200-98ef5.jpg?1763932997' width='500' height='55' alt='' /&gt;&lt;/a&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Pour afficher 3 colonnes de largeurs diff&#233;rentes, nous pourrons associer la classe &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;span3&lt;/code&gt; &#224; la premi&#232;re entr&#233;e, puis &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;span5&lt;/code&gt; &#224; la deuxi&#232;me et &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;span4&lt;/code&gt; &#224; la troisi&#232;me ( &lt;small&gt;[span]&lt;/small&gt;&lt;strong&gt;3 +&lt;/strong&gt; &lt;small&gt;[span]&lt;/small&gt;&lt;strong&gt;5 +&lt;/strong&gt; &lt;small&gt;[span]&lt;/small&gt;&lt;strong&gt;4 = 12&lt;/strong&gt;)&lt;/p&gt;
&lt;div class='spip_document_340 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;a href='https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-3cols-egales_1200.jpg' class=&#034;spip_doc_lien mediabox&#034; type=&#034;image/jpeg&#034; data-photo=&#034;https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-3cols-egales_1200.jpg&#034; data-photo-w=&#034;1200&#034; data-photo-h=&#034;138&#034; &gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH58/menu-xl-doc-3cols-egales_1200-ff086.jpg?1763932997' width='500' height='58' alt='' /&gt;&lt;/a&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Dans notre exemple, nous choisissons de cr&#233;er 4 entr&#233;es CAP, BACS-PRO, BACS et BTS de largeurs &#233;gales. Nous allons donc saisir dans le champ &lt;var&gt;Classe css de l'entr&#233;e (du conteneur)&lt;/var&gt; de chaque entr&#233;e la classe &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;span3&lt;/code&gt;.&lt;/p&gt;
&lt;div class='spip_document_341 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;a href='https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-4cols-egales_1200.jpg' class=&#034;spip_doc_lien mediabox&#034; type=&#034;image/jpeg&#034; data-photo=&#034;https://drane.ac-normandie.fr/IMG/jpg/menu-xl-doc-4cols-egales_1200.jpg&#034; data-photo-w=&#034;1200&#034; data-photo-h=&#034;133&#034; &gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH55/menu-xl-doc-4cols-egales_1200-e34a9.jpg?1763932997' width='500' height='55' alt='' /&gt;&lt;/a&gt;
&lt;/figure&gt;
&lt;/div&gt;&lt;div class='spip_document_342 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L500xH59/menu-xl-doc-creer-sousmenu_500-2-50c1d.jpg?1763561523' width='500' height='59' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Les entr&#233;es du sous-menu principal &#233;tant cr&#233;&#233;es, nous allons maintenant y ajouter pour chacune un sous-menu, puis les entr&#233;es souhait&#233;es dans ce sous-menu.&lt;/p&gt;
&lt;p&gt;Vous pouvez ajouter presque tous les types d'entr&#233;es, en prenant exemple sur le menu XL pr&#233;sent dans la barre de navigation de cette page&lt;/p&gt;
&lt;p&gt;Vous pouvez aussi &lt;a href='https://drane.ac-normandie.fr/IMG/yaml/menu-barrenav-menu-xl.yaml' class=&#034;spip_in&#034; type='text/yaml'&gt;t&#233;l&#233;charger le menu&lt;/a&gt; et l'importer dans votre site pour ensuite, le modifier &#224; votre guise.&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div class='cs_blocs'&gt;&lt;h4 class='blocs_titre blocs_replie blocs_click'&gt;&lt;a href='#_bloc_non_ajax' class='ouvrir_fermer'&gt;Personnaliser la page contact&lt;/a&gt;&lt;/h4&gt;&lt;div class='blocs_destination blocs_invisible blocs_slide'&gt;
&lt;p&gt;Avec SPIPr-Dane, le lien &#171; Contact &#187; du pied de page affiche une page qui permet &#224; vos visiteurs de trouver un contact dans l'&#233;tablissement (et parfois d'envoyer des messages &#224; un destinataire).&lt;br class='autobr' /&gt;
Nous allons voir ici comment personnaliser cette page. Plusieurs solutions sont propos&#233;es.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;1/ Solution par d&#233;faut&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;Par d&#233;faut, la page de contact est la page de l'auteur renseign&#233; dans le champ &#034;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;Compte SPIP du webmestre&lt;/code&gt;&#034; de la page de configuration du plugin &lt;samp&gt;Mentions l&#233;gales&lt;/samp&gt;. Cette page affiche alors un formulaire dont le destinataire est le &#034;webmestre&#034;. Il faut pour que cela fonctionne :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; que son adresse &#233;lectronique soit bien renseign&#233;e (utiliser une adresse acad&#233;mique, en g&#233;n&#233;ral l'adresse de l'&#233;tablissement)&lt;/li&gt;&lt;li&gt; que le compte correspondant soit associ&#233; &#224; au moins un article publi&#233;&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;il est n&#233;anmoins souvent pratique de mieux personnaliser la page de contact.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;2/ Utiliser le plugin &#034;Pages&#034; &lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;S'il ne l'est pas, activer le plugin &lt;samp&gt;Pages&lt;/samp&gt;&lt;span class=&#034;spip_note_ref&#034;&gt; [&lt;a href=&#034;#nb2-1&#034; class=&#034;spip_note&#034; rel=&#034;appendix&#034; title=&#034;Voir la documentation du plugin Pages&#034; id=&#034;nh2-1&#034;&gt;1&lt;/a&gt;]&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;Cr&#233;ez une page unique (Menu &#201;dition, Pages uniques).&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Renseignez le champ &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;Titre&lt;/code&gt; avec un titre &#233;vocateur (&lt;i&gt;Contacter le coll&#232;ge&lt;/i&gt;, &lt;i&gt;Nous contacter&lt;/i&gt;, &lt;i&gt;&#201;crivez nous&lt;/i&gt;, etc)&lt;/li&gt;&lt;li&gt; &lt;i class=&#034;fa fa-exclamation&#034;&gt;&lt;/i&gt; &lt;strong&gt;Important&lt;/strong&gt; : Renseignez le champ &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;Page&lt;/code&gt; avec le mot &lt;strong&gt;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;contact&lt;/code&gt;&lt;/strong&gt;.&lt;/li&gt;&lt;li&gt; Renseignez les autres champs, notamment le champ &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;Texte&lt;/code&gt; &#224; votre guise et enregistrez.&lt;/li&gt;&lt;li&gt; &lt;i class=&#034;fa fa-exclamation&#034;&gt;&lt;/i&gt; &lt;strong&gt;Important&lt;/strong&gt; : Si vous n'&#234;tes pas le destinataire du formulaire de contact, retirez l'auteur et ajoutez l'auteur qui doit &#234;tre destinataire du formulaire. S'il n'existe pas, cr&#233;ez-le en lui assignant l'adresse mail destinataire (exemple, adresse fonctionnelle de l'&#233;tablissement).&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;&#192; ce stade, le formulaire de contact n'appara&#238;t pas en page publique&lt;span class=&#034;spip_note_ref&#034;&gt; [&lt;a href=&#034;#nb2-2&#034; class=&#034;spip_note&#034; rel=&#034;appendix&#034; title=&#034;sauf si vous avez plac&#233; une noisette &#034;&#201;crire &#224; l'auteur&#034; dans la (&#8230;)&#034; id=&#034;nh2-2&#034;&gt;2&lt;/a&gt;]&lt;/span&gt;. Pour cela, il va falloir configurer les noisettes sp&#233;cifiques &#224; cet article.&lt;/p&gt;
&lt;p&gt;Cliquez sur le lien &#034;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;Configurer pour ce contenu&lt;/code&gt;&#034; pour ouvrir la page de gestion des noisettes sp&#233;cifiques &#224; cet article.&lt;br class='autobr' /&gt;
Ajoutez dans le bloc content, les noisettes &#034;&lt;var&gt;Contenu de l'article&lt;/var&gt;&#034; et surtout, la noisette &#034;&lt;var&gt;&#201;crire &#224; l'auteur&lt;/var&gt;&#034;.&lt;/p&gt;
&lt;p&gt;Et voila, votre page de contact est personnalis&#233;e.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;3/ Utiliser le plugin &#034;Formidable&#034; pour construire un formulaire&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;S'il ne l'est pas, activer le plugin &lt;samp&gt;Formidable&lt;/samp&gt;&lt;/p&gt;
&lt;p&gt;Une fois activ&#233;, construire un formulaire avec les traitements adapt&#233;s (envoi d'un email sur la bo&#238;te de l'&#233;tablissement par exemple). Ins&#233;rer le formulaire dans la page souhait&#233;e.&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
		&lt;hr /&gt;
		&lt;div class='rss_notes'&gt;&lt;div id=&#034;nb2-1&#034;&gt;
&lt;p&gt;&lt;span class=&#034;spip_note_ref&#034;&gt;[&lt;a href=&#034;#nh2-1&#034; class=&#034;spip_note&#034; title=&#034;Notes 2-1&#034; rev=&#034;appendix&#034;&gt;1&lt;/a&gt;] &lt;/span&gt;Voir la &lt;a href=&#034;https://contrib.spip.net/Pages-uniques&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;documentation du plugin Pages&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;&lt;div id=&#034;nb2-2&#034;&gt;
&lt;p&gt;&lt;span class=&#034;spip_note_ref&#034;&gt;[&lt;a href=&#034;#nh2-2&#034; class=&#034;spip_note&#034; title=&#034;Notes 2-2&#034; rev=&#034;appendix&#034;&gt;2&lt;/a&gt;] &lt;/span&gt;sauf si vous avez plac&#233; une noisette &#171; &lt;var&gt;&#201;crire &#224; l'auteur&lt;/var&gt; &#187; dans la configuration des noisettes pour la page &#171; &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;article&lt;/code&gt; &#187;&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
		</content:encoded>


		
		<enclosure url="https://drane.ac-normandie.fr/IMG/yaml/menu-barrenav-menu-xl.yaml" length="3049" type="text/yaml" />
		

	</item>
<item xml:lang="fr">
		<title>Sites SPIP : plateforme d'h&#233;bergement des sites</title>
		<link>https://drane.ac-normandie.fr/plateforme-sites-spip</link>
		<guid isPermaLink="true">https://drane.ac-normandie.fr/plateforme-sites-spip</guid>
		<dc:date>2023-04-18T11:56:57Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Johan Pustoch, Olivier Gautier</dc:creator>


		<dc:subject>Dispositif acad&#233;mique</dc:subject>
		<dc:subject>Publier sur le Web</dc:subject>
		<dc:subject>Tous les niveaux</dc:subject>
		<dc:subject>Environnement professionnel</dc:subject>
		<dc:subject>Se former, d&#233;velopper une veille</dc:subject>
		<dc:subject>Communiquer</dc:subject>
		<dc:subject>Non-recours &#224; l'intelligence artificielle</dc:subject>
		<description>  Une plateforme SPIP normande est propos&#233;e par la Drane pour l'h&#233;bergement des sites internet des &#233;tablissements scolaires et des sites p&#233;dagogiques (sites d'&#233;coles, coll&#232;ges, lyc&#233;es, sites disciplinaires, sites de circonscription, etc.). Cette plateforme est h&#233;berg&#233;e sur l'infrastructure de la DSI de l'acad&#233;mie de Normandie. L'&#233;quipe Web de la Drane s'occupe de la gestion des sites SPIP de l'acad&#233;mie. La Drane propose aussi des outils ainsi qu'un accompagnement pour les webmestres des sites.  </description>

 <content:encoded>&lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH112/logo-spip-3-e2adf.png?1763607156' class='spip_logo spip_logo_right' width='150' height='112' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Une plateforme SPIP normande est propos&#233;e par la Drane pour l'h&#233;bergement des sites internet des &#233;tablissements scolaires et des sites p&#233;dagogiques (sites d'&#233;coles, coll&#232;ges, lyc&#233;es, sites disciplinaires, sites de circonscription, etc.). Cette plateforme est h&#233;berg&#233;e sur l'infrastructure de la DSI de l'acad&#233;mie de Normandie.&lt;/p&gt;
&lt;p&gt;L'&#233;quipe Web de la Drane s'occupe de la gestion des sites SPIP de l'acad&#233;mie. La Drane propose aussi des outils ainsi qu'un accompagnement pour les webmestres des sites.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;La plateforme permet de b&#233;n&#233;ficier de la version 4 de SPIP (4.4 version &#224; la rentr&#233;e 2025).&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Les-maquettes-proposees'&gt;Les maquettes propos&#233;es&lt;/h3&gt;
&lt;p&gt;Issus des p&#233;rim&#232;tres des anciennes acad&#233;mies, 2 maquettes sont propos&#233;es sur la plateforme. Les &#233;tablissements peuvent choisir librement une de ces deux maquettes pour habiller leur site.&lt;/p&gt;
&lt;h4 class=&#034;spip&#034;&gt;SPIPr-&#201;duc&lt;/h4&gt;
&lt;p&gt;Des tutoriels vid&#233;os pr&#233;sentant ce mod&#232;le et ses fonctionnalit&#233;s vous sont propos&#233;s dans l'article &lt;a href='https://drane.ac-normandie.fr/tutoriels-videos-spip-et-spipr-educ' class=&#034;spip_in&#034;&gt;Tutoriels vid&#233;os SPIP et SPIPr-&#233;duc&lt;/a&gt;.&lt;/p&gt;
&lt;h4 class=&#034;spip&#034;&gt;SPIPr-Dane&lt;/h4&gt;
&lt;p&gt;Maquette personnalisable en terme de charte graphique (SPIPr-Dane-Config) et en terme de disposition globale et de choix des blocs (SPIPr-Dane-Noisettes).&lt;/p&gt;
&lt;p&gt;Documentations :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; &lt;a href='https://drane.ac-normandie.fr/spipr-dane-config-doc-utilisateur' class=&#034;spip_in&#034;&gt;SPIPr-Dane-Config - Doc utilisateur&lt;/a&gt;&lt;/li&gt;&lt;li&gt; &lt;a href='https://drane.ac-normandie.fr/spipr-dane-noisettes-doc-utilisateur' class=&#034;spip_in&#034;&gt;SPIPr-Dane-Noisettes - Doc utilisateur&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;L'activation des plugins SPIPr-dane provoque l'activation d'autres plugins utiles.&lt;br class='autobr' /&gt;
Vous pouvez &#233;galement activer d'autres plugins utiles : Acc&#232;s restreint, odt2spip, Enluminure typo, pdfjs, PhotoSwipe, facteur, agenda, etc.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Contact'&gt;Contact&lt;/h3&gt;
&lt;p&gt;Pour contacter l'&#233;quipe Web de la Drane : &lt;a href=&#034;mailto:drane-webmestre@ac-normandie.fr&#034; class=&#034;spip_mail&#034;&gt;drane-webmestre@ac-normandie.fr&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Les chefs d'&#233;tablissements peuvent demander &#224; cette adresse la cr&#233;ation d'un site internet.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>SPIPr-Dane-Config - Doc utilisateur</title>
		<link>https://drane.ac-normandie.fr/spipr-dane-config-doc-utilisateur</link>
		<guid isPermaLink="true">https://drane.ac-normandie.fr/spipr-dane-config-doc-utilisateur</guid>
		<dc:date>2023-03-23T17:10:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Johan Pustoch</dc:creator>


		<dc:subject>Tutoriel</dc:subject>
		<dc:subject>Publier sur le Web</dc:subject>
		<dc:subject>Tous les niveaux</dc:subject>
		<dc:subject>Environnement professionnel</dc:subject>
		<dc:subject>Se former, d&#233;velopper une veille</dc:subject>
		<description>  Le plugin SPIPr-Dane-Config est une extension de SPIPr-Dane qui permet de personnaliser les couleurs, images d'arri&#232;re-plan et polices de caract&#232;res. </description>

 <content:encoded>&lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH150/spipr-dane_config-couleurs-e2368.png?1763721183' class='spip_logo spip_logo_right' width='150' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Le plugin SPIPr-Dane-Config est une extension de SPIPr-Dane qui permet de personnaliser les couleurs, images d'arri&#232;re-plan et polices de caract&#232;res.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;div class=&#034;info&#034;&gt;&lt;br/&gt;&lt;strong&gt;Attention&lt;/strong&gt; : &lt;i&gt;SPIPr-Dane-Config&lt;/i&gt; est un plugin initialement propos&#233; pour les sites du p&#233;rim&#232;tre Caen. Il ne faut pas activer ce plugin avec le plugin SPIPr-&#201;duc (propos&#233; initialement dans le p&#233;rim&#232;tre Rouen).&lt;br/&gt; &lt;br/&gt;&lt;/div&gt;&lt;h4 class=&#034;spip&#034;&gt;Avertissement &lt;strong&gt;&#224; propos des caches&lt;/strong&gt;&lt;/h4&gt;
&lt;p&gt;Lors des changements de r&#233;glages de SPIPr-Dane-Config, diff&#233;rents niveaux de caches peuvent entrer en jeux et vous emp&#234;chent de voir les effets des r&#233;glages effectu&#233;s.&lt;/p&gt;
&lt;p&gt;Il est souvent utile :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt;de cliquer 2 fois sur &#171; Recalculer &#187; la page&lt;/li&gt;&lt;li&gt;de vider le cache de son navigateur (ou cliquer sur MAJ + le bouton actualiser du navigateur) afin de bien actualiser toutes les requ&#234;tes&lt;/li&gt;&lt;/ul&gt;&lt;h3 class=&#034;spip&#034; id='Presentation-des-options'&gt;Pr&#233;sentation des options&lt;/h3&gt;
&lt;p&gt;Rendez vous sur la page de configuration du th&#232;me (menu &#171; Squelettes &#187; / &#171; Configurer le th&#232;me &#187;).&lt;/p&gt;
&lt;div class='spip_document_54 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH180/10000000000001f4000000f09af0976d58f6a63a-7addc.jpg?1763690497' width='375' height='180' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;&lt;h4 class=&#034;spip&#034;&gt;Import / Export&lt;/h4&gt;
&lt;p&gt;Dans la colonne de gauche, un premier cadre vous propose d'exporter ou d'importer une configuration. Ce cadre n'est pr&#233;sent que si le plugin Import-Export est activ&#233;.&lt;/p&gt;
&lt;p&gt;Un deuxi&#232;me cadre propose un lien &#171; Afficher la configuration &#187; qui vous permet de voir si une configuration existe d&#233;j&#224;. Si tel est le cas, cliquez sur &#171; Exporter la configuration &#187;, cette sauvegarde vous permettra de revenir au point de d&#233;part en cas de soucis.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Personnalisation-de-base'&gt;Personnalisation de base&lt;/h3&gt;&lt;h4 class=&#034;spip&#034;&gt;Couleurs de base&lt;/h4&gt;&lt;div class='spip_document_55 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L287xH123/100000000000017f000000a5c8801c9b1c809faf-b99ef.jpg?1763690497' width='287' height='123' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Les couleurs de base sont r&#233;percut&#233;es sur tout le site. La couleur la plus utilis&#233;e est la couleur N&#176;2. Modifiez les couleurs et rendez-vous sur l'espace public. Recalculez la page et constatez les modifications.&lt;/p&gt;
&lt;p&gt;Pour choisir les couleurs et si vous disposez d'un logo, d'une image ou d'une photo repr&#233;sentative de votre &#233;tablissement, vous pouvez utiliser un g&#233;n&#233;rateur de palette en ligne comme &lt;a href=&#034;https://coolors.co/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Coolors&lt;/a&gt; ou &lt;a href=&#034;https://color.adobe.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Adobe Color CC&lt;/a&gt; et g&#233;n&#233;rer une palette &#224; partir de cette image.&lt;/p&gt;
&lt;p&gt;Il est conseill&#233; de s&#233;lectionner des couleurs compl&#233;mentaires (pour les couleurs 1 et 2) pas trop claires pour une &lt;a href=&#034;https://openweb.eu.org/articles/accessibilite_contrastes_textes_sites&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;bonne lisibilit&#233; du texte&lt;/a&gt; sur fond blanc.&lt;/p&gt;
&lt;h4 class=&#034;spip&#034;&gt;Police de caract&#232;res&lt;/h4&gt;&lt;div class='spip_document_56 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L346xH259/10000000000001cd0000015a0bfd6600ae733ab9-72cc9.jpg?1763690497' width='346' height='259' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Diff&#233;rentes polices sont propos&#233;es. Si vous choisissez Personnelle en bas de la liste d&#233;roulante, vous pourrez alors saisir le nom d'une police Google que vous trouverez sur le &lt;a href=&#034;https://fonts.google.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;site Google Web Fonts&lt;/a&gt;&lt;br class='autobr' /&gt;
La police Marianne (propos&#233;e par d&#233;faut) est conseill&#233;e.&lt;/p&gt;
&lt;p&gt;Comme pour les couleurs, la police de caract&#232;re de base s'applique &#224; tout le site.&lt;/p&gt;
&lt;p&gt;Attention &#224; ne pas choisir une police trop exotique. Pensez &#224; la lisibilit&#233; et &#224; la facilit&#233; de lecture pour tous les publics (l'accessibilit&#233; des sites Web est n&#233;cessaire pour tous).&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Personnalisation-de-l-entete'&gt;Personnalisation de l'ent&#234;te&lt;/h3&gt;&lt;h4 class=&#034;spip&#034;&gt;Couleur d'arri&#232;re-plan de l'ent&#234;te&lt;/h4&gt;
&lt;p&gt;Choisir une couleur en harmonie avec la palette choisie des couleurs de base. Vous pouvez saisir la valeur transparent &lt;i&gt;(valeur par d&#233;faut)&lt;/i&gt;.&lt;/p&gt;
&lt;h4 class=&#034;spip&#034;&gt;Image d'arri&#232;re-plan de l'ent&#234;te&lt;/h4&gt;
&lt;p&gt;N'oubliez pas qu'en fonction des diff&#233;rents support utilis&#233;s (&#233;cran pc, tablette, smartphone, ...), la taille de votre image variera sensiblement.&lt;/p&gt;
&lt;p&gt;Pour afficher une image d'arri&#232;re plan dans l'ent&#234;te, pr&#233;parez pr&#233;alablement votre image. &lt;br class='autobr' /&gt;
Si cette image ou photo doit occuper toute la surface de l'ent&#234;te, pensez &#224; l'affichage sur smartphones et tablettes. Sur un &#233;cran pc, une image horizontale d'un ratio d'environ 5/1 &#224; 6/1 conviendra.&lt;/p&gt;
&lt;div class='spip_document_57 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L299xH161/100000000000018e000000d7ad2fd58a6f166a3e-ece26.jpg?1763690497' width='299' height='161' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Lorsque l'image choisie est pr&#234;te &#224; l'emploi, cliquez sur &#171; Oui &#187; dans le champ &#171; Afficher une image d'arri&#232;re-plan &#187;, puis cliquez sur &#171; Voir les images disponibles &#187;&lt;/p&gt;
&lt;div class='spip_document_58 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH219/10000001000001f400000124b5324b2b6347c67f-cbea9.png?1763690497' width='375' height='219' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Si aucune image n'est disponible ou satisfaisante, vous pouvez en ajouter dans l'onglet d&#233;di&#233;.cliquez sur &#171; T&#233;l&#233;verser ou supprimer une image &#187;. Importez votre image.&lt;/p&gt;
&lt;p&gt;Cliquez sur &#171; Choisir &#187;, le champ &#171; Url de l'image d'arri&#232;re plan &#187; est automatiquement compl&#233;t&#233;.&lt;/p&gt;
&lt;div class='spip_document_59 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH363/10000001000001f4000001e5935a48d1be5c3220-1b397.png?1763690497' width='375' height='363' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Compl&#233;tez ensuite les diff&#233;rents champs :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt;Position de l'image d'arri&#232;re-plan : Dans l'ordre position verticale, position horizontale. Les valeurs les plus usuelles sont &#171; top &#187;, &#171; left &#187;, et &#171; center &#187;&lt;/li&gt;&lt;li&gt;R&#233;p&#233;tition de l'image d'arri&#232;re-plan : Pour l'ent&#234;te, et dans le cas d'une photo, on choisira sans r&#233;p&#233;tition (valeur par d&#233;faut)&lt;/li&gt;&lt;li&gt;Fixer l'image d'arri&#232;re-plan : Pour l'ent&#234;te, laisser la valeur par d&#233;faut (Non)&lt;/li&gt;&lt;li&gt;Dimensions de l'image d'arri&#232;re-plan : Le choix est ici important. Vous pouvez saisir au choix, l'une des valeurs suivantes :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt;cover : forcera &#224; couvrir toute la surface sans d&#233;former l'image, quitte &#224; la rogner.&lt;/li&gt;&lt;li&gt;contain : forcera l'image &#224; ne pas d&#233;passer de l'&#233;l&#233;ment sans la d&#233;former, avec le risque que l'image ne couvre pas toute la surface.&lt;/li&gt;&lt;li&gt;auto : affiche l'image &#224; sa taille r&#233;elle.&lt;/li&gt;&lt;li&gt;X% Y% ou Xpx Ypx : redimensionne l'image aux dimensions choisies.&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt;Largeur de l'arri&#232;re-plan : L'image et la couleur d'arri&#232;re-plan peuvent occuper la largeur de la page (largeur des contenus) ou occuper toute la largeur de l'&#233;cran. Attention, dans ce cas, cette taille n'est pas ma&#238;trisable.&lt;/li&gt;&lt;/ul&gt;&lt;h4 class=&#034;spip&#034;&gt;Ent&#234;te&lt;/h4&gt;&lt;div class='spip_document_60 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH298/10000001000001f40000018ea0dc8434cf1f7d58-a0ba9.png?1763690497' width='375' height='298' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Vous pouvez choisir une police de caract&#232;res diff&#233;rente de celle choisie comme police de base et modifier sa taille et sa couleur.&lt;/p&gt;
&lt;h4 class=&#034;spip&#034;&gt;Logos du site &lt;/h4&gt;&lt;div class='spip_document_61 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH186/10000001000001f4000000f89cf35bcb0611f1fe-dfa40.png?1763690497' width='375' height='186' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Vous pouvez choisir d'afficher ou non le logo du site (s'il existe) et modifier sa taille et sa position (&#224; droite ou &#224; gauche de l'ent&#234;te), ainsi que la position du logo acad&#233;mique (toujours pr&#233;sent).&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Personnalisation-de-la-barre-de-navigation'&gt;Personnalisation de la barre de navigation&lt;/h3&gt;&lt;div class='spip_document_62 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH213/10000000000001f40000011de2d956ab457fbe0c-fbe16.jpg?1763690497' width='375' height='213' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Par d&#233;faut, la barre de navigation utilise la couleur de base N&#176;2 comme couleur d'arri&#232;re-plan. Au survol d'un lien, sa couleur d'arri&#232;re-plan est la couleur N&#176;1.&lt;br class='autobr' /&gt;
Sont personnalisables : la couleur d'arri&#232;re-plan de la barre de navigation (couleur de base N&#176;1 ou N&#176;2) ainsi que la couleur des liens (blanc ou noir). Vous pouvez &#233;galement inverser la couleur des liens au survol (en fonction des couleurs de base N&#176; 1 et 2)&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Personnalisation-de-la-page'&gt;Personnalisation de la page.&lt;/h3&gt;&lt;div class='spip_document_63 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH136/10000001000001f4000000b652bb5443cbd1263b-3b24a.png?1763690497' width='375' height='136' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Comme pour l'ent&#234;te, vous pouvez modifier la couleur d'arri&#232;re-plan de la page et ajouter une image d'arri&#232;re-plan. Proc&#233;dez de la m&#234;me fa&#231;on que pour l'ent&#234;te en pr&#233;parant votre image.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Personnalisation-du-pied-de-page'&gt;Personnalisation du pied de page.&lt;/h3&gt;&lt;div class='spip_document_64 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH135/10000001000001f4000000b54ee405704f590ce4-35f7b.png?1763690497' width='375' height='135' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;L&#224; aussi, vous pouvez ajouter une image et/ou modifier la couleur d'arri&#232;re-plan .&lt;br class='autobr' /&gt;
Proc&#233;dez de la m&#234;me fa&#231;on que pour l'ent&#234;te.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Pour-finir'&gt;Pour finir&lt;/h3&gt;
&lt;p&gt;Vous pouvez personnaliser les blocs affich&#233;s pour les diff&#233;rentes pages de votre site. Pour cela utiliser &lt;a href='https://drane.ac-normandie.fr/spipr-dane-noisettes-doc-utilisateur' class=&#034;spip_in&#034;&gt;SPIPr-Dane-Noisettes&lt;/a&gt; (via &#171; Squelettes &#187; / &#171; G&#233;rer les noisettes &#187;) apr&#232;s avoir activ&#233; le plugin.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>SPIPr-Dane-Noisettes - Doc utilisateur</title>
		<link>https://drane.ac-normandie.fr/spipr-dane-noisettes-doc-utilisateur</link>
		<guid isPermaLink="true">https://drane.ac-normandie.fr/spipr-dane-noisettes-doc-utilisateur</guid>
		<dc:date>2023-03-23T17:10:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Johan Pustoch</dc:creator>


		<dc:subject>Tutoriel</dc:subject>
		<dc:subject>Publier sur le Web</dc:subject>
		<dc:subject>Tous les niveaux</dc:subject>
		<dc:subject>Environnement professionnel</dc:subject>
		<dc:subject>Se former, d&#233;velopper une veille</dc:subject>
		<description>  Le plugin SPIPr-Dane-Noisettes est une extension de SPIPr-Dane qui permet de personnaliser les pages de votre site : pour les diff&#233;rentes pages, choisissez une disposition et ordonner les blocs &#224; afficher. </description>

 <content:encoded>&lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH150/spipr-dane_noisettes-85344.png?1763607156' class='spip_logo spip_logo_right' width='150' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Le plugin SPIPr-Dane-Noisettes est une extension de SPIPr-Dane qui permet de personnaliser les pages de votre site : pour les diff&#233;rentes pages, choisissez une disposition et ordonner les blocs &#224; afficher.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;i&gt;SPIPr-Dane-Noisettes&lt;/i&gt; est un plugin SPIP propos&#233; sur la plateforme acad&#233;mique qui vous permet de personnaliser la disposition des principales pages de votre site.&lt;/p&gt;
&lt;div class=&#034;info&#034;&gt;&lt;br/&gt;&lt;strong&gt;Attention&lt;/strong&gt; : &lt;i&gt;SPIPr-Dane-Noisettes&lt;/i&gt; est un plugin &#224; utiliser avec le plugin SPIPr-dane. Il ne faut pas activer ce plugin avec le plugin SPIPr-&#201;duc.&lt;br/&gt; &lt;br/&gt;&lt;/div&gt;
&lt;p&gt;SPIPr-Dane-Noisette fournit :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; une liste de types de noisettes &#224; disposer dans les pages (c'est le plugin Noizetier qui entre en jeux) : blocs de texte, listes d'articles ou de liens, carousels, etc. Les blocs sont param&#233;trables facilement par le webmestre et permettent de personnaliser fortement le site ;&lt;/li&gt;&lt;li&gt; une liste de mod&#232;les de disposition de page.&lt;/li&gt;&lt;/ul&gt;&lt;h3 class=&#034;spip&#034; id='Presentation-de-la-page-de-gestion-des-noisettes'&gt;Pr&#233;sentation de la page de gestion des noisettes&lt;/h3&gt;
&lt;p&gt;Ouvrez la page de gestion des noisettes (Menu &#171; Squelettes / G&#233;rer les noisettes &#187;).&lt;/p&gt;
&lt;div class='spip_document_66 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L480xH340/1000000000000280000001c6086b9ea537719f7e-64f82.jpg?1763713926' width='480' height='340' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;&lt;h4 class=&#034;spip&#034;&gt;Liste des pages pouvant accueillir des noisettes&lt;/h4&gt;
&lt;p&gt;Au centre de la page est affich&#233;e la liste des pages pouvant accueillir des noisettes. Afin de simplifier la proc&#233;dure de configuration des noisettes et aussi parce que la personnalisation des autres pages pr&#233;sente peu d'int&#233;r&#234;t, seules les pages article, rubrique et sommaire (page d'accueil) sont propos&#233;es dans la liste des pages.&lt;/p&gt;
&lt;p&gt;Pour chacune de ces pages, &#224; droite, une ic&#244;ne en forme de crayon vous permet d'&#233;diter la configuration de la page. Activer si besoin seulement les 3 options : aside, content et extra.&lt;/p&gt;
&lt;div class='spip_document_67 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH175/10000000000001f4000000eab28ce593f64b98d9-7a705.jpg?1763713926' width='375' height='175' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;&lt;h4 class=&#034;spip&#034;&gt;Menus (colonne de gauche)&lt;/h4&gt;
&lt;p&gt;Sur la partie gauche, un premier bloc propose des liens pour l'affichage des types de page (sommaire, rubrique ou article). &lt;br class='autobr' /&gt;
On retrouve ici aussi les personnalisations mises en place pour des pages sp&#233;cifiques.&lt;/p&gt;
&lt;div class='spip_document_68 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH121/10000000000000c8000000a2662932e621bd4260-ce880.jpg?1763713926' width='150' height='121' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;&lt;div class='spip_document_69 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH72/10000000000000c800000061827d7b522d047be4-e746f.jpg?1763713926' width='150' height='72' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Un troisi&#232;me bloc propose un lien vers la configuration du plugin Noizetier. La configuration adapt&#233;e &#224; SPIPr-Dane-Noisettes est appliqu&#233;e &#224; l'installation de celui-ci. Il est donc d&#233;conseill&#233; de la modifier. &lt;br class='autobr' /&gt;
Au dessous, les liens d'import et d'export de configuration vous permettant d'effectuer une sauvegarde avant toute modification.&lt;/p&gt;
&lt;div class='spip_document_70 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L150xH99/10000000000000c80000008550853db68d808965-a9145.jpg?1763713926' width='150' height='99' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;&lt;h3 class=&#034;spip&#034; id='Ajouter-des-noisettes'&gt;Ajouter des noisettes&lt;/h3&gt;&lt;h4 class=&#034;spip&#034;&gt;Page sommaire (page d'accueil du site)&lt;/h4&gt;
&lt;p&gt;Dans la liste des 3 pages, cliquer sur le lien &#171; Page d'accueil du site &#187;.&lt;/p&gt;
&lt;div class='spip_document_71 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH57/10000000000001f40000004dd951cba498c50742-13925.jpg?1763713926' width='375' height='57' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Ce lien ouvre la page de gestion des noisettes pour la page concern&#233;e.&lt;/p&gt;
&lt;div class='spip_document_72 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L374xH473/10000000000001f40000027716ca5e8e280bd119-3a747.jpg?1763713926' width='374' height='473' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Les diff&#233;rents blocs de cette page sont assez explicites :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt;Au centre en haut, le cartouche avec le nom de la page et un bouton Modifier cette page que nous laissons en l'&#233;tat.&lt;/li&gt;&lt;li&gt;Au dessous, le cadre d'ajout de noisettes, dans un des trois blocs Content, Aside et Extra accessibles par des onglets.&lt;/li&gt;&lt;li&gt;&#192; gauche, sous le cartouche de la page, la liste des type de noisettes disponibles pour cette page.&lt;br class='autobr' /&gt;
Pour ajouter des noisettes &#224; un des blocs, cliquez sur l'onglet concern&#233;, choisissez dans la liste des noisettes disponibles, colonne de gauche, la noisette &#224; ins&#233;rer et 'glissez/d&#233;posez' la dans le bloc.&lt;/li&gt;&lt;/ul&gt;&lt;div class='spip_document_73 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L480xH242/100000000000028000000143fdc57acc18542cc9-008d4.jpg?1763713926' width='480' height='242' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;La noisette ins&#233;r&#233;e dans le bloc affiche son titre, la valeurs de ses param&#232;tres et, &#224; droite, une ic&#244;ne 'crayon' et une ic&#244;ne 'menu'.&lt;/p&gt;
&lt;div class='spip_document_74 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH111/10000000000001f400000095907b41488baccfa6-deee8.jpg?1763713926' width='375' height='111' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;D&#232;s qu'une noisette est ins&#233;r&#233;e dans un bloc, celle-ci, param&#233;tr&#233;e par d&#233;faut, est affich&#233;e en page publique &#224; la place du contenu par d&#233;faut du bloc.&lt;/p&gt;
&lt;p&gt;Pour modifier les param&#232;tres, cliquer sur l'ic&#244;ne 'crayon' pour ouvrir le formulaire de configuration de la noisette.&lt;/p&gt;
&lt;div class='spip_document_75 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L300xH205/100000000000019000000112063bbdf8a66790e0-a5aa7.jpg?1763713926' width='300' height='205' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Chaque type de noisettes est param&#233;trable, cependant, le nombre de param&#232;tres peut varier consid&#233;rablement d'un type de noisette l'autre. Nous n'aborderons pas ici la description d&#233;taill&#233;e de chacun des types de noisettes.&lt;/p&gt;
&lt;p&gt;Un clic sur l'ic&#244;ne 'menu' ouvre un sous-menu proposant 3 + 2 items, Supprimer cette noisette, Dupliquer cette noisette et Copier cette noisette dans le m&#234;me bloc d'autres pages, puis D&#233;placer vers le haut et D&#233;placer vers le bas. L'intitul&#233; de ces items est assez clair...&lt;/p&gt;
&lt;div class='spip_document_76 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L225xH93/100000000000012c0000007d034e1fd1e561f0ef-d3ed8.jpg?1763713926' width='225' height='93' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;&lt;h3 class=&#034;spip&#034; id='Modifier-le-modele'&gt;Modifier le mod&#232;le&lt;/h3&gt;
&lt;p&gt;Au dessous de liste des pages, un bloc vous indique le mod&#232;le utilis&#233; (par d&#233;faut, mod&#232;le N&#176;2) et affiche le descriptif du mod&#232;le. Il propose sur la droite un bouton 'Modifier le mod&#232;le'.&lt;/p&gt;
&lt;div class='spip_document_77 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L375xH186/10000000000001f4000000f91d2520352cc1e641-c9489.jpg?1763713926' width='375' height='186' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;SPIPr-Dane-Noisettes propose le choix parmi 12 mod&#232;les de page. Toutefois, le mod&#232;le choisi par d&#233;faut ne sera pas appliqu&#233; &#224; certaines pages du site (recherche, contact, ...). Ces pages seront toujours affich&#233;es avec le mod&#232;le par d&#233;faut de SPIPr-Dane.&lt;/p&gt;
&lt;div class='spip_document_78 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'&gt;
&lt;figure class=&#034;spip_doc_inner&#034;&gt; &lt;img src='https://drane.ac-normandie.fr/local/cache-vignettes/L480xH210/1000000000000280000001190c7ee3fca9a32f86-d6827.jpg?1763713926' width='480' height='210' alt='' /&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Le choix d'un mod&#232;le 2 colonnes (mod&#232;les N&#176; 2 &#224; N&#176; 9) comme mod&#232;le par d&#233;faut est fortement conseill&#233;. Vous pourrez toujours par la suite choisir un autre mod&#232;le pour les pages article, rubrique ou surtout la page sommaire, page d'accueil de votre site.&lt;/p&gt;
&lt;h3 class=&#034;spip&#034; id='Personnaliser-l-affichage-d-un-contenu-particulier'&gt;Personnaliser l'affichage d'un contenu particulier&lt;/h3&gt;
&lt;p&gt;SPIPr-Dane-Noisettes de par sa gestion par le Noizetier permet de choisir pour une page en particulier (article ou rubrique) les noisettes pr&#233;sents dans la page.&lt;br class='autobr' /&gt;
Ceci est un usage avanc&#233;, il ne faut pas en abuser (si on multiplie les personnalisation, difficile de s'y retrouver), mais c'est dans certains cas bien pratique.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>



</channel>

</rss>
