⚫️ ⚫️

④ Recette

Afficher les données d'un formulaire

Dans une page, affichez les données de n'importe quel formulaire

⚫️ ⚫️

④ Recette

Afficher les données d'un formulaire

Dans une page, il est possible d'afficher les données d'un formulaire de manière a voir un apperçu des toutes ou partie des fiches qu'il contient.

Placer le curseur en mode édition ;
Cliquez sur "Composant" puis "Afficher les données d'un formulaire" ;
Choir le formulaire ;

Il existe plusieurs modes d'affichage de données. Ce choix dépendra du type de données à afficher. On peut par exemple afficher une cartogrphie, une liste, une galerie...

Pycto made by mynamepong from flaticon.com

Afficher les données d'un formulaire

Outil YesWiki

Complexité Moyen

Accroche Dans une page, affichez les données de n'importe quel formulaire

L'essentiel Dans une page, il est possible d'afficher les données d'un formulaire de manière a voir un apperçu des toutes ou partie des fiches qu'il contient.

Placer le curseur en mode édition ;
Cliquez sur "Composant" puis "Afficher les données d'un formulaire" ;
Choir le formulaire ;

Il existe plusieurs modes d'affichage de données. Ce choix dépendra du type de données à afficher. On peut par exemple afficher une cartogrphie, une liste, une galerie...

Pycto made by mynamepong from flaticon.com

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Aïe ! Revenez à une version précédente

Pas de panique, il est possible de restaurer les versions antérieurs d'une page.

⚫️

④ Recette

Aïe ! Revenez à une version précédente

En mode édition ou non (si vous en avez les droits), cliquez sur la même ligne que "Editer la page", cliquez sur "Dernière édition : ..."

Une fenêtre s'ouvre et vous permet de voir jusqu'à 30 versions antérieurs et de les restaurer si nécéssaire.

Pycto made by Kirill Kazachek from flaticon.com

Aïe ! Revenez à une version précédente

Outil YesWiki

Complexité Facile

Accroche Pas de panique, il est possible de restaurer les versions antérieurs d'une page.

L'essentiel En mode édition ou non (si vous en avez les droits), cliquez sur la même ligne que "Editer la page", cliquez sur "Dernière édition : ..."

Une fenêtre s'ouvre et vous permet de voir jusqu'à 30 versions antérieurs et de les restaurer si nécéssaire.

Pycto made by Kirill Kazachek from flaticon.com

Mots clés back erreur restaurer retour en arrière revenir versions

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Ajouter des icônes dans le texte

Pour ponctuer davantage vos contenus, ajoutez des pictogrammes !

⚫️

④ Recette

Ajouter des icônes dans le texte

Il est possible de copier des emojis surs des sites puis de les coller directement dans le texte 😃.

Comme il est possible d'inclure des icônes du site font awesome. Il suffit de copier le code correspondant au pycto désiré et de l'insérer de la mini-re suivante

Exemple pour le pycto : "fas fa-yin-yang"
""<i class="fas fa-yin-yang"></i>""

Ajouter des icônes dans le texte

Outil YesWiki

Complexité Facile

Accroche Pour ponctuer davantage vos contenus, ajoutez des pictogrammes !

L'essentiel Il est possible de copier des emojis surs des sites puis de les coller directement dans le texte 😃.

Comme il est possible d'inclure des icônes du site font awesome. Il suffit de copier le code correspondant au pycto désiré et de l'insérer de la mini-re suivante

Exemple pour le pycto : "fas fa-yin-yang"

""<i class="fas fa-yin-yang"></i>""

Mots clés emojis emoticones icônes pyctogrammes pyctos

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Ajouter un bouton

Un bouton est plus visible et plus esthétique qu'un lien hypertexte.

⚫️

④ Recette

Ajouter un bouton

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter un bouton ;
Dans la barre d'outils en haut à droite, cliquer sur "composants" puis "boutons" ;
Paramétrer le bouton en complétant le formulaire.

Pycto made by bsd from flaticon.com

Ajouter un bouton

Outil YesWiki

Complexité Facile

Accroche Un bouton est plus visible et plus esthétique qu'un lien hypertexte.

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter un bouton ;
Dans la barre d'outils en haut à droite, cliquer sur "composants" puis "boutons" ;
Paramétrer le bouton en complétant le formulaire.

Pycto made by bsd from flaticon.com

Mots clés bouton lien navigation

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Ajouter une fiche à un formulaire

Un formulaire serait bien seul et inutile sans ses fiches !

⚫️

④ Recette

Ajouter une fiche à un formulaire

Pour ajouter une fiche à un formulaire directement depuis le tableau des formulaires en cliquant sur le petit "+" dans la colonne "Fiches"
Ou insérer le formulaire pour y répondre depuis une page :

Dans une page en mode édition, cliquez sur "composants" puis "Afficher un formulaire de création de fiches" ;
Sélectionnez le formulaire en question puis cliquez sur "Insérer dans la page" ;
Une fois la page sauvegardée, il sera possible de voir et compléter le formulaire pour créer une fiche.

Pycto made by Pixel perfect from flaticon.com

Ajouter une fiche à un formulaire

Outil YesWiki

Complexité Facile

Accroche Un formulaire serait bien seul et inutile sans ses fiches !

L'essentiel Pour ajouter une fiche à un formulaire directement depuis le tableau des formulaires en cliquant sur le petit "+" dans la colonne "Fiches"
Ou insérer le formulaire pour y répondre depuis une page :

Dans une page en mode édition, cliquez sur "composants" puis "Afficher un formulaire de création de fiches" ;
Sélectionnez le formulaire en question puis cliquez sur "Insérer dans la page" ;
Une fois la page sauvegardée, il sera possible de voir et compléter le formulaire pour créer une fiche.

Pycto made by Pixel perfect from flaticon.com

Mots clés ajouter compléter fiche formulaires remplir

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Ajouter un sommaire

Très pratique pour les pages longues. Le sommaire recherche les titres et les listes.

⚫️

④ Recette

Ajouter un sommaire

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le sommaire (souvent en haut) ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions avancées" ;
Dans la fenêtre qui s'ouvre choisir "Créer un sommaire de la page" ;
Les actions avancées permettent de choisir la largeur du sommaire et son emplacement ;
Cliquer "Intégrer à la page"

Pycto made by freepik from flaticon.com

Ajouter un sommaire

Outil YesWiki

Complexité Facile

Accroche Très pratique pour les pages longues. Le sommaire recherche les titres et les listes.

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le sommaire (souvent en haut) ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions avancées" ;
Dans la fenêtre qui s'ouvre choisir "Créer un sommaire de la page" ;
Les actions avancées permettent de choisir la largeur du sommaire et son emplacement ;
Cliquer "Intégrer à la page"

Pycto made by freepik from flaticon.com

Mots clés colonne menu sommaire titres

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Aligner, organiser des objets

Centrer un objet par rapport à un autre ou par rapport à la page. Aligner leurs bords droits...

⚫️

④ Recette

Aligner, organiser des objets

Il existe deux manière de trouver cet outil :

Maj + Ctrl + A ;
Ou cliquez sur "Objet" > "Aligner et distribuer".

Il est maintenant possible d'aligner des objets entre eux ou par rapport à la page elle-même :

Sélectionnez les 2 objets ;
Dans le menu déroulant "Relativement à" sélectionnez l'objet qui servira de référence ;
Enfin cliquez sur le pycto correspondant à l'alignement voulu.

Pycto made by joalfa from flaticon.com

Aligner, organiser des objets

Outil Inkscape

Complexité Facile

Accroche Centrer un objet par rapport à un autre ou par rapport à la page. Aligner leurs bords droits...

L'essentiel Il existe deux manière de trouver cet outil :

Maj + Ctrl + A ;
Ou cliquez sur "Objet" > "Aligner et distribuer".

Il est maintenant possible d'aligner des objets entre eux ou par rapport à la page elle-même :

Sélectionnez les 2 objets ;
Dans le menu déroulant "Relativement à" sélectionnez l'objet qui servira de référence ;
Enfin cliquez sur le pycto correspondant à l'alignement voulu.

Pycto made by joalfa from flaticon.com

Mots clés align alignement bords centre centrer chemin chemins objets

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Assembler 2 pièces ensemble

⚫️ ⚫️

④ Recette

Assembler 2 pièces ensemble

Pour réaliser un assemblage, il est nécéssaire de disposer de l'atelier "A2Plus", un atelier qui n'est pas installé de base sur FreeCAD.

Assembler 2 pièces ensemble

Outil FreeCAD

Complexité Moyen

L'essentiel Pour réaliser un assemblage, il est nécéssaire de disposer de l'atelier "A2Plus", un atelier qui n'est pas installé de base sur FreeCAD.

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Voir la fiche

④ Recette

Avoir un YesWiki

Trop bien YesWiki ! Mais comment je fais pour en avoir un a moi ?

④ Recette

Avoir un YesWiki

YesWiki est un outil en ligne. Il s'installe donc sur un seveur comme on installerai un Wordpress. Il existe plusieurs méthodes pour s'équiper :

Installer un YesWiki sur le ferme (Sans garanti de pérénité des données) ;
Demander à hébergeur d'installer un YesWiki sur un serveur comme YesWiki Pro, Infomaniak, un chaton (cf. cart "C'est quoi un chaton ?");
Installer sois-même YesWiki sur un serveur mutualisé (cf. documentation officielle) ;
Installer YesWiki sur un serveur Yunohost (cf. carte "c'est quoi Yunohost ?") ;

Avoir un YesWiki

Outil YesWiki

Complexité Aucune

Accroche Trop bien YesWiki ! Mais comment je fais pour en avoir un a moi ?

L'essentiel YesWiki est un outil en ligne. Il s'installe donc sur un seveur comme on installerai un Wordpress. Il existe plusieurs méthodes pour s'équiper :

Installer un YesWiki sur le ferme (Sans garanti de pérénité des données) ;
Demander à hébergeur d'installer un YesWiki sur un serveur comme YesWiki Pro, Infomaniak, un chaton (cf. cart "C'est quoi un chaton ?");
Installer sois-même YesWiki sur un serveur mutualisé (cf. documentation officielle) ;
Installer YesWiki sur un serveur Yunohost (cf. carte "c'est quoi Yunohost ?") ;

Mots clés chaton ftp infomaniak install installation installer yeswiki yeswiki pro

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Barre de progression

Affichez une barre de progression pour faciliter la visualisation d'avancement d'une tâche.

⚫️

④ Recette

Barre de progression

Il est possible d'ajouter des jauges d'avancements ou de complétion.

Barre de progression

Outil YesWiki

Complexité Facile

Accroche Affichez une barre de progression pour faciliter la visualisation d'avancement d'une tâche.

L'essentiel Il est possible d'ajouter des jauges d'avancements ou de complétion.

Mots clés avancement complétion gestion jauge travail tâches

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

③ Ingrédient

C'est qui les CHATONS ?

Un collectif d'hébergeurs qui proposent des services en ligne libres, éthiques et décentralisés.

③ Ingrédient

C'est qui les CHATONS ?

"CHATONS est le Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires. Ce collectif vise à rassembler des structures proposant des services en ligne libres, éthiques et décentralisés afin de permettre aux utilisateur⋅ices de trouver rapidement des alternatives respectueuses de leurs données et de leur vie privée aux services proposés par les GAFAM." (chatons.org)

Lorsque l'on parle de trouver un chatons on parle en réalité de trouver un hébergeur près de chez sois qui sois membre de ce collectif.

C'est qui les CHATONS ?

Outil CHATONS

Complexité Aucune

Accroche Un collectif d'hébergeurs qui proposent des services en ligne libres, éthiques et décentralisés.

L'essentiel "CHATONS est le Collectif des Hébergeurs Alternatifs, Transparents, Ouverts, Neutres et Solidaires. Ce collectif vise à rassembler des structures proposant des services en ligne libres, éthiques et décentralisés afin de permettre aux utilisateur⋅ices de trouver rapidement des alternatives respectueuses de leurs données et de leur vie privée aux services proposés par les GAFAM." (chatons.org)

Lorsque l'on parle de trouver un chatons on parle en réalité de trouver un hébergeur près de chez sois qui sois membre de ce collectif.

Mots clés chaton chatons ethiques gafam hébergement hébergeur indépendant libres service

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

③ Ingrédient

C'est quoi Inkscape ?

Un logiciel de dessin vectoriel open source

③ Ingrédient

C'est quoi Inkscape ?

"Inkscape est un logiciel de dessin vectoriel. Diffusé sous licence GNU 3, c'est un logiciel libre et gratuit.

Les images vectorielles sont constituées par des courbes qui reposent sur des formules mathématiques. Inkscape est ainsi particulièrement adapté au travail professionnel sur les logos et les affiches. Ses fonctionnalités sont assez proches des logiciels propriétaires Adobe Illustrator et CorelDraw.

Inkscape fait partie des logiciels libres préconisés par l’État français dans le cadre de la modernisation globale de ses systèmes d’informations (SI)." (wikipédia 2025)

C'est quoi Inkscape ?

Outil Inkscape

Complexité Aucune

Accroche Un logiciel de dessin vectoriel open source

L'essentiel "Inkscape est un logiciel de dessin vectoriel. Diffusé sous licence GNU 3, c'est un logiciel libre et gratuit.

Les images vectorielles sont constituées par des courbes qui reposent sur des formules mathématiques. Inkscape est ainsi particulièrement adapté au travail professionnel sur les logos et les affiches. Ses fonctionnalités sont assez proches des logiciels propriétaires Adobe Illustrator et CorelDraw.

Inkscape fait partie des logiciels libres préconisés par l’État français dans le cadre de la modernisation globale de ses systèmes d’informations (SI)." (wikipédia 2025)

Mots clés a quoi ca sert affiches c'est quoi communication dessin graphisme inkscape késako logo vectoriel

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

③ Ingrédient

C'est quoi YesWiki ?

Un outil libre et convivial pour construire des plateformes de partage et de collaboration en ligne.

③ Ingrédient

C'est quoi YesWiki ?

Que ce soit pour créer l'espace ressource d'un projet coopératif ou la plateforme pédagogique d'une formation, YesWiki permet à toustes de créer une base de contenus partagés sans compétence technique.

YesWiki est un logiciel libre né du croisement des discussions et savoir-faire de développeurses et animateurices de projets coopératifs.

YesWiki se présente comme un outil de création de sites web conçu pour faciliter la coopération. La modification des pages s'opère par un simple double-clic.

C'est quoi YesWiki ?

Outil YesWiki

Complexité Aucune

Accroche Un outil libre et convivial pour construire des plateformes de partage et de collaboration en ligne.

L'essentiel Que ce soit pour créer l'espace ressource d'un projet coopératif ou la plateforme pédagogique d'une formation, YesWiki permet à toustes de créer une base de contenus partagés sans compétence technique.

YesWiki est un logiciel libre né du croisement des discussions et savoir-faire de développeurses et animateurices de projets coopératifs.

YesWiki se présente comme un outil de création de sites web conçu pour faciliter la coopération. La modification des pages s'opère par un simple double-clic.

Mots clés a quoi ca sert c'est quoi cms késako plateforme site web yeswiki

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

C'est quoi Yunohost ?

Avec YunoHost, gérez facilement un serveur pour vos proches, votre association, votre entreprise...

C'est quoi Yunohost ?

"YunoHost permet d’installer et d’utiliser son propre serveur dans le but d’héberger, le plus souvent chez soi, des services tels que des boites de courriers électroniques, des sites web, des outils de synchronisation de fichiers, de messagerie instantanée, des wikis ...

Le nom YunoHost vient de l’anglais Y-U-No-Host (Why you no host?), signifiant familièrement « Pourquoi t’héberges pas ? ». Il s’agit d’un jeu de mots issu du mème internet « Y U NO »." (Wikipédia 2025)

C'est quoi Yunohost ?

Outil Yunohost

Complexité Aucune

Accroche Avec YunoHost, gérez facilement un serveur pour vos proches, votre association, votre entreprise...

L'essentiel "YunoHost permet d’installer et d’utiliser son propre serveur dans le but d’héberger, le plus souvent chez soi, des services tels que des boites de courriers électroniques, des sites web, des outils de synchronisation de fichiers, de messagerie instantanée, des wikis ...

Le nom YunoHost vient de l’anglais Y-U-No-Host (Why you no host?), signifiant familièrement « Pourquoi t’héberges pas ? ». Il s’agit d’un jeu de mots issu du mème internet « Y U NO »." (Wikipédia 2025)

Mots clés administrer auto-hébergement hébergement hébergeur serveur yunohost

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⓪ Concept clé

Comprendre une fenêtre Inkscape

Se repérer dans une fenêtre Inkscape

⓪ Concept clé

Comprendre une fenêtre Inkscape

Une fenêtre Inkscape est composé de différents éléments :

Barre de Menu ;
Barre d'outils ;
La boite à outils ;
Le canvas qui ontient la page ;
...

Image CC-by-sa Inkscape.org

Comprendre une fenêtre Inkscape

Outil Inkscape

Complexité Aucune

Accroche Se repérer dans une fenêtre Inkscape

L'essentiel Une fenêtre Inkscape est composé de différents éléments :

Barre de Menu ;
Barre d'outils ;
La boite à outils ;
Le canvas qui ontient la page ;
...

Image CC-by-sa Inkscape.org

Mots clés barre fenêtre menu onglet outils page

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Créer un agenda

Ajoutez un calendrier avec la possibilité d'ajouter des évènements

⚫️ ⚫️

④ Recette

Créer un agenda

Dans un YesWiki par défaut, certains formulaires sont déjà installés. Comme le formulaire "Agenda"

Si bsoin modifier le formulaire (cf. "Voir formulaire", "Editer formulaire");
Assurez-vous que le formulaire contient au moins une fiche (cf. "Ajouter une fiche à un formulaire") ;
Affichez sur une page les données du formulaire "Agenda" (cf. "Afficher les données d'un formulaire");
Sélectionner un affichage sous forme d'agenda.

Pycto made by Freepif from flaticon.com

Créer un agenda

Outil YesWiki

Complexité Moyen

Accroche Ajoutez un calendrier avec la possibilité d'ajouter des évènements

L'essentiel Dans un YesWiki par défaut, certains formulaires sont déjà installés. Comme le formulaire "Agenda"

Si bsoin modifier le formulaire (cf. "Voir formulaire", "Editer formulaire");
Assurez-vous que le formulaire contient au moins une fiche (cf. "Ajouter une fiche à un formulaire") ;
Affichez sur une page les données du formulaire "Agenda" (cf. "Afficher les données d'un formulaire");
Sélectionner un affichage sous forme d'agenda.

Pycto made by Freepif from flaticon.com

Mots clés agenda calendrier dates formulaires évènements

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Créer une barre d'onglets

Organiser plusieurs pages sur plusieurs onglets

⚫️

④ Recette

Créer une barre d'onglets

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter les onglets (généralement tout en haut) ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir entre "Onglets avec des pages différentes" ou "Onglets avec des parties de la page"

Pycto made by Freepik from flaticon.com

Créer une barre d'onglets

Outil YesWiki

Complexité Facile

Accroche Organiser plusieurs pages sur plusieurs onglets

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter les onglets (généralement tout en haut) ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir entre "Onglets avec des pages différentes" ou "Onglets avec des parties de la page"

Pycto made by Freepik from flaticon.com

Mots clés navigation onglets page tab

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Créer une page

Créer une nouvelle page pour étofer votre wiki !

⚫️

④ Recette

Créer une page

Il est possible de créer une page de diverses manières :

Se référer à la carte "Ajouter un lien hypertexte" ;
Modifier à la main l'URL en modifiant le nom de page (commence par un "?"), écrire un nom qui n'a pas été utilisé.

Une fois cela fait, il suffit de l'éditer et de l'enregistrer une première fois afin qu'elle soit définitivement créé.

Pycto made by Cap Cool from flaticon.com

Créer une page

Outil YesWiki

Complexité Facile

Accroche Créer une nouvelle page pour étofer votre wiki !

L'essentiel Il est possible de créer une page de diverses manières :

Se référer à la carte "Ajouter un lien hypertexte" ;
Modifier à la main l'URL en modifiant le nom de page (commence par un "?"), écrire un nom qui n'a pas été utilisé.

Une fois cela fait, il suffit de l'éditer et de l'enregistrer une première fois afin qu'elle soit définitivement créé.

Pycto made by Cap Cool from flaticon.com

Mots clés liens pages url

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Créer une vis, un écrou...

Ou tout autre pièce normé

⚫️ ⚫️

④ Recette

Créer une vis, un écrou...

La création d'une vis se fait dans l'atelier "Fastners workbench" qu'il conviendra d'installer préalablement.

Exemple avec une vis hexagonale M4*16mm :

Cliquer sur la forme de l'objet que l'on souhaite créer. Ici une "DIN 933 Vis à tête hexagonale".
Les pyctogrammes oranges correspondent à la norme métrique et les gris à la norme impériale.
Dans l'arbre des modèles sélectionné la vis créé.
Modifier les paramètres dans le tableau de données : Sélectionner le diamètre "M4" et la longueur 16mm.
Si l'on souhaite voir le filetage (attention ca alourdi considérablement les calculs), dans le tableau de données passez le paramètre "Thread" sur "True"

Créer une vis, un écrou...

Outil FreeCAD

Complexité Moyen

Accroche Ou tout autre pièce normé

L'essentiel La création d'une vis se fait dans l'atelier "Fastners workbench" qu'il conviendra d'installer préalablement.

Exemple avec une vis hexagonale M4*16mm :

Cliquer sur la forme de l'objet que l'on souhaite créer. Ici une "DIN 933 Vis à tête hexagonale".
Les pyctogrammes oranges correspondent à la norme métrique et les gris à la norme impériale.
Dans l'arbre des modèles sélectionné la vis créé.
Modifier les paramètres dans le tableau de données : Sélectionner le diamètre "M4" et la longueur 16mm.
Si l'on souhaite voir le filetage (attention ca alourdi considérablement les calculs), dans le tableau de données passez le paramètre "Thread" sur "True"

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Voir la fiche

⚫️

④ Recette

Créer un lien hypertexte

Mettre une partie de texte en surbrillance pour aider à la navigation et créer des connexions.

⚫️

④ Recette

Créer un lien hypertexte

Sélectionnez le texte sur lequel on souhaite ajouter le lien hypertexte. Puis cliquez sur le petit chaînon dans la barre d'édition, vous pourrez ainsi

Ajouter une URL quelconque ;
Ajouter le nom d'une autre page de votre wiki ;
Créer une nouvelle page en inscrivant un nom qui n'existe pas déjà.

En complément :

Ajouter un texte qui s'affichera au survol du lien ;
Définir le mode d'ouverture.

Pycto made by freepik from flaticon.com

Créer un lien hypertexte

Outil YesWiki

Complexité Facile

Accroche Mettre une partie de texte en surbrillance pour aider à la navigation et créer des connexions.

L'essentiel Sélectionnez le texte sur lequel on souhaite ajouter le lien hypertexte. Puis cliquez sur le petit chaînon dans la barre d'édition, vous pourrez ainsi

Ajouter une URL quelconque ;
Ajouter le nom d'une autre page de votre wiki ;
Créer une nouvelle page en inscrivant un nom qui n'existe pas déjà.

En complément :

Ajouter un texte qui s'affichera au survol du lien ;
Définir le mode d'ouverture.

Pycto made by freepik from flaticon.com

Mots clés hypertextes liens link pages

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Créer un plan de décallage

⚫️ ⚫️

④ Recette

Créer un plan de décallage

Depuis une vue 3D, sélectionner un plan qui servire de référence ;
Cliquer sur l'outil "plan de référence" ;
Une fenêtre de dialogue s'ouvre et offre la possibilité de définir le positionnement d'un nouveau plan par rapport à celui servant de référence.

Créer un plan de décallage

Outil FreeCAD

Complexité Moyen

L'essentiel

Depuis une vue 3D, sélectionner un plan qui servire de référence ;
Cliquer sur l'outil "plan de référence" ;
Une fenêtre de dialogue s'ouvre et offre la possibilité de définir le positionnement d'un nouveau plan par rapport à celui servant de référence.

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte Brouillon

Voir la fiche

⚫️

④ Recette

Dessiner sur Inkscape

Il existe plusieurs façons de dessiner sur Inkscape

⚫️

④ Recette

Dessiner sur Inkscape

Utiliser les outils de forme géométrique ;
En utilisant les outils de chemin, un peu comme un crayon sur papier ;
Vectorisez une image ou décalquez là a partir d'une photo, d'une image numérisée ou d'un graphique ;

Pycto made by Nhor Phai from flaticon.com

Dessiner sur Inkscape

Outil Inkscape

Complexité Facile

Accroche Il existe plusieurs façons de dessiner sur Inkscape

L'essentiel

Utiliser les outils de forme géométrique ;
En utilisant les outils de chemin, un peu comme un crayon sur papier ;
Vectorisez une image ou décalquez là a partir d'une photo, d'une image numérisée ou d'un graphique ;

Pycto made by Nhor Phai from flaticon.com

Mots clés dessiner manière methodes

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⓪ Concept clé

Différence entre objets et chemins

Un chemin est un objet mais un objet n'est pas forcément un chemin !

⓪ Concept clé

Différence entre objets et chemins

Un chemin est un objet que l'on peut facilement déformer en agissant sur les points qui composent son contour. C'est un objet dit "vectoriel".
A l'inverse, un objet qui ne serait pas un chemin peut être :

Une image dite "raster", composé de pixels ;
Un bloc de texte que l'on peut modifier ;

Pycto made by Bharat Icons from flaticon.com

Différence entre objets et chemins

Outil Inkscape

Complexité Aucune

Accroche Un chemin est un objet mais un objet n'est pas forcément un chemin !

L'essentiel Un chemin est un objet que l'on peut facilement déformer en agissant sur les points qui composent son contour. C'est un objet dit "vectoriel".
A l'inverse, un objet qui ne serait pas un chemin peut être :

Une image dite "raster", composé de pixels ;
Un bloc de texte que l'on peut modifier ;

Pycto made by Bharat Icons from flaticon.com

Mots clés bézier chemin contour inkscape ligne pixels zoom

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Dimensionner la page

Tout les projets n'ont pas besoin du même format ! Dimensionnez en A4, A3... Ou même à votre guise !

⚫️

④ Recette

Dimensionner la page

Par défaut Inkscape crée un document A4 au format portrait. Pour modifier cela :

Cliquez sur "Fichier" > "Propriété du document" ;
Ou utilisez le raccourci clavier Maj + Ctrl + D ;
Dans la section "Taille de la page" dans l'onglet "Page", sélectionnez ou définissez la taille désiré.

Pycto made by Tempo_doloe from flaticon.com

Dimensionner la page

Outil Inkscape

Complexité Facile

Accroche Tout les projets n'ont pas besoin du même format ! Dimensionnez en A4, A3... Ou même à votre guise !

L'essentiel Par défaut Inkscape crée un document A4 au format portrait. Pour modifier cela :

Cliquez sur "Fichier" > "Propriété du document" ;
Ou utilisez le raccourci clavier Maj + Ctrl + D ;
Dans la section "Taille de la page" dans l'onglet "Page", sélectionnez ou définissez la taille désiré.

Pycto made by Tempo_doloe from flaticon.com

Mots clés dimensionner dimensions format pages paysage portrait

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Editer ou créer un formulaire

Posez les bonnes questions pour récolter les données dont vous avez réellement besoin !

⚫️ ⚫️

④ Recette

Editer ou créer un formulaire

Aller au tableau des formulaires (cf. Voir formulaires) ;
Si le formulaire existe déjà, cliquez sur le crayaon situé sur la ligne du formulaire que l'on souhaiter modifier ;
Pour créer un formulaire, cliquez sur le bouton "Créer un formulaire" en dessous du tableau ;
Construisez le formulaire à votre convenance en glissant et déposant les éléments désirés.

Editer ou créer un formulaire

Outil YesWiki

Complexité Moyen

Accroche Posez les bonnes questions pour récolter les données dont vous avez réellement besoin !

L'essentiel

Aller au tableau des formulaires (cf. Voir formulaires) ;
Si le formulaire existe déjà, cliquez sur le crayaon situé sur la ligne du formulaire que l'on souhaiter modifier ;
Pour créer un formulaire, cliquez sur le bouton "Créer un formulaire" en dessous du tableau ;
Construisez le formulaire à votre convenance en glissant et déposant les éléments désirés.

Mots clés ajouter créer formulaires modifier éditer

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Editer une page de wiki

Comment accéder à l'édition d'une page sur YesWiki ?

⚫️

④ Recette

Editer une page de wiki

Pour éditer une page de YesWiki, par défaut, il suffit de double-cliquer dessus ou de cliquer en bas de page sur "éditer la page."

/!\ Ceci n'est possible que si l'administrateur.ice du wiki n'a pas changé les droits d'édition.

icon made by those icons from flaticon.com

Editer une page de wiki

Outil YesWiki

Complexité Facile

Accroche Comment accéder à l'édition d'une page sur YesWiki ?

L'essentiel Pour éditer une page de YesWiki, par défaut, il suffit de double-cliquer dessus ou de cliquer en bas de page sur "éditer la page."

/!\ Ceci n'est possible que si l'administrateur.ice du wiki n'a pas changé les droits d'édition.

icon made by those icons from flaticon.com

Mots clés debuter editer edition modifier

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Encadrés et blocs dépliables

Mettre en valeur du contenu dans un cadre avec titre et pouvoir le replier.

⚫️

④ Recette

Encadrés et blocs dépliables

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter l'encadré ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir "Encadré" ;
Compléter le formulaire.

Pycto made by cube29 from flaticon.com

Encadrés et blocs dépliables

Outil YesWiki

Complexité Facile

Accroche Mettre en valeur du contenu dans un cadre avec titre et pouvoir le replier.

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter l'encadré ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir "Encadré" ;
Compléter le formulaire.

Pycto made by cube29 from flaticon.com

Mots clés accordéon encadré repliable

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Exporter au format .pdf

Le format ".pdf" vous permettra d'envoyer facilement votre travail à l'imprimeur ou de partager un document de plusieurs pages.

⚫️

④ Recette

Exporter au format .pdf

L'utilitaire d'export s'obtient de 2 manières soit en pressant Maj + Ctrl + E ou en cliquant sur "Fichier" + "Exporter"
Sélectionnez le format ".pdf" en bas à droite puis l'option d'export qui vous convient :

Page : Exporter uniquement le contenu de la page ou des pages ;
Dessin : Exporter tous les objets que vous avez dessinés sur le canva ;
Sélection : Exporter uniquement la zone des objets sélectionnés ;
Personnalisé : Exporter selon les coordonnées que vous entrez dans les champs en haut.

Pycto made by freepik from flaticon.com

Exporter au format .pdf

Outil Inkscape

Complexité Facile

Accroche Le format ".pdf" vous permettra d'envoyer facilement votre travail à l'imprimeur ou de partager un document de plusieurs pages.

L'essentiel L'utilitaire d'export s'obtient de 2 manières soit en pressant Maj + Ctrl + E ou en cliquant sur "Fichier" + "Exporter"
Sélectionnez le format ".pdf" en bas à droite puis l'option d'export qui vous convient :

Page : Exporter uniquement le contenu de la page ou des pages ;
Dessin : Exporter tous les objets que vous avez dessinés sur le canva ;
Sélection : Exporter uniquement la zone des objets sélectionnés ;
Personnalisé : Exporter selon les coordonnées que vous entrez dans les champs en haut.

Pycto made by freepik from flaticon.com

Mots clés enregistrer export exporter page pages pdf sauvegarder sauver save

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Exporter au format .png (DUPLICATE)

Le format ".png" est un format image qui gère les transparences donc idéal pour un logo.

⚫️

④ Recette

Exporter au format .png (DUPLICATE)

L'utilitaire d'export s'obtient de 2 manières soit en pressant Maj + Ctrl + E ou en cliquant sur "Fichier" + "Exporter"
Sélectionnez le format ".png" en bas à droite puis l'option d'export qui vous convient :

Page : Exporter uniquement le contenu de la zone de la page ;
Dessin : Exporter tous les objets que vous avez dessinés sur le canva ;
Sélection : Exporter uniquement la zone des objets sélectionnés ;
Personnalisé : Exporter selon les coordonnées que vous entrez dans les champs en haut.

Pycto made by freepik from flaticon.com

Exporter au format .png (DUPLICATE)

Outil Inkscape

Complexité Facile

Accroche Le format ".png" est un format image qui gère les transparences donc idéal pour un logo.

L'essentiel L'utilitaire d'export s'obtient de 2 manières soit en pressant Maj + Ctrl + E ou en cliquant sur "Fichier" + "Exporter"
Sélectionnez le format ".png" en bas à droite puis l'option d'export qui vous convient :

Page : Exporter uniquement le contenu de la zone de la page ;
Dessin : Exporter tous les objets que vous avez dessinés sur le canva ;
Sélection : Exporter uniquement la zone des objets sélectionnés ;
Personnalisé : Exporter selon les coordonnées que vous entrez dans les champs en haut.

Pycto made by freepik from flaticon.com

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Faire un sondage rapide

Récoltez facilement les réactions des lecteur.ice.s et évaluez la qualité de vos contenus

⚫️

④ Recette

Faire un sondage rapide

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le sondage ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Réactions/Votes" ;
Dans la fenêtre qui s'ouvre choisir "Réactions et votes" ;
Construisez votre grille de vote en ajoutant des titres et pyctos.

Pycto made by Freepik from flaticon.com

Faire un sondage rapide

Outil YesWiki

Complexité Facile

Accroche Récoltez facilement les réactions des lecteur.ice.s et évaluez la qualité de vos contenus

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le sondage ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Réactions/Votes" ;
Dans la fenêtre qui s'ouvre choisir "Réactions et votes" ;
Construisez votre grille de vote en ajoutant des titres et pyctos.

Pycto made by Freepik from flaticon.com

Mots clés appréciations pouces réactions

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

③ Ingrédient

Formats de fichiers utilisables

Inkscape est capable d'importer et d'ouvrir un très large panel de formats de fichiers.

⚫️ ⚫️

③ Ingrédient

Formats de fichiers utilisables

Un fichier Inkscape est généralement enregistré au format ".svg". Mais il est possible d'ouvrir plus ou moins facilement d'autres formats comme par exemple :

Adobe Illustrator 9.0 et supérieur (
.ai.svg) ;
gif (
.ico) ;
jpeg (
.jpg) ;
Adobe PDF (
.png) ;
PostScript Encapsulé (
.dxf) ;
...

Pycto made by Eucalyp from flaticon.com

Formats de fichiers utilisables

Outil Inkscape

Complexité Moyen

Accroche Inkscape est capable d'importer et d'ouvrir un très large panel de formats de fichiers.

L'essentiel Un fichier Inkscape est généralement enregistré au format ".svg". Mais il est possible d'ouvrir plus ou moins facilement d'autres formats comme par exemple :

Adobe Illustrator 9.0 et supérieur (
.ai.svg) ;
gif (
.ico) ;
jpeg (
.jpg) ;
Adobe PDF (
.png) ;
PostScript Encapsulé (
.dxf) ;
...

Pycto made by Eucalyp from flaticon.com

Mots clés adobe dxf eps extensions fichier formats illustrator import importer jpg pdf png svg

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Formulaire de contact

Laissez les visiteur.euse.s vous contacter facilement

⚫️

④ Recette

Formulaire de contact

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le formulaire de contact ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions d'envoi d'e-mail/listes" ;
Dans la fenêtre qui s'ouvre choisir "Afficher un formulaire de contact" ;
Compléter le formulaire.

Pycto made by venus design from flaticon.com

Formulaire de contact

Outil YesWiki

Complexité Facile

Accroche Laissez les visiteur.euse.s vous contacter facilement

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le formulaire de contact ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions d'envoi d'e-mail/listes" ;
Dans la fenêtre qui s'ouvre choisir "Afficher un formulaire de contact" ;
Compléter le formulaire.

Pycto made by venus design from flaticon.com

Mots clés contact contacter ecrire mail

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Gérer les couleurs

Changer les couleurs, les transparences, les contours des objets.

⚫️

④ Recette

Gérer les couleurs

La barre de couleurs qui se trouve en bas reste pauvre, pour aller plus loin et choisir des couleurs plus finement, il convient d'ouvrir l'outil "Fond et contour" :

Pressez Maj + Ctrl + F ;
Ou cliquez sur "Objet" > "Fond et contour".

On obtient une fenêtre avec 3 onglets :

Fond : défini la couleur de fond ;
Contour : défini la couleur des contours ;
Style de contour : permet de faire varier le type et l'appaisseur du trait...

Pycto made by Freepik from flaticon.com

Gérer les couleurs

Outil Inkscape

Complexité Facile

Accroche Changer les couleurs, les transparences, les contours des objets.

L'essentiel La barre de couleurs qui se trouve en bas reste pauvre, pour aller plus loin et choisir des couleurs plus finement, il convient d'ouvrir l'outil "Fond et contour" :

Pressez Maj + Ctrl + F ;
Ou cliquez sur "Objet" > "Fond et contour".

On obtient une fenêtre avec 3 onglets :

Fond : défini la couleur de fond ;
Contour : défini la couleur des contours ;
Style de contour : permet de faire varier le type et l'appaisseur du trait...

Pycto made by Freepik from flaticon.com

Mots clés angle contour couleur dessin eppaisseur ligne pointillet pointillets style trait vecteur

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Gestion des langues

Construisez un wiki multilingue.

⚫️ ⚫️

④ Recette

Gestion des langues

Dans YesWiki sur une même page, vous pouvez écrire le même texte de plusieurs langues différentes. Le texte affiché sera celui correspondant à la langue que le visiteur choisira :

Ajouter le code avant le texte dans la page

{{lang="fr"}} =====Bienvenue===== {{lang="en"}} =====Welcome=====

Ajouter un composant translation dans la barre de menu :

{{translation destination="fr"}} {{translation destination="en"}}

Pycto made by Flaticon Abiyyu A. from flaticon.com

Gestion des langues

Outil YesWiki

Complexité Moyen

Accroche Construisez un wiki multilingue.

L'essentiel Dans YesWiki sur une même page, vous pouvez écrire le même texte de plusieurs langues différentes. Le texte affiché sera celui correspondant à la langue que le visiteur choisira :

Ajouter le code avant le texte dans la page

{{lang="fr"}}
=====Bienvenue=====

{{lang="en"}}
=====Welcome=====

Ajouter un composant translation dans la barre de menu :

{{translation destination="fr"}}
 {{translation destination="en"}}

Pycto made by Flaticon Abiyyu A. from flaticon.com

Mots clés langues multilingues traduire

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Grouper des objets

Pour que des objets disparates ne fassent plus qu'un !

⚫️

④ Recette

Grouper des objets

Le regroupement vous permet de travailler avec plusieurs objets en tant qu'objet unique: toutes les modifications que vous apportez affecteront également tous les membres du groupe, et le groupe entier peut être copié, dupliqué ou cloné en tant qu'unité. Le regroupement de vos objets peut aider à garder votre toile organisée.
Grouper : Maj + Ctrl + U ou Ctrl + G
Dégrouper : Maj + Ctrl + G ou Ctrl + U

Texte et image CC-by-sa Inkscape.org

Grouper des objets

Outil Inkscape

Complexité Facile

Accroche Pour que des objets disparates ne fassent plus qu'un !

L'essentiel Le regroupement vous permet de travailler avec plusieurs objets en tant qu'objet unique: toutes les modifications que vous apportez affecteront également tous les membres du groupe, et le groupe entier peut être copié, dupliqué ou cloné en tant qu'unité. Le regroupement de vos objets peut aider à garder votre toile organisée.
Grouper : Maj + Ctrl + U ou Ctrl + G
Dégrouper : Maj + Ctrl + G ou Ctrl + U

Texte et image CC-by-sa Inkscape.org

Mots clés associer dégrouper groupe grouper objets organiser plusieurs sélectionner

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Importer une image

Depuis votre ordinateur importez dans Inkscape une image

⚫️

④ Recette

Importer une image

Dans la barre de menu déroulez "fichier" > "importer" ;
Une fenêtre de dialogue s'ouvre, il suffit généralement de cliquer sur "OK".

Pycto made by xnimrodx from flaticon.com

Importer une image

Outil Inkscape

Complexité Facile

Accroche Depuis votre ordinateur importez dans Inkscape une image

L'essentiel

Dans la barre de menu déroulez "fichier" > "importer" ;
Une fenêtre de dialogue s'ouvre, il suffit généralement de cliquer sur "OK".

Pycto made by xnimrodx from flaticon.com

Mots clés ajouter fichier file image images import importer pictures

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Inclure une page dans une autre

Permet d'inclure dans une page le contenu d'une autre. Si la seconde est modifié pas besoin de modifier la première !

⚫️

④ Recette

Inclure une page dans une autre

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le sommaire (souvent en haut) ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions avancées" ;
Dans la fenêtre qui s'ouvre choisir "Inclure une page dans une autre" ;
Indiquez le nom de la page que vous souhaitez intégrer ;
Cliquer "Intégrer à la page".

Pycto made by edt.im from flaticon.com

Inclure une page dans une autre

Outil YesWiki

Complexité Facile

Accroche Permet d'inclure dans une page le contenu d'une autre. Si la seconde est modifié pas besoin de modifier la première !

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter le sommaire (souvent en haut) ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Actions avancées" ;
Dans la fenêtre qui s'ouvre choisir "Inclure une page dans une autre" ;
Indiquez le nom de la page que vous souhaitez intégrer ;
Cliquer "Intégrer à la page".

Pycto made by edt.im from flaticon.com

Mots clés imbriquer include inclure pages relier

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Insérer un média (image, pdf...)

⚫️

④ Recette

Insérer un média (image, pdf...)

En mode édition d'une page, cliquez dans la barre d'outils sur le bouton "Fichier".
Choisir le fichier à importer ;
Compléter le formulaire ;
Une fois fait, cliquer sur "insérer".

Pycto made by Pixel perfect from flaticon.com

Insérer un média (image, pdf...)

Outil YesWiki

Complexité Facile

L'essentiel

En mode édition d'une page, cliquez dans la barre d'outils sur le bouton "Fichier".
Choisir le fichier à importer ;
Compléter le formulaire ;
Une fois fait, cliquer sur "insérer".

Pycto made by Pixel perfect from flaticon.com

Mots clés doc document images insérer jpg média pdf png

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Installer Inkscape (GNU/linux)

Un logiciel de dessin vectoriel open source

⚫️

④ Recette

Installer Inkscape (GNU/linux)

Il existe plusieurs méthodes pour installer inkscape sur Linux.

L'Appimage (celle que je recommande pour avoir la dernière version)
Le ppa (Pour Ubuntu)
snap
Flatpak

Retrouvez tout les détails sur le doc officielle.

Pycto made by freepik from flaticon.com

Installer Inkscape (GNU/linux)

Outil Inkscape

Complexité Facile

Accroche Un logiciel de dessin vectoriel open source

L'essentiel Il existe plusieurs méthodes pour installer inkscape sur Linux.

L'Appimage (celle que je recommande pour avoir la dernière version)
Le ppa (Pour Ubuntu)
snap
Flatpak

Retrouvez tout les détails sur le doc officielle.

Pycto made by freepik from flaticon.com

Mots clés gnu install installation installer linux ubuntu

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Installer Inkscape (Mac)

Un logiciel de dessin vectoriel open source

⚫️

④ Recette

Installer Inkscape (Mac)

Depuis la page d'acueil du site d'Inkscape (inkscape.org/release) ;
Cliquez sur le bloc correspondant à macOS ;
Une fois le fichier téléchargé, rendez-vous dans votre dossier local de téléchargements et executez le fichier qui vient d'être téléchargé ;
Suivez les instructions.

Pycto made by Those Icons from flaticon.com

Installer Inkscape (Mac)

Outil Inkscape

Complexité Facile

Accroche Un logiciel de dessin vectoriel open source

L'essentiel

Depuis la page d'acueil du site d'Inkscape (inkscape.org/release) ;
Cliquez sur le bloc correspondant à macOS ;
Une fois le fichier téléchargé, rendez-vous dans votre dossier local de téléchargements et executez le fichier qui vient d'être téléchargé ;
Suivez les instructions.

Pycto made by Those Icons from flaticon.com

Mots clés apple install installation installer mac macOS

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Installer Inkscape (Windows)

Accrochez un logiciel de dessin vectoriel sur votre fenêtre

⚫️

④ Recette

Installer Inkscape (Windows)

Depuis la page d'acueil du site d'Inkscape (inkscape.org/release) ;
Cliquez sur le bloc correspondant à Windows ;
Puis sur le vouton "64-bit architecture" si l'architecture de votre PC le permet (généralement oui).
Une fois le fichier téléchargé, rendez-vous dans votre dossier local de téléchargements et executez le fichier qui vient d'âtre téléchargé ;
Suivez les instructions.

Pycto made by freepik from flaticon.com

Installer Inkscape (Windows)

Outil Inkscape

Complexité Facile

Accroche Accrochez un logiciel de dessin vectoriel sur votre fenêtre

L'essentiel

Depuis la page d'acueil du site d'Inkscape (inkscape.org/release) ;
Cliquez sur le bloc correspondant à Windows ;
Puis sur le vouton "64-bit architecture" si l'architecture de votre PC le permet (généralement oui).
Une fois le fichier téléchargé, rendez-vous dans votre dossier local de téléchargements et executez le fichier qui vient d'âtre téléchargé ;
Suivez les instructions.

Pycto made by freepik from flaticon.com

Mots clés .exe inkscape install installation installer microsoft windows

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Intégrer une vue cliquable d'un site ou vidéo

Les iframes sont des petits bout de codes qui permettent d'ancapsuler une page dans une autre.

⚫️ ⚫️

④ Recette

Intégrer une vue cliquable d'un site ou vidéo

Embarquez dans vos pages YesWiki une page d'un autre site ou un élément stocké ailleur.

Très pratique pour les vidéos !

En dessous d'une védéo cliquez sur le bouton de partage puis sur "intégrer" ;
Copier et coller le code dans une page wiki.
Ajouter avant et après le code deux doubles guillemets ""..."" ;

Pycto made by graphicmall from flaticon.com

Intégrer une vue cliquable d'un site ou vidéo

Outil YesWiki

Complexité Moyen

Accroche Les iframes sont des petits bout de codes qui permettent d'ancapsuler une page dans une autre.

L'essentiel Embarquez dans vos pages YesWiki une page d'un autre site ou un élément stocké ailleur.

Très pratique pour les vidéos !

En dessous d'une védéo cliquez sur le bouton de partage puis sur "intégrer" ;
Copier et coller le code dans une page wiki.
Ajouter avant et après le code deux doubles guillemets
```
""...""
```
;

Pycto made by graphicmall from flaticon.com

Mots clés doc document embarquer encapsuler iframe intégrer vidéo

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

⓪ Concept clé

Les formulaires

Collectez des informations et affichez les automatiquement sur votre Wiki.

⚫️ ⚫️

⓪ Concept clé

Les formulaires

Les formulaires sont le cœur de YesWiki. Ils permettent de :

Collecter des informations ;
Une réponse à un formulaire donne une "fiche" ;
Chaque formulaire peut demander différentes informations comme, du texte, des mots clés, une adresse, un fichier.
On peut ensuite présenter les fiches sur une page de wiki où il sera possible de les trier, faire une recherche...

C'est une fonction très utile pour faire un trombinoscope, un agenda une galerie...
Pycto made by Design Circle from flaticon.com

Les formulaires

Outil YesWiki

Complexité Moyen

Accroche Collectez des informations et affichez les automatiquement sur votre Wiki.

L'essentiel Les formulaires sont le cœur de YesWiki. Ils permettent de :

Collecter des informations ;
Une réponse à un formulaire donne une "fiche" ;
Chaque formulaire peut demander différentes informations comme, du texte, des mots clés, une adresse, un fichier.
On peut ensuite présenter les fiches sur une page de wiki où il sera possible de les trier, faire une recherche...

C'est une fonction très utile pour faire un trombinoscope, un agenda une galerie...
Pycto made by Design Circle from flaticon.com

Mots clés base de données bazar formulaires

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Les opérations boéléennes

Souhaitez-vous fusionnez deux formes, en faire la différence ou encore en exclure les parties qui se chevauchent ?

⚫️ ⚫️

④ Recette

Les opérations boéléennes

Les opérations booléennes fonctionnent sur 2 chemins (cf. carte "Différence entre objets et chemins"). Il permettent diverses choses comme des unions, des différences, des intersections, des exclusions...

Sélectionnez les deux formes sur lesquelles vous souhaitez faire une opération booléenne ;
Sélectionnez l'option de votre choix dans le menu "Chemin" ;

Pycto made by juicy_fish from flaticon.com

Les opérations boéléennes

Outil Inkscape

Complexité Moyen

Accroche Souhaitez-vous fusionnez deux formes, en faire la différence ou encore en exclure les parties qui se chevauchent ?

L'essentiel Les opérations booléennes fonctionnent sur 2 chemins (cf. carte "Différence entre objets et chemins"). Il permettent diverses choses comme des unions, des différences, des intersections, des exclusions...

Sélectionnez les deux formes sur lesquelles vous souhaitez faire une opération booléenne ;
Sélectionnez l'option de votre choix dans le menu "Chemin" ;

Pycto made by juicy_fish from flaticon.com

Mots clés ajouter booleans bouléen couper fusionner scinder

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Mettre en forme le texte

Tout savoir pour mettre en gras, hyérarchiser les titres et plus encore.

⚫️

④ Recette

Mettre en forme le texte

Vous venez de passer en mode édition ? Pas de panique !
La première chose c'est d'apprendre à formater son texte basique :

Dans la barre de menu du mode édition à droite cliquer sur le symbole "?" ;
La fenêtre qui s'ouvre est un mémo pour la mise en forme du texte.

Pour aller plus vite :

Sélectionnez le texte que vous souhaitez formater ;
Dans la barre de menu, déroulez "Format" et choisissez le format désiré.

Mettre en forme le texte

Outil YesWiki

Complexité Facile

Accroche Tout savoir pour mettre en gras, hyérarchiser les titres et plus encore.

L'essentiel Vous venez de passer en mode édition ? Pas de panique !
La première chose c'est d'apprendre à formater son texte basique :

Dans la barre de menu du mode édition à droite cliquer sur le symbole "?" ;
La fenêtre qui s'ouvre est un mémo pour la mise en forme du texte.

Pour aller plus vite :

Sélectionnez le texte que vous souhaitez formater ;
Dans la barre de menu, déroulez "Format" et choisissez le format désiré.

Mots clés aide mémoire editer edition formatage gras italique tableau texte titre

Contributeurices Guillaume Leguen

Sources, références, ... yeswiki.net

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Mettre en valeur avec les sections

Varier la présentation de vons contenus en mettant en valeurs certaines parties.

⚫️

④ Recette

Mettre en valeur avec les sections

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter la section ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir "Section" ;
Compléter le formulaire.

Pycto made by prettycons from flaticon.com

Mettre en valeur avec les sections

Outil YesWiki

Complexité Facile

Accroche Varier la présentation de vons contenus en mettant en valeurs certaines parties.

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter la section ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir "Section" ;
Compléter le formulaire.

Pycto made by prettycons from flaticon.com

Mots clés encadré mise en page section

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Modifier un chemin

Avec l'outil node, il est possible d'agir sur l'emplacement de points qui régissent un chemin.

⚫️ ⚫️

④ Recette

Modifier un chemin

Commencez par sélectionnez le chemin que vous souhaitez éditer. Puis accédez à l'outil en cliquant sur le symbole correspondant dans la boîte à outils à gauche. Ou pressez F2 ou N.

Image CC-by-sa Inkscape.org

Modifier un chemin

Outil Inkscape

Complexité Moyen

Accroche Avec l'outil node, il est possible d'agir sur l'emplacement de points qui régissent un chemin.

L'essentiel Commencez par sélectionnez le chemin que vous souhaitez éditer. Puis accédez à l'outil en cliquant sur le symbole correspondant dans la boîte à outils à gauche. Ou pressez F2 ou N.

Image CC-by-sa Inkscape.org

Mots clés chemin modifier node nodes noeuds points vecteurs

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Naviguer plus rapidement

Découvrez les raccourcis URL (Handlers) pour aller plus vite

⚫️ ⚫️

④ Recette

Naviguer plus rapidement

Un handler est une URL spéciale qui permet de modifier la façon d'afficher une page. On l'active en ajoutant à la fin de l'adresse URL, le signe "/"" suivi du nom du handler.

/edit : Passer en mode édition ;
/revisions : Voir les versions de l'historique ;
/filemanager : Accéder à la liste des fichiers attachés à cette page ;
/raw : Affiche le code wiki non formaté de la page ;
/referrers : affiche la liste des pages qui font référence à la page en question (les rétroliens).
...

Pycto made by Laura Reen from flaticon.com

Naviguer plus rapidement

Outil YesWiki

Complexité Moyen

Accroche Découvrez les raccourcis URL (Handlers) pour aller plus vite

L'essentiel Un handler est une URL spéciale qui permet de modifier la façon d'afficher une page. On l'active en ajoutant à la fin de l'adresse URL, le signe "/"" suivi du nom du handler.

/edit : Passer en mode édition ;
/revisions : Voir les versions de l'historique ;
/filemanager : Accéder à la liste des fichiers attachés à cette page ;
/raw : Affiche le code wiki non formaté de la page ;
/referrers : affiche la liste des pages qui font référence à la page en question (les rétroliens).
...

Pycto made by Laura Reen from flaticon.com

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Organiser du contenu en colonnes

Positionner une image à coté d'un texte, ou plusieurs textes ou encadrés côte à côte.

⚫️

④ Recette

Organiser du contenu en colonnes

Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter les colonnes ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir "Afficher plusieurs colonnes" ;
Indiquer le nombre de colonne puis cliquer sur "Insérer dans la page"
Un code s'affiche, modifier la valeur {{col size="6"}} pour faire varier la largeur de colonne.

/!\La somme de largeur des colonnes doit être égal à 12.

Pycto made by joalfa from flaticon.com

Organiser du contenu en colonnes

Outil YesWiki

Complexité Facile

Accroche Positionner une image à coté d'un texte, ou plusieurs textes ou encadrés côte à côte.

L'essentiel Dans une page en mode édition :

Poser le curseur là où vous souhaitez ajouter les colonnes ;
Dans la barre d'outils en haut à droite, cliquez sur "composants" puis "Mise en forme" ;
Dans la fenêtre qui s'ouvre choisir "Afficher plusieurs colonnes" ;
Indiquer le nombre de colonne puis cliquer sur "Insérer dans la page"
Un code s'affiche, modifier la valeur
```
{{col size="6"}}
```
pour faire varier la largeur de colonne.

/!\La somme de largeur des colonnes doit être égal à 12.

Pycto made by joalfa from flaticon.com

Mots clés colonne organiser

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Prendre des références sur des géométries hors esquisses

⚫️ ⚫️

④ Recette

Prendre des références sur des géométries hors esquisses

En mode esquisse, cliquez sur l'outil "Créer une géométrie externe".
cliquez sur les arrêtes que l'on souhaite inclure.

Prendre des références sur des géométries hors esquisses

Outil FreeCAD

Complexité Moyen

L'essentiel

En mode esquisse, cliquez sur l'outil "Créer une géométrie externe".
cliquez sur les arrêtes que l'on souhaite inclure.

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Voir la fiche

⚫️ ⚫️

④ Recette

Rentrer une variable

⚫️ ⚫️

④ Recette

Rentrer une variable

Cliquer sur l'outil "Créer un jeu de variable" ;
Entrer une variable (son nom et sa valeur) ;
Renommer le tableau ;
Dans une esquisse pour faire dépendre une cotation d'une variable, cliquer lors de la définition d'une cote sur le bouton "fx" ;
Entrer <>.NomdeVariable

Rentrer une variable

Outil FreeCAD

Complexité Moyen

L'essentiel

Cliquer sur l'outil "Créer un jeu de variable" ;
Entrer une variable (son nom et sa valeur) ;
Renommer le tableau ;
Dans une esquisse pour faire dépendre une cotation d'une variable, cliquer lors de la définition d'une cote sur le bouton "fx" ;
Entrer <>.NomdeVariable

Contenus complémentaires (textes, images, liens, vidéos, ...)

&lt;&gt;.NomdeVariable

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte Brouillon

Voir la fiche

⚫️

④ Recette

Sauvegarder votre travail

Ne l'oubliez surtout pas !

⚫️

④ Recette

Sauvegarder votre travail

Penssez à sauvegarder régulièrement votre travail.

Ctrl + S
Ou cliquez sur "Fichier" > "Enregistrer"

Le nom de votre fichier devra comporter à la fin l'extension souhaité. Généralement on utilise le ".svg".

Pycto : Yogi Aprelliyanto from flaticon.com

Sauvegarder votre travail

Outil Inkscape

Complexité Facile

Accroche Ne l'oubliez surtout pas !

L'essentiel Penssez à sauvegarder régulièrement votre travail.

Ctrl + S
Ou cliquez sur "Fichier" > "Enregistrer"

Le nom de votre fichier devra comporter à la fin l'extension souhaité. Généralement on utilise le ".svg".

Pycto : Yogi Aprelliyanto from flaticon.com

Mots clés arg enregistrer sauvegarder sauver save

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Structure du Wiki

Tout savoir pour éditer le bandeau de menu, les accés rapides, le footer...

⚫️

④ Recette

Structure du Wiki

Par défaut un YesWiki affiche plusieurs "pages" en même temps. A la différence de la page centrale, ces dernière seront visibles sur toutes les pages.

Page Titre : Le nom du wiki ;
Page Menu Haut : permet de renvoyer à des pages clés ;
Page Rapide Haut : présente par défaut la roue crantée ;
Page Header : Entête du wiki ;
Page Footer : Pied de page.

Structure du Wiki

Outil YesWiki

Complexité Facile

Accroche Tout savoir pour éditer le bandeau de menu, les accés rapides, le footer...

L'essentiel Par défaut un YesWiki affiche plusieurs "pages" en même temps. A la différence de la page centrale, ces dernière seront visibles sur toutes les pages.

Page Titre : Le nom du wiki ;
Page Menu Haut : permet de renvoyer à des pages clés ;
Page Rapide Haut : présente par défaut la roue crantée ;
Page Header : Entête du wiki ;
Page Footer : Pied de page.

Mots clés boutons entête footer header menus navigation nom pages pied de page

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️ ⚫️

④ Recette

Vectoriser

Ou comment transformer une image, une photo en vecteur ?

⚫️ ⚫️

④ Recette

Vectoriser

La vectorisation ou "tracing" permet de transformer une image, un dessin scanné en un chemins que vous pourrez utiliser et éditer.

Ceci est idéal pour vectoriser une silhouette, un dessin monochrome, un tracé en vu de réaliser par exemple un logo, un pyctogramme, ou tout autre visuel composé d'aplats de couleurs.

Importez une image (cf. carte "Importer une image") ;
Sélectionnez l'image à vectoriser ;
Dans la barre de menu, cliquez sur "Chemin" > "Vectoriser un objet matriciel" ;

Pycto made by Sagarkumar Gopani from flaticon.com

Vectoriser

Outil Inkscape

Complexité Moyen

Accroche Ou comment transformer une image, une photo en vecteur ?

L'essentiel La vectorisation ou "tracing" permet de transformer une image, un dessin scanné en un chemins que vous pourrez utiliser et éditer.

Ceci est idéal pour vectoriser une silhouette, un dessin monochrome, un tracé en vu de réaliser par exemple un logo, un pyctogramme, ou tout autre visuel composé d'aplats de couleurs.

Importez une image (cf. carte "Importer une image") ;
Sélectionnez l'image à vectoriser ;
Dans la barre de menu, cliquez sur "Chemin" > "Vectoriser un objet matriciel" ;

Pycto made by Sagarkumar Gopani from flaticon.com

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche

⚫️

④ Recette

Voir les formulaires

Où se trouvent les formulaires ?

⚫️

④ Recette

Voir les formulaires

Cliquez sur le bouton représentant une roue crnatée en haut à droite de la fenêtre ;
Puis sur formulaires ;
Vous y êtes !

Voir les formulaires

Outil YesWiki

Complexité Facile

Accroche Où se trouvent les formulaires ?

L'essentiel

Cliquez sur le bouton représentant une roue crnatée en haut à droite de la fenêtre ;
Puis sur formulaires ;
Vous y êtes !

Mots clés bazar formulaires voir

Contributeurices Guillaume Leguen

Licence CC-BY-SA

Etat d'avancement de la carte En cours

Voir la fiche