la souris curieuse des TICE

Rendre un blog alléchant pour donner envie au lecteur de lire les articles c’est -aussi- savoir bien gérer la mise en page des images. Ce troisième article va expliquer l’utilisation du bouton « modifier l’image »

Le bouton « modifier l’image » apparaît sur une image quand on sélectionne celle-ci : il représente la photo d’une montagne. On voit aussi apparaître à côté du bouton un symbole d’interdiction et tout autour de l’image 8 poignées blanches qui permettent de la manipuler.

En cliquant sur ce bouton une fenêtre s’ouvre :

Bien sur ce bouton permet aussi de déterminer la position de l’image (gauche , centre, droite) et de mettre une légende sous l’image.

Remarque : placer une légende sous l’image ne pose aucun problème quand l’image est positionnée à gauche. Mais quand elle est à droite, certains habillages de blog n’autorisent pas l’utilisation de la légende !

Un onglet « option » avancées » permet aussi de travailler sur la bordure et sur les marges verticales et/ou horizontales de l’image. Comme lorsqu’on utilise le bouton image la bordure apparaît en noir alors que les marges sont en blanc.

D’autres modifications sont possibles mais demandent des connaissances un peu plus poussées en html.

En fait les deux boutons ont des utilisations proches mais cependant un peu différentes. A chacun de découvrir ses préférences. Pour ma part j’utilise plus volontiers le bouton image car le je trouve plus rapide d’utilisation.

Et vous ?

Sylvie R.

articles précédents :
blog wp : mise en page des images (1)
blog wp : mise en page des images (2)

aujourd’hui je suis heureuse de vous offrir, en provenance directe de mon jardin niçois, un œillet … de Nice, bien sur !

Rendre un blog alléchant pour donner envie au lecteur de lire les articles c’est -aussi- savoir bien gérer la mise en page des images. Ce deuxième article va expliquer comment, sur les blogs du webpédagogique, on peut ajouter une bordure et aussi décoller l’image du texte.

1. décoller le texte de l’image

Nous avons vu, dans l’article précédent, comment positionner l’image à gauche, à droite ou au centre. Mais cela n’empêche pas que le texte vienne se coller contre l’image ce qui rend la lecture plus fastidieuse et l’allure générale moins agréable (voir image de droite =>).

Pour décoller le texte de l’image nous allons, de nouveau utiliser le bouton insérer/modifier une image. Nous allons cliquer sur le bouton et, en face de « Espace horizontal » nous allons écrire un chiffre, 5, par exemple. puis nous validons en cliquant sur « Mettre à jour »

2. mettre une bordure à l’image

Il peut être utile d’encadrer l’image quand le fond est clair, en particulier quand il s’agit d’une capture d’écran pour que le lecteur comprenne bien où comme et où finit la capture d’écran (c’est ce que j’ai fait dans l’image ci-contre).

Pour cela, en utilisant le bouton insérer/modifier une image, en face de Bordure, nous allons taper 1, par exemple . Attention de ne pas mettre un chiffre trop grand, ce qui donnerait un aspect un peu mortuaire !

Sylvie R.

la rose vient de mon jardin

Les décodeurs de l’info sont des élèves de 4ème du collège Waldeck Rousseau à Firminy-42 (près de Saint Etienne). Après avoir, en art plastique, travaillé sur des images (voir leur article la manipualtion d’image paru sur le blog officiel la Passerelle d’ E. Grange) , cette fois, ils ont réalisé une vidéo dans le cadre d’un IDD (itinéraire de découverte) pour montrer au lecteur comment on peut trafiquer une information.

Bien que le son ne soit pas toujours parfait, cette vidéo est une belle démonstration riche en informations peu connues et parfois très surprenantes. Comme ils le disent dans leur présentation sur leur blog Waldeck Info – Le blog des 4ème de Waldeck Rousseau :

« Notre projet consistait à montrer ce qu’est la désinformation. Pour cela, nous sommes rentré dans la peau d’un journaliste. »

Alors n’hésitez pas à prendre 5 min pour la visionner : vous ne serez pas déçus !

Un grand bravo aux élèves du collège Waldeck Rousseau et à leurs professeurs et merci à E. Grange de m’ avoir autorisée à reproduire la vidéo dans mes colonnes !

Par ailleurs je suis très contente de pouvoir montrer cette vidéo, non seulement pour son contenu, mais aussi parce qu’ elle est typique des activités formative pas assez souvent menées en collège (pour x raisons, et pas forcément du fait des enseignants !(1)) : travail interdisciplinaire, utilisation des supports de communication contemporains, démarche de projet, travail de groupe …  Je suis persuadée que si tous les élèves de France pouvaient vivre régulièrement de telles expériences on  se plaindrait beaucoup moins des problèmes d’absentéisme, de dégout de l’école, d’augmentation de la violence …

Sylvie R.

(1) Ainsi les IDD, dans mon collège, après avoir fonctionné de façon très satisfaisante et enrichissante pour tous, élèves comme professeurs, ont dû être supprimés pour des raisons de dotation horaire

Rendre un blog alléchant pour donner envie au lecteur de lire les articles c’est -aussi- savoir bien gérer la mise en page des images. Ce premier article va expliquer comment, sur les blogs du webpédagogique, positionner l’image dans l’article : à gauche, à droite, centrer.




1) si on ne fait qu’importer une image avec la commande « Ajouter un média »

Elle va se placer automatiquement à gauche de l’article et laissera un vide sur sa droite : le texte n’apparaitra qu’en dessous.

Ce n’est pas très élégant et cela fait un grand vide avec le texte qui est renvoyé par en dessous et donc moins évident à lire !

2) indiquer l’emplacement de l’image à gauche

Quand vous importez l’image, il faut cliquer  sur le choix « Gauche« , et ensuite le texte viendra à droite de l’image

3) indiquer l’emplacement de l’image à droite ou au centre

Si on se contente de la solution précédente, tout semblera correct en écrivant l’article dans le tableau de bord. Mais quand on fera l’aperçu ou quand on le publiera, l’on verra que l’image s’est placée à gauche ! Il faut donc employer une autre technique !

Une fois l’image importée il faut cliquer sur le bouton « insérer/modifier une image » => une fenêtre apparait.

Vous allez cliquer en face de « Alignement » sur la flèche bleue puis sur « Droite« . et vous cliquez sur Mettre à jour.

Il faut faire la même chose pour centrer en cliquant sur « Milieu« 

4) autre technique pour positionner l’image

Une fois l’image importée, si l’on clique dessus il apparaît :

• - 8 poignées blanches qui servent à modifier la taille de l’image
• - un symbole interdiction de stationner : en cliquant dessus on supprime l’image
• - un symbole d’image (une montagne);

cliquez sur ce dernier => une fenêtre « modifier l’image » apparait.

Il suffit de choisir, comme précédemment, l’alignement voulu.

On verra, lors d’un article suivant les avantages et inconvénients de chacune des deux méthodes pour agir sur l’image afin de la réduire, lui faire un cadre, lui donner une légende ….

Sylvie R.

le camélia vient de mon jardin où il a fleuri récemment !

J’aime beaucoup la tradition des blagues du 1er avril dans la presse, même si cela a tendance à se perdre ! Aussi, sur le blog du collège, le News, je mets dans le coup les élèves journalistes qui sont ravis !

C’est aussi l’occasion de les faire réfléchir, de façon très agréable, sur la manipulation d’images. Toutes les occasions sont bonnes pour faire réaliser aux élèves que ce qui est sur Internet n’est pas forcément la vérité ! Cela peut aussi permettre de souligner l’importance d’indiquer ses sources dans un document !

Cette année les « journalistes » du blog ont proposé l’idée suivante : Brad Pitt au collège de l’archet !

Cliquez ici pour voir l’article qui sera publié le 1er avril sur le News

Voici l’image que nous allons publier jeudi :

Il s’agit, bien sur, d’un montage réalisé à partir des deux photos suivantes :

Pour le faire il existe un certain nombre de programmes sophistiqués -mais payants- ! J’ai utilisé Photo Filtre qui est téléchargeable gratuitement; c’est le logiciel de retouche d’images que nous utilisons au collège.

Comment faire ?

1. choisir des photos libres de droit (et non pas en Creative Commons, car cette licence exige que la photo ne soit pas modifiée). La photo de Brad Pitt que j’ai utilisée  a été prise lors d’une visite de Brad Pitt sur une base militaire de l’US  Air Force; trouvée sur le site : fr.wikipedia.org ; elle est donc du domaine public. L’autre photo est personnelle !
2. ouvrir les deux photos dans photo Filtre; si besoin les recadrer (sélectionner le rectangle à conserver avec la souris, puis cliquez sur image / recadrer)
3. utiliser l’outil lasso pour détourer le personnage à recopier : avec la souris, découper les parties à enlever (ici le fond) et appuyer sur la touche suppr; pas très facile, mais on peut le faire en plusieurs étapes (1) et (2)
4. transformer la photo en photo à fond transparent en cliquant sur le bouton couleur de transparence (ou en cliquant sur image / couleur de transparence) => le fond devient en damiers gris et la photo se retrouve au format .gif

5. Copier la photo du personnage et la coller sur l’autre  photo : le fond du personnage, étant transparent, ne cache pas l’autre image. (3)

6. il suffit de faire un copié/collé de l’image d’origine sur l’image de fin pour récupérer les premiers plans (ici la fille en sweat blanc) et le tour est joué (4) !

Il est tout à fait possible de faire travailler les élèves sur des transformations d’images : rien de tel pour qu’ils comprennent !

pour vous faire sourire voici la blague de 1er avril que nous avons publié sur le blog  du collège l’ année dernière.

Le collège de l’Archet va déménager !

Remarque : il ne faut pas oublier de donner au lecteur le moyen de découvrir, par un lien renvoyant à un autre document, pour par un article le jour d’après, que c’est une blague de 1er avril, et de donner alors toutes les références des sources !

Sylvie R.

Un élève m’a lancé un SOS : il ne savait pas comment faire pour connaître la taille d’une image ! J’ ai donc réalisé un tutoriel pour répondre à son problème -qui se révèle être le problème de plus d’un !-

Cliquez ici pour voir le tutoriel :

trouver la taille d’une image

En bref, pour connaître la taille d’une image il suffit :

Sur internet :

• Si on est sur un site wiki, de lire l’information
• Sur un autre site de cliquer sur la souris avec le bouton droit
  puis de cliquer sur « informations sur l’image » sur Mozilla Firefox
  ou de cliquer sur « propriétés » sur Internet Explorer

Sur mon ordinateur :

• D’aller sur « poste de travail » ou « Mes documents » et
  de retrouver mon fichier image
• Puis d’amener la souris sur le fichier et de lire la fenêtre qui s’ouvre
• Si le fichier n’est pas sur mon ordinateur, je peux le copier/coller
  et ensuite lire sa taille
• Si je veux connaître la taille pour ensuite la modifier
  j’ouvre un logiciel de traitement d’images comme « Photo Filtre »

Sylvie R.

l’illustration est en CC et vient du site Service national du RÉCIT à l’éducation préscolaire : recitpresco.qc.ca

Dans le NEWS-2, blog du collège de l’Archet, un élève a fait un article sur les restos du cœur et le spectacle des Enfoirés. Comme ce spectacle a eu lieu cette année à Nice, nous avons publié des photos prises par une spectatrice avec son téléphone portable.

Mais avons-nous le droit le faire ?

Quelle est la règlementation pour une personne publique ?

Si l’image est saisie lors de son activité professionnelle ou dans l’exercice de sa fonction, aucune demande d’autorisation n’est nécessaire à condition que les nécessités de l’information et de l’actualité le justifient. (Loi du 1 er juillet 1881 modifiée dite Loi sur la liberté de la presse)

Si l’image est saisie lors de sa vie privée, elle est soumise aux demandes d’autorisation.

Cela paraît assez simple : quand le Président de la République visite le salon de l’agriculture, si un agriculteur le prend en photo, il a le droit de le publier sur son blog. Mais si Nicolas Sarkozy se promène en forêt avec son fils et que, par hasard vous le croisez, vous n’avez pas le droit de le prendre en photo sans son autorisation car c’est une situation de sa vie privée, même si c’est dans la nature !

Même s’il est communément admis que la sphère de la vie privée  d’un personnage public est plus restreinte que celle des personnes anonymes, l’application de la règlement est en fait assez subtile d’autant plus le personnage public peut vouloir utiliser l’image de sa vie privée à des fins professionnelles !

Bien entendu, ces photos ne peuvent en aucun cas être dénigrantes ou diffamatoires.

En résumé il faut se rappeler que, globalement, les photos  doivent avoir un rapport avec la fonction ou le métier exercé par la personne photographiée.

Alors qu’en est-il des photos prises lors du spectacle des enfoirés ? A l’entrée de la salle seuls les appareils photos étaient interdits : il faut dire que les flashs ne seraient pas terribles pour la concentration des chanteurs ! Notre spectatrice pouvait donc, avec son téléphone portable, prendre en photo les acteurs en pleine activité professionnelle.

Mais pour publier ses photos sur le blog, il ne fallait pas oublier de lui en demander l’autorisation car elle était l’auteur des photos …. Ce qui fut fait, bien entendu !

Et les caricatures…

La caricature d’un personnage public est autorisée (L 122-5, 4° CPI) à condition que le but soit de critiquer sur un ton humoristique. La caractéristique fondamentale de la parodie est l’humour, notion relativement variable. Le lecteur doit être capable de différencier la situation de caricature et la situation réelle. Dans tous les cas, la parodie ne peut être dénigrante ou diffamante pour la personne parodiée.

Mais pour publier une caricature sur le blog, il faut, bien sur, avoir l’autorisation de l’auteur de la caricature !

Sylvie R.

Sources iconographiques :

- photo de Nicolas Sarkozy sous CC sur le  blog  : connexion-democrate.com
- La photo de N. Sarkozy et Carla Bruni est en CC et a été publié sur le blog de la section de Beauvais du PS :  beauvais.parti-socialiste.fr
- La caricature est de Yvon Doffagne, dessinateur, qui nous a aimablement autorisé à publier ses caricatures issues de son site les graffiti du candide  candide-graffiti.com
- la photo de Julien Clerc au spectacle des Enfoirés  à Nice , janvier 2010, est de  Valerie Cohadier, publiée avec son aimable autorisation.

sources d’informations :
http://www.coj.be/fichejurid27.htm
diaporama sur le droit à l’image

Les vacances scolaires de février ont commencé à Nice.
C’est l’occasion de nombreuses photos sur les pistes de ski de l’arrière pays ou lors du carnaval de Nice qui  a dû débuter hier.
Mais quelle est la réglementation pour les photos de personnes prises dans les lieux publics ?

la règlementation est la suivante : les photos de groupes sont libres de droit. Seules les personnes isolées et nettement reconnaissables doivent être sollicitées pour une demande d’autorisation.

Prenons un exemple avec une photo du carnaval de Nice 2009.

La photo de droite ne peut pas être publiée si on laisse le visage du personnage de droite visible : il est très reconnaissable. En revanche, en recadrant la photo et en ne gardant que sa partie gauche, il est possible de publier la photo car les personnages ne sont pas nettement reconnaissables.

En revanche la photo de groupe ne pose aucun problème !

Sylvie R.

photos de Sylvie R. lors du Carnaval de Nice 2009

C’est une question que l’on doit se poser à  chaque fois que l’ on veut récupérer  une image sur Internet pour la publier sur son blog ou son site. Et il n’est pas facile d’y répondre !

Si vous ne savez pas pourquoi il faut se poser cette question, je vous conseille d’aller d’abord lire mon article le droit à l’image.

Il existe un certain nombre de licences ©, GNU, CC qui permettent de savoir sous quelle licence a été publié l’image que l’on a trouvé sur le Net.  Mais comment  le savoir ?

Il faut partir à la chasse au trésor … et chercher sur le site où peut bien se trouver l’indication. Les principale « cachettes » se trouvent généralement :

- tout à fait en bas du site ou du blog : il est indiqué que celui-ci est en Copyright ©, ou en Creative Commons CC (par exemples en descendant en bas de ce blog vous trouverez l’indication CC !).

- dans une marge à gauche ou à droite se trouve l’indication

- sur l’image l’auteur a gravé l’adresse de son site

- dans la légende de l’image  est indiqué l’auteur et la licence de publication (assez rare)

- en bas de l’article  est indiqué l’auteur, la licence de publication et le site d’origine (c’est le cas de mon blog)

Pour vous aidez à devenir expert dans cette chasse au trésor, cliquez ici pour voir un tutoriel animé : il est en trois étapes car trop « lourd » pour le publier en un seul morceau !

photo-autorise1, photo-autorise-2 photo-autorise3

Pour télécharger la synthèse ci-contre en format pdf cliquez ici : droit à l’image

Sylvie R.

l’illustration est de S. Rambour et est en CC

C’est une question que l’on doit se poser à  chaque fois que l’ on veut récupérer  une image sur Internet pour la publier sur son blog ou son site. Et il n’est pas facile d’y répondre !

Il existe un certain nombre de licences ©, GNU, CC qui permettent de savoir sous quelle licence a été publié l’image que l’on a trouvé sur le Net.  Mais comment  le savoir ?

Il faut partir à la chasse au trésor … et chercher sur le site où peut bien se trouver l’indication.

Pour vous aidez à devenir expert dans cette chasse au trésor, voici un tutoriel animé : il est en trois étapes car trop “lourd” pour le publier en un seul morceau !

photo-autorise1

photo-autorise-2

photo-autorise3

N’hésitez pas à réagir en commentaire si vous ne comprenez pas quelque chose où si le tutoriel n’est pas explicite !

Sylvie R.