Le blog du Web pilot

Richmedia pour l'éditeur

Quelques outils "richmedia", susceptibles d'enrichir un contenu, et d'installation aisée pour les non informaticiens chargés de l'édition du site.
Facile donc, mais gare à la gadgetisation.

Attention, dans votre CMS (drupal ici), vous devez pouvoir activer le format d'entrée "PHP code". Le format HTML ne suffira pas et effacera une partie des codes insérés ci-dessous.

Insérer un diaporama dans ma page


Ouvrir un compte (gratuit) chez flickr.com
Envoyer mes images
Créer un album flickr pour ces images
Valider
Aller sur "partager"
"Cliquer sur le lien"
Copier le lien dans le presse-papier
Aller chez http://flickrslidr.com
Insérer l'adresse de l'album flickr et suivre les autres indications
copier-coller dans ma page le code html fourni en conclusion.
Created with Admarket's flickrSLiDR.


Alternative: créer votre diaporama dans Powerpoint.
- dans "fichier" cliquez "faire une vidéo
- cliquez "options de la vidéo"
- choisissez le critère "taille" dans "Optimisation",
- réduire les dimensions de la vidéo à la place disponible dans votre article (exemple: 270x 180)
- cliquez sur "ok"
- uploadez le fichier xxx.swf ainsi créé sur votre site
- passez à l'administration du site
- insérez en code HTML le script qui appellera ce diaporama:


<object width="300" height="200"> <param name="movie" value="somefilename.swf"> </param> <embed src="http://www.vocables.com/ecrire/multimedia_crfj2008.ppt.mov" width="300" height="200"></embed> </object>





Troisième possibilité, avec slide.com
- insérer dans slide.com vos images (glisser-déposer ou indiquer l'url de ces images, si elles sont déjà sur votre site et votre propriété
- choisir l'option "sans musique"
- choisir le style "sliding" (les autres sont un peu olé-olé pour un diaporama informatif)
- enregistrer
- copier le code fourni et le coller dans votre CMS,
ce qui donnera:






Insérer un tableau HTML


titre titre titre
  xxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxx
     
     
     
     


Avec le code
<table border="1" cellpadding="5" cellspacing="0"> <tr> <th bgcolor="#CCCCCC">titre</th> <th bgcolor="#CCCCCC">titre</th> <th bgcolor="#CCCCCC">titre</th> </tr> <tr> <td>&nbsp;</td> <td>xxxxxxxxxxxxxxxxxxxxxxxx</td> <td>xxxxxxxxxxxxxx</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> <tr> <td>&nbsp; </td> <td>&nbsp;</td> <td>&nbsp;</td> </tr> </tbody> </table>




Insérer un son mp3



Comme ceci (sur ce CMS Drupal)
<DIV id="Layer1" style="position:relative; width:230; z-index:1; visibility: visible"> <EMBED SRC="files/u1/Fm_-_Certain_People.mp3" autostart="false" name="platine" border="0" width="145" height="20"> </EMBED> </DIV>


Autre possibilité, un peu pauvre et renvoyant l'écoute sur un autre site :
- Uploader votre son dans une plateforme de partage de son, telle http://soundcloud.com
- Accepter sur le site le partage du son "to share"
- cliquer sur la fonction "sharing" et saisir le code affiché
- coller ce code dans notre CMS; qui fera apparaître le lien d'écoute:

Insérer une vidéo

Créer un compte (gratuit) sur blip.tv > y télécharger ma vidéo > copier le code "embed" > coller ce code dans ma page.


Insérer une carte enrichie

Créer un compte sur googlemap > créer ma carte > y insérer des points > les compléter avec liens Web, images, etc. > copier le code HTML de la carte > coller ce code dans ma page

Agrandir le plan


Insérer un "twitter"

(mini blog suivi de mon reportage heure par heure, alimenté par Web, IM ou SMS)
Créer mon compte (gratuit) sur twitter.com > commencer à rentrer mes premiers messages > obtenir et copier le code de mon twitter via http://twitter.com/badges > coller ce code dans ma page.



    Ajouter un widget existant

    Exemple: en allant le pêcher sur http://gmodules.com/ig/creator?synd=open


    Faire profiter vos lecteurs internautes de vos liens


    1: Qu'ils sauvegardent votre page dans leur compte delicious:
    Save This Page

    Et avec le pictogramme adéquat:
    Save This Page
    Soit le code:
    <a href="http://del.icio.us/post" onclick="window.open('http://del.icio.us/post?v=4&noui&jump=close&url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title), 'delicious','toolbar=no,width=700,height=400'); return false;"> <img src="http://images.del.icio.us/static/img/delicious.small.gif"> Save This Page</a>
    2. Qu'ils accèdent quand ils veulent à votre sélection de liens (ici ma sélection sur le Webjournalisme)
    Lien: http://del.icio.us/xavierdes/webjournalism
    3. Qu'ils reçoivent automatiquement (flux RSS) mes nouveaux liens "webjournalisme"
    Lien: http://del.icio.us/rss/xavierdes/webjournalism

    Partagez des fichiers sur mon site

    Si vous disposez de fichiers sur un disque dur virtuel et que vous souhaitez rendre certains fichiers, par exemple des images, accessibles à autrui.
    Ouvrir un "disque dur virtuel" chez Steekr.com (gratuit our 1Go) > y envoyer mes fichiers à partager > activer le partage > activer "widget" > copier-coller le widget dans mon site.







    Etiquettes de l'article:


    Poster un nouveau commentaire
    CAPTCHA
    Merci de faire le calcul ci-dessous et d'isncrire votre résultat pour assurer la sécurité de ce site.
    2 + 12 =
    Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.