Dans un de mes écrans de présentation, je souhaite ajouter un lien qui permet d’ouvrir un document. Comment puis-je faire ?
Nous allons utiliser une balise HTML de lien. Ces balises ont la forme :
<a href="l’adresse de la destination du lien">le lien à cliquer</a>
Cas n°1 : ouvrir une ressource qui est dans mon contenu de formation
On a prévu de mettre à disposition le document dans le contenu de formation. Ainsi, on est certain que le document sera inclus dans le paquet SCORM, et sera toujours disponible pour l’apprenant.
Pour cela, dans la première feuille du fichier Excel, on décrit le nom du document tel qu’on veut qu’il apparaisse et le nom du fichier que l’on place avec le fichier Excel dans l’archive ZIP à importer dans Thaleia :
Dans l’archive ZIP, on place le document avec le fichier Excel :
Cela aura pour effet de faire apparaître le document « document.pdf » dans la liste des ressources du contenu, sous le nom « Mémo animateur » :
Maintenant, pour faire apparaître en plus ce document comme lien à télécharger sur un des écrans de présentation, nous allons ajouter dans un texte une balise HTML de lien. Par exemple :
Notez bien l’adresse de destination de la ressource, qui est ici :
"../../resources/document3.pdf"
Les adresses doivent être formées de la manière suivante : les caractères ../../resources/ suivis du nom du fichier (avec son extension) que vous avez inclus dans l’archive ZIP (dans notre exemple : document3.pdf).
Le résultat une fois ce fichier ZIP importé est :
Lorsque l’on clique sur « ce document », alors le fichier PDF est appelé par le navigateur, qui selon la configuration du poste de l’apprenant va proposer de télécharger le document, ou bien va l’afficher.
Cas n°2 : ouvrir une ressource qui est quelque part sur le réseau
On a prévu de créer un lien vers un document hébergé sur un site web sur internet, ou bien sur un intranet. Ainsi, on pourra mettre à jour le document sans avoir à mettre à jour le contenu de formation (tant que l’adresse réseau d’accès au document ne change pas), et le contenu de formation sera plus léger.
Pour cela, on procède à l’utilisation de la même balise HTML de lien, mais cette fois avec comme destination l’adresse du document sur le réseau telle que je peux accéder depuis mon navigateur. Par exemple :
Pensez bien à vérifier que votre navigateur permet d’accéder à l’adresse de destination que vous saisissez dans le fichier Excel (ici https://www.journal-officiel.gouv.fr/documents/externe/org_syndic_pro/creer-pdf.pdf), par exemple en collant cette adresse dans la barre d’adresse de votre navigateur.
La cerise sur le gâteau : une belle icône
Pour ajouter une image à votre lien, par exemple l’icone du format de fichier PDF, vous allez devoir faire un lien vers cette image, quelque part sur internet ou intranet (non, vous ne pouvez pas l’inclure dans le paquet SCORM, à moins d’en faire une ressource dans la première feuille du fichier Excel).
Par exemple :
Comment est construite cette balise HTML ?
<a href=https://www.journal-officiel.gouv.fr/documents/externe/org_syndic_pro/creer-pdf.pdf"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Adobe_PDF.svg/594px-Adobe_PDF.svg.png" style="height: 50px;"> ce document</a>
- Nous avons la balise lien, ici prévue pour une ressource externe (cas n°2), mais qui pourrait être une ressource interne (cas n°1) :
<a href=https://www.journal-officiel.gouv.fr/documents/externe/org_syndic_pro/creer-pdf.pdf"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Adobe_PDF.svg/594px-Adobe_PDF.svg.png" style="height: 50px;"> ce document</a> - Dans cette balise lien, le texte qui sera le texte à cliquer pour ouvrir le document :
<a href=https://www.journal-officiel.gouv.fr/documents/externe/org_syndic_pro/creer-pdf.pdf"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Adobe_PDF.svg/594px-Adobe_PDF.svg.png" style="height: 50px;";>ce document</a> - Et toujours dans cette balise lien, l’image sous forme d’une balise img :
<a href=https://www.journal-officiel.gouv.fr/documents/externe/org_syndic_pro/creer-pdf.pdf"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Adobe_PDF.svg/594px-Adobe_PDF.svg.png" style="height: 50px;">ce document` - Cette balise img contient l’adresse où se trouve l’image à afficher :
<a href=https://www.journal-officiel.gouv.fr/documents/externe/org_syndic_pro/creer-pdf.pdf"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Adobe_PDF.svg/594px-Adobe_PDF.svg.png" style="height: 50px;"> ce document</a>Vérifiez bien que votre navigateur permet d’afficher cette image grâce à cette adresse. - Et une information pour fixer sa taille, exprimée en pixel, car sinon Thaleia l’affichera dans sa taille d’origine :
<a href=https://www.journal-officiel.gouv.fr/documents/externe/org_syndic_pro/creer-pdf.pdf"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Adobe_PDF.svg/594px-Adobe_PDF.svg.png"style="height: 50px;"> ce document</a>
Le résultat sera :
À vous de jouer !