SlideShare une entreprise Scribd logo
Outils de publication pour le CMS d’
Comment procéder pour enrichir le portail documentaire ?

On peut y ajouter des documents sur différents supports. Il faut
les héberger au préalable sur des sites spécialisés afin de leur
attribuer une adresse URL propre ou un code qui permettra de
les intégrer à e-sidoc.

La plupart des plateformes d’hébergements demandent la
création d’un compte gratuit. Il est conseillé d’utiliser un même
login et mot de passe pour tous. Par exemple :

    Login : début de l’adresse du CDI
    Mot de passe : RNE

Cela peut s’avérer utile lorsque l’on est plusieurs documentalistes
en poste ou en cas de mutation.

Avant de choisir une plateforme d’hébergement, il faut prendre
en compte les restrictions d’accès appliquées             dans
l’établissement d’exercice.
Le langage HTML

Le HTML (« HyperText Mark-Up Language ») est un langage
dit de « marquage » (de « structuration » ou de « balisage ») dont
le rôle est de formaliser l'écriture d'un document avec des balises
de formatage. Les balises indiquent au navigateur comment
afficher le contenu de la page. (mise en valeur des
paragraphes, titre de la page, titre d'une partie, d'une sous-
partie, caractères en gras, retour à la ligne, etc).

Ces balises fonctionnent par paire, l'une définit le début d'un bloc
et l'autre la fin.
Remarquez que ces deux balises ne se différencient que par un
slash "/" mais il est indispensable.

Par exemple, le titre d'une 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
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 d'un titre ou d'un 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
Le langage HTML


Posséder quelques rudiments d’HTML permet de modifier,
par exemple, la lettre de rappel proposée par défaut dans BCDI :

C:BcdiServModelesInterfaces RestitutionLettreRappelsPage.htm

Ouvrir le fichier avec le bloc-notes installé par défaut sous
windows dans le répertoire Accessoires ou avec le logiciel libre
Nvu (prononcez n-view) qui propose un éditeur de page
graphique, du type WYSIWYG. Il faut au préalable le télécharger et
l’installer.

On peut alors modifier le texte situé entre deux balises ou
supprimer tel ou tel champ qui ne semble pas indispensable.
L’avantage avec Nvu c’est que plusieurs types d’affichage sont
proposés.
Le langage HTML : la lettre de rappel
En affichage normal apparaît à l’écran la page html telle qu’elle sera vue
par un usager. (exception faite des cadres roses qui seront invisibles).




                                                         On peut supprimer des balises.




                                                      Le texte de la lettre de rappel
                                                      apparait et peut-être modifié
                                                      quel que soit l’affichage.
Le langage HTML : la lettre de rappel
L’affichage balises HTML est un affichage de travail.




                                                        On peut supprimer des balises.




                                           Le texte de la lettre de rappel apparait et
                                           peut-être modifié quel que soit l’affichage.
Le langage HTML : la lettre de rappel
L’affichage Source montre le code HTML avec les balises en rose et les
indications de mise en page en bleu, le texte tel qu’il apparaitra est en noir.




                                        Le texte de la lettre de rappel
                                        apparait et peut-être modifié
                                        quel que soit l’affichage.
C’est le langage HTML qui est utilisé pour la rédaction des
articles dans E-sidoc.
Nvu peut donc être utilisé pour mettre en page un
article. On le prépare en mode normal puis on copie le
code HTML obtenu en mode source.
Et on copie ce code dans l’éditeur de source HTML d’ E-sidoc.
Pour obtenir :
en mode rédaction d’ E-sidoc   puis en affichage final
Insérer dans E-sidoc des documents déjà finalisés
1. sous forme de texte, tableur et diaporama
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
1. Créer un compte                  2. Créer une publication




          3. Charger le document à publier
2. Créer une publication




            3. Charger le document original à
            publier




4. Pour que la publication soit accessible à tous
les utilisateurs d’ E-sidoc il faut cocher public
(partager/
Insérer la publication/
Code HTML old version)
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
Le mini livret feuilletable, il suffit
de cliquer dessus pour obtenir
l’affichage en plein écran.
www.scribd.com/

Un défilement vertical idéal pour les affiches
ou pour
les fiches outils
car il est possible de télécharger le document
Attention aux droits d’auteur et à la protection
des données et de la vie privée. En hébergeant
des données sur un site extérieur, on les publie
également dans le catalogue de ce site.
A quelles conditions ?
Changez éventuellement le titre du document puis cliquez sur
«save». Votre document est stocké et publié sur Scribd et possède
une adresse URL propre.
Pour obtenir le code permettant d’intégrer le document dans
votre article, copiez le code qui apparaît lorsque vous cliquez sur
le bouton </> puis « Embed ». Puis collez-le dans l’éditeur de
source HTML d’ E-sidoc.
Insérer dans E-sidoc des documents déjà finalisés
2. Des diaporamas
Présentation d’ E-sidoc à Tours
http://www.slideshare.net/cddp37/esidoc-presentation-du-portail
copiez le code qui apparaît
dans l’éditeur de source
HTML d’ E-sidoc.
Récupérer & insérer dans E-sidoc des documents
déjà finalisés et mis en ligne par d’autres
3. de la vidéo
Intégrer une vidéo provenant de You tube
pour mettre en valeur des nouveautés
Bande annonce de Pluto
http://www.youtube.com/watch?v=LOGdeaf1pNw




Sous la vidéo,
cliquez sur la case « Partager ».


Cliquez ensuite sur « Intégrer »
et copiez le code qui apparaît dans
l’é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 le
texte d’introduction dans « configuration de la rubrique ». Il est situé en haut de
page et ne comporte pas de vignette d’où un meilleur affichage.
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.
Les aventures de Tintin sur l’INA
http://www.ina.fr/fictions-et-animations/animation/dossier/1898/les-aventures-de-
tintin.20090331.fr.html
Cliquez ensuite sur </>
et copiez le code qui
apparaît dans l’éditeur de
source HTML d’ E-sidoc.
Insérer dans E-sidoc des documents émanant
de
Intégrer un plan

Dans la barre de recherche Google Maps
http://maps.google.fr/maps
tapez l'adresse que vous souhaitez. Un plan apparaît.
Cliquez sur l'icône « lien » en haut à droite du plan :




                                                      copiez le code qui apparaît
                                                      dans l’éditeur de source
                                                      HTML d’ E-sidoc.
Intégrer un Google agenda :

Via un compte sur Google Agenda
Exemple :
e-sidoc Médiathèque CDDP 37

Attention pour réaliser un Google agenda, vous devez au préalable créer un
compte Google.
Pour cela, cliquez sur « Connexion » en haut à droite de la page d'accueil de
Google, puis sur créer un compte.
Une fois connecté sur Google, cliquez sur l'onglet « Plus » et sélectionnez
« agenda ».
Une fois votre Google agenda créé et
rempli, cliquez sur la flèche située à droite
du nom de votre agenda et sélectionnez
« paramètres de l'agenda ». Ensuite cliquez
sur « Personnalisez la couleur, la taille et
d'autres options ».
copiez le code qui apparaît dans l’éditeur de
source HTML d’ E-sidoc.
Diaporama préparé par
Priscilla Mommessin, documentaliste au Lycée des Métiers des Services Paul Gauguin à Orléans
http://0450786k.esidoc.fr
pour animer l’atelier E-sidoc niveau 2 : Optimis ati on du portail
qui a été proposé le 5 puis le 17 octobre 2011 au CRDP d’Orléans .

Merci à
Laura Petiniot, documentaliste à la médiathèque du CRDP d’Orléans
http://0450090d.esidoc.fr
et à Sarah Bemer documentaliste au Lycée Claude de France de Romorantin
http://0410017w.esidoc.fr
pour leur aide.

Contenu connexe

Tendances

Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3
Stephane PERES
 
Html
HtmlHtml
cours Php
cours Phpcours Php
cours Php
mohamednacim
 
Le langage HTML
Le langage HTMLLe langage HTML
Le langage HTMLBruno Delb
 
Formation HTML pour Bac Informatique
Formation HTML pour Bac InformatiqueFormation HTML pour Bac Informatique
Formation HTML pour Bac Informatique
Mohamed Anas Ben Othman
 
Formation web
Formation webFormation web
Formation web
Stéphane BIOKOU
 
XHL8
XHL8XHL8
XHL8
hypranet
 
Html de base
Html de baseHtml de base
Html de basekrymo
 
HTML basics
HTML basics HTML basics
HTML basics
Shellmates
 
Kits formation html-les_bases
Kits formation html-les_basesKits formation html-les_bases
Kits formation html-les_bases
kitsformation
 
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
 
Chapitre2 HTML5
Chapitre2 HTML5Chapitre2 HTML5
Chapitre2 HTML5
Manel Ben Sassi
 
Le Langage CSS
Le Langage CSSLe Langage CSS
Le Langage CSS
Mohammed Amine Mostefai
 
Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web  GTI780 & MTI780  ETS   A09Normes de base du Web  GTI780 & MTI780  ETS   A09
Normes de base du Web GTI780 & MTI780 ETS A09
Claude Coulombe
 

Tendances (20)

Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3
 
Html
HtmlHtml
Html
 
cours Php
cours Phpcours Php
cours Php
 
Le langage HTML
Le langage HTMLLe langage HTML
Le langage HTML
 
Formation HTML pour Bac Informatique
Formation HTML pour Bac InformatiqueFormation HTML pour Bac Informatique
Formation HTML pour Bac Informatique
 
Formation web
Formation webFormation web
Formation web
 
XHL8
XHL8XHL8
XHL8
 
Chapitre1
Chapitre1 Chapitre1
Chapitre1
 
Formulaires
FormulairesFormulaires
Formulaires
 
Html de base
Html de baseHtml de base
Html de base
 
XML
XMLXML
XML
 
Html
HtmlHtml
Html
 
HTML basics
HTML basics HTML basics
HTML basics
 
Css
CssCss
Css
 
Kits formation html-les_bases
Kits formation html-les_basesKits formation html-les_bases
Kits formation html-les_bases
 
HTML, CSS et Javascript
HTML, CSS et JavascriptHTML, CSS et Javascript
HTML, CSS et Javascript
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Chapitre2 HTML5
Chapitre2 HTML5Chapitre2 HTML5
Chapitre2 HTML5
 
Le Langage CSS
Le Langage CSSLe Langage CSS
Le Langage CSS
 
Normes de base du Web GTI780 & MTI780 ETS A09
Normes de base du Web  GTI780 & MTI780  ETS   A09Normes de base du Web  GTI780 & MTI780  ETS   A09
Normes de base du Web GTI780 & MTI780 ETS A09
 

En vedette

Fobia y ansiedad infantil
Fobia y ansiedad infantilFobia y ansiedad infantil
Fobia y ansiedad infantil
Anilucitarojas
 
Faces
FacesFaces
Faces
Pilar17
 
Usorubricascomotecnicade assessment
Usorubricascomotecnicade assessmentUsorubricascomotecnicade assessment
Usorubricascomotecnicade assessment
editahriera
 
Borne solaire2
Borne solaire2Borne solaire2
Borne solaire2Jeff Simon
 
Dgestion 2011
Dgestion 2011Dgestion 2011
Dgestion 2011
maz911
 
Portfolio SPIP
Portfolio SPIPPortfolio SPIP
Portfolio SPIP
Voyelle Voyelle
 
Reunión de padres septiembre de 2011
Reunión de padres septiembre de 2011Reunión de padres septiembre de 2011
Reunión de padres septiembre de 2011
edisondario
 
OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015
OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015
OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015
contactOpinionWay
 
"Ruptures" de Serge Portelli
"Ruptures" de Serge Portelli"Ruptures" de Serge Portelli
"Ruptures" de Serge Portelli
Kelek Szasz
 
Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...
Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...
Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...
contactOpinionWay
 
SC-020-D/PI/NR-2015
SC-020-D/PI/NR-2015SC-020-D/PI/NR-2015
SC-020-D/PI/NR-2015
Superintendencia de Competencia
 
OpinionWay - L'Express - Analyse interview du Président de la République / 14...
OpinionWay - L'Express - Analyse interview du Président de la République / 14...OpinionWay - L'Express - Analyse interview du Président de la République / 14...
OpinionWay - L'Express - Analyse interview du Président de la République / 14...
contactOpinionWay
 
Web2 0v02
Web2 0v02Web2 0v02
Web2 0v02
biGskydashberlin
 
Productividad
ProductividadProductividad
Productividad
Alirio Gonzalez
 
Nouvelle carte de printemps
Nouvelle carte de  printempsNouvelle carte de  printemps
Nouvelle carte de printempsLausanne-Moudon
 
Presentacion
PresentacionPresentacion
Presentacion
Yirlessa
 
Ley de tributación municipal
Ley de tributación municipalLey de tributación municipal
Ley de tributación municipal
Anghel Sucapuca
 

En vedette (20)

Fobia y ansiedad infantil
Fobia y ansiedad infantilFobia y ansiedad infantil
Fobia y ansiedad infantil
 
Faces
FacesFaces
Faces
 
Usorubricascomotecnicade assessment
Usorubricascomotecnicade assessmentUsorubricascomotecnicade assessment
Usorubricascomotecnicade assessment
 
Borne solaire2
Borne solaire2Borne solaire2
Borne solaire2
 
Dgestion 2011
Dgestion 2011Dgestion 2011
Dgestion 2011
 
Portfolio SPIP
Portfolio SPIPPortfolio SPIP
Portfolio SPIP
 
Reunión de padres septiembre de 2011
Reunión de padres septiembre de 2011Reunión de padres septiembre de 2011
Reunión de padres septiembre de 2011
 
OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015
OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015
OpinionWay pour APEL - Le défi des langues étrangères / Octobre 2015
 
Carte
CarteCarte
Carte
 
"Ruptures" de Serge Portelli
"Ruptures" de Serge Portelli"Ruptures" de Serge Portelli
"Ruptures" de Serge Portelli
 
Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...
Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...
Sondage OpinionWay pour Kaspersky - Les idées reçues sur la sécurité informat...
 
SC-020-D/PI/NR-2015
SC-020-D/PI/NR-2015SC-020-D/PI/NR-2015
SC-020-D/PI/NR-2015
 
OpinionWay - L'Express - Analyse interview du Président de la République / 14...
OpinionWay - L'Express - Analyse interview du Président de la République / 14...OpinionWay - L'Express - Analyse interview du Président de la République / 14...
OpinionWay - L'Express - Analyse interview du Président de la République / 14...
 
Solicitud ley del arbol
Solicitud ley del arbolSolicitud ley del arbol
Solicitud ley del arbol
 
Web2 0v02
Web2 0v02Web2 0v02
Web2 0v02
 
Productividad
ProductividadProductividad
Productividad
 
Grieskirchen Umgebung
Grieskirchen UmgebungGrieskirchen Umgebung
Grieskirchen Umgebung
 
Nouvelle carte de printemps
Nouvelle carte de  printempsNouvelle carte de  printemps
Nouvelle carte de printemps
 
Presentacion
PresentacionPresentacion
Presentacion
 
Ley de tributación municipal
Ley de tributación municipalLey de tributación municipal
Ley de tributación municipal
 

Similaire à Outils de publication pour le CMS d'e-sidoc

iune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdfiune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdf
mdallamohamed
 
hassclic284.ppt
hassclic284.ppthassclic284.ppt
hassclic284.ppt
ABDENNACEURGHANDRI1
 
Chapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdfChapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdf
YassineZARIOUH
 
Cours Html.pdf
Cours Html.pdfCours Html.pdf
Cours Html.pdf
4gnzggpfdw
 
Cours de développement web de HTML5 .pptx
Cours de développement web de HTML5 .pptxCours de développement web de HTML5 .pptx
Cours de développement web de HTML5 .pptx
Mounir Gouiouez
 
seance3-1 CSS.ppt
seance3-1 CSS.pptseance3-1 CSS.ppt
seance3-1 CSS.ppt
AmineReal
 
presentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptxpresentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptx
BrahimKarimi
 
Netpathie apprendre-le-html-en-15-minutes
Netpathie apprendre-le-html-en-15-minutesNetpathie apprendre-le-html-en-15-minutes
Netpathie apprendre-le-html-en-15-minutesNetpathie
 
Formation - P2 - Standards du Web
Formation - P2 - Standards du WebFormation - P2 - Standards du Web
Formation - P2 - Standards du Web
Patrick Vincent
 
Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...
Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...
Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...
sellamimariem574
 
Chapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdfChapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdf
AnouAr42
 
Atelier template
Atelier templateAtelier template
Atelier template
Pierre Sempé
 
exposé en HTML
exposé en HTMLexposé en HTML
exposé en HTML
Yaya Im
 
Rmll2010 Html5 Css3
Rmll2010 Html5 Css3Rmll2010 Html5 Css3
Rmll2010 Html5 Css3
Fnot
 
Programmation web
Programmation webProgrammation web
Programmation web
Gaëlle Engelberts
 
CSS 3
CSS 3CSS 3
#4 css 101
#4 css 101#4 css 101
#4 css 101
Jean Michel
 
Conseils et bonnes pratiques
Conseils et bonnes pratiquesConseils et bonnes pratiques
Conseils et bonnes pratiques
crochemib
 
Cascade Style Sheets
Cascade Style SheetsCascade Style Sheets
Cascade Style Sheets
Mohamed Amine Samet
 

Similaire à Outils de publication pour le CMS d'e-sidoc (19)

iune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdfiune initiation au développement web avec des exemples pratiques .pdf
iune initiation au développement web avec des exemples pratiques .pdf
 
hassclic284.ppt
hassclic284.ppthassclic284.ppt
hassclic284.ppt
 
Chapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdfChapitre 1_HTML_complet_version1.pdf
Chapitre 1_HTML_complet_version1.pdf
 
Cours Html.pdf
Cours Html.pdfCours Html.pdf
Cours Html.pdf
 
Cours de développement web de HTML5 .pptx
Cours de développement web de HTML5 .pptxCours de développement web de HTML5 .pptx
Cours de développement web de HTML5 .pptx
 
seance3-1 CSS.ppt
seance3-1 CSS.pptseance3-1 CSS.ppt
seance3-1 CSS.ppt
 
presentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptxpresentation de html partie par partie et detaillee.pptx
presentation de html partie par partie et detaillee.pptx
 
Netpathie apprendre-le-html-en-15-minutes
Netpathie apprendre-le-html-en-15-minutesNetpathie apprendre-le-html-en-15-minutes
Netpathie apprendre-le-html-en-15-minutes
 
Formation - P2 - Standards du Web
Formation - P2 - Standards du WebFormation - P2 - Standards du Web
Formation - P2 - Standards du Web
 
Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...
Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...
Formation CSS IT GUST TRAINING Explique les points necessaire a retenir dans ...
 
Chapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdfChapitre 1 - Introduction générale.pdf
Chapitre 1 - Introduction générale.pdf
 
Atelier template
Atelier templateAtelier template
Atelier template
 
exposé en HTML
exposé en HTMLexposé en HTML
exposé en HTML
 
Rmll2010 Html5 Css3
Rmll2010 Html5 Css3Rmll2010 Html5 Css3
Rmll2010 Html5 Css3
 
Programmation web
Programmation webProgrammation web
Programmation web
 
CSS 3
CSS 3CSS 3
CSS 3
 
#4 css 101
#4 css 101#4 css 101
#4 css 101
 
Conseils et bonnes pratiques
Conseils et bonnes pratiquesConseils et bonnes pratiques
Conseils et bonnes pratiques
 
Cascade Style Sheets
Cascade Style SheetsCascade Style Sheets
Cascade Style Sheets
 

Dernier

Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
WarlockeTamagafk
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
Txaruka
 
Mémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et auditMémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et audit
MelDjobo
 
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
SYLLABUS DU COURS  MARKETING DTS 1-2.pdfSYLLABUS DU COURS  MARKETING DTS 1-2.pdf
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
Moukagni Evrard
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Oscar Smith
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
Txaruka
 
Système de gestion des fichiers de amine
Système de gestion des fichiers de amineSystème de gestion des fichiers de amine
Système de gestion des fichiers de amine
sewawillis
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
Txaruka
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
mrelmejri
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
Friends of African Village Libraries
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
cristionobedi
 
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupeCours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
Yuma91
 

Dernier (12)

Edito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdfEdito-B1-francais Manuel to learning.pdf
Edito-B1-francais Manuel to learning.pdf
 
Iris et les hommes.pptx
Iris      et         les      hommes.pptxIris      et         les      hommes.pptx
Iris et les hommes.pptx
 
Mémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et auditMémoire de licence en finance comptabilité et audit
Mémoire de licence en finance comptabilité et audit
 
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
SYLLABUS DU COURS  MARKETING DTS 1-2.pdfSYLLABUS DU COURS  MARKETING DTS 1-2.pdf
SYLLABUS DU COURS MARKETING DTS 1-2.pdf
 
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La JeunesseConseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
Conseils pour Les Jeunes | Conseils de La Vie| Conseil de La Jeunesse
 
Iris van Herpen. pptx
Iris         van         Herpen.      pptxIris         van         Herpen.      pptx
Iris van Herpen. pptx
 
Système de gestion des fichiers de amine
Système de gestion des fichiers de amineSystème de gestion des fichiers de amine
Système de gestion des fichiers de amine
 
Iris van Herpen. pptx
Iris            van        Herpen.     pptxIris            van        Herpen.     pptx
Iris van Herpen. pptx
 
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
Impact des Critères Environnementaux, Sociaux et de Gouvernance (ESG) sur les...
 
Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024Burkina Faso library newsletter May 2024
Burkina Faso library newsletter May 2024
 
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
Formation Intelligence Artificielle pour dirigeants- IT6-DIGITALIX 24_opt OK_...
 
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupeCours de conjugaison des verbes du premier, deuxième et troisième groupe
Cours de conjugaison des verbes du premier, deuxième et troisième groupe
 

Outils de publication pour le CMS d'e-sidoc

  • 1. Outils de publication pour le CMS d’
  • 2. Comment procéder pour enrichir le portail documentaire ? On peut y ajouter des documents sur différents supports. Il faut les héberger au préalable sur des sites spécialisés afin de leur attribuer une adresse URL propre ou un code qui permettra de les intégrer à e-sidoc. La plupart des plateformes d’hébergements demandent la création d’un compte gratuit. Il est conseillé d’utiliser un même login et mot de passe pour tous. Par exemple : Login : début de l’adresse du CDI Mot de passe : RNE Cela peut s’avérer utile lorsque l’on est plusieurs documentalistes en poste ou en cas de mutation. Avant de choisir une plateforme d’hébergement, il faut prendre en compte les restrictions d’accès appliquées dans l’établissement d’exercice.
  • 3. Le langage HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises indiquent au navigateur comment afficher le contenu de la page. (mise en valeur des paragraphes, titre de la page, titre d'une partie, d'une sous- partie, caractères en gras, retour à la ligne, etc). Ces balises fonctionnent par paire, l'une définit le début d'un bloc et l'autre la fin. Remarquez que ces deux balises ne se différencient que par un slash "/" mais il est indispensable. Par exemple, le titre d'une 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. 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 d'un titre ou d'un 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. Le langage HTML Posséder quelques rudiments d’HTML permet de modifier, par exemple, la lettre de rappel proposée par défaut dans BCDI : C:BcdiServModelesInterfaces RestitutionLettreRappelsPage.htm Ouvrir le fichier avec le bloc-notes installé par défaut sous windows dans le répertoire Accessoires ou avec le logiciel libre Nvu (prononcez n-view) qui propose un éditeur de page graphique, du type WYSIWYG. Il faut au préalable le télécharger et l’installer. On peut alors modifier le texte situé entre deux balises ou supprimer tel ou tel champ qui ne semble pas indispensable. L’avantage avec Nvu c’est que plusieurs types d’affichage sont proposés.
  • 6. Le langage HTML : la lettre de rappel En affichage normal apparaît à l’écran la page html telle qu’elle sera vue par un usager. (exception faite des cadres roses qui seront invisibles). On peut supprimer des balises. Le texte de la lettre de rappel apparait et peut-être modifié quel que soit l’affichage.
  • 7. Le langage HTML : la lettre de rappel L’affichage balises HTML est un affichage de travail. On peut supprimer des balises. Le texte de la lettre de rappel apparait et peut-être modifié quel que soit l’affichage.
  • 8. Le langage HTML : la lettre de rappel L’affichage Source montre le code HTML avec les balises en rose et les indications de mise en page en bleu, le texte tel qu’il apparaitra est en noir. Le texte de la lettre de rappel apparait et peut-être modifié quel que soit l’affichage.
  • 9. C’est le langage HTML qui est utilisé pour la rédaction des articles dans E-sidoc. Nvu peut donc être utilisé pour mettre en page un article. On le prépare en mode normal puis on copie le code HTML obtenu en mode source.
  • 10. Et on copie ce code dans l’éditeur de source HTML d’ E-sidoc.
  • 11. Pour obtenir : en mode rédaction d’ E-sidoc puis en affichage final
  • 12. Insérer dans E-sidoc des documents déjà finalisés 1. sous forme de texte, tableur et diaporama
  • 13. 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
  • 14. 1. Créer un compte 2. Créer une publication 3. Charger le document à publier
  • 15. 2. Créer une publication 3. Charger le document original à publier 4. Pour que la publication soit accessible à tous les utilisateurs d’ E-sidoc il faut cocher public
  • 17. 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
  • 18. Le mini livret feuilletable, il suffit de cliquer dessus pour obtenir l’affichage en plein écran.
  • 19. www.scribd.com/ Un défilement vertical idéal pour les affiches ou pour les fiches outils car il est possible de télécharger le document
  • 20. Attention aux droits d’auteur et à la protection des données et de la vie privée. En hébergeant des données sur un site extérieur, on les publie également dans le catalogue de ce site. A quelles conditions ?
  • 21. Changez éventuellement le titre du document puis cliquez sur «save». Votre document est stocké et publié sur Scribd et possède une adresse URL propre. Pour obtenir le code permettant d’intégrer le document dans votre article, copiez le code qui apparaît lorsque vous cliquez sur le bouton </> puis « Embed ». Puis collez-le dans l’éditeur de source HTML d’ E-sidoc.
  • 22. Insérer dans E-sidoc des documents déjà finalisés 2. Des diaporamas
  • 23. Présentation d’ E-sidoc à Tours http://www.slideshare.net/cddp37/esidoc-presentation-du-portail
  • 24. copiez le code qui apparaît dans l’éditeur de source HTML d’ E-sidoc.
  • 25. Récupérer & insérer dans E-sidoc des documents déjà finalisés et mis en ligne par d’autres 3. de la vidéo
  • 26. Intégrer une vidéo provenant de You tube pour mettre en valeur des nouveautés Bande annonce de Pluto http://www.youtube.com/watch?v=LOGdeaf1pNw Sous la vidéo, cliquez sur la case « Partager ». Cliquez ensuite sur « Intégrer » et copiez le code qui apparaît dans l’é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 le texte d’introduction dans « configuration de la rubrique ». Il est situé en haut de page et ne comporte pas de vignette d’où un meilleur affichage.
  • 27. 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.
  • 28. Les aventures de Tintin sur l’INA http://www.ina.fr/fictions-et-animations/animation/dossier/1898/les-aventures-de- tintin.20090331.fr.html
  • 29. Cliquez ensuite sur </> et copiez le code qui apparaît dans l’éditeur de source HTML d’ E-sidoc.
  • 30. Insérer dans E-sidoc des documents émanant de
  • 31. Intégrer un plan Dans la barre de recherche Google Maps http://maps.google.fr/maps tapez l'adresse que vous souhaitez. Un plan apparaît. Cliquez sur l'icône « lien » en haut à droite du plan : copiez le code qui apparaît dans l’éditeur de source HTML d’ E-sidoc.
  • 32. Intégrer un Google agenda : Via un compte sur Google Agenda Exemple : e-sidoc Médiathèque CDDP 37 Attention pour réaliser un Google agenda, vous devez au préalable créer un compte Google. Pour cela, cliquez sur « Connexion » en haut à droite de la page d'accueil de Google, puis sur créer un compte. Une fois connecté sur Google, cliquez sur l'onglet « Plus » et sélectionnez « agenda ».
  • 33. Une fois votre Google agenda créé et rempli, cliquez sur la flèche située à droite du nom de votre agenda et sélectionnez « paramètres de l'agenda ». Ensuite cliquez sur « Personnalisez la couleur, la taille et d'autres options ».
  • 34. copiez le code qui apparaît dans l’éditeur de source HTML d’ E-sidoc.
  • 35. Diaporama préparé par Priscilla Mommessin, documentaliste au Lycée des Métiers des Services Paul Gauguin à Orléans http://0450786k.esidoc.fr pour animer l’atelier E-sidoc niveau 2 : Optimis ati on du portail qui a été proposé le 5 puis le 17 octobre 2011 au CRDP d’Orléans . Merci à Laura Petiniot, documentaliste à la médiathèque du CRDP d’Orléans http://0450090d.esidoc.fr et à Sarah Bemer documentaliste au Lycée Claude de France de Romorantin http://0410017w.esidoc.fr pour leur aide.