Imaginez : vous souhaitez utiliser collectivement (vidéoprojection) en classe une page internet, comme celle-ci :

Cliquez pour agrandir

Ce qui vous intéresse, c’est l’article, pas l’en-tête du site, les menus de navigation et surtout pas les nombreuses publicités… Et bien si vous avez installé le module Clearly pour Firefox, voici ce que vous obtiendrez par un simple clic sur un bouton ajouté dans la barre de Firefox :

Cliquez pour agrandir

Magique, non ?

Et si vous voulez en conserver une trace, il y a un lien direct pour sauvegarder sous Evernote (pour ceux qui ne connaissent pas : prise de notes texte, photo, vidéo, à partir de la webcam ou de l’APN, du web, de mails – compatible PC, Ipad et smartphones sous Android – automatiquement synchronisées entre vos différents appareils). Et si vous utilisez un autre module complémentaire de Firefox, Scrapbook (voir mon article), vous allez pouvoir enregistrer la page web sur votre PC : j’ai testé, c’est bien la version « allégée » que Scrapbook enregistre ; vraiment magique !

A noter :

• Clearly fonctionne bien avec les blogs, mais il n’affiche que le premier article, le plus récent ; si vous souhaitez afficher un autre article, en général en cliquant sur son titre, il s’affichera seul, donc Clearly pourra le traiter.
• J’ai testé avec un site « non blog », en html : cela fonctionne aussi, mais ce site utilise des « blocs » (balise div), c’est je pense ce qu’analyse Clearly pour n’afficher que le contenu principal
• j’ai donc testé sur un « vieux » site html sans balises div… et bien cela fonctionne aussi… Bravo Clearly !

Bon, j’espère que les publicitaires qui achètent des emplacements sur les sites ne vont pas me trainer en justice ! Mais c’est pour la bonne cause : en contexte d’enseignement ou de formation, nous n’avons déontologiquement pas le droit de faire de publicité auprès de nos élèves ou stagiaires, et pas besoin tout simplement. Et cet « allègement » de la page web à étudier en classe / en formation va recentrer l’attention des élèves / stagiaires sur le contenu à étudier !

Pour installer Clearly :

Dans Firefox, menu Outils / modules complémentaires –> Catalogue : entrez clearly dans le moteur de recherche des modules, puis installez…

Il existe un outil simple et efficace pour écrire en ligne un texte à plusieurs mains… le Framapad.

Il est gratuit, simple à prendre en main, les options de collaboration sont bien pensées :

• auteurs repérés par des couleurs,
• chat associé,
• gestion des versions,
• historique.

Cliquer pour agrandir

Et le choix des collaborateurs est facile et efficace : on les inscrit (si le groupe de collaborateurs doit souvent travailler ensemble), ou bien, pour des collaborations occasionnelles, on rend le pad public, on le protège par un mot de passe, on communique aux collaborateurs l’URL et le mot de passe. Ils n’auront qu’à inscrire leur nom et à choisir une couleur.

Par contre, pas de possibilité de mise en page sophistiquée, on reste en texte seul avec gras, italique, puces, rien de plus. Il faudra en fin de travail récupérer le texte et le mettre en page avec un autre outil. Attention, exportez en html, la version texte seule présente des problèmes d’encodage du texte, donc des caractères bizarres au lieu des caractères accentués – la fonction export en word est prévue sur la version complète [Etherpad, à héberger soi même sur un serveur], mais a été désactivée sur cette version en ligne.

Je vous ai préparé quelques diapositives pour vous faire une première idée : voir le diaporama.

N’hésitez pas à vous rendre sur le site de Framapad, ils proposent deux tutoriels bien faits et un espace de test.

I-Spring crée une animation flash à partir d’un  Powerpoint…
Pourquoi transformer vos Powerpoint en Flash ?

• pour diffuser votre Powerpoint sans Powerpoint, tout simplement dans un navigateur web
• pour mettre en ligne votre Powerpoint sur un site web ou un blog

Comment cela fonctionne-t-il ?

• il faut télécharger un logiciel sur le site I-Spring (version gratuite) : http://www.ispringsolutions.com/free_powerpoint_to_flash_converter.html et l’installer sur son PC
• pour pouvoir télécharger, il faut créer un compte, le site ne vous demande pas beaucoup de données personnelles et vous recevrez une clef de licence gratuite ; attention, si vous avez sur votre PC un Microsoft Office en version 64 bits, bien choisir la version 64bits de I-Spring (un lien vous la propose)
• quand le logiciel est installé, un onglet supplémentaire apparait dans votre Powerpoint :

Vous construisez votre Powerpoint normalement… quand c’est fait, cliquez sur Publish, indiquez un dossier où enregistrer la présentation I-Spring, réglez les paramètres à votre guise (c’est en anglais, désolé !) et produisez votre présentation flash. Après sa création, elle va s’ouvrir automatiquement dans votre navigateur web et vous verrez le résultat.

Pour revenir ensuite sur la présentation et la lire sur un PC ou une clef USB, il suffira de double-cliquer sur le fichier index.html contenu dans le dossier de destination. Tout est contenu dans le dossier (le fichier index.html, le fichier flash .swf et un fichier avec les scripts Javascript), qu’il suffira de copier sur une clef pour transporter la présentation d’un PC à un autre.

Pour mettre votre présentation en ligne, téléversez par FTP le dossier chez votre hébergeur et faites un lien vers le fichier index.html.

Deux fonctions intéressantes :

• insertion de vidéos à partir de Youtube :

•  il suffit de copier-coller l’adresse de la vidéo à partir de votre navigateur internet.
• ATTENTION pour la lecture : pas de souci si vous mettez votre production en ligne, la vidéo sera lue dans un lecteur intégré à votre présentation; le seul souci éventuel serait la disparition de Youtube de la vidéo en question : en effet, I-Spring ne fait qu’un lien vers Youtube, il n’incorpore pas le fichier vidéo.
• Par contre, le lecteur intégré ne fonctionne pas lors d’une lecture locale, c’est à dire à partir du dossier sur votre PC. A la place de la vidéo, il y a un message + un lien « …watch online… » ; or Flash Player, pour des raisons de sécurité, va bloquer l’accès à un site internet ou à des fichiers extérieurs… il faut cliquer alors sur paramètres et dans l’onglet « Avancé », cliquer sur le bouton « Paramètres de l’emplacement approuvé » et ajouter l’emplacement (le dossier) où vous stockez vos présentations I-Spring (c:/dossier). Le clic sur le lien « Watch online » ouvrira alors le site Youtube sur la page de la vidéo que vous avez intégrée à votre présentation I-Spring.
• insertion de fichiers .swf (animations flash)

• un message va vous prévenir, à juste titre, que tous les fichiers swf ne seront pas lus. En effet, certains fichiers swf sont indépendants, d’autres dépendent pour être lus correctement d’une page html de lancement et de scripts javascript –> faites le test, vous ne risquez rien !

Démo

Je vous ai (rapidement) préparé une petite démo : voir la démo (ouvre un nouvel onglet ou une nouvelle fenêtre).

Vous noterez le lien discret vers le site I-Spring ; si vous connaissez le langage html, vous pourrez facilement le retirer de la page index.html, mais je trouve que ce ne serait pas fair-play, puisque i-spring vous met cet outil parfaitement fonctionnel à disposition gratuitement, le minimum est de renvoyer vers le site et d’en faire profiter d’autres

La version payante de I-Spring ajoute des options de web-design (personnalisation de la page web). Et il existe des outils permettant de produire des quiz à un format compatible avec les plateformes de formation à distance. I-Spring propose des licences éducation gratuites. Voir cette page.

Comparaison I-Spring / Author Point Lite

• facilité d’utilisation : comparable ; tous les deux s’intègrent à Powerpoint. I Spring est peut-être un peu plus facile à utiliser
• Author-Point Lite ne permet pas d’insérer dans votre présentation des vidéos Youtube ou des animations Flsh (.swf)
• I-Spring ne permet pas de construire un sommaire, d’indiquer le nom de l’auteur, de faire une recherche dans la présentation (voir la démo Author Point Lite : fonctions dans la colonne de gauche)
• I-Spring ne permet pas de voir les commentaires des diapos Powerpoint (désolé, je n’ai pas intégré cette fonction dans ma démo d’Author Point Lite) : si on coche ce paramètre, une petite icône « bulle de texte » apparait en bas à droite et montre les commentaires de vos diapos powerpoint (pratique pour la formation à distance : vous mettez en commentaire des diapos ce que vous diriez en présentiel en présentant votre powerpoint. I-Spring ne permet pas non plus l’impression directe d’une diapo.

Ma conclusion : I-Spring pour la facilité d’utilisation, l’intégration de vidéos et d’animations / Author Point Lite pour les fonctionnalités ajoutées à la présentation, importantes pour un formateur ou un enseignant.

Je vous fait part aujourd’hui de ma découverte du moment : le moteur de sites et de blog Weebly…

Mes premiers essais montrent de grandes possibilités, même en version gratuite. Il me reste bien entendu à le tester plus à fond pour me faire une opinion complète, mais l’outil me semble très prometteur, pour bâtir son site perso, mais aussi pour autoriser ses élèves ou étudiants à créer leur site ou blog (si tel est votre projet, souscrivez à un compte « éducation »). Comme pour tout compte gratuit il y a des limites et certains outils ne sont opérants que sur un compte payant, mais la version gratuite permet de faire déjà pas mal de choses et la version payante reste abordable.

Parmi les fonctions découvertes (en version gratuite) :

• l’ajout facile de pages et d’éléments sur ces pages par glisser-lâcher : un texte, un texte avec photo, une photo, un diaporama, une galerie photo, une vidéo Youtube, une carte Google, un fichier à télécharger, un formulaire à remplir… – le lecteur vidéo et audio pour lire VOS propres fichiers sans passer par Youtube n’est dispo qu’en version payante
• l’ajout de blogs (articles automatiquement datés)
• la personnalisation du design : grand choix de templates, possibilité de les personnaliser ; si on connait le langage css, on peut intervenir directement sur la feuille de style ; sinon, on peut intervenir de façon intuitive sur pas mal d’éléments.
• la possibilité de désigner d’autres administrateurs qui pourront, au même titre que vous, agir sur l’ensemble du site
• la possibilité d’inscrire vos élèves ou étudiants, qui pourront écrire des blogs, publics ou privés (c’est vous qui décidez)
• l’interface est en français (avec encore de temps en temps quelques éléments non traduits)

Bref, apparemment du beau et du bon ! Et qui va techniquement au delà des possibilités (déjà intéressantes) du Web Pédagogique, tout en proposant une interface intuitive pour les non-initiés. A suivre donc…

Le site weebly

Un (modeste) exemple, que je continuerai à bâtir.

Imaginez : à partir d’une image, vous délimitez des zones de détail. L’élève pourra cliquer sur le détail, zoomer et lire un commentaire que vous avez associé à ce détail.

Le résultat est lu dans le navigateur internet, en local ou bien entendu en ligne.

On peut ajouter des liens… et sans doute d’autres choses encore… : je n’ai pas encore tout exploré… On peut aussi créer des « quiz », ou plutôt des questions, avec affichage de la réponse au clic. Sachez en tout cas que certes j’ai une certaine habitude de la prise en main de nouveaux outils informatiques (!), mais que là j’ai battu un record pour la prise en main de l’outil dans ses fonctions de base : moins d’une heure pour produire un premier échantillon « montrable » : voir ici.

Et cette fois ci, je n’aurai pas besoin de vous faire un tutoriel vidéo, au CRDP de Versailles, ils ont tout prévu : l’aide intégrée au logiciel est claire et ils ont fait un tuto vidéo… Le tout est accessible à partir de cette page : http://images-actives.crdp-versailles.fr/

Voir aussi cet article

AVERTISSEMENT (ce lundi 21 novembre) : cet article écrit le 19 novembre était un « coup de gueule » suite à la parution le 18 d’une de mes photos sur le site du quotidien Le Monde, sans mon autorisation, et en violation de la licence Creative Commons. Ce jour j’ai reçu du webmediateur du site une réponse qui me satisfait, par l’intermédiaire d’un commentaire à cet article, que tous pourront lire ci-dessous. Ce commentaire me rassure sur la politique éditoriale du site du quotidien sérieux qu’est Le Monde : il s’agissait non pas d’une pratique courante, mais de l’erreur d’un journaliste. Dont acte. Je ne modifie pas mon article, qui expose le fait dans sa situation antérieure, mais prie mes lecteurs de consulter dans les commentaires la réponse du webmediateur. Pour des questions de référencement et de liens je ne modifie pas le titre de l’article, mais il est évident qu’il est maintenant inadéquat.

Source : copie partielle de la page http://www.lemonde.fr/planete/article/2011/11/18/la-surete-doit-etre-amelioree-sur-les-reacteurs-nucleaires-francais_1605913_3244.html#ens_id=1504462&xtor=RSS-3208

Une fois n’est pas coutume, ce matin je pousse une « coup de gueule ». je ne pense pas qu’il résonnera bien loin, mon blog n’est pas dans le top au point de vue fréquentation, mais au moins cela me soulagera.
Le site bien connu lemonde.fr m’a piqué une photo, au mépris des règles élémentaires du droit de propriété intellectuelle, dont ils font pourtant état dans leur charte consultable en ligne !!!

Depuis plusieurs années, je mets en ligne des photos sur Flickr : http://www.flickr.com/bpmm … Je sais que dans mon entourage et dans un cercle plus vaste, des gens ont plaisir à consulter mes photos, que chaque jour une centaine de photos minimum est consultée : cela me réjouis et flatte un peu mon ego, c’est souvent le but recherché quand on utilise ce genre de site, cela ne fait de mal à personne.

Comme je suis assez partageur, je place ces photos sous licence Creative Commons ; cette licence permet une rediffusion de mes photos, mais à certaines conditions : Paternité = citer la source / pas d’utilisation commerciale / pas de modification. Je veux bien qu’on réutilise mes photos, mais le minimum est qu’on m’attribue le mérite de mes créations, et surtout qu’on ne fasse pas du fric avec ce que je mets à disposition gratuitement.

Flickr met à disposition de ses adhérents payants des statistiques, qui permettent de savoir à partir de quelle URL les photos sont consultées : je sais ainsi que mes photos sont réutilisées sur des blogs de particulier et m’en réjouis… En général les systèmes de gestion de blogs permettent aux auteurs d’aller chercher directement une photo sur Flickr et de l’inclure dans un article, et dans ce cas un lien est automatiquement ajouté, qui pointe vers la photo dans ma galerie Flickr ; la licence est donc parfaitement respectée.

Il m’arrive de temps en temps d’être contacté par une association, une institution, une PME , une TPE ou un artisan, qui me demandent l’autorisation d’utiliser une de mes photos sur leur site ou sur une publication papier. C’est parfois à la limite du commercial, mais en général, s’agissant de très petites structures sans gros moyens, j’accepte : ce n’est pas pour faire de l’argent que je partage mes photos, et au moins ils ont eu la décence de me demander l’autorisation, c’est à encourager !

Mais ce matin, grâce au signalement d’un autre utilisateur de Flickr [merci à lui ! J'aurais bien mis un lien vers sa galerie en guise de renvoi d'ascenseur, mais elle n'est pas publique], j’ai eu la surprise de constater qu’une de mes photos de la centrale de Gravelines [ http://www.flickr.com/photos/bpmm/2766002326/ ] avait été utilisée dans un article du monde.fr du 18.11 dernier [ http://www.lemonde.fr/planete/article/2011/11/18/la-surete-doit-etre-amelioree-sur-les-reacteurs-nucleaires-francais_1605913_3244.html#ens_id=1504462&xtor=RSS-3208 ] La seule mention de crédit est Flickr, sans citation de mon nom, ni lien renvoyant vers ma photo ou ma galerie !!!

Messieurs les rédacteurs du monde.fr, vous vous êtes assis sur la déontologie la plus élémentaire : ma photo apparait certes publiquement sur un site web, mais elle est sous une licence qui vous oblige au minimum à citer mon nom : 1ère entorse au droit. Ensuite, l’article est visible sur votre site gratuitement, mais autant que je sache, Le Monde est une entreprise, pas une association à but non lucratif ou une institution publique : activité commerciale, donc, 2ème entorse.

En essayant de réagir pour faire valoir mes droits, j’ai été de surprise en surprise :

• je pensais commenter l’article pour signaler l’abus… et bien non, pour commenter un article, il faut être abonné (preuve de l’activité commerciale liée au site)
• je pensais contacter la rédaction par mail : direction la page « Mentions légales » : il y a bien un lien pour contacter la rédaction, mais là aussi, il faut être abonné ! Idem sur la page aide et contact
• je vais donc leur envoyer une bonne vieille lettre recommandée avec AR !

Pas le temps ni les moyens de passer par une action en justice et je n’ai pas envie de jouer le pot de terre (contre le pot de fer, expression bien connue) : pas pour réparation d’un préjudice, mais pour que les « puissants » sachent aussi qu’il faut respecter le droit des « petits ».

Je suis formateur dans le domaine des TUIC et une partie de mes interventions est consacrée au respect de la législation dans leur usage : je « tanne » mes étudiants et stagiaires pour leur rappeler qu’ils n’ont pas le droit de prendre un texte ou une photo sur Internet, où alors dans des conditions très précises… alors, si les grands médias ne montrent pas l’exemple, où va-t-on ? Si ma lettre recommandée n’est pas suivi d’effet, j’utiliserai cet article du monde.fr comme exemple de ce qu’il ne faut pas faire Piètre consolation, mais cela aussi me soulagera !

Ce que vous voyez ci-dessus, c’est ma page « PEARLTREES »… mes « arbres à perles »…un outil que j’ai découvert en juin et qu’il me tardait de vous présenter, tant il me semble intéressant pour son usage personnel et pour un usage pédagogique.

PEARLTREES

La problématique : j’accumule sur mon PC des signets vers des pages web intéressantes, pour pouvoir les retrouver par la suite et les utiliser dans mes cours et stages… mais je suis le seul à en profiter et je ne profite pas des pages trouvées par d’autres internautes. Pearltrees permet d’organiser ces signets de façon visuelle et surtout de les partager et de profiter des trouvailles des autres, voire de collaborer en équipe sur une thématique.

« CONTENT CURATION »

C’est le concept de CONTENT CURATION (désolé pour l’anglicisme, je ne connais pas le terme français correspondant) : un moteur de recherche web humain, élaboré par des experts (attention, système ouvert comme Wikipédia, pas de gage de qualité des dits experts) et pas basé sur un scan systématique des pages et un traitement par algorithme comme chez Google et consorts. Il existait déjà des annuaires spécialisés, des sites de partage de signets (Delicious par ex.), des représentations graphique des résultats de recherche… Pearltrees, c’est tout cela à la fois…

DECOUVRIR, EXPERIMENTER (TUTORIEL)

N’hésitez pas à parcourir mes Pearltrees professionnels. Et si vous souhaitez vous y mettre, consultez le tutoriel vidéo que je vous ai préparé (n’oubliez pas de mettre le son sur votre PC quand vous le consultez) : voir le tutoriel Pearltrees.

En savoir plus sur Pearltrees (article Wikipedia)

C’est quoi ?

C’est une façon de mettre en forme, pour soi et/ou pour les autres la présentation d’un concept, d’un processus, d’un projet : on part d’un « noeud central » et on lui ajoute des sous-noeuds, reliés par des branches. On peut établir des liaisons entre les noeuds ou sous-noeuds, en plus des branches tracées automatiquement, on peut regrouper des noeuds ou sous-noeuds, leur adjoindre des icônes, des images, des liens etc…

Un exemple : définition du mindmapping
( source : Matthieu Polet – la carte heuristique expliquée à mon chef )

Cliquez pour agrandir

Une carte conceptuelle : pour quoi faire ?

• Pour présenter à un auditoire (étudiants, stagiaires, collaborateurs…) une notion, un concept, un processus, un projet : tout ce qui peut se présenter sous la forme d’un « arbre » ou d’une « carte », avec des embranchements. En général les outils vous proposent plusieurs structures ; il est en général possible de partir d’une carte minimale, puis de déployer les branches au fur et à mesure de la présentation. On peut ainsi, sur une même carte passer du général au particulier (ce que ne peut pas faire aussi bien Powerpoint par ex., qui a une structure linéaire dans le temps et propose difficilement ce passage d’une vue générale à une vue détaillée et vice-versa).
• Pour faire travailler un groupe (étudiants, groupe de travail) sur une notion, un concept, un processus, un projet : structurer une carte permet de décortiquer et structurer la notion, le concept, le processus, le projet ; cela favorise à la fois la recherche d’exhaustivité (évoquer tous les aspects), de structuration (rechercher et caractériser les liens entre les différents aspects) et de synthèse (recherche de lisibilité)
• Pour une prise de notes structurée : si on maîtrise bien l’outil (et ce n’est pas hypercompliqué), on peut construire la carte « à la volée » lors d’un brainstorming, par exemple ; en fin de travail, chacun ayant la carte sous les yeux pourra la discuter, la valider ; la carte constituera une excellente trace de la discussion ou de la prise de décision.
• et bien d’autres usages : voir sur cette page web 27 façons d’utiliser les cartes heuristiques

Des outils :

Papier et crayons de couleur, tableau et craies ou feutres, bien sûr, mais il existe des outils informatiques gratuits et puissants.

J’en citerai trois :

• Freemind : l’ancêtre ; puissant mais pas très « fun » et graphique
• Freeplane : issu de Freemind, il semble prometteur (mais je ne l’ai pas encore vraiment testé)
• XMind : celui que j’utilise personnellement et pour lequel je vous ai préparé un tutoriel

Voir mon tutoriel XMind

Pour aller plus loin :

Des sites ou blogs spécialisés sur la question (liste non exhaustive) :

• mapping-experts, le site de l’école française de l’heuristique
• les cartes heuristiques
• un article (pdf) de Matthieu Pollet (eurêkarte)
• lettres et cartes heuristiques (utilisation en cours de lettres)

Sites sur les logiciels et sites officiels des logiciels

• Freemind : fiche sur le site de Framasoft – site freemind par l’exemple – site officiel (en anglais)
• Freeplane : article Wikipédia – site officiel (en anglais)
• XMind : fiche sur le site Framasoft – site officiel (en anglais)

TUTORIEL VIDEO : les bases de XMind

Voir le tuto

Un exemple de carte réalisée avec XMind

Voir la carte (partagée sur le site xmind.net – téléchargeable / toutes les fonctions ne sont pas actives sur la version en ligne –> si vous possédez XMind, téléchargez-la)

AUTHOR POINT est l’outil qu’il vous faut. Je l’utilise depuis plusieurs années et je le trouve toujours aussi efficace. La version « Lite » est téléchargeable et gratuite : il vous faudra seulement laisser une adresse mail.

Vous téléchargez le logiciel, vous l’installez. Il est léger et l’opération est rapide. L’installation ajoutera au logiciel Powerpoint (2007) un onglet dans le ruban ; vous pourrez donc générer votre fichier flash directement depuis Powerpoint.

Author Point Lite respecte les animations de votre diaporama, la narration (audio) et le minutage, s’ils existent. Vous pouvez indiquer qui vous êtes et ajouter un logo ; en modifiant un fichier xml (voir mon tuto), vous pourrez franciser un peu l’interface de présentation, mais en version gratuite le fichier flash source est protégé, donc vous ne pourrez pas aller très loin dans la personnalisation… il ne faut pas non plus demander la lune ! Authorgen est déjà généreux en nous proposant cet outil gratuitement et en n’ajoutant qu’un tout petit logo discret en bas à droite de votre présentation.

Pour l’enseignement et la formation, je vous conseille de choisir l’interface « e-learning standard », qui ajoutera deux fonctions intéressantes : un sommaire, construit automatiquement à partir des titres de vos diapos et un outil de recherche plein texte (et oui, et tout cela est gratuit… merci Authorgen !).

Vous récupérez un dossier contenant l’animation swf, la page html de lancement et d’interface et des fichiers de script. Vous mettez en ligne et faites un lien vers la page index.html et le tour est joué.

Voir une démonstration ici

Tutoriel vidéo

Licence Creative Commons (Paternité – Non commercial – Pas de modification)

Un exemple avec ce manuscrit du XVème siècle : Le livre du Coeur d’amour épris, par le roi René d’Anjou.
Au passage de la souris sur le lecteur, vous aurez accès aux fonctions de partage (en haut), mais surtout (en bas) à l’affichage en plein écran et au lien vers le document sur le site de Gallica (logo Gallica).

Attention, ce lecteur n’est pas proposé pour tous les types de documents et il l’est uniquement pour les documents numérisés par la BNF elle-même.
Pour le vérifier, affichez le document et cherchez en bas le lien « lecteur exportable »

en cliquant sur le lien [Personnaliser le lecteur], vous aurez à droite un aperçu du lecteur avec le document choisi et à gauche les options pour le personnaliser N’oubliez pas de cliquer sur le bouton [Rafraichir l'aperçu] à chaque modification. Quand le résultat vous satisfait, copiez le code html proposé et collez-le dans votre page (en mode html bien sûr).

Voir un petit aperçu ci-dessous (Cliquez pour agrandir).

Si vous souhaitez un affichage plus léger, vous avez toujours la possibilité d’insérer un lien vers le document numérisé (ou vers une page précise du document) : copiez-insérez le code dans le champ [permalien vers le document] (ou vers cette page après avoir affiché la page souhaitée). Voir la première copie d’écran dans cet article.

voir le document sur le site de Gallica

ou d’afficher une vignette vers le document, qui servira de lien : copiez-insérez le code dans le champ [Vignette exportable]. Dans ce cas, la vignette affiche la couverture du document, vous n’avez pas le choix.

Le livre du Coeur d amour épris, par le roi René d Anjou.
Source: Bibliothèque nationale de France

ATTENTION ! Assurez-vous de bien copier TOUT le code à partir du site de Gallica, sinon cela ne fonctionnera pas ! Mon conseil : cliquez dans le champ à copier et tapez au clavier ctrl+a pour tout sélectionner, puis ctrl+c pour copier la sélection… et bien sûr insérez les lignes de code en mode html dans votre site, sinon c’est le code qui apparaitra sur votre page et pas le document 

Astuce : vous souhaiterez peut-être que le site Gallica s’affiche dans un nouvel onglet du navigateur, pour que votre propre site reste accessible à votre visiteur… Il vous faudra ajouter ce bout de code (en mode html): target="_blank" dans le lien ; le lien commence par la balise html <a. Par exemple :