E-sidoc : Intégrer un éditeur de bibliographie (citer ses sources) Accueil > CDI > Intégrer un éditeur de bibliographie à E-sidoc (ou Netvibes, le blog du CDI, etc.) Lors de travaux de recherche dans le cadre d’exposés ou de dossiers documentaires, il est parfois demandé aux élèves de produire une bibliographie. Pour cet exercice, les élèves ont des difficultés à suivre les conventions de présentation des références. Ils peuvent être déconcertés par les multiples règles qui leur sont proposées. C’est pourquoi j’ai voulu créer un outil qui facilite la rédaction de bibliographie, à l’exemple du widget de Denis Weiss. Tester l’éditeur de bibliographie Le formulaire que je propose est codé en javascript. Le code à copier-coller* * Je rappelle que ce que je propose est du bidouillage informatique. ** Merci Florian Reynaud ! A partir du lien du widget préconfiguré, cliquer sur « Ajouter à mon dashboard ». Insérer dans un blog, un site Attention, certaines plateformes de blog (ex: wordpress.com) interdisent le JavaScript ! Exemple d’édition avec Blogger : WordPress:
Tutoriel e-sidoc : comment créer nouveautés, coups de cœur et carrousel Tutoriel e-sidoc Comment créer nouveautés, coups de cœur et carrousel Le portail e-sidoc permet sur chaque page - en général - d’afficher des nouveautés et des coups de cœur. Sur certaines pages vous pouvez aussi afficher des carrousels. Ces... More Tutoriel e-sidoc Comment créer nouveautés, coups de cœur et carrousel Le portail e-sidoc permet sur chaque page - en général - d’afficher des nouveautés et des coups de cœur. FREE Photo Collages FREE Digital Photo Editing This site shows photo editing tools that are fun and easy to use. Free web based photo editors, fun photo editors, photo tools like Photoshop Express, Ribbet, PicMonkey, Citrify and more... Photofunia Style Photo EditorsPhotofunia offers high quality photo editing for free. See examples and comparisons to Deefunia, Photo505, Pixiz, Jpgfun, Photomontager and more free photo tools. Photo Collages and MosaicsOne photo is fun and two photos are more fun so a photo collage is a ton of fun. Photoshop Express Photo Editor Photoshop Express is a web based and free version of Photoshop. FREE Video Editing ToolsSave money and make great personal videos by skipping high-cost, high-end software for one of these free, easy-to-use video editors. Photos Into ArtMany of us take photos - only a few of us are artists.
sans titre pour les auteurs Web et les webmestres Ce document est informatif. Bien que de nature technique, il essaye de rendre les concepts mis en jeu compréhensibles et applicables à des situations concrètes. Pour cette raison, certains aspects de la documentation sont simplifiés ou omis, par souci de clarté. Si votre intérêt sur le sujet vous porte aux détails, veuillez explorer le chapitre « Références et autres informations » à la fin. Qu’est-ce qu’un cache Web ? Un cache Web se tient entre un ou plusieurs serveurs Web (appelés aussi serveurs originaux) et un ou plusieurs clients, et il observe le va-et-vient des requêtes en enregistrant pour lui-même des copies des réponses — comme des pages HTML, des images et des fichiers (appelés collectivement des représentations). On utilise des caches Web pour deux raisons principales : Les types de cache Web Les caches de navigateurs Les caches de serveurs mandataires Les caches de passerelles Les caches Web ne sont-ils pas mauvais pour moi ? Par exemple :
Intégrer un module de recherche E-sidoc / PMB dans Netvibes, Facebook, le site de l’établissement… Aujourd’hui le CDI se dissémine : l’accès unique aux ressources a cédé la place à de multiples canaux. Parmi eux, on trouve les univers Netvibes, les blogs, les pages Facebook, les ENT et bien entendu les sites d’établissement. Il peut être pertinent de permettre des recherches sur la base du CDI directement à partir de ces interfaces. Le code à copier-coller – pour Esidoc : Le code ci-dessous est à copier-coller en intégralité dans l’éditeur HTML des interfaces (voir les points suivants pour connaître la méthode en fonction des sites). <table border="0" cellpadding="10" height="134" width="370"> <tbody> <tr> <td bgcolor="#E8E0C1" height="100" width="370"> <strong><span style="color: #cc3333;"><span style="font-size: medium;">Recherche dans le CDI</span></span> ></strong> ou <a target="_blank" title="Accès direct à E-sidoc" href=" direct à E-sidoc</a>. La présentation du module s’inspire du thème par défaut d’e-sidoc. Netvibes
Tools 4 noobs - tools you didn't even know you needed Feuille de style CSS de base par l'exemple - CSS Débutants Une feuille de style CSS externe peut se faire avec le simple bloc-note, et il est d'usage de lui faire porter l'extension .css (style.css par exemple). On la liera ensuite à la page html à l'aide d'un link placé dans l'en-tête de la page (pas de panique ! la méthode est expliquée en dessous). Mais on peut aussi déclarer les styles dans l'en-tête de la page, ou au sein des balises elles-mêmes. Partons donc à la découverte d'une première feuille de style... Sommaire Structure de base Pour chaque déclaration, la structure est toujours la même : Le sélecteur, c'est la balise (X)HTML (body ; h1 ; p, etc.), l'identifiant (id) ou la classe (class) ;La propriété, c'est l'attribut qu'on veut appliquer (font ; background ; margin ; etc.) Exemple de feuille de style Fonctionne avec : Tous les navigateurs graphiques Propriétés utilisées : background-color color font-family ; font-size padding text-align ; text-decoration Cet exemple de feuille de style (encore une fois, de base) donnera une page : Code CSS
E-sidoc : ajouter une rubrique "recherche dans le catalogue de la médiathèque municipale" E-sidoc, le portail documentaire proposé par le CRDP de Poitiers, permettra à terme la recherche fédérée à partir de plusieurs bases : celle du CDI d’une part, et celles d’autres ressources (ressources numériques auxquelles le CDI est abonné, catalogues en ligne d’autres bibliothèques…) d’autre part. En attendant, il est possible de paramétrer une rubrique d’E-sidoc pour permettre de telles recherches, non pas de façon fédérée (c’est-à-dire façon métamoteur : une équation de recherche réunit les résultats de différentes sources dans une même liste), mais façon « module autonome ». Pour éviter d’être accusé de « piquer » les données de la base questionnée, on veillera à ne pas afficher les résultats directement dans e-sidoc, mais à renvoyer à la page de résultats de la source questionnée. Le résultat obtenu est le suivant (cliquez sur l’image pour tester le module « en vrai ») : Nous allons voir à présent comment intégrer cette rubrique à e-sidoc. Pour obtenir ce résultat, il faut :
Calenda Cours transformation de documents XML avec XSLT Présentation de XSLT, langage de transformation pour les documents XML. Motivations et généralités XSLT est un langage central dans le monde XML et beaucoup de qualités reconnues de XML reposent en fait sur l'utilisation de XSLT : productions de versions diffusables (HTML, PDF, etc.), pérennité des documents, ouverture des formats, interopérabilité, etc. La première motivation est d'associer un style à un document XML, tout comme on associe une feuille de style CSS à une page HTML. Les CSS sont utilisables avec les documents XML mais présentent plusieurs défauts : les CSS ne permettent pas d'extraire les valeurs des attributs pour les faire apparaître ; il est possible avec les CSS de placer les blocs les uns par rapport aux autres, d'en faire disparaître certains, mais pas de tout réorganiser de fond en comble, encore moins de créer de nouvelles données ; le langage CSS n'est pas un langage XML. Cela amène à la définition d'un nouveau format : XSL pour eXtensible Stylesheet Language.
E-sidoc : intégrer et visualiser un PDF Accueil > Boîte à outils > Tuto : comment intégrer et visualiser un PDF dans esidoc Pour permettre aux élèves de visualiser et lire un document directement dans esidoc, sans avoir à le télécharger ou à ouvrir un nouvel onglet, j’utilise Google drive. Stocker un PDF sur Drive Google Drive est à la fois un espace de stockage en ligne (cloud) et une suite bureautique (éditeur de texte, tableur, diaporama…), accessible pour toute personne ayant un compte Gmail. Vous pouvez donc créer votre document directement dans Drive ou alors importer un document que vous avez créé en local avec votre logiciel préféré (au format .doc, .docx, .dot, .pdf, etc.) Partager la visibilité du document Une fois le document enregistré, il suffit de cliquer sur le bouton bleu, en haut à droite « partager » ou (dans le cas d’un document importé) de faire un clic droit, puis « partager ». Intégrer dans esidoc le document Dans esidoc, passez en mode html, puis copiez-collez le code suivant : Enregistrez. Le résultat
Cl?o - Centre pour l'?dition ?lectronique ouverte Free Sitemap Generator