16
-------------------------------------- - LES FICHES MULTIMEDIA -------------------------------------- - Intégrer Images, Vidéos, Sons, Diaporamas sur le blog Lamako Blog Lamako/Fiches Multimédia | 0

Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

---------------------------------------LES FICHES MULTIMEDIA---------------------------------------Intégrer Images, Vidéos, Sons, Diaporamas

sur le blog Lamako

Blog Lamako/Fiches Multimédia | 0

Page 2: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

1/ Le traitement des IMAGES

Pour ne pas alourdir l’affichage des pages de Lamako blog, il est nécessaire d’échantillonner correctement vos images au préalable.

L’échantillonnage d’image se fait sous : Microsoft Office Picture Manager (Menu Démarrer de Windows) :

- Démarrez Microsoft Office Picture Manager.- Ouvrez votre photo par le menu « Fichier » ou Coller directement votre photo dans la fenêtre du logiciel (Clic droit).- Mettez vous en mode photo seule (1)

1a/ un beau cadrageOutil « Rogner » (2)Recadrez correctement vos photos : enlevez tout ce qui n’est pas utile : poteaux, voitures, murs… Cadrez serré sur l’action ou le personnage que vous voulez montrer. Attention : ne jamais couper un personnage au niveau de la taille, des mains, des pieds.

1b/ la taille des imagesOutil « Redimensionnement »La cote maximale de vos photos doit être de 700 pixels.

1c/ la balance des couleursOutil « Correction automatique » (3) ou « Luminosité et contraste » Améliorez les contrastes et les couleurs de vos photos grâce à ces 2 outils.

1d/ le format du fichierLes formats autorisés sous WordPress sont : .jpg, .png, .gif.Office Picture Manager ne propose pas le réenregistrement dans d’autres formats. Si votre fichier n’est pas dans un des 3 formats cités ci-dessus, vous devez l’ouvrir dans un autre logiciel d’Image type Paint et le réenregistrer en .jpg.

Blog Lamako/Fiches Multimédia | 1

1

2

Tous les outilsse trouvent dans le menu déroulant droit.

3

Emily Soumah 2008

Page 3: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

2/ Insérer une VIDEO avec Dailymotion :

Nous avons ouvert un compte « Lamakoblog » chez Dailymotion, où vous pouvez poster toutes vos vidéos. Cette démarche est nécessaire pour pouvoir ensuite insérer la vidéo dans le blog. Attention, ce compte est public, contrairement au blog. Pensez à donner l’adresse de votre site web quand vous postez une vidéo : Dailymotion peut vous apporter beaucoup d’internautes (voir p.5).

- Allez sur : http://www.dailymotion.com/fr Login : Lamakoblog Pass : comptevideo

- Cliquez sur « Envoyer une Vidéo » 

(en haut)

Dailymotion gère un grand nombre

de formats.

Attention toutefois de privilégier les

formats courts : rares sont les internautes qui restent au-delà de 2 min

devant une vidéo (sauf s’il sagit d’un reportage bien construit).

Blog Lamako/Fiches Multimédia | 2

Page 4: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

- Dailymotion récupère votre vidéo. Cela peut prendre un certain temps, laissez-le travailler sans cliquer. Vous pouvez travailler sur autre chose en même temps mais ne touchez pas à cette page jusqu’à ce qu’il ait fini de charger.

- Remplissez la fiche signalétique de la vidéo (seuls les champs indiqués en rouge sont obligatoires) puis Sauvegardez (en bas) pour que votre vidéo soit publiée :

Blog Lamako/Fiches Multimédia | 3

Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître.

Soyez précis   : Ex. enfance, pauvreté, éducation, maternelle…

Page 5: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

Cette page s’affiche :

cliquez sur « Passez cette étape »,

Blog Lamako/Fiches Multimédia | 4

Page 6: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

Voici votre vidéo publiée sur Dailymotion !

Blog Lamako/Fiches Multimédia | 5

Page 7: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

- Vous pouvez encore modifier les informations (Titre, Tags, description) :

Il est important de bien compléter ces champs : au plus ils seront perspicaces, au plus ils vous renverront d’internautes sur votre site.

Pour ajouter le lien sur votre site, coller simplement votre adresse (URL) dans le champ « Description ».

- « Sauvegarder ».

Voici une vidéo correctement publiée sur Dailymotion :

Blog Lamako/Fiches Multimédia | 6

Page 8: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

Pour publier la vidéo sur Lamako   :

- Copiez le code dans « Lecteur exportable » sous la vidéo.

- Collez le tout dans un fichier Bloc-Notes (ou un éditeur de texte simple) :Blog Lamako/Fiches Multimédia | 7

Page 9: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

Vous devez récupérer le code se situant à la fin de l’adresse : http://dailymotion.com/swf...Copiez la partie après : swf/ et avant le dernier guillemet " :

<div><object width="420" height="336"><param name="movie" value="http://www.dailymotion.com/swf/x5bd92&related=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.dailymotion.com/swf/x5bd92&related=1" type="application/x-shockwave-flash" width="420" height="336" allowFullScreen="true" allowScriptAccess="always"></embed></object><br /><b><a href="http://www.dailymotion.com/video/x5bd92_generation-mediateurs_webcam">G&eacute;n&eacute;ration M&eacute;diateurs</a></b><br /><i>envoy&eacute; par <a href="http://www.dailymotion.com/lamakoblog">lamakoblog</a></i></div>

- Créez un nouveau Post dans WordPress : « VIDEO | Ma vidéo sur Dailymotion…. »

- Ajouter un média > vidéo :

- Copiez la ligne « Instructions Dailymotion » :   [dailymotion id= 5zYRy1JLhuG1P3BGw] dans le champ « URL »,puis remplacez par votre code, résultat :

[dailymotion id=x5bd92&related=1]

- « Insérer dans l’article »,

- Publier.

3/ Insérer du SON

Blog Lamako/Fiches Multimédia | 8

Page 10: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

a. Trouver un son :

- Si vous le produisez, fournir un fichier en format .mp3,- Sinon, localisez un son sur le web, par exemple :

UNICEF/ sur la situation et la survie de l'enfant dans le monde :http://www.unicef.org/french/sowc08/press/audio.phpouRFI/Enfants des Rues Afrique :http://www.rfi.fr/radiofr/editions/072/edition_19_20080321.asp

Cherchez l’option « Télécharger », Récupérez l’URL (ci-contre),

b. Faire un nouveau Post : « AUDIO | Mon reportage… »

- Dans WordPress : Ajouter nouveau média > Son,

- Copiez l’URL,

- Ecrivez « > ECOUTER » dans le champ titre,

- « Insérer dans l’article ».

- Sélectionnez le texte de votre lien (> ECOUTER) et faites « afficher dans une nouvelle fenêtre » (outil Lien).

Pour fignoler, vous pouvez ajouter l’icône « pictoaudio » (Bibliothèque de médias, recherche sur « pictoaudio »)

Et voici votre article « AUDIO » :

4/ Faire des DIAPORAMASBlog Lamako/Fiches Multimédia | 9

Page 11: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

Il s’agit de transformer des présentations Powerpoint en diaporamas plus légers et directement jouables dans les pages blog (Ex. Fiche partenaire AHEED/Lamakoenglish).

Comme pour les vidéos sur Dailymotion, nous avons créé un compte sur un site dédié spécialement aux présentations :

http://www.slideshare.net

Login : LamakoblogPass : diaporamas

Pour charger une nouvelle présentation   :

- « Upload » en haut, chargez votre fichier Powerpoint (taille maxi 100 MB, formats .ppt et .pdf)

- Chargez une nouvelle présentation : onglet « Upload »

Blog Lamako/Fiches Multimédia | 10

Cliquez sur Lamakoblog (en haut) puis > My Slidespace,

puis sur le petit lien du nombre à droite pour déployer toutes les présentations que nous avons déjà chargées :

Page 12: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

Slideshare accepte les formats Powerpoint (.ppt) et Acrobat Pdf (.pdf). Limmite de poids : 100MB

- quand le chargement est terminé, spécifiez « Privacy » > Only me,

- validez par « Publish »,

- Cliquez sur « here » pour voir où est l’enregistrement final :

La nouvelle présentation s’affichera bientôt aux côtés des autres.

Pour intégrer le diaporama dans Lamako Blog   :

Blog Lamako/Fiches Multimédia | 11

Page 13: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

- Cliquez sur la présentation pour accéder à sa fiche, éditez-la :

- Faites « View Slideshow » (en haut) pour revenir sur la fiche,

Blog Lamako/Fiches Multimédia | 12

- spécifiez « Allow embedding » (tout en bas),

- Validez avec « Update »,

1

4

2

3

Page 14: Emily > Marie-viviane · Web viewEmily Soumah 2008 Les tags sont des mots-clés qui serviront aux internautes qui font une recherche sur Dailymotion sans vous connaître. Soyez précis

- Cliquez sur « options », en petit, à droite : de nouveaux codes apparaissent,

- Copiez le code « Embed WordPress »

- Collez-le directement dans le champ de saisie de texte de votre page WordPress, onglet « Visuel ». (Vous n’avez pas besoin de passer par « ajouter un média »).

Blog Lamako/Fiches Multimédia | 13