# Créer des liens dans votre cours : chemins absolus et relatifs
Cet article vise à expliquer comment créer les liens vers des images ou des parties de vos cours.
---
## Ajouter un lien vers un site externe à la plateforme (lien absolu)
* Sélectionnez le texte que vous souhaitez mettre en lien. Cliquez sur l'icône lien (1). Dans la fenêtre "Insérer un lien" :
* Dans le champ URL (2) : collez le lien du site choisi.
* Dans le champ Texte à afficher (3) : le texte sélectionné apparaît.
* Dans le champ Cible (4) : vous pouvez choisir Aucun ou Nouvelle fenêtre.
:::info
Pour un lien qui pointe vers un site externe à la plateforme, nous préconisons d'ouvrir dans une nouvelle fenêtre, afin que l'utilisateur ne perde pas la page de la plateforme sur laquelle il se trouvait.
:::
Ce qui donnera dans l'éditeur HTML :
```markup
FUN-MOOC
```
Et pour que le lien s'ouvre dans une nouvelle fenêtre ou un nouvel onglet, cela donnerait :
```markup
FUN-MOOC
```
---
## Ajouter un lien vers une autre unité de cours (jump_to_id)
* Placez-vous dans l'unité cible. (Ici, unité 1.2).
* Dans "Position de l'unité", sur la droite de l'écran, copiez l'ID de l'emplacement.
* Ouvrez le composant HTML de l'unité où vous souhaitez créer le lien (Ici, Unité 1.1) et sélectionnez le texte choisi. Cliquez sur l'icône "Lien".
* Dans la fenêtre "Insérer un lien", dans le champ URL, insérez : `/jump_to_id/`
Par exemple : `/jump_to_id/97064a484b594zddb0a0be470090f240`
Ce qui donnera, dans le code HTML :
```markup
Unité 1.2
```
Si vous souhaitez mettre des liens vers des parties de votre cours dans le wiki, voici l'article : [**Wiki : mettre un lien vers une partie de votre cours**](/doc/wiki-mettre-un-lien-vers-une-partie-de-votre-cours-xjYFUCCvbz)
---
## Créer un lien vers une Page
:::info
Ne confondez pas les Pages et les Unités.
:::
* Pour créer un lien vers du contenu de votre cours (une unité dans le plan du cours, référez-vous à la rubrique ci-dessus)
* Ici il est question des Pages qui, au sens d'edX, sont les pages statiques que vous trouvez listées dans le Studio dans le menu Contenu/Pages
Pour créer un lien relatif vers une page, vous pouvez utiliser la technique `/jump_to_id/`.
Par exemple :
* Voici le lien d'une page "Nouvelle page" :
*https://lms.fun-mooc.fr/courses/course-v1:FUN+FUNcours+session01/b19c340ba4a34c3390ad6ac967e9f249/*
* Voici le lien de l'unité où on souhaite créer un lien vers ma "Nouvelle page" :
*https://lms.fun-mooc.fr/courses/course-v1:FUN+FUNcours+session01/courseware/3dd54a942d2147b4adbd6a143161bfd5/b6cc3f479f554b83b1b6d0377ede1dab/*
Dans le composant HTML de l'unité, il faut créer un lien. Par exemple :
`"/jump_to_id/../b19c340ba4a34c3390ad6ac967e9f249">Nouvelle page`
:::info
Contrairement à un lien HTML classique, il n'est pas nécessaire de remonter dans les niveaux de l'arborescence du cours. Il suffit d'un seul "**../**". Attention cependant à ne pas l'oublier sinon cela ne fonctionne pas. Le lien vers les pages s'ouvre par défaut dans une nouvelle fenêtre.
:::
---
## Intégrer des images (chemin relatif : lien /static/votre_image.jpg)
1/ Les images ont été préalablement déposées dans Contenu > Fichiers et Uploads.
Nota : il faut bien choisir le nommage du fichier pour pouvoir le retrouver facilement. Pour vous aider, vous pouvez trouver des conseils sur [Nommage des fichiers et des dossiers](/doc/ajouter-des-fichiers-et-des-dossiers-points-de-vigilance-MKuFexD86j).
Depuis l'onglet Contenu > Fichiers et Uploads, copiez l'URL embarquée au format `/static/votre_image.jpg`.
2/ Cliquez sur l'icône "Image" du composant HTML choisi.
Dans la fenêtre "Insérer/Éditer une image" :
**Onglet général :**
* Dans le champ URL, collez l'URL embarquée /static/logo.fun.png
* Choisissez une description de l'image (s'affiche au survol, pour l'accessibilité).
* Vous pouvez choisir de redimensionner l'image en entrant des valeurs ou ne rien modifier.
Ce qui donnera en HTML :
```markup
```
**Onglet avancé : (facultatif)**
Vous pouvez modifier l'espacement et les bordures soit en entrant les valeurs dans les champs "Espace vertical", "Espace horizontal" et "Bordure" ou soit en remplissant directement le champ "Style" avec les valeurs appropriées.
---
## Faire des liens vers des fichiers, des ressources
Le fichier doit être au préalable déposé dans Fichiers et Uploads (cf. ci-dessus).
Dans le composant du cours > Sélectionnez le texte sur lequel vous allez mettre le lien vers la ressource > Cliquez sur l'icône "lien" > Collez l'URL embarquée issue de Fichiers et Uploads > Cliquez sur OK.
Ce qui donnera en HTML :
```markup
diaporama
```
:::info
NB : `target="[object Object]"` est facultatif.
:::
### En résumé
Pour résumer, voici les différents liens créés, vus depuis le LMS:
---
## Insérer des images ou des liens vers des ressources dans le WIKI
Le Wiki est extérieur à votre cours. Les liens *relatifs* ou les *jump_to_id* ne vont donc pas fonctionner. Il faudra donc indiquer l'URL complète vers le document sur la plateforme de production (débutant par `lms.fun-mooc.fr/asset-v1:)`.
### Insérer une image déposée dans le dossier /*static*/ de votre cours
```markup
```
NB : *N'oubliez pas de remplacer le code établissement et le numéro du cours par ceux correspondant au MOOC concerné*.
### Insérer un lien vers une ressource déposée dans le dossier /*static*/ de votre cours
```markup
[texte du lien](lms.fun-mooc.fr/asset-v1:codetablissmement+01001+session+type@asset+block@fichier.pdf "texte pour le titre, facultatif")
```
NB : *N'oubliez pas de remplacer le code établissement et le numéro du cours par ceux correspondant au MOOC concerné*.
---
## Insérer des images dans le corps du texte d'un mail aux apprenants
Le format du [mail envoyé aux apprenants](/doc/envoyer-des-mails-aux-apprenants-via-la-plateforme-RQ8ATLIEXJ) est formaté et construit automatiquement par la plateforme afin notamment d'assurer une homogénéité du mail pour les apprenants étant inscrits à plusieurs MOOC.
La partie sur laquelle vous avez la main est la zone de texte. Vous pouvez avoir besoin d'y insérer une image. Contrairement à ce qui est dit pour les images dans le cours, dans le cas des mails aux apprenants, il faut mettre les liens absolus et non relatifs.
Donc il vous faut uploader votre image dans “Fichiers et Uploads”, et prendre cette fois l'URL Web de la plateforme de production.
Puis dans l'espace enseignant, insérer l'image dans votre mail en indiquant bien ce chemin absolu de l'image.
Si vous mettez l'URL `/static/` cela ne fonctionnera pas. Si vous mettez un chemin absolu pointant vers le studio, la ressource ne sera pas accessible aux personnes inscrites. Il faut donc être très vigilant sur ce point.
Pensez à mettre votre image à la bonne taille avant de l'uploader dans "Fichiers et uploads", afin qu'elle ne soit pas trop lourde et ne mette donc pas de temps à s'afficher.
:::tip
Si vous utilisez une image extérieure à la plateforme (sur le site de votre établissement par exemple), il vous suffit de renseigner le chemin complet absolu de l'image).
:::