Contact

Mentions légales

Propriétaire du site

[ToDo : nom du propriétaire du site, lien vers sa page de contact].

Hébergeur

Siegler informatique, hébergeur SPIP + SoyezCréateurs

Liens vers ce site

Le site autorise tout site Internet ou tout autre support àle citer ou àmettre en place un lien hypertexte pointant vers son contenu.

L’autorisation de mise en place d’un lien est valable pour tout support, àl’exception de ceux diffusant des informations àcaractère polémique, pornographique, xénophobe ou pouvant, dans une plus large mesure porter atteinte àla sensibilité du plus grand nombre.

La reprise intégrale du contenu d’une page est aussi autorisée, sous réserve d’établir un lien clair vers sa source. C’est la licence CC-By-SA qui s’applique.

Traitement automatisé d’informations nominatives

Ce site ne collecte sur les visiteurs du site aucune autre information nominative ou personnelle que celles qui lui sont ouvertement et volontairement fournies en particulier par l’intermédiaire des adresses électroniques de ses correspondants.

Nous vous rappelons que vous disposez d’un droit d’accès, de modification, de rectification et de suppression des données vous concernant (article 34 de la loi "Informatique et Libertés" du 6 janvier 1978).
Pour exercer ce droit, contactez-nous.

Cookies

Des cookies peuvent être utilisés par ce site :

  • pour accéder àl’interface d’administration (mais SPIP sait aussi fonctionner sans)
  • pour se souvenir de vous quand vous remplissez un formulaire (fonctionne aussi sans)
  • par Google pour vous pister partout (mais ça devrait fonctionner sans)

Réalisation

PYRAT.net en utilisant l’outil SPIP.

PYRAT.net a réalisé ce site dans les respect des normes pour l’accessibilité des sites web àtous.

Politique d’accessibilité du site

Le squelette SPIP SoyezCreateurs utilisé sur ce site est conçu pour faciliter la mise en Å“uvre des bonnes pratiques de l’accessibilité des sites pour tous.

SoyezCreateurs accorde un soin tout particulier àla qualité de réalisation de ses sites Internet. Il est ainsi engagée dans une démarche d’optimisation de l’accessibilité de ses contenus web. Cette démarche vise dans un premier temps àfaciliter la consultation de nos sites par les personnes handicapées, non voyantes, malvoyantes ou malentendantes. Mais plus généralement, la démarche d’accessibilité est indispensable pour garantir le plus large accès ànos contenus par tous les internautes et tous les dispositifs de lecture.

L’accessibilité des services de communication publique de l’État

La loi n° 2005-102 du 11 février 2005 « pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées  » instaure au titre de l’article 47, l’obligation pour les services de communication publique en ligne des services de l’Etat, des collectivités territoriales et des établissements publics qui en dépendent d’être accessibles aux personnes handicapées.

Article 47 : « Les services de communication publique en ligne des services de l’Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées.

L’accessibilité des services de communication publique en ligne concerne l’accès àtout type d’information sous forme numérique quels que soient le moyen d’accès, les contenus et le mode de consultation. Les recommandations internationales pour l’accessibilité de l’internet doivent être appliquées pour les services de communication publique en ligne.

Un décret en Conseil d’État fixe les règles relatives àl’accessibilité et précise, par référence aux recommandations établies par l’Agence pour le développement de l’administration électronique, la nature des adaptations àmettre en Å“uvre ainsi que les délais de mise en conformité des sites existants, qui ne peuvent excéder trois ans, et les sanctions imposées en cas de non-respect de cette mise en accessibilité. Le décret énonce en outre les modalités de formation des personnels intervenant sur les services de communication publique en ligne  ».

Le Référentiel général d’accessibilité pour les administrations (RGAA) est le guide de référence (compatible avec les recommandations du W3C) pour assurer la mise en conformité des sites Internet publics.

SoyezCreateurs, respecte [1] l’intégralité des points de contrôle obligatoires et le plus grand nombre de points de contrôle recommandés.

Néanmoins, si vous rencontrez des difficultés techniques pour consulter notre site, merci de nous contacter.

Conseils et astuces pour faciliter votre navigation

**Naviguez comme vous le souhaitez

L’ensemble du site est consultable au clavier. Vous pouvez ainsi parcourir la page dans son ordre logique de lecture, de liens en liens, en utilisant la touche « tabulation  » de votre clavier.

**Agrandissez les caractères

En appuyant simultanément sur les touches Ctrl et +, vous grossissez par effet de loupe l’ensemble de la page (Internet Explorer et Firefox).

Ctrl + 0 permet de revenir àla taille par défaut

**Imprimez une version adaptée au papier

Toutes les pages sont imprimables (Fichier > Impression ou touches CTRL + P) dans une version adaptée au papier : le texte et plus aéré et les différents éléments inutiles àla lecture (principalement les menus de navigation) ont été supprimés.

**Utilisez une version récente de navigateur

En mettant àjour gratuitement la version de votre navigateur, vous vous assurez une lecture la plus conforme aux standards et donc la plus accessible. Pour télécharger les dernières versions des principaux navigateurs :

Nous vous invitons en particulier àne plus utiliser les versions 6 et inférieures d’Internet Explorer, considérées aujourd’hui comme obsolètes en terme de sécurité et de conformité aux standards.

**Ouverture des liens dans une nouvelle fenêtre/onglet

Vous avez le choix ! C’est vous qui décidez ! Rien ne vous est imposé.

Pour ouvrir un lien dans une nouvelle fenêtre (ou un nouvel onglet), il suffit :

  • àla souris de cliquer avec la molette sur le lien
  • pas de molette ? Ctrl + clic gauche
  • ou encore, bouton droit sur le lien et choisir l’option adéquate

Bonne navigation !

Premiers pas dans le squelette SoyezCreateurs

Bravo !!!!

Vous avez correctement passé la première étape en installant ce squelette.

Et maintenant vous vous demandez « Que faire ?  »

Ce squelette est entièrement personnalisable et il va vous permettre de changer les différents critères suivants :

  • Pour changer l’Édito, créer un article et lui affecter le mot clef EDITO
  • Pour changer le nom du site et son logo : URL de votre site/ecrire/?exec=configurer_identite
    Le logo de survol s’il est présent est utilisé comme bannière en haut du site [2]
  • Configuration du Squelette SoyezCreateurs URL de votre site/ecrire/?exec=configurer_soyezcreateurs&cfg=soyezcreateurs (ex : position Logo) [3]
  • Choisir la disposition des différents parties du site parmi 40 modèles disponibles URL de votre site/ecrire/?exec=configurer_soyezcreateurs&cfg=soyezcreateurs_layout (source : LayoutGala)

Vous trouverez aussi plusieurs documentations disponibles aux adresses ci-dessous :

Raccourcis Typographiques de SPIP, mode d’emploi Ceci est un soustitre

Un préalable important : la mise en page d’un texte est au service du sens de celui-ci, pas du goà»t personnel de celui qui se trouve devant l’écran ! Or, les raccourcis typographiques de SPIP portent en eux-mêmes du sens. Il est important d’avoir une correspondance entre le sens typographique et le sens du texte. Par exemple, un titre du point de vue du texte doit aussi l’être du point de vue typographique.

N’oubliez pas non plus que votre site sera lu par des visiteurs pouvant être dans des résolutions d’écran différentes de la vôtre et qu’une « belle » mise en page chez vous pourrait être complètement différente pour le visiteur.

Avant d’aller plus loin, vous pouvez lire avec profit : Raccourcis typographiques indispensables de SPIP.

Le texte préexiste àla mise en page

C’est peut-être une évidence, mais pour mettre en page un texte, il faut que le texte existe.

Dans le cas de SPIP, ça veut dire qu’il vaut mieux (au moins dans un premier temps) :

  • disposer de tout le texte sans aucun raccourci typographique,
  • sauter une ligne àchaque changement d’idée (ce qui donne un changement de paragraphe, voire un titre),
  • faire un retour àla ligne avant chaque élément d’une énumération.

Ce n’est qu’ensuite que les raccourcis typographiques de SPIP pourront être appliqués avec discernement.

Distinction entre paragraphes et caractères

Certains attributs typographiques ne peuvent s’appliquer qu’àdes paragraphes entiers, d’autres doivent être appliqués àdes caractères dans le même paragraphe.

Dans la Barre Typographique de SPIP, les attributs de caractères forment le premier groupe sur la gauche, les attributs typographiques de paragraphes le deuxième.

**Paragraphes

Un paragraphe dans SPIP est précédé d’une ligne vide et suivi d’une ligne vide [4].

Une règle générale est de ne mettre qu’un attribut de paragraphe par paragraphe.

Si deux paragraphes de suite ont le même attribut, il faut appliquer deux fois l’attribut, une fois pour chaque paragraphe.

Les attributs de paragraphe ne sont pas disponibles dans les champs de SPIP n’ayant qu’une ligne.

Les attributs de paragraphe sont :

  • les titres {{{Paragraphe du titre}}} et sous-titres {{{*Texte du titre}}}, avec un nombre d’* (étoiles) variant de 2 à5, la barre de raccourcis ne proposant que 2 et 3.
    [*Attention*] : il est essentiel de respecter la hiérarchie de la titraille et de ne pas commencer par un élément sans qu’il soit précédé de son niveau supérieur (on ne doit pas commencer à2 !). Voir les exemples de titraille
    [*Remarque*] : {{{Titre de premier niveau}}} est strictement équivalent à{{{*Titre de premier niveau}}}.
  • centrer [|Paragraphe centré|] : àn’utiliser que de manière exceptionnelle [5] !

[|Paragraphe centré|]

  • aligner àdroite [/Paragraphe aligné àdroite/] : essentiellement pour mettre la signature d’un auteur

[/Paragraphe aligné àdroite/]

  • encadrer [(Paragraphe àencadrer)]

[(Paragraphe àencadrer)]

Certains attributs sont un peu spéciaux :

  • Poésie <poesie>Le texte de la poésie, sur plusieurs lignes, les retour àla ligne simple étant pris en compte</poesie>
Le geai gélatineux gégnait dans le jasmin
Voici mes infins le plus beau vers de la langue française.
  • Cadre <cadre>Texte qui apparaitra dans une zone de formulaire facilitant le copier/coller [6]</cadre>

***Citation

Soit àl’intérieur d’un paragraphe :<quote>Texte d’une citation</quote>

Proverbe connu :

C’est en forgeant que l’on devient forgeron.

Soit formant un bloc :

<quote>
L'amour naît d'un cœur déchiré tant il s'est agrandi.
</quote>

L’amour naît d’un cÅ“ur déchiré tant il s’est agrandi.

**Caractères

Les attributs de caractères doivent être ouverts et fermés àl’intérieur du même paragraphe (pas question de débuter le gras sur un premier paragraphe et de le terminer sur un deuxième).

Ils peuvent être utilisés dans tous les champs de SPIP.

***Mise en forme

  • gras : {{texte en gras}} ; àutiliser pour un élément que l’on souhaite appuyer (sera prononcé plus fort dans un logiciel de lecture vocal) : texte en gras
  • italique : {italique} ; àutiliser pour une élément sur lequel on veut insister (sera prononcé avec emphase) : italique
  • mise en évidence [*texte en évidence*] : élément que l’on souhaite appuyer en attirant le regard par un changement de couleur : [*texte en évidence*]
  • mise en exposant : <sup>texte en exposant</sup> : pour l’abréviation de saint : St
  • petites capitales : <sc>texte en petite capitales</sc> : àutiliser essentiellement pour les noms propres : Charles de Gaulle
  • code : <code>du code (raccourcis typographiques, html...)</code> que l’on ne souhaite pas que SPIP interprète
  • biffé : <del>texte biffé</del> : pour indiquer qu’on avait pensé àun autre mot et que l’on a changé d’avis : SPIP, c’est bien fantastique !

***Comportement spécifique

****Aides àla compréhension du texte

  • bulle d’aide : [GPL|Gnu Public Licence] : pour donner la signification d’un terme ou d’une abréviation : GPL
    Ce raccourcis est beaucoup moins nécessaire depuis que vous disposez de article 444 automatiques.

****Liens internes et externes

  • lien : [texte du lien->http://www.spip.net/] : lien : texte du lien
    À noter qu’il est possible de faire des liens àl’intérieur du site SPIP àl’aide des numéros des éléments et de leur type (se reporter àl’aide en ligne fournie par SPIP).
  • lien avec bulle d’aide : [texte du lien|Le site officiel de SPIP->http://www.spip.net/] : texte du lien
  • lien avec langue de destination (non visible sur Internet Explorer) : [texte du lien|{fr}->http://www.spip.net/] : texte du lien
  • lien avec bulle d’aide et langue de destination : [texte du lien|Le site officiel de SPIP{fr}->http://www.spip.net/] : texte du lien
  • ancre et retour àl’ancre : [definition_ancre<-] et [retour à l'ancre->#definition_ancre] : retour àl’ancre
  • définition dans Wikipedia : [?GPL] : appelle l’encyclopédie libre Wkipedia pour obtenir la définition du mot [7] : GPL
    Avec bulle d’aide : [?GPL|Définition sur Wikipédia] : GPL
  • note de bas de page : texte[[note de bas de page]] : crée une note de bas de page avec le texte entre les doubles crochets [8]

**Listes

Les listes sont àutiliser pour tout ce qui àle sens d’une énumération.

Attention : il faut entourer un bloc de listes àpuces d’une ligne vide avant et après.

***Listes àpuces

Donnera :

  • première ligne
  • deuxième ligne
    • une sous liste àpuce
  • de retour dans le niveau initial

***Listes numérotées

Donnera :

  1. première ligne
  2. deuxième ligne
    1. une sous liste numérotée
  3. de retour dans le niveau initial

**Tableaux

Pour être complètement accessible, un tableau dans SPIP doit avoir un titre et une description.

Ainsi :

Donnera :

Produits bio et prix
Produit Prix €
Beurre Bio 5€
Lait Bio 3€
Choux Bio 4€

Notez les doubles || [9] sur la première ligne du tableau !

[*Attention*] : les pièges classiques avec les tableaux sont :

  • ne pas avoir le même nombre de | sur une ligne
  • avoir un espace après le dernier | de la ligne (un moyen simple de vérifier : la touche fin du clavier amène àla fin de la ligne)

**Tableaux avec fusion de cellules

Donnera :

Tableau avec fusion
Colonne 1 Colonne 2 Colonne 3
ligne 1 Cellule fusionnée avec la suivante
ligne 2 Cellule fusionnée

avec celle du dessous

normale
ligne 2 normale aussi

Principe :

  • |<| fusionne avec la cellule de gauche
  • |^| fusionne avec la cellule au dessus

Images

Pour les images et documents, reportez-vous àl’aide en ligne de SPIP. Seule contrainte pour l’accessibilité (et donc un meilleur référencement) : donnez un titre àtoutes vos images décrivant le sens de chacune d’elles.

Caractères spéciaux

  • ~ (espace insécable ou espace dur — correspond au &nbsp; du HTML) placé entre deux mots remplace l’espace en ayant l’avantage d’être insécable, c’est-à-dire, qu’il empêchera les deux mots d’être séparés par un retour àla ligne malvenu. S’utilise en particulier entre le prénom et le nom propre.
  • --> : —> (flèche vers la droite)
  • <-- : <— (flèche vers la gauche)
  • <--> : <—> (flèche vers la gauche et vers droite)
  • ==> : ==> (double flèche vers la droite)
  • <== : <== (double flèche vers la gauche)
  • <==> : <==> (double flèche vers la gauche et vers droite)
  • -- : — (tiret cadratin) àutiliser pour les incises dans un texte
  • ... : ... (3 petits points) points de suspension
  • (c) : (c) : CopyRight
  • (r) : (r) : Registered
  • (tm) : (tm) : Trade Mark

Ligne horizontale

---- : 4 signes moins en seuls sur une ligne (précédés d’une ligne vide et suivis d’une ligne vide) donneront un trait de séparation horizontal.


Éléments dangereux

Il y a deux éléments dangereux dans SPIP :

  • le retour àla ligne simple : _ (souligné espace) en début de ligne.
    Usage toléré pour donner adresse et numéro de téléphone/fax.
    Usage toléré : dans une liste àpuce pour passer àla ligne sans passer àune nouvelle puce (comme ici).
    Usage [*interdit*] : pour mettre plus d’espace vertical entre deux éléments de la page.
  • le HTML pur : il est possible dans SPIP de mettre du code HTML. Le faire est fortement déconseillé :
    • parce que c’est la porte ouverte àtoutes les dérives, ne serait-ce que celle de sortir de la charte graphique du site, ou celle de produire un code HTML non valide (voire non interprétable ailleurs que sur Internet Explorer
    • parce que c’est partir du postulat que votre site ne sera visité qu’en tant que site web ; il pourrait très bien être un jour disponible sous forme de fichiers PDF...

Exemples de titraille : Titre principal

{{{Exemples de titraille : Titre principal}}}

**Titre niveau deux

{{{**Titre niveau deux}}}

***Titre niveau trois

{{{***Titre niveau trois}}}

****Titre niveau quatre

{{{****Titre niveau quatre}}}

*****Titre niveau cinq

{{{*****Titre niveau cinq}}}

Placement des images

Contactez-nous<img177|left>


Exemple d'image
<img178|center>


Contactez-nous<img177|right>


Contactez-nous
Clavier de téléphone...

<doc177|left>


Exemple d’image
Avec un descriptif de l’image en dessous.

<doc178|center>


Contactez-nous
Clavier de téléphone...

<doc177|right>


Contactez-nous
Clavier de téléphone...

<emb177|left>


Exemple d’image
Avec un descriptif de l’image en dessous.

<emb178|center>


Contactez-nous
Clavier de téléphone...

<emb177|right>


Une extension pour FireFox est très utile pour savoir rapidement si vous avez fait une erreur de raccourcis typographiques : HTML VALIDATOR (based on Tidy).

Quant àl’écriture pour le Web, vous pouvez visiter l’excellent Redaction.be

Notes

[1En ce qui concerne le contenant ; le contenu devant lui aussi être rendu accessible par les rédacteurs du site...

[2Lui donner précisément la taille voulue

[3Attention, l’accès àcette configuration est réservée aux webmestres du site, par défaut, l’auteur n°1 avec ce squelette.

[4Sauf les listes àpuce et les tableaux

[5J’avais mis ça en place àl’époque de la version 1.7 de SPIP qui gérait mal le centrage des images

[6Essentiellement utilisé sur spip-contrib pour donner des exemples de code

[7Si le mot n’existe pas, vous pouvez le créer vous-même !

[8Et la note de bas de page est automatiquement numérotée, rendue clicable, pour la consulter, et pour revenir au texte l’ayant appelée

[9Le signe | se fait sous Windows avec la combinaison AltGR-6.