Plurilingues

Créer un QCM ou un quiz

Laurent Lefebvre — 2021-10-11T11:23:07Z

Créer un quiz nécessitera d'insérer le code détaillé ci-dessous. Celui-ci doit se trouver entre les balises « jeux ». Ce code est lui-même composé de séparateurs (par ex. : [qcm])

Évitez de mélanger les séparateurs spécifiques appartenant à des jeux différents dans le code d'un jeu unique.

Exemple 1 : Insérer une question nécessitant une réponse précise

Le code suivant :

 [qcm] Q Citez une planète du système solaire : P Mercure Vénus Terre la+Terre Mars Jupiter Saturne Uranus Neptune

fera apparaître la question suivante :

[qcm]
Q Citez une planète du système solaire :
P Mercure Vénus Terre "la Terre" Mars Jupiter Saturne Uranus Neptune

**Explications :

Après avoir inséré le code "[qcm]", retournez à la ligne, puis :

Faire précéder la question par la lettre "Q" suivi d'un espace.
Faire précéder la ou les réponses par la lettre "P" suivie d'un espace. Notez que plusieurs réponses pourront être données par le participant. Les réponses nécessitant plusieurs mots devront être écrites entre guillemets.

Exemple 2 : QCM avec une seule réponse possible

Le code suivant :

 [qcm] Q Quelle est la langue la plus parlée en France après le français ? P1 Breton P2 Arabe dialectal P3 Créole P4 Corse R2

fera apparaître le QCM suivant :

[qcm]
Q Quelle est la langue la plus parlée en France après le français ?
P1 Breton
P2 Arabe dialectal
P3 Créole
P4 Corse
R2

**Explications :

Après avoir inséré le code "[qcm]", retournez à la ligne, puis :

Faire précéder la question par la lettre "Q" suivi d'un espace.
Faire précéder la première proposition par "P1" suivi d'un espace, puis la seconde proposition par "P2" suivi d'un espace. Répéter l'opération autant de fois que de proposition.
Afin d'indiquer au système quel est la bonne réponse, passez une ligne puis indiqué la lettre "R" suivi du numéro de la bonne réponse.

Exemple 3 : QCM avec une plusieurs réponses possibles

Le code suivant :

 Parmi les ponctuations suivantes, lesquels doivent être précédées d'un espace insécable ? P1 : (les deux points) P2 ; (le point virgule) P3 ! (le point d'exclamation) P4 , (la virgule) R1 R2 R3

fera apparaître le QCM suivant :

[qrm]
Q Parmi les ponctuations suivantes, lesquels doivent être précédées d'un espace insécable ?
P1 : (les deux points)
P2 ; (le point virgule)
P3 ! (le point d'exclamation)
P4 , (la virgule)
R1 R2 R3

**Explications :

Après avoir inséré le code "[qrm]" (comme "Question à réponses multiples"), retournez à la ligne, puis :

Faire précéder la question par la lettre "Q"puis les propositions par "P" comme pour les QCM
Afin d'indiquer au système quelles sont les bonnes réponses, passez une ligne puis indiquer les bonnes réponses précédées de la lettre "R"

Vous remarquerez que la question est suivie du nombre de points alloué en fonction du nombre de bonnes réponses créées.

Ajouter un fichier audio dans un article

Laurent — 2021-10-01T11:48:43Z

Votre site permet d'afficher ce type de contenu audio. Vous trouverez ici la méthode pour pouvoir ajouter ce type de contenu.

Comment publier du contenu audio sur votre site ?
Une fois votre contenu hébergé sur votre site, cliquez sur le bouton [*Ajouter un document*] visible sous l'article où vous voulez placer votre vidéo. [1].
La fenêtre qui s'ouvre vous permet de téléverser votre document audio.
Il ne vous reste plus qu'à insérer ce fichier à l'intérieur du texte de votre document.
La méthode est la même que pour les images. Sur la colonne de gauche de chaque page d'édition, les documents audios associés à la page éditée s'afficheront, suivi de 6 petits codes. L'insertion de l'un de ces petits codes fera apparaître le fichier de manière différente dans votre article.

Les codes commençant par "emb" vous permettront d'insérer le lecteur audio. En fonction du code choisi, l'image sera alignée à gauche, centrée ou alignée à droite.

Adriano Celentano

Essayez de trouver la langue de ce morceau.

Adriano Celentano

Essayez de trouver la langue de ce morceau.

Adriano Celentano

Essayez de trouver la langue de ce morceau.

Le titre et le descriptif de l'enregistrement audio

Il est possible d'associer des informations à votre son. Pour cela, cliquez sur le bouton [*modifier*] en dessous de celui-ci. Une fenêtre apparaîtra vous permettant de renseigner :

son titre
sa description
les crédits de l'enregistrement
la vignette (ou visuel) sur lequel il faudra cliquer pour télécharger le son. (Cela peut par exemple être la jaquette du CD contenant l'enregistrement).

[(Attention à ne pas héberger sur votre site des enregistrements soumis aux droits d'auteurs !)]

[1] Vous pouvez aussi utiliser l'encart "ajouter une image ou un document" visible à gauche de la page d'édition d'un article

Comment modifier les coordonnées et informations importantes du site ?

Laurent — 2021-10-01T11:17:53Z

La page Configuration > Identité du site, vous permet de modifier des informations importantes du site.

*Le nom et le descriptif du site

Le nom du site apparaît dans l'onglet de la page d'accueil du site.
Ces contenus servent notamment à renseigner les moteurs de recherche. Il est important d'y placer les mots-clé qui permettront d'attirer l'attention de l'internaute parmi d'autres résultats de recherche.

*L'adresse E-mail du webmestre

C'est l'adresse par défaut vers laquelle sont envoyés les réponses au formulaire de contact.

*Les coordonnées des réseaux sociauxassociés au site

Ces informations servent à faire pointer les pictos des réseaux sociaux visibles dans la barre de menu vers les comptes liés à votre site.

Pourquoi mon article / ma rubrique n'apparaît pas sur le site ?

Laurent Lefebvre — 2021-09-30T23:05:49Z

Quelques règles fondamentales s'appliquent aux éléments de votre site :

Un article apparaît seulement s'il est publié.
Une rubrique apparaît seulement si elle contient au moins un article publié (ou si elle contient au moins une sous-rubrique contenant un article publié). À l'inverse, il ne sera pas possible de supprimer une rubrique contenant au moins un article publié.
Il est impossible de supprimer un document tant qu'il s'affiche dans un article.

Quelles images ai-je le droit de publier sur mon site ?

Laurent — 2021-09-30T23:05:47Z

Attention ! Toute image trouvée au hasard sur internet n'est pas forcément publiable.
En effet, une image ou photographie appartient à son créateur. Celui-ci peut donc vous demander de le rémunérer pour sa publication.

Inversement, vous pouvez sur votre site les images libres de droit à condition de citer leurs auteurs.

Vous trouverez ci-dessous quelques liens vers des sites où trouver des images libres de droit.

Veillez à mentionner les auteurs de ces photos lorsque vous les utilisez.

Images pixelisées esthétiques :
Pexel
PhotoPin
Stock Up
Unsplash Photos
Pixabay
Images pixelisées correspondant à une recherche précise :
Wikimedia Commons
Images liées au mouvement social :
La phototèque du mouvement social (ces images ne sont pas libre de droit mais l'auteur permet généralement leur diffusion sur des sites de gauche).
Image véctorielles
The noun project
Freepik
Vector Silhouettes

Ajouter une vidéo à un article

Laurent — 2021-09-30T23:05:45Z

Beaucoup de contenus web sont véhiculés dans un format vidéo. Vous trouverez ici la méthode pour pouvoir ajouter du contenu vidéos en passant par des plateformes telles que Youtube, Vimeo ou Dailymotion.

Nous vous conseillons d'ouvrir un compte sur l'une de ces 3 plateformes. Chacune d'elle possède des qualités particulières. En passant par ces plateformes, vous bénéficierez notamment des fonctionnalités et de la communauté de celles-ci tout en évacuant les problématiques d'espace disque et de bande passante nécessaires à l'hébergement de ce type de données.

Quelle plateforme choisir ?

Chaque plateforme d'hébergement vidéo possède ses propres qualités :

Youtube est la plateforme vidéo de Google. Elle est la plus populaire et bénéficie d'une communauté très large. Elle permet d'héberger gratuitement une quantité importante de vidéos (128 Go). Cependant, elle intègre des publicités à son lecteur.
Vimeo est une plateforme états-unienne très prisée par les professionnels de la création. Cette plateforme connote une dimension créative et esthétique. Bien qu'elle soit limitée à 500 Mo par semaine dans sa version gratuite, son lecteur ne présente pas de publicité. Enfin, son lecteur intègre la possibilité de télécharger les vidéos.
Dailymotion est une plateforme française possédée par le groupe Vivendi. Elle conviendra aux structures soucieuses d'héberger leur contenu en France. Cependant, elle intègre des publicités à son lecteur.
Comment publier du contenu vidéo sur votre site ?
Une fois votre contenu hébergé sur votre site, cliquez sur le bouton [*Ajouter un document*] visible sous l'article où vous voulez placer votre vidéo. [1].
La fenêtre qui s'ouvre vous permet de déterminer l'origine de votre document. Cliquez sur [*internet*].
Un champ apparaît. Il ne vous reste plus qu'à y copier coller l'adresse (l'URL) de votre vidéo, puis de cliquer sur [*choisir*].
Les plateformes Youtube et Vimeo importeront le titre, le descriptif, l'image et les crédits de la vidéo automatiquement sur votre site. Si vous voulez modifier ceux-ci, cliquez sur le bouton [*modifier*] [2].

Par défaut, une vidéo attachée à un article s'affiche en pleine largeur juste en dessous du chapeau. Si la vidéo est entrée dans le texte, elle s'affiche à l'endroit ou se trouve la noisette de code la symbolisant.

[1] Vous pouvez aussi utiliser l'encart "ajouter une image ou un document" visible à gauche de la page d'édition d'un article

[2] Il arrive que l'image d'une vidéo Youtube ne se télécharge pas. Si tel est le cas, recommencez l'opération.

Aide

Laurent Lefebvre — 2021-09-30T23:05:44Z

Vous trouverez ci-dessous quelques informations utiles à l'administration de votre site :

**Mise en forme :

– Quelques exemples de raccourcis
– Créer un QCM ou un quiz
– Insérer des images dans un article
– Ajouter une vidéo à un article
– Ajouter un fichier audio dans un article

**Foire aux questions des rédacteurs :

– Pourquoi mon article / ma rubrique n'apparaît pas sur le site ?
– Quelles images ai-je le droit de publier sur mon site ?
– Comment modifier les coordonnées et informations importantes du site ?

Quelques exemples de raccourcis

Laurent Lefebvre — 2021-09-30T23:05:42Z

Comme vous le savez déjà, il est possible de mettre le texte en gras (CTRL + B) ou en italique (CTRL + I) en jouant avec les accolades et les crochets.

Cet article liste d'autres possibilités offertes par SPIP.

Généralités
**Intertitre

Les 3 Niveaux d'intertitres présents dans cet article peuvent être facilement utilisés dans un article Spip. L'intertitre de niveau 1 est accessible via la touche raccourcie CTRL + H.

Les intertitres de niveau 2 et 3 sont générés en ajoutant deux ou 3 "*" (étoiles) après les accolades ouvrantes.

**Paragraphes et retours à la ligne
Un retour à la ligne dans l'espace de rédaction aura pour effet de passer à la ligne sans changer de paragraphe.
Pour forcer un retour à la ligne dans le même paragraphe, il faudra entrer un "_" (underscore) en début de ligne, suivit d'un espace.
Pour insérer un espace insécable (ou espace dur), on insérera un " " (tild) entre les mots concernés. Cela est utile pour s'assurer, par exemple, que l'élément de ponctuation " :" ne sera pas séparé du mot qui le précède.
**Caractères spéciaux

-* Les claviers occidentaux ne sont pas adapté au français contemporain. C'est pourquoi la barre typographique visible au-dessus du texte contient un certain nombre de boutons permettant d'insérer les caractères récurrents tel que le "É" (visible dans le second intertitre ci-dessous).

Pour faire apparaitre ces caractères, il suffit de survoler avec la souris l'icône .
Les boutons peuvent être très utiles pour changer la casse des caractères.
Mise en forme basique :
**Énumération :
***Avec puce sous forme d'image :

[*SELECTIONNER EN FONCTION DU SITE :*]
Pour générer une liste à puce, il suffit de commencer une phrase par "- " :
Lorsque l'on commence un paragraphe par un tiré, il apparaît une petite pastille comme ceci :

– Qu'est-ce que cela peut faire que je lutte pour la mauvaise cause puisque je suis de bonne foi ?
– Et qu'est-ce que ça peut faire que je sois de mauvaise foi puisque c'est pour la bonne cause. (Jacques Prévert)

***Liste hiérarchisée avec une puce HTML :

On peut modifier la hiérarchie dans la liste en jouant avec les dièses :

Ton cheval est :
alezan ;
bai ;
noir ;
mais mon lapin est :
blanc ;
angora ;
ou à poil ras.
***Liste Numérotée :
premier
deuxième
troisième
**Liens :
*** Liens basiques :

Il est possible de créer différent liens hypertextes amenant à l'extérieur du site :

Pour créer un lien simple, utilisez les touches raccourcies CTRL + L. Un champ apparaîtra dans lequel vous insèrerez l'adresse de celui-ci. Le lien prendra automatiquement le nom de l'adresse que vous venez d'insérer. Ex : https://www.franceinter.fr/
Si vous voulez nommer votre lien, il faudra sélectionner du texte avant d'appuyer sur CTRL + L : exemple : lien vers le site de Survie.
*** Liens vers des pages de votre site :

D'autres liens peuvent mener vers des articles ou des rubriques de votre site. Voici 2 possibilités pour faire un lien vers l'article 12 :

En indiquant le chiffre 12, on crée un lien qu'il conviendra de nommer
Un lien sans nom affichera automatiquement le titre de l'article. Ex : article 12

La même logique est adaptable aux liens vers les rubriques :

Pour faire pointer un lien vers la rubrique 12, on écrira "rub" + le numéro 12.
Un lien sans nom affichera automatiquement le titre de la rubrique. Ex : rubrique 12
***Liens vers une définition d'un dictionnaire

Certains liens peuvent pointer vers un dictionnaire (Wikipédia par défaut). On utilisera pour cela les crochets suivit d'un point d'interrogation :
À la recherche du temps perdu est l'œuvre majeure de Marcel Proust

Il est possible de séparer le texte comme ceci en tapant 4 tirés en suivant :

Mise en forme avancée :

Pour les subtilités suivantes, je vous invite à aller voir du côté de la partie privée du site afin de comprendre le fonctionnement des raccourcis
typographiques, et de les associer à leur affichage.

**Notes de bas de page

Il est possible de placer facilement une note [1] de bas de page.

Ces notes de bas de pages existent sous différent format :

sous forme d'astérisques [ En plaçant simplement un astérisque entre les symboles « < » et « > »." id="nh3-2">2],
sans références (non numérotées) ; attention, de telles notes ne présentent plus de lien entre la note et l'appel de notes [ En n'indiquant rien entre les symboles « < » et « > »." id="nh3-3">3],
donner un nom (en toutes lettres) à une note ; cet usage est très répandu pour les références bibliographiques [4] ;
rappeler une note déjà existante [5] en indiquant le numéro de cette note entre les symboles « < » et « > » et en laissant vide le reste de la note.
**Tableaux

Il est possible de faire des tableaux :

Nom Prénom Age

Marso Ben 23 ans

Capitaine non connu

Philant Philippe 46 ans

Cadoc Bébé 4 mois

**Mise en forme de caractères :
Certaines expressions peuvent être mises en [*évidence*] en utilisant les [**couleurs*] du site. Pour cela, on utilisera les "[" ( crochets ) et les "*" (étoiles).
Il est possible de mettre certains caractères en exposant ou en indice : Comme nous ne disposons pas de 2de planète, évitons d'émettre une quantité importante de CO2.
Rien de mieux que de barrer un texte pour mettre en exergue une erreur : Ce texte est garanti sans fautes d'orthographe
**Styles de paragraphes :
***Mise en exergue d'un paragraphe :

[(Il est possible de mettre en exergue une information, de cette manière grâce en mettant l'information entre crochets et parenthèses. )]

***Paragraphe ferré à droite

[/Il est possible de ferrer les paragraphes à droite en utilisant les "[" (crochets) et les "/" (slaches)./]

***Cadre pour copier coller du texte :

Si vous voulez permettre à vos lecteurs de facilement copier-coller du contenu, rien de mieux que de l'insérer dans ce type de cadre.

***Citations :

Les raccourcis CTRL + Q permettent d'insérer une citation

Je voudrais changer les couleurs du temps, Changer les couleurs du monde, Le soleil levant la rose des vents, Le sens où tournera ma ronde

***Code informatique :

Le geek de service sera satisfait de constater qu'une mise en forme permettant de styliser du code informatique est disponible.

***Poésie et imbrication de styles :

Le poète sera satisfait de constater que ses vers pourront être stylisé ainsi.

Chantre
Et l'unique cordeau des trompettes marines

[/ Apollinaire /]
[/ d'Alcools (2011) /]

Dans l'exemple ci-dessus, la mise en forme "ferrer à droite" est utilisée sur l'auteur et la source de la citation.

Cet exemple démontre qu'il est possible d'imbriquer les style les uns dans les autres.

[1] Voici un complément d'information.

[2] <*> En plaçant simplement un astérisque entre les symboles « < » et « > ».

[3] <> En n'indiquant rien entre les symboles « < » et « > ».

[4] François Rabelais.

Insérer des images dans un article

Laurent Lefebvre — 2021-09-30T23:05:40Z

Il existe 2 façons d'utiliser des images :

Elles peuvent faire partie d'un diaporama composé de nombreuses photos. Pour cela, il suffit d'associer plusieurs images à l'article en cliquant sur le bouton "[*Ajouter un document*]" visible en bas de chaque article.
Elles peuvent servir à habiller le texte d'un article. Lorsque l'on insère une image associée à un article dans le texte de ce dernier. L'image disparait du diaporama pour apparaître à l'emplacement souhaité dans le texte.

L'article ci-dessous décrit comment insérer et mettre en forme ces images à l'intérieur du texte d'un article.

Alignement

Sous la colonne de gauche de chaque page d'édition, les images associées à la page éditée s'affichent, suivi de 3 petits codes. L'utilisation d'un de ces codes dans votre article permet d'insérer l'image du document.

En fonction du code choisi, l'image sera alignée à gauche, centrée, ou alignée à droite.

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

Lorsque du texte est positionné sous une image alignée à gauche ou à droite, il vient s'insérer sur le côté de celui-ci. Sur la page publique, l'image est automatiquement réduite à la moitié de la largeur de la page générer une mise en page agréable à lire.

Par contre, une image centrée ne laissera passer aucun texte sur ses côtés. Elle ne sera réduite que dans la mesure où ses dimensions seront supérieures à la largeur de la page. En effet, Une image trop grande est automatiquement redimensionnée à 772px de large pour qu'elle ne puisse pas déborder de la largeur de la page.

Liens

Il est possible de créer un lien sur une image en ajoutant :

|lien=adresse_de_mon_lien

Dans le petit code généré, l'image ci-dessous pointe sur un site externe.

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

Le titre et le descriptif de l'image

C'est pas à un vieux singe ...

... qu'on apprend à s'imposer dans un article d'aide à la publication.

Il est possible d'associer des informations à votre image. Pour cela, cliquez sur le bouton [*modifier*] en dessous de celle-ci. Une fenêtre apparaîtra vous permettant de renseigner :

le titre de l'image
la description de l'image
les crédits de l'image
la vignette (ou visuel) sur lequel il faudra cliquer pour voir l'image. (Cela peut par exemple être un détail de l'image sur lequel il faudra cliquer pour voir l'image entier).

Une fois que votre image contiendra un de ces éléments, les codes visibles sous celle-ci changeront :

Les codes commençant par "[**doc*]" permettent d'insérer l'image associée ainsi que sa légende.
Les codes commençant par "[**emb*]" permettent d'insérer l'image seule.

Dans l'exemple ci-contre, l'image est associée à sa légende composée de son titre et de son descriptif :

Redimensionnement

Il est consseillé de ne pas publier des images aux dimensions trop importantes. Elles seraient difficilement téléchargeables par les internautes et ralentiraient le site. Afin d'optimiser les ressources du site, toutes les images sont redimensionnées pour ne pas dépasser 2560px.

Nom	Prénom	Age
Marso	Ben	23 ans
Capitaine		non connu
Philant	Philippe	46 ans
Cadoc	Bébé	4 mois