Ressources

Nouveau portail: 6- les photos depuis Internet

2010-10-23T08:59:00.010+02:00

Vous avez vu dans l'article plus bas comment insérer dans un message du nouveau portail une photo stockée dans le serveur du portail lui-même.

Il est aussi possible d'insérer dans vos messages des images provenant de n'importe où sur Internet, du moment que vous en connaissez l'adresse (et que vous avez le droit de la reproduire). Ceci peut être intéressant pour insérer une carte, une affiche, une pub, une photo, etc.

En particulier, ceci constitue un moyen simple d'utiliser une photo que vous avez déjà mise dans un album en ligne parce que vous vouliez le partager avec vos amis. Pourquoi s'embêter à re-charger la photo sur un autre serveur si le transfert a déjà été fait sur un premier? Je vais vous montrer comment faire en prenant l'exemple des albums de Google-Picasa.

Commencez par ouvrir votre album de Google-Picasa et cliquez sur la photo qui vous intéresse. Je prends ici l'exemple de mes photos de fleurs de Nouvelle-Caldédonie. Cliquez dessus pour l'agrandir.

Effectuez les opérations suivantes:
1- Cliquez sur "Link to this photo" pour obtenir le lien
2- Choisissez "Image only"
3- Définissez la taille qu'aura la photo dans le message
4- Sélectionnez et copiez le lien préparé par Google-Picasa

Recopiez ce lien dans votre presse-papier ou laissez ouverte la fenêtre de Google-Picasa pendant que vous rédigez votre article, afin de ne pas perdre le lien!

Bon, maintenant lancez la rédaction d'un message pour le portail, comme vous le faites habituellement. Lorsque vous arrivez à l'endroit où vous voulez insérer l'image, cliquez sur l'icône d'insertion d'une image externe:

Fournissez ensuite, dans la petite fenêtre qui s'ouvre, l'adresse que vous aviez copiée tout à l'heure et validez par [OK]:

Voilà! Votre photo est dans votre message, comme vous pouvez le vérifier en cliquant sur [Visualiser]. Pensez à ajouter quelques retours chariot, grâce à l'icône correspondante,pour aérer la présentation:

Nouveau portail: 5- insérer une vidéo

2010-07-08T22:23:00.013+02:00

Pour insérer une vidéo il faut passer par les étapes suivantes:

1- Créer la vidéo
2- Convertir la vidéo en Flash
3- Charger le fichier Flash chez un hébergeur
4- Créer le code à mettre dans le billet
5- Ecrire le billet et l'enregistrer

Voyons ça plus en détail...

1- Créer la vidéo

Utilisez les outils à votre disposition, comme Windows Movie Maker par exemple. Créez une vidéo relativement courte (1 à 2 minutes, de préférence), dans un format pas trop grand. Sauvegardez-la au format wmv ou avi.

2- Convertir la vidéo en Flash

Vous devez convertir votre fichier wmv ou avi en flv. Il existe des tas d'outils qui font ça, y compris directement en ligne (comme youconvertit), mais mon préféré est le logiciel SUPER.

Si vous voulez aussi vous en servir, réglez-le ainsi:

Après avoir effectué les choix indiqués sur l'image élargie, glissez-déposez le fichier wmv ou avi sur l'emplacement indiqué, puis appuyez sur [Encode (Active files)]. A la question "Meta Tag", mettez n'importe quel mot évoquant le film et validez. Attendez que la barre verte se soit déplacée 2 fois. Vous disposez alors du fichier Flash (format flv).

3- Charger le fichier Flash chez un hébergeur

Disons que l'adresse du fichier est alors

http://www.hebergeurdocuments.com/videos/monfilm.flv

(Essayez Windows Live Skydrive, WOOfiles, WingedBox, Archive-Host)

4- Créer le code à mettre dans le billet

Allez sur le site Lecteur FLV qui fournit le lecteur de fichier Flash qui sera utilisé. Dans la rubrique "Catégorie", assurez-vous que "Generale" est bien sélectionné puis recopiez l'adresse du fichier Flash:

Descendez alors dans la rubrique "Code HTML", et recopiez tout le code (les balises "object" et "/object" d'extrémité comprises).

5- Ecrire le billet

A partir du portail des Niouzes, allez à la publication des articles. Ecrivez votre billet, et là où vous avez envie d'insérer la vidéo, collez le code récupéré à l'étape précédente. Pensez à mettre un ou deux retours chariot avant et après le code, pour bien séparer le film.

Enregistrez l'article.

La première fois ça semble un peu difficile, mais en fait le plus long est la création du film...

Nouveau portail: 4- les photos (effet lightbox)

2010-04-11T17:19:00.015+02:00

L'effet "lightbox" permet en cliquant sur un lien (une image par exemple) d'ouvrir par dessus la fenêtre en cours une autre image au travers d'une petite animation sympa. J'ai installé dans mes programmes l'outil qui permet de le faire, mais il faut tout de même donner les adresses des photos lorsqu'on rédige son article. Voici comment procéder:

Commencez par créer 2 versions de la photo en question: une petite (pas plus de 300 pixels de large) qui sera insérée dans l'article et une plus grande (600 à 800 pixels) qui apparaîtra lorsque l'internaute cliquera sur la petite. Dans mon exemple, la petite photo s'appelle "fruit_small" et la grande "fruit_large".

Préparez votre billet et insérez la petite version de la photo comme je vous l'ai appris dans un article précédent. La balise "img" apparaît alors dans le texte (cliquer sur la petite copie d'écran ci-dessous pour l'ouvrir en plus grand dans une autre fenêtre).

C'est maintenant qu'il faut être attentif(ve)! Cliquez de nouveau sur l'icône d'insertion d'une image interne. Transférez la photo version grande taille, puis déplacez vous dans cette liste pour la retrouver, mais sans cliquer dessus. Vous voyez en dessous de la photo son nom en bleu souligné. Mettez la souris sur ce lien et faites un clic-droit dessus afin de faire apparaître le menu contextuel. Dans le menu contextuel, cliquez sur "Copier l'adresse du lien", puis refermez la fenêtre de vos images.

Par cette manipulation, vous venez de copier dans votre presse-papier l'adresse de la photo en grande taille, telle qu'elle est enregistrée chez mon hébergeur. Vous êtes revenu(e) dans l'éditeur du message. Sélectionnez l'ensemble de la balise "img", y compris les signes "inférieur" et "supérieur" qui la délimitent. Une fois la sélection effectuée, cliquez sur l'icône de création de lien.

La petite fenêtre de définition du lien s'ouvre et vous positionnez votre curseur à l'intérieur. Effectuez de nouveau un clic droit de la souris dans cette fenêtre et cliquez sur "Coller" dans le menu contextuel, ou simplement faites "Ctrl-v". Vous avez alors automatiquement copié l'adresse qui était dans le presse-papier, sans avoir jamais eu à la connaître réellement.

Faites [OK] une première fois, puis une deuxième fois lorsqu'on vous demande la langue de référence. Votre balise "img" qui définit la petite image insérée dans le texte est maintenant précédée de la balise "a" (ou balise d'ancre) qui renverra vers la grande photo en cas de clic, et suivie de la balise de fermeture "/a".

Si on en reste là , ce qui est toujours possible, le fait de cliquer sur la petite image ouvrira la grande à la place des articles du portail. Ça marche, mais ce n'est pas très sexy. Il faut maintenant franchir une dernière étape. A la fin de la balise "a", juste avant le signe "supérieur", remplacez hreflang="fr" par rel="lightbox" sans oublier les guillemets ni l'espace avant rel.

Et voilà, c'est fini et ça marche!

Nouveau portail: 3- les photos (l'habillage)

2010-04-11T12:46:00.011+02:00

Par défaut, les photos sont présentées à gauche du texte que vous écrivez, le haut de la photo étant placé sur la même ligne que le mot où vous avez choisi de l'insérer. Je vous expliquerai plus tard comment changer ce positionnement relatif que l'on appelle l'habillage.

Nouveau portail: 2- les photos (la base)

2010-04-07T08:59:00.020+02:00

Dans le principe, il n'y a pas de différence avec ce que vous (les filles surtout!) aviez coutume de pratiquer. Il faut:

1- préparer la photo
2- insérer la photo dans le texte

Voyons cela plus en détail:

1- Préparer la photo

Commencez par améliorer les couleurs, la lumière et le contraste avec des outils comme Irfanview, Picasa ou encore Photoscape, décrits dans l'excellent blog "Traitements de photos". Pensez à valoriser les sujets en procédant à un bon recadrage.

S'IL VOUS PLAIT, pensez ensuite à réduire la taille des photos insérées dans les blogs! Lorsque la photo sert à illustrer un article, ne dépassez pas 300 pixels de large. Vous pouvez aller jusqu'à 400 si cela permet de montrer un détail important. Exceptionnellement, si l'article n'est composé QUE de la photo, je vous autorise à aller jusqu'à 600 pixels de large... Si vous ne vous souvenez plus comment réduire la taille d'une photo, relisez cet article.

2- Insérer la photo dans le texte

Commencez comme dans l'article précédent: cliquez sur "Publier un article" tout en haut et à gauche du portail, puis identifiez-vous dans la page "dotclear" qui s'est ouverte. Cliquez sur "Nouveau billet" et commencez à le rédiger.

Une fois parvenu(e) à l'endroit où vous voulez mettre votre photo, cliquez sur le bouton d'insertion d'une image interne (par opposition à une image piquée sur une autre page du web!).

Une fenêtre s'ouvre pour gérer vos images. Commencez par cliquer sur le répertoire qui est à votre nom. Techniquement il n'y a aucune obligation à utiliser un répertoire plutôt qu'un autre, mais j'ai pensé que ce serait plus simple si tout était rangé soigneusement...

Vous pouvez réutiliser une photo qui existe déjà dans votre répertoire, mais en général vous voudrez utiliser une nouvelle photo.

Descendez sous les photos présentées (quand il y en a déjà...) et cherchez la rubrique "Transférer une image". Cliquez sur [Parcourir], ce qui vous permet de choisir sur votre ordinateur la photo que vous avez préparée à l'étape 1- citée en début de cet article. Cliquez ensuite sur [Envoyer], bien entendu.

Voilà, fermez la fenêtre: la photo préparée sur votre ordinateur est maintenant sur le serveur du portail. Cliquez de nouveau sur l'icône d'insertion d'image. La même fenêtre s'ouvre. Ouvrez de nouveau votre répertoire: votre photo est maintenant présente. Cliquez dessus. Le code d'insertion de la photo (balise "img") apparaît dans le texte. Si vous voulez que l'image soit mise à la ligne, après le paragraphe précédent, et avant le paragraphe suivant, pensez à ajouter des "retours chariot".

En cliquant sur [visualiser], vous observerez comment se place la photo au sein de l'article:

Continuez à rédiger votre texte et une fois votre billet terminé, n'oubliez pas de cliquer sur [enregistrer].

Nouveau portail: 1- le texte

2010-04-03T18:40:00.010+02:00

Nous verrons dans un autre chapitre comment insérer des images. Commençons par le basique, c'est-à-dire la rédaction d'un article. Ce n'est pas compliqué si vous acceptez de lire ce mode d'emploi tranquillement.

Pour commencer, cliquez comme auparavant sur le lien Publier un article en haut et à gauche du portail.

Vous arrivez alors sur la page d'identifcation du gestionnaire du blog (j'ai installé DOTCLEAR).

Fournissez l'identifiant et le mot de passe que je vous ai envoyés par courrier électronique. Attention aux éventuelles majuscules, et ne mettez pas d'accent si je n'en ai pas mis.

Si vous voulez ne pas refaire tout ça à chaque fois, cochez la case "Se souvenir de moi", et après avoir cliqué sur [OK] acceptez que Firefox mémorise votre mot de passe.

La page suivante vous permet de faire plusieurs choses dans la gestion de vos billets. Contentons-nous du lien Nouveau billet, pour l'instant: cliquez-dessus.

Reconnaissez que jusque là il n'y a rien de mystérieux!

Voilà: maintenant vous êtes sur la page de création de votre billet. Ne vous occupez pas de tout ce que l'on vous y présente. Ne considérez que les zones 1 (le titre), 2 (le message), 3 (le "retour chariot"), 4 (la mise en forme), et 5 (l'enregistrement du billet).

Je ne reviens pas sur 1 et 2.

En revanche, je signale que ce n'est pas parce que vous ferez "Entrée" sur votre clavier que votre texte ira vraiment à la ligne. Il faut positionner le curseur à l'endroit voulu, et cliquer sur la touche de retour chariot (zone 3).

Dans la zone 5, vous pouvez demander à avoir un aperçu de votre article (touche [visualiser]) ou directement le publier par [enregistrer].

Je reviens sur la mise en forme du texte. Vous avez vu que la zone 4 vous propose de mettre en gras (Bold), en italique (Italic), en souligné (Underline), voire en barré (Strike).

Comme d'habitude, sélectionnez le texte à formater et cliquez sur le taritement à effectuer.

Ne vous étonnez pas! Des mots supplémentaires vont apparaître dans votre texte, entourés par les signes "inférieur" et "supérieur". C'est ce que l'on appelle des balises en langage html. Si vous cliquez sur [visualiser], vous verrez l'effet de ces balises.

Pensez bien à cliquer sur [enregistrer] à la fin!

Dans l'article suivant je vous expliquerai comment insérer des images...

Convertir et modifier des fichiers vidéo

2009-03-28T15:39:00.016+01:00

Mon appareil photo prend des petits films, comme tous les numériques, mais au format ".mov", c'est-à-dire un format d'Apple que l'éditeur de Microsoft (Windows Movie Maker) refuse de lire... De plus, il m'arrive de me laisser emporter par mon enthousiasme et de prendre les films avec l'image en vertical, ce qui fait qu'à la lecture on doit tourner la tête pour arriver à les voir. Ce serait bien de pouvoir les redresser! Pour corriger tout cela, je vous propose d'utiliser le logiciel gratuit MediaCoder.

- Installer MediaCoder

Allez à cette page (http://www.mediacoderhq.com/download.htm) pour télécharger l'installateur.

Choisissez la version la plus récente (MediaCoder 0.7.0-rc à la date de rédaction de cet article) et téléchargez-la.

ATTENTION! Après avoir choisi le lien "MediaCoder 0.7.0-rc", vous arrivez à la page de téléchargement proprement dite, qui ressemble à ça:

Ne cliquez pas sur le gros bouton [Téléchargez] qui correspond à AVS Video Converter (c'est un piège commercial!), mais sur le lien Get 32 bit Installer, qui charge MediaCoder. L'installateur arrive alors sur votre ordinateur.

Double-cliquez sur l'installateur, acceptez les conditions de la licence. Choisissez les composants à installer en vous inspirant de la liste ci-dessous:

N'installez pas le Paltalk, sauf si vous en avez réellement envie:

A la fin de l'installation (ou au premier lancement de MediaCoder), l'ordinateur ouvre une page Internet vous proposant de préparer des réglages de base et de vous guider. Cochez la case "Do not show...", et cliquez sur le bouton [Start MediaCoder]. Les fois suivantes il ne vous embêtera plus!

- Utiliser MediaCoder

MediaCoder s'ouvre. Faites glisser dessus le fichier que vous voulez modifier. Son nom apparaît. Vous pouvez en rajouter d'autres si vous désirez appliquer le même traitement à plusieurs films.

Dites-lui où enregistrer le film modifié en allant dans l'onglet "Generic", et en cliquant sur [Browse] pour chercher le répertoire voulu pour "Output Folder".

Dans l'onglet "Video", assurez-vous que la case "Enable Video" est cochée, et que les cases "Copy Video" et "Auto Select" de l'Encoder sont dé-cochées. Choisissez XviD comme format et "Two-Pass" comme Mode. Choisissez "FFmpeg" comme Encoder. C'est ce que j'ai trouvé de meilleur comme réglages pour mes besoins.

Dans l'onglet "Audio", assurez-vous que le MP3 est bien le format choisi.

Dans l'onglet "Container", choisissez le format AVI dans la liste déroulante.

Vous pourriez vous arrêter là si vous ne voulez que convertir le film dans un nouveau format. Si vous voulez aller plus loin, allez dans l'onglet "Picture" où vous pouvez par exemple faire tourner l'image en cochant Rotation et en choisissant 90 degrees CW (ClockWise) ou 90 degrees CCW (Counter ClockWise)

Vos réglages sont terminés: vous voyez que ça n'a pas été trop difficile... Lancez la conversion en cliquant sur le bouton [Start]. Attendez un peu, et votre nouveau film est livré dans le dossier que vous avez spécifié plus haut!

Tabl. Cr. Dyn. II: "Le Retour"

2008-04-29T22:56:00.009+02:00

Voici, sur le seul mois de janvier, la répartition par sexe et âge des IMV en diagnostic de sortie. Ce graphique n'a pas beaucoup de sens statistiquement du fait du faible nombre de données, mais il pourrait être intéressant sur un semestre ou une année. La première conclusion est donc qu'il faut commencer par se créer un tableur complet de TOUTES les données sur TOUS les mois disponibles. AUCUN FILTRAGE n'est nécessaire, car nous utiliserons les tableaux croisés qui permettent le filtrage en fin de procédure.

On commence donc par créer un tableau croisé en mettant en zone LIGNE le bouton [age], puis en zone COLONNE les boutons [diagnostic sortie] et [sexe F]. Enfin, en zone DONNÉES, on met le bouton [diagnostic sortie], pour lequel on choisit la fonction Nombre si elle n'est pas proposée d'emblée. Le lecteur (ou la lectrice, pardon...) attentif (tive) se demande pourquoi on met [diagnostic sortie] en zone COLONNE, puisque on veut seulement avoir le nombre de diagnostics d'IMV en zone [DONNÉES]. Bonne question! En fait, c'est simplement pour pouvoir effectuer un filtrage plus tard. Regardons:

Le tableau croisé que l'on obtient est très long: il contient tous les diagnostics de sortie puisque nous n'avons effectué aucun filtrage sur le tableau des données.

Nous effectuons donc le filtrage maintenant en cliquant sur le triangle noir de la cellule diagnostic sortie. Nous décochons (Afficher tout) en haut de la liste sur ma version d'Excel, puis nous cochons imv. Le tableau se trouve alors restreint aux seules données des IMV.

Si nous demandons de passer en graphique, nous obtenons un truc assez vilain:

Nous effectuons donc plutôt un copier-coller de la zone des données (ATTENTION: faire Collage spécial>Valeurs).

Et c'est sur cette nouvelle plage de données que nous demandons un graphique, et obtenons ce splendide histogramme en 3D:

Nota: lorsque l'on travaille sur une présentation de plusieurs séries simultanées (ici: filles et garçons), on ne peut faire que des courbes ou des histogrammes. Pour faire des camemberts, il faut ne travailler que sur une seule série, et donc filtrer suffisamment pour n'avoir qu'une seule colonne de données. Ainsi, en filtrant sur la cellule sexe F pour ne garder que les filles, je peux créer un camembert comme ceci:

EXCEL et son Tableau Croisé Dynamique

2008-04-28T14:32:00.009+02:00

Pour comprendre à quoi sert cet outil, le mieux est de s'en servir sur un exemple. Assurons-nous d'abord qu'il n'y a aucune colonne ou ligne qui soit totalement vide. S'il y en a, nous les supprimons. De même, chaque colonne doit avoir un nom. Les colonnes partiellement vides sont acceptables, du moment qu'elles ont un nom dans leur première cellule.

Partons du tableur janv.3.xls nettoyé selon ce qui est dit ci-dessus. Allons dans le menu Données>Rapport de tableau croisé dynamique. Une fenêtre s'ouvre, qui offre plusieurs choix: gardons les choix par défaut ("Liste ou base de données Microsoft Excel" et "Tableau croisé dynamique"). Cliquons ensuite sur [Suivant>]·

L'assistant demande alors quelle est la plage sur laquelle on veut travailler. Plaçons la souris sur la dernière cellule contenant une donnée (ici P165) et tirons-là jusqu'à la première cellule contenant un nom de colonne (ici A1).

La zone est entourée d'un rectangle clignotant. Cliquons encore sur [Suivant>].

Il est plus sage de demander à avoir le tableau croisé sur une nouvelle feuille plutôt que sur la feuille en cours. Après nous être assurés que c'est bien cette option qui est cochée, cliquons sur le bouton [Disposition].

C'est là qu'il va falloir choisir quel bouton "champ" à droite mettre à quel emplacement du diagramme à gauche.

Imaginons que nous souhaitons connaître l'impact des examens complémentaires de radiologie sur les durées de séjour en urgence selon les motifs d'entrée. Prenons le bouton [motif entrée] et faisons-le glisser sur la zone COLONNE. Mettons le bouton [exam compl radio] dans la zone LIGNE. Mettons ensuite [durée séjour urgence] dans la zone DONNEES.

Ce dernier bouton se transforme alors en [Somme de durée...]. Or, nous voulons la moyenne et pas la somme. Cliquons 2 fois sur ce bouton, et choisissons alors Moyenne plutôt que Somme (on pourrait prendre le Maximum, la Variance, etc...). Rajoutons dans la zone DONNEES les durées de consultation et les données avant hospitalisation, et mettons-les en Moyenne (pour avoir un info plus fine).

A la fin nous cliquons sur [OK] et une nouvelle feuille apparaît dans le tableur avec les calculs tout faits. Si l'on met plusieurs boutons dans la zone LIGNE (par exemple [Sexe F] en plus de [exam compl radio]), on a une différenciation supplémentaire sur ce critère.

Un post avec des liens vers un album

2007-10-08T08:40:00.000+02:00

Vous faites des photos splendides et vous voulez en faire profiter la famille au travers du Portail. C'est facile à réaliser de façon simple, grâce aux différents outils de Google. Il vous faut:

- créer un album en ligne chez Google (avec ou sans outil Picasa)
- rédiger des articles chez Google et mettre un lien vers l'album (outil Blogger)

1) Créer un album en ligne sans logiciel

Puisque vous avez un compte Gmail, vous pouvez l'utiliser pour créer des albums chez Google. Bien qu'ils s'appellent Picasa Web Albums, on peut très facilement les créer sans installer le logiciel Picasa. Si vraiment vous voulez Picasa, allez à la rubrique 5) tout en bas de l'article. Sinon voici comment faire.

Commencez par aller sur la page d'accueil de Google et cherchez la rubrique "plus". Cliquez dessus pour vous rendre sur la page de tous les services que Google propose.

Regardez dans la colonne de droite et cherchez Picasa. Trouvé? Cliquez dessus sans vous inquiéter: vous n'allez pas le télécharger, mais juste vous rendre à la page des albums.

C'est en haut, à droite que se trouve le lien pour y aller. Ça semble un peu long la première fois, mais c'est parce que vous ne vous êtes pas encore inscrit aux albums...

C'est là que vous allez le faire. Utilisez tout simplement votre identifiant Gmail et votre mot de passe. Je vous suggère aussi de cocher "Mémoriser mes informations sur cet ordinateur" (uniquement si c'est le vôtre!). Ceci est destiné à accélérer les connexions ultérieures. Cliquez sur [Connexion]

Vous êtes maintenant sur la page de vos albums. Vous allez pouvoir charger des photos grâce au bouton [Upload Photos], mais auparavant sauvegardez cette page dans vos favoris ou marque-pages sous un nom comme "Mes Albums Web Picasa", car vous aurez à y revenir à l'avenir.

C'est fait? Bon cliquez sur [Upload Photos]. Comme vous n'avez pas encore d'album, il faut en créer un. Google vous le propose directement.

Donnez un titre à votre nouvel album et une date (celle des photos, pas celle de création de l'album, à mon avis).

Vous pouvez aussi repérer le lieu où les photos ont été prises en utilisant le service Google Maps, si vous souhaitez plus tard envoyer cette carte à des amis. Pour l'instant, laissez tomber!

En revanche, je vous conseille fortement, en bas du formulaire, de cocher "Unlisted" au lieu de "Public". De cette façon, l'album n'apparaît pas dans la liste publique et n'est donc accessible qu'à ceux à qui vous en donnez l'adresse. Je pense que c'est plus raisonnable, non?

Google vous propose ensuite de lui indiquer les photos à charger, par lots de 5. Faites [Start Upload] à la fin de la désignation des 5 images, puis recommencez si vous en avez d'autres à mettre en ligne.

Si vous êtes prêt à rédiger immédiatement votre article, laissez la fenêtre de l'album ouverte, et ouvrez-en une autre pour écrire le message en question.

2) Mettre dans les articles un lien vers l'album...

Maintenant que vous savez comment créer vos albums de photos chez Google, voyons comment vous y référer dans les articles. Comme d'habitude, vous arrivez sur la page de Blogger de rédaction des messages.

Avant d'aller plus loin, et si ce n'est pas fait, ouvrez une autre fenêtre ou un autre onglet à partir de votre favori Mes Albums Web Picasa. Cherchez l'album voulu, et ouvrez-le en cliquant sur son nom. Les vignettes des photos apparaissent.

Vous trouvez à gauche le menu des actions possibles sur cet album. C'est là que vous allez agir.

Juste au-dessus se trouve la photo dite "de couverture" de l'album. C'est celle qui sera mise dans votre article pour faire le lien vers l'album. Vous pouvez la changer en cliquant sur Choose Album Cover.

Pour faire le lien article <--> album, cliquez sur Link to this Album. Deux liens vous sont proposés, soit pour mettre un lien dans un e-mail, soit pour mettre un lien dans un site web. Naturellement, vous cliquez sur le 2ème, qui se surligne alors en bleu. Par un clic-droit de la souris, faites alors Copier. Toute la formule magique se trouve maintenant dans le presse-papier.

Vous pouvez fermer la fenêtre des albums. Allez rédiger votre article comme d'habitude, et là où vous voulez mettre la photo-lien faites CTRL-V ou clic-droit>Coller. La formule magique apparaît dans le texte. Ne vous inquiétez pas! Si vous passez en mode Aperçu, vous voyez que c'est bien la photo de couverture qui est présente, comme dans l'exemple de mon séminaire à Marcoussis, ci-dessous. Cliquez sur cette photo pour vérifier que cela ouvre bien mon album.

Marcoussis 2006

3) ...ou mettre plusieurs images dans l'article...

Ouvrez une fenêtre ou un onglet à partir de votre favori/Marque-page/Bookmark Mes Albums Web Picasa. Cherchez l'album voulu, et ouvrez-le en cliquant sur son nom. Les vignettes des photos apparaissent.

Cliquez sur la première photo que vous voulez insérer dans l'article. Elle apparaît en grand. Intéressez-vous au menu qui est maintenant à droite. Cliquez évidemment sur Link to this Photo. Commencez par déterminer la taille qu'aura la photo dans l'article. Dans mon exemple, vous voyez que j'ai choisi 144 pixels. Cochez "Show link to album". De la sorte, le nom de l'album apparaîtra sous la photo et constituera un lien vers l'album complet. Puis, choisissez le lien "HTML to embed in website" et cliquez dessus pour qu'il soit surligné en bleu. Copiez ce lien par clic-droit>Copier.

Sans fermer cette fenêtre de l'album, allez dans la fenêtre de rédaction de l'article. Tapez du texte, et là où vous voulez mettre la photo collez le code que vous venez de copier, en faisant clic-droit>Coller ou CTRL+V.

Pour rajouter d'autres photos, retournez dans la fenêtre de l'album et recommencez l'opération autant de fois que désiré. A la fin, ça peut donner quelque chose comme ça:

Ici l'ancien entraîneur du XV de France Jean-Claude SKRELA nous explique ses méthodes de travail.

From Marcoussis 2006

Là, l'état-major du département pose devant une immense photo de l'équipe de France de rugby. Vous voyez ce que donne l'image en 288 pixels de large, comparée aux 2 autres en 144 pixels.

From Marcoussis 2006

En cliquant sur une photo on l'ouvre en grand. En cliquant sur Marcoussis 2006 on ouvre tout l'album.

4) ...ou encore mettre un diaporama

Ouvrez une fenêtre ou un onglet à partir de votre favori/Marque-page/Bookmark Mes Albums Web Picasa. Cherchez l'album voulu, et ouvrez-le en cliquant sur son nom.

Dans le menu de gauche, nous allons maintenant nous intéresser à l'obtention du code du diaporama.

Pour cela, cliquez sur Embed Slideshow. Une nouvelle fenêtre s'ouvre, qui vous montre ce que sera le diaporama, mais aussi qui permet de régler certains paramètres.

Laissez "Autoplay" coché. Eventuellement, cochez "Show captions", si vous avez mis des légendes intéressantes à vos photos, et réglez la taille du diaporama. J'ai choisi 288 pixels de large dans mon exemple.

Cliquez une fois sur la formule magique: elle se surligne en bleu. Faites clic-droit>Copier pour la copier dans le presse-papier. Cliquez sur [Done] et fermez la fenêtre de l'album.

Dans la fenêtre de rédaction de l'article, rédigez votre texte et, à l'endroit où vous voulez insérer le diaporama, collez le code copié précédemment (clic-droit>Coller ou CTRL+V). Faites Aperçu pour vous assurer de la présence du diaporama et publiez votre article. Ça donnera quelque chose comme ça:

Notez qu'en passant la souris sur le diaporama, ses commandes apparaîssent. Magique, non?

5) Créer un album en ligne avec Picasa

Pour le cas où vous voudriez avoir un outil permettant ET de traiter les photos ET de les charger en ligne pour les montrer dans des albums, utilisez Picasa.

Commencez par télécharger le logiciel Picasa de Google en cliquant sur ce lien, et effectuez les opérations indiquées. C'est facile. Picasa vous permet de:
--> disposer de la liste (et des vignettes) de toutes les images qui sont sur votre ordinateur: on obtient alors une planche-contact intégrale
--> effectuer des retouches assez intéressantes de vos photos: la suppression des yeux rouges est plus efficace que celle d'Irfanview, par exemple
--> créer des pages web de photos, si vous avez un hébergeur, comme celle de notre voyage en Martinique en 2007
--> créer un "album/stockage" chez Google, but de cette rubrique, comme l'album de la soutenance de Xavier

Lorsque vous ouvrez Picasa, il met à jour automatiquement la planche-contact avec les nouvelles images enregistrées dans l'ordinateur depuis son ouverture précédente, ce qui veut dire que la première fois ce peut être un peu long...

Il y a 2 organisations possibles de la planche-contact: chronologique ou arborescente. Par défaut Picasa propose la première, que je trouve un peu perturbante car elle fait apparaître des pseudo-dossiers plus nombreux que la réalité. Je préfère une présentation bien classique montrant des dossiers rangés dans des répertoires, comme on a l'habitude de le voir sur son micro. Pour obtenir ça, c'est très simple: en haut et à gauche de la fenêtre de Picasa, je clique sur le bouton qui présente une description arborescente, et hop!

Les zones de la fenêtre de Picasa sont:
- zone 1: l'arborescence des dossiers
- zone 2: la planche-contact
- zone 3: les images sélectionnées
- zone 4: les outils applicables à la sélection

Pour créer votre album chez Google, vous allez devoir choisir les photos et les envoyer en ligne. Tout se fait à partir de cette fenêtre de Picasa.

- - sélectionnez les photos: cliquez sur le bon dossier dans la zone 1, puis dans la zone 2 cliquez sur chaque photo choisie en maintenant la touche CTRL enfoncée. Vous voyez apparaître les photos sélectionnées dans la zone 3.

- - envoyez les photos sur votre compte Google: dans la zone 4, cliquez sur le bouton [Album Web]

Cette fenêtre apparaît, dans laquelle vous allez mettre votre identifiant et votre mot de passe Gmail, c'est-à-dire les mêmes que ceux utilisés pour rédiger un article: il n'y a rien de nouveau à mémoriser!

Il vous faut simplement, à la première utilisation, initialiser les albums web de votre compte Google en cliquant sur S'inscrire aux albums Web et en complétant la page Internet qui apparaît alors. Vous n'aurez plus à le refaire ensuite.

Précisez dans quel album vous voulez ranger les photos, éventuellement en en créant un nouveau, et indiquez que la taille maximum des photos doit être de 1024 pixels si vous ne les avez pas réduites au préalable. Validez et Picasa effectue le transfert.

Vous pourrez accéder à vos albums depuis n'importe quel ordinateur en allant sur la page http://picasaweb.google.fr/home.

Si vous n'arrivez pas à vous souvenir de ce lien, allez sur la page d'accueil de Google et cliquez sur "plus". Dans la colonne de droite, cliquez sur Picasa.

Vous arrivez alors dans la page spécifique de Picasa. Recherchez en haut à droite le lien vers les albums web et cliquez dessus. Personnellement, je vous suggère de créer dans vos favoris la page Mes Albums Web Picasa (URL: http://picasaweb.google.com/home) pour pouvoir y accéder directement sans avoir à taper une adresse ou à cliquer de page en page...

Retournez ensuite à la rubrique 2) et créez votre article.