SlideShare une entreprise Scribd logo
E-sidoc niveau avancé
Publication de contenus
grâce à différents outils :
code html, plateformes d’hébergement, code embed
Canopé de la Haute-Marne - Mai 2015
Publier un article « enrichi »
Le module « Ajouter un article »
fonctionne comme un traitement
de texte basique :
• Choix du format = gras, italique,
souligné
• Taille des caractères (4 tailles
de caractères prédéfinies)
• Ajout de puces et numéros
Le bouton Word permet de coller
un texte mis en forme sous Word.
Insérer un lien
Un lien hypertexte peut renvoyer à
• un site ou une page internet,
• une adresse mail (avec le préfixe
« mailto: »)
Définir les propriétés d’édition du
lien
• URL ou adresse du lien
• Cible (_blank pour l’ouverture
du lien dans une autre fenêtre)
• Titre (facultatif)
Publier du contenu en html
E-sidoc offre la possibilité de publier du contenu en html (hypertext mark-up
language)
Ce langage informatique formalise l’écriture d’un document avec des « balises »
de formatage indiquant au navigateur comment afficher le contenu de la page
(fond et forme)
Html : les bases
Balises permettant la structuration du texte
Balise ouvrante < ; balise fermante />
<h2>titre formaté</h2>
br />Retour à la ligne
Pour obtenir :
Mémoire des génocides
et prévention des crimes
contre l'humanité
Mémoire des génocides
et prévention des crimes contre l'humanité
<h2><center><strong>Mémoire des génocides
br />et prévention des crimes
br />contre l'humanité</strong></center></h2>
<h4><center><strong>Mémoire des génocides
br />et prévention des crimes contre
l'humanité</strong></center></h4>
Caractéristiques de texte : la couleur
Chaque couleur se transcrit en code,
une suite de 6 caractères précédés de # :
rouge : #FF0000 vert : #21F400
(http://www.code-couleur.com/)
Pour appliquer une couleur à un texte, utiliser ces balises :
Pour obtenir :
Texte en rouge
Texte en vert
<span style="color:#FF0000;">Texte en rouge</span>
<span style="color:#21F400;">Texte en vert</span>
=> Attention à la syntaxe, les signes " : # ; sont indispensables
Caractéristiques de texte : la police
Taille : 12px par défaut dans E-sidoc
Police : Verdana, Arial, Calibri…
Pour obtenir :
Texte en gros
Texte en Verdana
<span style="font-size:18px;">Texte en gros</span>
<FONT face="Verdana">Texte en Verdana</FONT>
Intégration d’éléments
Possibilité d’intégrer de multiples objets dans les textes des
articles ou des actualités, en exploitant la possibilité d'accéder au
code html :
• des images hébergées en ligne (Joomeo, HostingPic, Flickr, …)
• des vidéos en ligne (YouTube, DailyMotion, Vimeo, INA, …),
• des présentations (Prezi, SlideShare, etc.)
• des documents numériques mis en page (Calameo, Scribd, Issuu, ...)
• des objets programmés (« Citer ses sources », lecteur de livres numérisés de
la BnF, …)
• des plans ou des agendas Google,
• des fils Twitter
• etc.
Pour tous ces éléments, la procédure est la même : copie du code
html, ou du code embed, proposé par les plateformes
d’hébergement, et report de ce code dans l’éditeur de code source
d’E-sidoc
Attention :
Les mentions de hauteur et largeur d’un élément intégré ne doivent pas
dépasser :
Height = 480
Width = 525
Le code embed est un code html appelant un lecteur interactif (Prezi,
Pearltrees, etc.)
Intégration d’une image
Exemple d’une image hébergée sur un site en ligne, comme
Joomeo http://www.joomeo.com/fr/
Coller dans l’éditeur de code source d’un article dans E-sidoc
Intégration d’une vidéo
Exemple d’une vidéo hébergée sur YouTube :
La charte de la laïcité à l’école, par Abdennour Bidar
https://www.youtube.com/watch?v=YnC7IgUq30A
• Copier le code html
• Le coller dans l’éditeur de code source d’un article dans E-sidoc
Intégration d’un document
Exemple d’un document texte hébergé sur Issuu :
Lien direct
ou
Code embed

Contenu connexe

Tendances

HTML, CSS et Javascript
HTML, CSS et JavascriptHTML, CSS et Javascript
HTML, CSS et Javascript
ECAM Brussels Engineering School
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
Erwan Tanguy
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
jverrecchia
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckTECOS
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
kadarabdillahi125
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
Ghodhbane Mohamed Amine
 
cours Php
cours Phpcours Php
cours Php
mohamednacim
 
technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2
Benoît Simard
 
HTML basics
HTML basics HTML basics
HTML basics
Shellmates
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
Kénium
 
Html et xhtml
Html et xhtmlHtml et xhtml
Html et xhtml
Fred Colantonio
 
HTML5 & CSS3
HTML5 & CSS3HTML5 & CSS3
HTML5 & CSS3
JDerrien
 
Html css
Html cssHtml css
Html css
sloumaallagui1
 
Intégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to BasicsIntégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to Basics
Jean Michel
 
HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francaisVlad Posea
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
Khaled Djebloun
 
Langage HTML
Langage HTMLLangage HTML
Kits formation html-les_bases
Kits formation html-les_basesKits formation html-les_bases
Kits formation html-les_bases
kitsformation
 

Tendances (20)

HTML, CSS et Javascript
HTML, CSS et JavascriptHTML, CSS et Javascript
HTML, CSS et Javascript
 
Html
HtmlHtml
Html
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Présentation complète de l'HTML5
Présentation complète de l'HTML5Présentation complète de l'HTML5
Présentation complète de l'HTML5
 
Prsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteckPrsentationhtml5 html5 ii twebteck
Prsentationhtml5 html5 ii twebteck
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
 
cours Php
cours Phpcours Php
cours Php
 
Css
CssCss
Css
 
technologie web - part2
technologie web - part2technologie web - part2
technologie web - part2
 
HTML basics
HTML basics HTML basics
HTML basics
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
 
Html et xhtml
Html et xhtmlHtml et xhtml
Html et xhtml
 
HTML5 & CSS3
HTML5 & CSS3HTML5 & CSS3
HTML5 & CSS3
 
Html css
Html cssHtml css
Html css
 
Intégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to BasicsIntégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to Basics
 
HTML 5 - intro - en francais
HTML 5 - intro - en francaisHTML 5 - intro - en francais
HTML 5 - intro - en francais
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
Langage HTML
Langage HTMLLangage HTML
Langage HTML
 
Kits formation html-les_bases
Kits formation html-les_basesKits formation html-les_bases
Kits formation html-les_bases
 

Similaire à E sidoc niveau avancé html

Introduction à HTML 5
Introduction à HTML 5Introduction à HTML 5
Introduction à HTML 5
Abdoulaye Dieng
 
C2i Web
C2i WebC2i Web
C2i Webc2i
 
Chapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdfChapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdf
YassineZARIOUH
 
Chap 2 animations___vf
  Chap 2 animations___vf  Chap 2 animations___vf
Chap 2 animations___vf
Thabet Chokri
 
Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
Médiathèque Gaston Baissette à Mauguio
 
Creation de-themes-wp
Creation de-themes-wpCreation de-themes-wp
Creation de-themes-wp
Chi Nacim
 
Chapitre2 HTML5
Chapitre2 HTML5Chapitre2 HTML5
Chapitre2 HTML5
Manel Ben Sassi
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.com
Romain Blachier
 
Formation - P2 - Standards du Web
Formation - P2 - Standards du WebFormation - P2 - Standards du Web
Formation - P2 - Standards du Web
Patrick Vincent
 
Cours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.pptCours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.ppt
RihabBENLAMINE
 
Formation wordpress
Formation wordpressFormation wordpress
CSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptx
CSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptxCSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptx
CSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptx
mahmoudrim1
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
tanokouakouludovic
 
Developpement Web.pptx
Developpement Web.pptxDeveloppement Web.pptx
Developpement Web.pptx
IbrahimaBarry49
 
Formation html5 css3 java script
Formation html5 css3 java scriptFormation html5 css3 java script
Formation html5 css3 java script
Arrow Group
 
PHP/ExtJs experience feedback - IAV case - 1
PHP/ExtJs experience feedback - IAV case - 1PHP/ExtJs experience feedback - IAV case - 1
PHP/ExtJs experience feedback - IAV case - 1
fayway
 
hassclic284.ppt
hassclic284.ppthassclic284.ppt
hassclic284.ppt
ABDENNACEURGHANDRI1
 
Cours html5
Cours html5Cours html5
Cours html5
Abdelmonem NAAMANE
 
SharePoint et le Multilinguisme Quelles Solutions
SharePoint et le Multilinguisme Quelles SolutionsSharePoint et le Multilinguisme Quelles Solutions
SharePoint et le Multilinguisme Quelles Solutions
Nicolas Georgeault
 

Similaire à E sidoc niveau avancé html (20)

Introduction à HTML 5
Introduction à HTML 5Introduction à HTML 5
Introduction à HTML 5
 
C2i Web
C2i WebC2i Web
C2i Web
 
Chapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdfChapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdf
 
Chap 2 animations___vf
  Chap 2 animations___vf  Chap 2 animations___vf
Chap 2 animations___vf
 
Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
 
Creation de-themes-wp
Creation de-themes-wpCreation de-themes-wp
Creation de-themes-wp
 
Chapitre2 HTML5
Chapitre2 HTML5Chapitre2 HTML5
Chapitre2 HTML5
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.com
 
Formation - P2 - Standards du Web
Formation - P2 - Standards du WebFormation - P2 - Standards du Web
Formation - P2 - Standards du Web
 
Chapitre1
Chapitre1 Chapitre1
Chapitre1
 
Cours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.pptCours_1 - HTML5 et JS.ppt
Cours_1 - HTML5 et JS.ppt
 
Formation wordpress
Formation wordpressFormation wordpress
Formation wordpress
 
CSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptx
CSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptxCSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptx
CSS3-2022xxsxsxsxsxssxsxsxsxsxsqaaa.pptx
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
 
Developpement Web.pptx
Developpement Web.pptxDeveloppement Web.pptx
Developpement Web.pptx
 
Formation html5 css3 java script
Formation html5 css3 java scriptFormation html5 css3 java script
Formation html5 css3 java script
 
PHP/ExtJs experience feedback - IAV case - 1
PHP/ExtJs experience feedback - IAV case - 1PHP/ExtJs experience feedback - IAV case - 1
PHP/ExtJs experience feedback - IAV case - 1
 
hassclic284.ppt
hassclic284.ppthassclic284.ppt
hassclic284.ppt
 
Cours html5
Cours html5Cours html5
Cours html5
 
SharePoint et le Multilinguisme Quelles Solutions
SharePoint et le Multilinguisme Quelles SolutionsSharePoint et le Multilinguisme Quelles Solutions
SharePoint et le Multilinguisme Quelles Solutions
 

Plus de Canopé

Bibliographie
BibliographieBibliographie
Bibliographie
Canopé
 
Les rendez-vous Canopé
Les rendez-vous CanopéLes rendez-vous Canopé
Les rendez-vous Canopé
Canopé
 
Plan académique de formation continue (PAF) 2015-2016_Canopé
Plan académique de formation continue (PAF) 2015-2016_CanopéPlan académique de formation continue (PAF) 2015-2016_Canopé
Plan académique de formation continue (PAF) 2015-2016_Canopé
Canopé
 
E-sidoc : appliquer une couleur dans un texte
E-sidoc : appliquer une couleur dans un texteE-sidoc : appliquer une couleur dans un texte
E-sidoc : appliquer une couleur dans un texte
Canopé
 
Tuto yahoo
Tuto yahooTuto yahoo
Tuto yahooCanopé
 
Tuto netvibes
Tuto netvibesTuto netvibes
Tuto netvibesCanopé
 
Tuto hotmail
Tuto hotmailTuto hotmail
Tuto hotmailCanopé
 
Tuto google reader
Tuto google readerTuto google reader
Tuto google readerCanopé
 
Tuto gmail
Tuto gmailTuto gmail
Tuto gmailCanopé
 
Tuto firefox
Tuto firefoxTuto firefox
Tuto firefoxCanopé
 
Ressources pro
Ressources proRessources pro
Ressources proCanopé
 

Plus de Canopé (11)

Bibliographie
BibliographieBibliographie
Bibliographie
 
Les rendez-vous Canopé
Les rendez-vous CanopéLes rendez-vous Canopé
Les rendez-vous Canopé
 
Plan académique de formation continue (PAF) 2015-2016_Canopé
Plan académique de formation continue (PAF) 2015-2016_CanopéPlan académique de formation continue (PAF) 2015-2016_Canopé
Plan académique de formation continue (PAF) 2015-2016_Canopé
 
E-sidoc : appliquer une couleur dans un texte
E-sidoc : appliquer une couleur dans un texteE-sidoc : appliquer une couleur dans un texte
E-sidoc : appliquer une couleur dans un texte
 
Tuto yahoo
Tuto yahooTuto yahoo
Tuto yahoo
 
Tuto netvibes
Tuto netvibesTuto netvibes
Tuto netvibes
 
Tuto hotmail
Tuto hotmailTuto hotmail
Tuto hotmail
 
Tuto google reader
Tuto google readerTuto google reader
Tuto google reader
 
Tuto gmail
Tuto gmailTuto gmail
Tuto gmail
 
Tuto firefox
Tuto firefoxTuto firefox
Tuto firefox
 
Ressources pro
Ressources proRessources pro
Ressources pro
 

Dernier

Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
BenotGeorges3
 
Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
frizzole
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union
 
Textes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdfTextes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdf
Michel Bruley
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
M2i Formation
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 

Dernier (7)

Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
Newsletter SPW Agriculture en province du Luxembourg du 12-06-24
 
Veille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdfVeille Audocdi 90 - mois de juin 2024.pdf
Veille Audocdi 90 - mois de juin 2024.pdf
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023Bibliothèque de L'Union - Bilan de l'année 2023
Bibliothèque de L'Union - Bilan de l'année 2023
 
Textes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdfTextes de famille concernant les guerres V2.pdf
Textes de famille concernant les guerres V2.pdf
 
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
Formation M2i - Onboarding réussi - les clés pour intégrer efficacement vos n...
 
Iris van Herpen. pptx
Iris         van        Herpen.      pptxIris         van        Herpen.      pptx
Iris van Herpen. pptx
 

E sidoc niveau avancé html

  • 1. E-sidoc niveau avancé Publication de contenus grâce à différents outils : code html, plateformes d’hébergement, code embed Canopé de la Haute-Marne - Mai 2015
  • 2. Publier un article « enrichi » Le module « Ajouter un article » fonctionne comme un traitement de texte basique : • Choix du format = gras, italique, souligné • Taille des caractères (4 tailles de caractères prédéfinies) • Ajout de puces et numéros Le bouton Word permet de coller un texte mis en forme sous Word.
  • 3. Insérer un lien Un lien hypertexte peut renvoyer à • un site ou une page internet, • une adresse mail (avec le préfixe « mailto: ») Définir les propriétés d’édition du lien • URL ou adresse du lien • Cible (_blank pour l’ouverture du lien dans une autre fenêtre) • Titre (facultatif)
  • 4. Publier du contenu en html E-sidoc offre la possibilité de publier du contenu en html (hypertext mark-up language) Ce langage informatique formalise l’écriture d’un document avec des « balises » de formatage indiquant au navigateur comment afficher le contenu de la page (fond et forme)
  • 5. Html : les bases Balises permettant la structuration du texte Balise ouvrante < ; balise fermante /> <h2>titre formaté</h2> br />Retour à la ligne Pour obtenir : Mémoire des génocides et prévention des crimes contre l'humanité Mémoire des génocides et prévention des crimes contre l'humanité <h2><center><strong>Mémoire des génocides br />et prévention des crimes br />contre l'humanité</strong></center></h2> <h4><center><strong>Mémoire des génocides br />et prévention des crimes contre l'humanité</strong></center></h4>
  • 6. Caractéristiques de texte : la couleur Chaque couleur se transcrit en code, une suite de 6 caractères précédés de # : rouge : #FF0000 vert : #21F400 (http://www.code-couleur.com/) Pour appliquer une couleur à un texte, utiliser ces balises : Pour obtenir : Texte en rouge Texte en vert <span style="color:#FF0000;">Texte en rouge</span> <span style="color:#21F400;">Texte en vert</span> => Attention à la syntaxe, les signes " : # ; sont indispensables
  • 7. Caractéristiques de texte : la police Taille : 12px par défaut dans E-sidoc Police : Verdana, Arial, Calibri… Pour obtenir : Texte en gros Texte en Verdana <span style="font-size:18px;">Texte en gros</span> <FONT face="Verdana">Texte en Verdana</FONT>
  • 8. Intégration d’éléments Possibilité d’intégrer de multiples objets dans les textes des articles ou des actualités, en exploitant la possibilité d'accéder au code html : • des images hébergées en ligne (Joomeo, HostingPic, Flickr, …) • des vidéos en ligne (YouTube, DailyMotion, Vimeo, INA, …), • des présentations (Prezi, SlideShare, etc.) • des documents numériques mis en page (Calameo, Scribd, Issuu, ...) • des objets programmés (« Citer ses sources », lecteur de livres numérisés de la BnF, …) • des plans ou des agendas Google, • des fils Twitter • etc.
  • 9. Pour tous ces éléments, la procédure est la même : copie du code html, ou du code embed, proposé par les plateformes d’hébergement, et report de ce code dans l’éditeur de code source d’E-sidoc Attention : Les mentions de hauteur et largeur d’un élément intégré ne doivent pas dépasser : Height = 480 Width = 525 Le code embed est un code html appelant un lecteur interactif (Prezi, Pearltrees, etc.)
  • 10. Intégration d’une image Exemple d’une image hébergée sur un site en ligne, comme Joomeo http://www.joomeo.com/fr/ Coller dans l’éditeur de code source d’un article dans E-sidoc
  • 11. Intégration d’une vidéo Exemple d’une vidéo hébergée sur YouTube : La charte de la laïcité à l’école, par Abdennour Bidar https://www.youtube.com/watch?v=YnC7IgUq30A • Copier le code html • Le coller dans l’éditeur de code source d’un article dans E-sidoc
  • 12. Intégration d’un document Exemple d’un document texte hébergé sur Issuu : Lien direct ou Code embed