preload
juin 25

post it3Suite à mon article « visite dans les locaux du Web pédagogique où je proposais de lister les propositions de modifications à apporter aux blogs, une lectrice fait la proposition suivante :

« Moi, j’aimerais bien pouvoir écrire le numéro de la page qui m’intéresse lorsque je fais une recherche de médias dans la bibliothèque de médias… Je prends un exemple: actuellement, mon blog a 23 pages médias. Je voudrais reprendre un média que j’ai utilisé à une certaine période qui n’est ni trop récente ni trop éloignée… mais pour arriver aux pages du milieu, il faut cliquer longtemps sur les pages proposées… Pourquoi ne pas avoir alors la possibilité d’écrire le numéro de la page qui m’intéresse? Ce serait plus direct… Ai-je été claire? »

Il est vrai que la recherche par page est très fastidieuse actuellement car on est obligé de prendre les pages du début ou de la fin et d’aller page par page ! Je soutiens donc la proposition de cette blogueuse !

Une autre solution, plus rapide mais demandant de l’organisation, consiste à faire une recherche par nom de l’image :

bibliotheque media


Cela sous-entend, bien sur, que l’on a donné un nom particulier à l’image et qu’on n’a pas laissé le nom donné d’office par son appareil photo , du style P5270047.jpg ou IMGP0096.jpg.

Pour cela, il suffit, la première fois qu’on télécharge un fichier image dans la bibliothèque du blog (en fait quand on insère une image par le bouton ajouter un média dans un article ) de taper un nom spécifique dans la ligne  du titre :

titre de l'imageSylvie R.

Tags :
juin 22

pb blogAlors que je travaillais sur mon prochain article, un coup de tonnerre a fait sauter le courant ! Mon ordinateur s’est éteint. J’étais tranquille car j’avais enregistré mon article en brouillon juste avant ! Mais quand j’ai voulu retourner sur mon article, impossible de le voir en visuel (voir photo ci-contre, double-cliquez dessus pour l’agrandir) ! seul l’HTML était visible !

Après vérification, mon autre blog fonctionnait bien. Et quand j’allais sur un autre ordinateur tout allait bien; De même sur mon propre ordinateur si j’ouvrais mon blog avec un autre navigateur (au départ je travaillais sur Firefox et pour vérifier je suis allée sur Internet Explorer) tout allait bien !

Conclusion probable : le cache de Firefox avait subit une modification lors de la coupure intempestive de courant !

Mais qu’est-ce qu’un cache ? je reprends la définition trouvée sur http://www.libellules.ch :

Le cache contient les pages, images, fichiers et scripts divers téléchargés silencieusement par le navigateur pour accélérer le surf et ne pas télécharger tout le contenu systématiquement, sur des pages similaires. Cette page vous explique comment vider le cache suivant la version de votre navigateur.

J’ai donc vidé le cache de mon navigateur Firefox et , miracle, j’ai retrouvé tous les boutons en visuel pour écrire un article et la visibilité de mon article !

Sur ce même site, en cliquant ici vous trouverez les explications pour vider les caches de tous les navigateurs possibles.

Sylvie R.

Tags :
juin 18

equipe_webpedagogiqueDe passage à Paris la semaine dernière j’en ai profité pour rencontrer les responsables du WebPédagogique, – plus précisément Vincent et Marie- dans leurs locaux, près de la Madeleine. Ils ont bien voulu me recevoir malgré le rush d’une période cruciale pour eux : les examens du baccalauréat !

Même qu’ils ont eu droit  hier au journal de TF1 sur la publication de la correction des sujets du bac ! Cliquer ici pour voir l’extrait.

Rencontre sympathique et enrichissante de part et d’autre. Le Web Pédagogique existe depuis 5 ans et est composé d’une dizaine de salariés. Ils commencent à réfléchir aux améliorations à apporter à la plateforme pour la rentrée scolaire prochaine et s’étaient réunis récemment pour mettre sur des post-it des priorités à travailler !

Alors je leur ai fourni d’autres contenus de post-it ! Voici ceux qui me paraissent les plus importants  pour un blog participatif  afin de stimuler l’intérêt des élèves :

post it1post it2













Et vous, chers lecteurs, quel post it souhaitez-vous leur proposer ?

Dites-le en commentaire ! C’est le moment !

Sylvie R.

Tags :
mai 27

Il n’est pas souvent facile de se rendre compte de l’aspect que va donner, une fois l’article publié, les polices de caractère et les tailles que l’on a choisi. C’est pourquoi j’ai fait un petit florilège avec toutes les polices de caractère utilisables sur les blogs du Web Pédagogique afin de se donner une idée !

Attention : en fonction de l’habillage que vous avez choisi, la taille des polices de caractère peut varier ! Ce document ne peut donc être qu’indicatif !

Sylvie R

l’image est publiée en CC sur le site webdesignjukebox.com avec d’autres toutes aussi belles que je vous invite à aller voir !

ceci est écrit sans définition de police particulièreportrait typographie

ceci est écrit avec la taille de police 3

ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Andale Mono
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Arial
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Arial Black
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Book Antica
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Comic sans MS
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Courrier New
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Georgia
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Helvetica
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Impact
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Symbol
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Tahoma
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Terminal
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Times New Roman
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Trebuchet MS
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Verdana
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Webding
ceci est écrit avec la taille de police 4


ceci est écrit avec la taille de police 3 en police Wingdings
ceci est écrit avec la taille de police 4

Tags :
mai 20

waka1Waka est un nouveau blog sur Skyrock; mais contrairement à ce qu’on pourrait penser au départ, c’est un blog mis en place par le gouvernement et destiné à promouvoir son action auprès des jeunes.

Il se présente ainsi :

waka

Mais le gouvernement sait-il que les jeunes ne sont plus attirés par skyrock ? et qu’ils sont pratiquement tous sur Facebook ?

J’ai fait récemment un test auprès de plusieurs classes de 5ème (donc des élèves n’ayant pas encore 13 ans et donc n’ayant pas le droit -légalement- de s’inscrire sur Facebook). Seuls 10 % disent avoir un blog alors de 95% se disent inscrits sur Facebook !

L’idée des pouvoirs Publics est bonne en soi, mais un peu tardive ! Il faudrait que le gouvernement se préoccupe de mieux connaître les ados avant de lancer une campagne de sensibilisation ! En cette période de vaches maigres cela fait un peu gâchis.

Sylvie R.

cliquez ici pour aller sur Waka


Tags :
mai 11

cameliaRendre 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.alignement image1a




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

alignement taille






3) indiquer l’emplacement de l’image à droite ou au centreinserer modifier image1

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 boutonbouton image « 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’imagealignement image2

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 !

Tags :
mai 08

Indizzr2005Le concours du meilleur blog pédagogique organisé par le Webpedagogique à l’occasion du salon InterTice 2010 touche à sa fin !
Et grande nouvelle : le News-2, le blog pédagogique que je co-anime, a été retenu parmi les 6 finalistes niveau collège !

Le mardi 11 mai deux prix seront remis :
- le prix du jury
- le prix des internautes.

Quatre blogs seront élus : le meilleur blog du primaire, du collège, du lycée et le meilleur blog tous niveaux ou niveau supérieur…

Je compte donc sur vous, lecteur fidèle ou occasionnel de la souris curieuse des TICE, pour voter pour le blog le News pour le niveau collège.

A chacun de faire le choix qu’il veut pour les autres niveaux : mais pour le niveau collège, soyons un peu chauvins pour une fois :

votons pour le NEWS !

pour cela vous devez choisir le dernier des 6 blogs de collège :

http://lewebpedagogique.com/blogarchet/

Alors je compte sur vous pour voter et faire voter tous les internautes que vous connaissez autour de vous !

Pour découvrir les blogs finalistes et voter, cliquez-ici !

Attention, vous avez jusqu’à lundi prochain (10 mai) à 20h00 pour voter !

Sylvie Rambour

Remarque : personnellement, pour les autres niveaux j’ai choisi :

-     CM1/CM2 de Charles Péguy Hérouville pour le primaire
-     Lectures partagées pour le lycée
-     SAFRAN INDIGO, les Poitevins se penchent sur l’Inde pour les autres blogs

Mon critère a été que ce sont tous des blogs où les élèves participent activement à leur contenu, que ce sont des blogs qui servent d’échanges et qu’il est facile de circuler entre les différents articles et thèmes. Bien sur, on voit le travail de chefs d’orchestres des enseignants mais l’on sait bien que sans les musiciens le résultat n’est pas terrible !

L’image vient du site http://www.picto.qc.ca/ qui est autorise gratuitement l’utilisation pédagogique

Tags :
avr 18

RSS

Vous rêvez d’indiquer sur votre blog, automatiquement, le dernier article du site de votre établissement scolaire ? C’est très facile à faire avec le flux RSS !

Qu’est-ce qu’un flux RSS ?

RSS est l’acronyme de « Really Simple Syndication ». Un flux RSS contient des informations fréquemment mises à jour et publiées par un site Web.

A quoi cela sert-il ?

La possibilité pour l’internaute  de s’abonner au contenu de ses sites favoris lui permet de se tenir au courant des derniers articles publiés et donc de savoir quand un article a été publié et sur quel thème.

Il y a plusieurs façons de s’en servir.
Une solution est de créer sa propre page d’accès et d’y mettre les flux RSS des sites et blog qui nous intéressent le plus (la météo, le programme de la télé …). Pour mieux le comprendre je vous propose de visualiser une vidéo pour les enfants très bien faite par Milan Jeunesse.

Une autre est d’indiquer sur son blog un autre blog ou un site qui nous semble intéressant à faire connaître à nos lecteurs. C’est de celle-ci dont je vais vous donner le mode d’emploi. Vous pouvez voir ce que cela donne dans ma colonne de droite, en dessous du nuage de tags :

RSSdernier article du News

Comment en mettre un sur mon blog ?Widget RSS

Il faut aller dans la colonne de gauche du tableau de bord sur Apparence puis sur sur widget et ajouter le widget  RSS dans la partie de droite (si vous n’y arrivez pas, allez lire mon article » pour les les widgets n’échappent plus à la souris« )

On me demande alors une URL. Je dois écrire l’adresse Internet de mon blog, en rajoutant à la fin: feed/ ce qui va donner ceci  comme adresse  : http://lewebpedagogique.com/lenomdemonblog/feed/

Je vous conseille ensuite de n’indiquer que 1 à 2 entrées à afficher (sinon cela va beaucoup encombrer votre colonne de côté)

N’oubliez pas d’indiquer le numéro de position (l’ordre des widgets de la colonne de côté)  puis de cliquer sur Enregistrer le widget.

Il ne vous reste plus qu’à aller voir le résultat sur votre blog.

Sylvie R.

Remarque : il se peut, des fois, que le lien RSS n’apparaisse pas, et indique un message d’erreur ; ne vous affolez pas et laissez lui le temps de se reprendre ! (des fois il suffit de relancer le blog pour que cela fonctionne !)

ATTENTION :  à ne pas mettre son propre flux sur son blog , ça tournerait en boucle et bloquerait tout !

Tags :
mar 24

Quand on regarde un blog, on a parfois envie de contacter directement le responsable du blog par e-mail, par exemple pour demander l’autorisation de publier un document.  Or j’ai remarqué qu’il n’est pas toujours possible de trouver l’adresse e-mail du web master sur les blogs . C’est pourtant très simple de le faire sur les blogs du Web Pédagogique !

  1. écrivez votre adresse e-mail dans le corps du texte : sylvie.rambour@free.fr
  2. sélectionnez votre adresse sylvie.rambour@free.fr puis  « copiez » la (avec le bouton droit de la souris) : 
  3. en maintenant l’adresse sélectionnée (surlignée), cliquez sur le bouton Insérer/modifier un lien bouton insérer/modifier un lien(1)
  4. une fenêtre s’ouvre; dans la case URL du lien, effacer le http:// qui est déjà surligné  et remplacez-le en collant votre adresse e-mailfenetre inserer lien
  5. un cadre apparait avec deux façons d’écrire l’adresse e-mail, choisissez la deuxième (celle qui commence par le mot mailto), puis cliquez sur insérer
  6. votre adresse e-mail possède maintenant son lien hypertexte :  sylvie.rambour@free.fr
  7. quand vous publierez votre article, et que le lecteur cliquera sur votre adresse, cela va automatiquement ouvrir le programme d’accès à la boite aux lettres électronique du lecteur qui  pourra ainsi prendre contact avec vous.

REMARQUE : afin que le lecteur n’ait pas trop longtemps à chercher votre adresse e-mail à travers votre blog, je vous suggèrre de prévoir une page « auteur » (et non pas un article) où vous vous présentez et en profitez pour donner votre adresse e-mail: vous pouvez aussi le mettre dans le widget de bienvenue dans la colonne de droite (pour aller plus loin avec les widgets, voir mon article tutoriel-comment-ajouter-un-media-dans-la-colonne-de-droite)

Sylvie R.

(1) ce bouton ne devient actif que si un texte de l’article est sélectionné

Tags :
mar 10

colonne droiteIl est possible, avec les blogs du Webpedagogique d’écrire des textes dans la colonne de droite (ou de gauche suivant le thème de présentation choisi). Mais peut-on aussi y mettre des images ?

Dans le forum des profs blogueur, odaubry voulait insérer une bannière, Boteloss lui a suggéré la solution suivante : utiliser un thème très dépouillé, et se servir des widgets pour « l’habiller », notamment le widget TEXTE qui permet, sous réserve de savoir un peu écrire de l’HTML, de faire ce qu’on veut. D’accord, ce n’est que dans la colonne latérale, mais c’est déjà ça !

La proposition de Boteloss m’a intéressée et je me suis posée la question : et quand on ne sait pas écrire de l’HTLM (et c’est mon cas !) comment peut-on faire ?

En fait c’est très simple, et je vous ai pondu un petit tutoriel pour mieux vous l’expliquer !

cliquer sur le tutoriel : mettre un média dans la colonne de droite

Vous pouvez aussi, de la même façon, intégrer des images avec un texte  (voir le résultat dans la colonne de droite) ou d’autres médias !

Sylvie R.

Remarque : si vous avez du mal à manipuler vos widgets, je vous  apporte une aide dans l’article « pour que les widgets n’échappent plus à la souris » .

Tags :