Archives de la Catégorie Auto-formation

Comment intégrer des vidéos dans votre blog

En furetant sur le forum comme je l’ai conseillé, je suis tombé sur cet article en faisant ma recherche (intégrer une vidéo) http://fr.forums.wordpress.com/topic/probleme-insertion-video-daily-motion?replies=20

YOUTUBE

J’ai suivi les conseils de ce tutoriel vidéo ci dessous, pour intégrer la vidéo qui suit
Pour faire simple vous écrivez &youtube=http://l’adresse-complète-devotrevidéo-youtube-sans-lien-hypertexte&   en remplaçant les & du début et de fin par [  et ]

Dailmotion, youtube, viméo , etc….

J’ai utilisé la solution préconisée dans le tutoriel que vous trouverez à la suite de mes explications…
A la suite du tutoriel, vous verrez que par cette méthode j’ai réussi à intégrer des vidéos de divers fournisseurs de vidéos…
En résumé
Ecrire &embed width=”600″ height=”338″*&/embed*  où vous remplacez & par [  et * par ]
Entre les deux crochets situés après le 338 vous collez l’adresse de votre vidéo à insérer en prenant la peine de ne laisser aucun espace avant et après. Pas de lien hypetexte (pensez à sélectionner et cliquer sur “défaire le lien” (image du chainon brisé)
Vous pourrez apprendre au besoin à changer la taille de vos vidéos si besoin (cf tutoriel vidéo)
Attention ce n’est pas n’importe quelle adresse qu’il faut coller. 
Voilà mes “trouvailles” :

DAILYMOTION:
Pour dailymotion, il faut simplement copier l’adresse qui s’inscrit dans la barre d’adresse (cliquer sur l’imagette pour voir en grand)
Dans l’exemple c’est donc http://www.dailymotion.com/video/xi27zk_prends-la-garde-a-toi_news qu’il faudra copier et rien d’autre

YOUTUBE:

Pour Youtube, il faut aussi simplement copier l’adresse qui s’inscrit dans la barre d’adresse (cliquer sur l’imagette pour voir en grand)
Dans l’exemple c’est donc http://www.youtube.com/watch?v=l5EsCGCCY3o qu’il faudra copier et rien d’autre

VIMEO:
L’adresse à copier est forcément composée de  http://vimeo.com/  suivi d’un nombre

Le tutoriel vidéo en entier

_______________________________________________________________________

Une vidéo dailymotion

____________________________________________________________________________

Une vidéo youtube

_____________________________________________________________________________

Une vidéo viméo

Où trouver de la “ressource”?

D’abord, et encore, dans le forum de la plateforme

http://fr.forums.wordpress.com/

C’est comme cela que j’y ai trouvé des gens qui disaient qu’on ne pouvait pas intégrer de vidéos dans la version gratuite qui nous était proposée, et d’autres qui expliquaient exactement le contraire.
Bref il faut apprendre à formuler sa recherche et savoir être persévérant.
C’est comme cela que j’ai trouvé la solution. Je suis tombé sur une vidéo tutoriel très bien faite, puis d’autres qui m’ont permis d’écrire l’article sur l’intégration de vidéos….

J’ai découvert aussi ce blog http://siteinn.wordpress.com/  dans lequel on trouve des choses très intéressantes, où on y découvre des problématiques identiques aux nôtres (amusant): vider le cache de son navigateur, intégrer un document PDF…

ON trouve des choses aussi sur ce site http://commentcreerunblog.wordpress.com/
Attention tout n’est pas utilisable pour un blog gratuit chez wordpress.com; parfois les tutoriels sont adaptés pour un blog hébergé et publié par vos soins chez un fournisseur d’accès (ce que nous proposions avant)

Comment insérer un fichier audio ou de la musique

Voilà le résultat, cliquer sur la flèche

UN fichier installé sur le site dl.free.fr (voir tutoriel ci dessous)

Download: iSA6VHJAR

Un fichier dont on connait l’adresse ou que l’on a installé soit même sur un espace web (site miroir, etc….)

Pour apprendre à le faire: CLIQUEZ ICI

Créer et publier un document PDF

Pourquoi créer un document PDF et le publier?

Car c’est le meilleur moyen de conserver intacte, votre mise en page sous votre logiciel favori de traitement de texte (word, openoffice…) de mise en page (publisher, impress…) ou de création de tableau chiffrés ou non (excel, calc..)
Les articles ou pages de wordpress ne sont pas fait pour faire de belles mises en pages, ou pour installer des tableaux. L’outil est mal adapté, ça ne remplace tout de même pas un logiciel de création de site web avec lequel on peut faire la mise en page qu’on veut, avec les modules qu’on veut.
La seule solution, moins  jolie, mais très efficace, est de faire un lien hypertexte, vers un fichier PDF que vous aurez préalablement créé sur votre ordinateur puis publié sur votre site.

1 créer un fichier PDF

De multiples solutions existent. Office à partir de la version 2007, et open office logiciel libre, vous permettent d’enregistrer une version de votre document au format PDF
Sinon vous pouvez installer un petit utilitaire qui va s’installer sur votre ordinateur et vous permettre d’imprimer votre document en une version PDF

A vous de savoir télécharger la version gratuite du logiciel, par exemple le très connu  PDF créator (ou tout autre logiciel de création de PDF) sans vous laisser embarquer dans l’installation de barres supplémentaires dans votre navigateur…. Observez ce que vous vous faites, lisez, et décochez si nécessaire…

Voir les liens suivants:

Une vidéo: http://www.dailymotion.com/video/x9y2a2_tutoriel-pdfcreator-sumatrapdf_tech

Ou des documents plus classiques….en PDF!
http://www.e-megalisbretagne.org/fileadmin/user_upload/accompagner_entreprise/Tutoriel_PDFCreator.pdf
http://www.6ma.fr/tuto/creer+des+fichiers+pdf+avec+pdfcreator-597

 

 

2 Insérer le fichier PDF dans le texte

Voilà comment je crée le document que je veux insérer dans ma page: cliquez ici  (exemple d’un tableau excel)

Je choisis de mettre le fichier à cet endroit.

Par exemple, voilà le planning des matchs des minimes:calendrier des matchs minimes

Lire le mode d’emploi pour réaliser cette opération (en pdf bien sûr!!)

 

Regarder aussi cette vidéo pour rappel

Qu’est-ce que le cache d’un navigateur ? Comment le vider…

 C’est une zone de mémoire dans laquelle le navigateur stocke les ressources web qu’il télécharge (pages web, images, feuilles de style, etc.), pour pouvoir les utiliser ultérieurement sans avoir à les re-télécharger, lorsque on les sollicite à nouveau. Le cache constitue, aussi sûrement que l’historique de navigation ou les cookies, une menace pour la vie privée. C’est aussi un problème lorsque les pages sont mises à jour puisque c’est souvent l’ancienne version qui vous est proposée,celle qui est déjà dans votre ordinateur, dans le cache de votre navigateur (dans le cas des sites en leogna.info, c’est très gênant si vous avez gardé ces anciennes pages). Mais ça permet aussi une navigation plus rapide et plus fluide : on ne peut pas avoir le beurre et l’argent du beurre comme on dit. On peut paramétrer le navigateur pour définir la taille du cache. On peut le vider à intervalle régulier (voire automatiquement à chaque fermeture du navigateur, comme le permet au moins Firefox).

 

Voir ces liens ci dessous qui expliquent comment réellement vider le cache des différents navigateurs. Attention, recharger/rafraichir une page, ne veut pas dire vider le cache.

 

http://www.libellules.ch/support/cache.php

http://aide.quomodo.com/depannage/vider_le_cache_de_mon_navigateur

Insertion d’un Diaporama PicasaWeb

Pour l'insertion d'un diaporama PicasaWeb il suffit d'insérer dans votre article ou dans  votre page le code suivant:

[ postcasa size=xl]Adresse_RSS_de_l'album[/postcasa ] (enlever les espaces au niveau des crochets)

Attention l'adresse RSS à insérer doit commencer par http et non https

Les dimensions du diaporama sont pilotées par la variable size qui peut prendre les valeurs suivantes:

  • small (144×96 pixels)
  • medium (288×192 pixels) (ceci est la taille par défaut si rien n'est indiqué)
  • large (400×267 pixels)
  • xl (600×400 pixels)
  • xxl (800×533 pixels)

Les dimensions peuvent être aussi pilotées par deux variables width et height en insérant le code suivant:

[ postcasa width=800 height=600]…

 

alignement du diaporama:

l'allignement du diaporama peut être défini par la variable "align=" qui peut prendre la valeur left (gauche, valeur par défaut), right (droite) ou center (centre).

Couleur d'arrière plan:

On peut définir la couleur d'arrière plan du diaporama avec la variable "bgcolor=" qui peut prendre une valeur exprimée en hexadécimal de la couleur choisie. La valeur par défaut correspond au noir.

  • [ postcasa bgcolor=ffffff]…

Affichage des légendes des photos:

Cette option  ("showcaptions") permet d'afficher la légende de chaque photo. Elle prend la valeur yes ou no

  • [ postcasa showcaptions=yes]…

Par exemple le diaporama suivant est obtenu avec le code suivant:

 

 

[ postcasa width=800 height=600 align=center bgcolor=ffffff showcaptions=no]http://picasaweb.google.com/data/feed/base/user/smithmnm/albumid/5553652263702437217?alt=rss&kind=photo&hl=fr[/postcasa]

 

 

[postcasa width=800 height=600 align=center bgcolor=ffffff showcaptions=no]http://picasaweb.google.com/data/feed/base/user/smithmnm/albumid/5553652263702437217?alt=rss&kind=photo&hl=fr[/postcasa]

 

Insertion d’une galerie photo PicasaWeb

Il suffit pour cela d'insérer un lien dans une ligne séparée avec l'URL (l'adresse web) de l'album que vous voulez publier. Si votre album est privé, assurez vous que dans l'adresse insérée se trouve bien le paramètre "authkey" permettant à vos visiteurs d'accéder à l'album. Pour changer les tailles des images ainsi que l'apparence, il faut aller dans le tableau de bord, Réglages puis KB Picasa (je suis désolé pour celles et ceux allergiques à l'anglais) !

A titre d'exemple, le diaporama suivant est inséré avec un lien pointant vers:

http://picasaweb.google.com/smithmnm/Rhodes#

http://picasaweb.google.com/smithmnm/Rhodes#