Scribd Logo
Upload

Welcome to Scribd!

  • Outils de Publication Pour Le CMS D'e-Sidoc

    Uploaded by

    pmommessin
    231 views36 pages

    Original Title

    Outils de Publication Pour Le CMS d'E-sidoc

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    231 views36 pages

    Outils de Publication Pour Le CMS D'e-Sidoc

    Uploaded by

    pmommessin

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 36

    Outils de publication pour le CMS d

    Comment procder pour enrichir le portail documentaire ?


    On peut y ajouter des documents sur diffrents supports. Il faut les hberger au pralable sur des sites spcialiss afin de leur attribuer une adresse URL propre ou un code qui permettra de les intgrer e-sidoc. La plupart des plateformes dhbergements demandent la cration dun compte gratuit. Il est conseill dutiliser un mme login et mot de passe pour tous. Par exemple : Login : dbut de ladresse du CDI Mot de passe : RNE Cela peut savrer utile lorsque lon est plusieurs documentalistes en poste ou en cas de mutation. Avant de choisir une plateforme dhbergement, il faut prendre en compte les restrictions daccs appliques dans ltablissement dexercice.

    Le langage HTML
    Le HTML ( HyperText Mark-Up Language ) est un langage dit de marquage (de structuration ou de balisage ) dont le rle 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, caractres en gras, retour la ligne, etc). Ces balises fonctionnent par paire, l'une dfinit le dbut d'un bloc et l'autre la fin. Remarquez que ces deux balises ne se diffrencient que par un slash "/" mais il est indispensable. Par exemple, le titre d'une page est cod grce la balise <title>, et ce de la manire 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> <h1>Texte</h1> <h2>Texte</h2> et <h6>Texte</h6> <i> Texte </i> <strong> Texte </strong> ou <b>Texte</b> <u>Texte </u> <font face="Police de caractre">Texte</font> exemple : <font face="Arial">Texte</font> <font color="couleur">Texte</font> ou <font color=#RRVVBB>Texte</font> exemples : <font color="brown"> Texte </font> ou <font color=#330000>Texte</font>

    Obligatoire au dbut et la fin du fichier HTML Titre de niveau 1, 2 et 6 Texte en italique Texte en gras Texte soulign
    Spcifie la police de caractre Spcifie la couleur de la police (nom de la couleur en anglais ou paramtrage de la couleur en hexadcimal (voir http://www.code-couleur.net/) Spcifie la taille de la police, valeur allant de 1 7. Ces tailles peuvent varier suivant le navigateur. Il est possible de modifier ces valeurs de faon relative : La valeur "+1" indique une augmentation de la police la taille suprieure. Les tailles varient de 1 7. Combinaison des 3 balises prcdentes : spcifie la police de caractres, la couleur et la taille Centrer le texte d'un titre ou d'un paragraphe Justifier un paragraphe Saut de ligne Barre horizontale Barre horizontale de couleur

    <font size=4>Texte</font>

    <font face="Comic Sans MS" color="brown" size=4>Texte</font> <center>Texte</center> ou <p align="center">Texte</p> <p align="justify">Texte</p> <br> <hr> <hr color="couleur">

    Le langage HTML Possder quelques rudiments dHTML permet de modifier, par exemple, la lettre de rappel propose par dfaut dans BCDI :
    C:\BcdiServ\Modeles\Interfaces Restitution\LettreRappelsPage.htm

    Ouvrir le fichier avec le bloc-notes install par dfaut sous windows dans le rpertoire Accessoires ou avec le logiciel libre Nvu (prononcez n-view) qui propose un diteur de page graphique, du type WYSIWYG. Il faut au pralable le tlcharger et linstaller. On peut alors modifier le texte situ entre deux balises ou supprimer tel ou tel champ qui ne semble pas indispensable. Lavantage avec Nvu cest que plusieurs types daffichage sont proposs.

    Le langage HTML : la lettre de rappel En affichage normal apparat lcran la page html telle quelle 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 laffichage.

    Le langage HTML : la lettre de rappel Laffichage 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 laffichage.

    Le langage HTML : la lettre de rappel Laffichage Source montre le code HTML avec les balises en rose et les
    indications de mise en page en bleu, le texte tel quil apparaitra est en noir.

    Le texte de la lettre de rappel apparait et peut-tre modifi quel que soit laffichage.

    Cest le langage HTML qui est utilis pour la rdaction des articles dans E-sidoc. Nvu peut donc tre utilis pour mettre en page un article. On le prpare en mode normal puis on copie le code HTML obtenu en mode source.

    Et on copie ce code dans lditeur de source HTML d E-sidoc.

    Pour obtenir : en mode rdaction d E-sidoc

    puis en affichage final

    Lutilisation du logiciel Nvu permet de mieux comprendre le langage HTML mais nest absolument pas indispensable pour peaufiner la mise en page dun article : E-sidoc propose une option trs pratique qui permet de copier directement un texte prpar sous Word.

    Pour mieux comprendre le HTML, vous pouvez consulter un diaporama concoct par Christophe Poupet : balises-du-html-au-xml

    Insrer dans E-sidoc des documents dj finaliss


    1. sous forme de texte, tableur et diaporama

    http://fr.calameo.com/

    Permet de crer un livret feuilletable partir dun document dj finalis Valorisation de travaux dlves : Journal scolaire, Recueil de textes, Carnet de voyage Publicit autour dune action en cours : slection de livres pour action lecture

    1. Crer un compte

    2. Crer une publication

    3. Charger le document publier

    2. Crer 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/ Insrer la publication/ Code HTML old version)

    Il vaut mieux insrer un mini livret en fin darticle : en pleine page laffichage est trop petit pour tre lisible et peu maniable.

    Reste copier ce code dans lditeur de source HTML d E-sidoc

    Le mini livret feuilletable, il suffit de cliquer dessus pour obtenir laffichage en plein cran.

    www.scribd.com/ Un dfilement vertical idal pour les affiches ou pour les fiches outils car il est possible de tlcharger le document

    Attention aux droits dauteur et la protection des donnes et de la vie prive. En hbergeant des donnes sur un site extrieur, 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 possde une adresse URL propre. Pour obtenir le code permettant dintgrer le document dans votre article, copiez le code qui apparat lorsque vous cliquez sur le bouton </> puis Embed . Puis collez-le dans lditeur de source HTML d E-sidoc.

    Insrer dans E-sidoc des documents dj finaliss


    2. Des diaporamas

    Prsentation d E-sidoc Tours http://www.slideshare.net/cddp37/esidoc-presentation-du-portail

    copiez le code qui apparat dans lditeur de source HTML d E-sidoc.

    Rcuprer & insrer dans E-sidoc des documents dj finaliss et mis en ligne par dautres
    3. de la vido

    Intgrer une vido provenant de You tube pour mettre en valeur des nouveauts Bande annonce de Pluto
    http://www.youtube.com/watch?v=LOGdeaf1pNw

    Sous la vido, cliquez sur le bouton Partager .

    Cliquez ensuite sur Intgrer et copiez le code qui apparat dans lditeur de source HTML d E-sidoc.
    Pour intgrer une vido en plein cran il convient dutiliser le cadre prvu pour le texte dintroduction dans configuration de la rubrique . Il est situ en haut de page et ne comporte pas de vignette do un meilleur affichage.

    Intgrer une vido provenant de Dailymotion manant de lINPES pour la rubrique sant

    copiez le code qui apparat et collez-le dans lditeur de source HTML d E-sidoc.

    Les aventures de Tintin sur lINA http://www.ina.fr/fictions-et-animations/animation/dossier/1898/les-aventures-detintin.20090331.fr.html

    Cliquez ensuite sur </> et copiez le code qui apparat dans lditeur de source HTML d E-sidoc.

    Insrer dans E-sidoc des documents manant de

    Intgrer un plan Dans la barre de recherche Google Maps http://maps.google.fr/maps tapez l'adresse que vous souhaitez. Un plan apparat. Cliquez sur l'icne lien en haut droite du plan :

    copiez le code qui apparat dans lditeur de source HTML d E-sidoc.

    Intgrer un Google agenda : Via un compte sur Google Agenda Exemple : e-sidoc Mdiathque CDDP 37 Attention pour raliser un Google agenda, vous devez au pralable crer un compte Google. Pour cela, cliquez sur Connexion en haut droite de la page d'accueil de Google, puis sur crer un compte. Une fois connect sur Google, cliquez sur l'onglet Plus et slectionnez agenda .

    ouvrez le menu droulant mes agendas slectionnez paramtres de l'agenda . Ensuite cliquez sur Personnalisez la couleur, la taille et d'autres options .

    copiez le code qui apparat dans lditeur de source HTML d E-sidoc.

    Cette prsentation a t conue pour animer latelier

    E-sidoc niveau 2 : Optimisation du portail


    Il a t propos le 5 puis le 17 octobre 2011 au CRDP dOrlans . Prpar par Priscilla Mommessin, documentaliste au Lyce des Mtiers des Services Paul
    Gauguin Orlans

    http://0450786k.esidoc.fr avec laide de Sarah Bmer, documentaliste au Lyce Claude de France de Romorantin http://0410017w.esidoc.fr & de Laura Petiniot, documentaliste la mdiathque du CRDP dOrlans http://0450090d.esidoc.fr

    You might also like