Outils de publication pour e-sidoc

1 156 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 156
Sur SlideShare
0
Issues des intégrations
0
Intégrations
164
Actions
Partages
0
Téléchargements
10
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Outils de publication pour e-sidoc

  1. 1. Outils de publication pour le CMS d’
  2. 2. Comment procéder pour enrichir le portail documentaire ?On peut y ajouter des documents sur différents supports. Il fautles héberger au préalable sur des sites spécialisés afin de leurattribuer une adresse URL propre ou un code qui permettra deles intégrer à e-sidoc.La plupart des plateformes d’hébergements demandent lacréation d’un compte gratuit. Il est conseillé d’utiliser un mêmelogin et mot de passe pour tous.
  3. 3. A. Le langage HTMLLe HTML (« HyperText Mark-Up Language ») est un langagedit de « marquage » (de « structuration » ou de « balisage ») dontle rôle est de formaliser lécriture dun document avec des balisesde formatage. Les balises indiquent au navigateur commentafficher le contenu de la page (mise en valeur desparagraphes, titre de la page, titre dune partie, dune sous-partie, caractères en gras, retour à la ligne, etc).Ces balises fonctionnent par paire, lune définit le début dun blocet lautre la fin.Remarquez que ces deux balises ne se différencient que par unslash "/" mais il est indispensable.Par exemple, le titre dune page est codé grâce à la balise<title>, et ce de la manière suivante dans votre éditeur de texte :<title>Ceci sera le titre de la page</title>. http://jlorenne.net/initiation-html.php
  4. 4. Quelques balises HTML Balises Utilisation <html>Texte</html> Obligatoire au début et à la fin du fichier HTML <h1>Texte</h1> <h2>Texte</h2> et <h6>Texte</h6> Titre de niveau 1, 2 et 6 <i> Texte </i> Texte en italique <strong> Texte </strong> ou <b>Texte</b> Texte en gras <u>Texte </u> Texte souligné <font face="Police de caractère">Texte</font> exemple : Spécifie la police de caractère <font face="Arial">Texte</font> <font color="couleur">Texte</font> ou <font Spécifie la couleur de la police (nom de la couleur en anglais color=#RRVVBB>Texte</font> exemples : ou paramétrage de la couleur en hexadécimal <font color="brown"> Texte </font> ou (voir http://www.code-couleur.net/) <font color=#330000>Texte</font> Spécifie la taille de la police, valeur allant de 1 à 7. Ces tailles peuvent varier suivant le navigateur. Il est possible de <font size=4>Texte</font> modifier ces valeurs de façon relative : La valeur "+1" indique une augmentation de la police à la taille supérieure. Les tailles varient de 1 à 7. <font face="Comic Sans MS" color="brown" Combinaison des 3 balises précédentes : spécifie la police de size=4>Texte</font> caractères, la couleur et la taille <center>Texte</center> Centrer le texte dun titre ou dun paragraphe ou <p align="center">Texte</p> <p align="justify">Texte</p> Justifier un paragraphe <br> Saut de ligne <hr> Barre horizontale <hr color="couleur"> Barre horizontale de couleur
  5. 5. C’est le langage HTML qui est utilisé pour la rédaction desarticles dans E-sidoc.Le logiciel libre Nvu peut être utilisé pour mettre enpage un article. Il faut au préalable le télécharger etl’installer. On prépare ensuite l’article dans Nvu enmode normal puis on copie le code HTML obtenu enmode source.
  6. 6. Et on copie ce code dans l’éditeur de source HTML d’ E-sidoc.
  7. 7. Pour obtenir :en mode rédaction d’ E-sidoc puis en affichage final
  8. 8. Il est possible aussi d’utiliser la fonction de l’éditeur wysiwig d’e-sidoc : coller du texte tel que copié à partir d’undocument Microsoft Wordpour obtenir la mise en forme que l’on souhaite.
  9. 9. B. Insérer dans E-sidoc des documents déjàfinalisés1. sous forme de texte, tableur et diaporama
  10. 10. http://fr.calameo.com/Permet de créer un livret feuilletable à partir d’un document déjà finalisé Valorisation de travaux d’élèves :  Journal scolaire,  Recueil de textes,  Carnet de voyage… Publicité autour d’une action en cours :sélection de livres pour action lecture
  11. 11. 1. Créer un compte 2. Créer une publication 3. Charger le document à publier
  12. 12. 2. Créer une publication 3. Charger le document original à publier4. Pour que la publication soit accessible à tousles utilisateurs d’ E-sidoc il faut cocher public
  13. 13. (partager/Insérer la publication/Code HTML old version)
  14. 14. Il vaut mieux insérer un mini livret en fin d’article : en pleine page l’affichage est trop petit pour être lisible et peu maniable.Reste à copier ce code dans l’éditeur de source HTML d’ E-sidoc
  15. 15. Le mini livret feuilletable, il suffitde cliquer dessus pour obtenirl’affichage en plein écran.
  16. 16. www.scribd.com/Défilement verticalIdéal pour les affiches ou pour les fiches outils car il est possible detélécharger le document
  17. 17. Changez éventuellement le titre du document puis cliquez sur« save ». Votre document est stocké et publié sur Scribd etpossède une adresse URL propre.Pour obtenir le code permettant d’intégrer le document dansvotre article, copiez le code qui apparaît lorsque vous cliquez surle bouton </> puis « Embed ». Puis collez-le dans l’éditeur desource HTML d’ E-sidoc.
  18. 18. B. Insérer dans E-sidoc des documents déjàfinalisés2. Des diaporamas
  19. 19. Présentation d’ E-sidoc à Tourshttp://www.slideshare.net/cddp37/esidoc-presentation-du-portail
  20. 20. copiez le code qui apparaîtdans l’éditeur de sourceHTML d’ E-sidoc.
  21. 21. C. Récupérer & insérer dans E-sidoc desdocuments déjà finalisés et mis en ligne par d’autres3. de la vidéo
  22. 22. Intégrer une vidéo provenant de You tubepour mettre en valeur des nouveautésBande annonce de Plutohttp://www.youtube.com/watch?v=LOGdeaf1pNwSous la vidéo,cliquez sur la case « Partager ».Cliquez ensuite sur « Intégrer »et copiez le code qui apparaît dansl’éditeur de source HTML d’ E-sidoc.Pour intégrer une vidéo en plein écran il convient d’utiliser le cadre prévu pour letexte d’introduction dans « configuration de la rubrique ». Il est situé en haut depage et ne comporte pas de vignette d’où un meilleur affichage.
  23. 23. Intégrer une vidéo provenant de DailymotionÉmanant de l’INPES pour la rubrique santé copiez le code qui apparaît dans l’éditeur de source HTML d’ E-sidoc.
  24. 24. Les aventures de Tintin sur l’INAhttp://www.ina.fr/fictions-et-animations/animation/dossier/1898/les-aventures-de-tintin.20090331.fr.html
  25. 25. Cliquez ensuite sur </>et copiez le code quiapparaît dans l’éditeur desource HTML d’ E-sidoc.
  26. 26. Insérer dans E-sidoc des documents émanantde
  27. 27. Intégrer un planDans la barre de recherche Google Mapshttp://maps.google.fr/mapstapez ladresse que vous souhaitez. Un plan apparaît.Cliquez sur licône « lien » en haut à droite du plan : copiez le code qui apparaît dans l’éditeur de source HTML d’ E-sidoc.
  28. 28. Intégrer un Google agenda :Via un compte sur Google AgendaExemple :e-sidoc Médiathèque CDDP 37Attention pour réaliser un Google agenda, vous devez au préalable créer uncompte Google.Pour cela, cliquez sur « Connexion » en haut à droite de la page daccueil deGoogle, puis sur créer un compte.Une fois connecté sur Google, cliquez sur longlet « Plus » et sélectionnez« agenda ».
  29. 29. Une fois votre Google agenda créé etrempli, cliquez sur la flèche située à droitedu nom de votre agenda et sélectionnez« paramètres de lagenda ». Ensuite cliquezsur « Personnalisez la couleur, la taille etdautres options ».
  30. 30. copiez le code qui apparaît dans l’éditeur desource HTML d’ E-sidoc.

×