Fonctionnalités pour rendre le journal multimédia
>> Prise en main du blog Comment créer et publier :
Procédures Thème du blog
= apparence
Tableau de bord/ apparence : choisir le thème blog journal puis configuration du thème. Remplir les onglets, le premier « style » : choisir « typo » par exemple.
Dans « image d'en-tête », choisir « personnalisé » pour changer d'image : attention, l'image doit faire 1000 pixels de large (wide), donc à construire dans un logiciel d'images (http://www.picmonkey.com/)
Billet Conseil : pour éviter de tout perdre (si on ne pense pas à enregistrer avant de changer de page, on perd tout!), écrire d'abord dans un traitement de texte ce qui ajoute des fonctionnalités que ne possède pas la plate forme de blogs comme justifier le texte, mettre des mots en couleurs, etc.
Liens Possibilité d'ordonner les liens et de donner un nom aux différents groupes de liens.
Catégories Ne seront visibles que lorsqu'un premier billet indexé dans la catégorie sera publié.
images - Utiliser des images personnelles ou des images libres de droits (indiquez l'auteur de l'image).
Vérifier poids des images : Attention à la taille de vos photos : 800 px sur 600 px est un grand maximum. 300 à 400px est une taille raisonnable
-Importer des photos dans la galerie de médias ou
dans billet, insérer une photo (ouverture de la galerie de médias)
- Pour qu'une image apparaisse en plus grand quand on clique sur elle : dans
« paramètres du blog », cocher « Activer lightbox » (à faire une seule fois pour tous les billets).
des galeries d'images
Voici les différentes étapes (à partir de l'interface d'administration de votre blog évidemment). Certaines des étapes (la A et la C) ne sont à effectuer qu'une seule fois.
• A) Configurer sur votre blog
1. Au préalable, il faut avoir activer la fonctionnalité « Pictures Show » : pour cela, dans vos extensions, utilisez le lien « Pictures Show » et cocher la case d'activation avant d'enregistrer.
2. Dans les paramètres de votre blog (à partir du tableau de bord) activez la fonction « Lighbox » si elle n'est pas déjà activée.
• B) A gauche, cliquer sur « gestionnaire de médias »
1. Créer un nouveau répertoire en lui donnant le nom que vous désirez
donner à votre galerie, puis enregistrer.
2. Une fois votre répertoire créé, il apparait à l'écran. Cliquer dessus : il est vide ; il ne vous reste plus qu'à y ajouter des fichiers photos en parcourant votre ordinateur à l'aide de « parcourir » puis en enregistrant à chaque fois. Compléter le « titre du fichier » pour chaque photo (cf. plus bas).
3. Attention à la taille de vos photos : 800 px sur 600 px est un grand maximum. 300 à 400px est une taille raisonnable.
(voir : Conseils pour les images et les documents : http://blog.crdp- versailles.fr/index.php/post/Conseils-pour-les-images-et-les-documents ).
4. Bravo vous venez de créer un répertoire de photos dans le gestionnaire de média !
• C) Toujours à gauche, cliquer sur « Les galeries Picture Show »
1. En haut de la page, cliquez sur l'onglet « paramètre d'affichage », puis appliquer les options suivantes : (ces options s'appliqueront pour toutes vos galeries).
Style prédéfini : laisser vide Paramètres de galerie:
• nombre d'image par page : laisser vide ou choissisez un nombre
• Format principal : choisir « medium » ou « original » (si vos images sont assez petites, le choix medium ne fonctionnera pas correctement)
• Format des miniatures : choisir « thumbnail » ou « square » La page picture show:
• menu visible : laisser vide La page d'accueil :
• Cible du lien : choisir « la partie du billet »
• Décoration du lien : choisir la seconde possibilité pour la plupart des cas
La partie galerie du billet:
• contenu : « Afficher la galerie (...) »
• Aspect du titre : comme vous voulez.
• D) Organiser votre galerie
1. Dans le « gestionnaire des galeries », choisissez un répertoire de photos (celui que vous venez de créer, c'est mieux !).
2. choisissez l'ordre des photos, puis enregistrer.
• E) Enfin insérer la galerie dans le billet de votre choix : 1. Choisir un billet existant ou en créer un nouveau.
2. Associer au billet la galerie que vous venez de créer (voir en bas de la rédaction du billet).
3. Enregistrer le billet.
4. C'est terminé. Regarder le résultat.
Vous remarquerez qu'en cliquant sur une photo celle-ci s'agrandit avec un bel effet «Lightbox» et vous pouvez lire une légende pour chaque photo. La légende n'est rien d'autre que le titre du fichier que vous avez ajouté quand vous l'avez enregistré dans le gestionnaire de média (à ne pas confondre avec le nom du
fichier ! ). N'oubliez donc pas de mettre des titres à vos fichiers ! Pour une disposition en « carrousel » :
Emplacement de la galerie : la galerie est dans une place dédiée du billet puis :
Lien sur la galerie visible : coché
contenu : Afficher la galerie (avec les paramètres...) / Affiche la galerie dans le billet avec carrousel
Et :
Nombre d'images par page : vide
Format principal : original (ou medium si les originales sont trop grandes, ce qui est mal:-))
Format des miniatures : thumbnail ou square
Une fois ces réglages faits, ce ne sera plus à faire ! Ils seront
appliqués pour toutes les galeries pictures show du blog et c'est alors très rapide de faire une galerie.
Présentation d'images
– publier des présentations : à condition que le diaporama n'utilise pas d'animation)
- Exporter le diaporama sous la forme d'image
- Envoyer ces images dans un dossier de votre gestionnaire de médias - Construire un galerie pictures show et l'associer à un billet. Voir http://blog.crdp-versailles.fr/index.php/post/Afficher-une-galerie-photo - Si lightbox est bien activé sur votre blog, l'effet peut être sympathique.
– Pour publier des diapo : Autre option : utiliser un site comme http://fr.calameo.com/ (cf le journal d'orminfos :
http://journaldesormeaux.blogspot.fr/ ou
http://www.slideshare.net/ qui permet de partager un document et surtout d'en avoir une vue sympa qui peut ensuite être affichée sur votre blog.
Attention : parfois ces services génèrent de la publicité ou affichent des contenus inappropriés.
http://blog.crdp-versailles.fr/index.php/post/Afficher-une-galerie-photo Son Comme pour n'importe quel fichier image ou texte, vous pouvez insérer un
fichier MP3 dans la galerie de médias.
Pour installer un player : « dewplayer ». Ce petit fichier doit être enregistré dans le gestionnaire de média.
Par ailleurs, au niveau de l'onglet « source » du billet, il convient d'indiquer le code1 en changeant :
1 Code source :
<object type="application/x-shockwave-flash" data="http://blog.crdp-versailles.fr/nom-du- blog/public/dewplayer.swf?son=http://blog.crdp-versailles.fr/nom-du-blog/public/nom-fichier- musique.mp3&bgcolor=FFFFFF" height="20" width="200">
<param name="movie" value="http://blog.crdp-versailles.fr/nom-du-blog/public/dewplayer.swf?
son=http://blog.crdp-versailles.fr/nom-du-blog/public/nom-fichier-musique.mp3&bgcolor=FFFFFF"
/></object><object type="application/x-shockwave-flash" data="http://blog.crdp-versailles.fr/nom-du- blog/public/dewplayer.swf?son=http://blog.crdp-versailles.fr/nom-du-blog/public/nom-fichier-
musique.mp3&bgcolor=FFFFFF" height="20" width="200">
<param name="movie" value="http://blog.crdp-versailles.fr/nom-du-blog/public/dewplayer.swf?
- "nom-fichier-musique.mp3" par le nom du fichier enregistré dans le gestionnaire de média
- "nom-du-blog" par le nom d'enregistrement de votre blog "CRDP"
Importer / créer un fichier son
- le site fluvore permet d'extraire le son (en MP3) d'une vidéo - audacity : tutoriel http://www.pedago-tic.be/category/tutoriaux/
Insérer une vidéo
Le plus simple : écrire son billet en entier (y compris les tags etc) puis cliquer dans « source », cliquer là où l'on veut insérer la vidéo, coller le lien exportable de la vidéo, puis enregistrer.
Procédure donnée par le site du crdp :
- utilisez le mode d'édition wiki pour vos billets :
Copier le code html fourni sur les sites (« Lecteur exportable »).
Dans votre billet en mode wiki, coller le code de cette façon : ///html
Le code ici ///
Il est possible d'activer le mode wiki :
•soit au cas par cas pour un billet à la création
•soit pour tous vos billets dans vos préférences).
Créer une vidéo Avec le logiciel Windows Movie Maker
Sondage Créer le sondage : dans « extensions »/ « dotpoll », créer le sondage (titre et
« choix »). Puis, dans « dotpoll », « publier » le sondage.
Dans « widgets », déplacer « dotpoll » dans « bandeau » puis « mettre à jour les bandeaux »
Citations Widget « citations » Abonnements Podcasts
Hotpotatoes http://formation.dunoyer.free.fr/articles.php?lng=fr&pg=97 Partager Sur les réseaux (s'affiche dans les billets)
Adresses précieuses
- Le forum très réactif où poser vos questions (taper dans recherche google
« forums versaillais blogs » :
http://web2news.ac-versailles.fr/tree.php?group_name=ac-versailles_assistance- technique_web_blogs&begin=0
- Manuel de l'utilisateur http://fr.dotclear.org/documentation/2.0/usage Autres logiciels – images actives
– quiz avec powerpoint (liens entre diapositives)
son=http://blog.crdp-versailles.fr/nom-du-blog/public/nom-fichier-musique.mp3&bgcolor=FFFFFF"
/></object>
Faire connaître le journal et créer des interactions :
– flyers, affiches, icône sur le site de l'établissement ; – réseaux sociaux, Twitter : l'exemple de @orminfos ; – flux rss ;
– une page (plutôt qu'un compte) Facebook
