Ires Journées de formation de professeurs. Technologies éducatives appliquées à l’enseignement de DNL en langue étrangère....
Objectifs généraux. <ul><li>Connaître les possibilités offertes par les technologies éducatives liées au Web 2.0. </li></u...
C’est quoi,  le web  2.0?
 
 
Pour moi, le web 2.0 c’est… <ul><li>Communiquer </li></ul><ul><li>Partager </li></ul><ul><li>Collaborer </li></ul><ul><li>...
Web 2.0 : une définition collaborative. <ul><li>Selon Wikipédia :  </li></ul><ul><ul><li>&quot; Web 2.0 est un terme souve...
Historique du Web <ul><li>Le web 0: 1994:  </li></ul><ul><ul><li>réservé aux informaticiens, spécialistes </li></ul></ul><...
Web 2.0 : origine Marketing  <ul><li>Le terme a été inventé en  2004  par  Dale Dougherty  de la société  O'Reilly Media  ...
Le Web 2.0: pas de définitions, mais des exemples. Web 1 Web 2 Profil de l’internaute Passif Actif:  blog ,  wiki Attitude...
Caractéristiques des sites Web 2.0 <ul><li>des pages plus riches en contenu  multimédia </li></ul><ul><li>partage  de cont...
Nouveaux  concepts, nouveaux termes, nouvelle  philosophie
Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><ul><li>Une communauté </li></ul></ul><ul><ul><u...
Comment se repérer dans ces sites 2.0?
Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><ul><li>Tags, libellés, étiquetage, folksonomy <...
Marqueurs sociaux: vos favoris en ligne.
Comment être au jour au milieu de tous  ces nouveaux sites?
Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><li>Une mise à jour permanente   </li></ul><ul><...
Obtenir  du matériel audio-visuel pour nos cours grâce aux sites 2.0
Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><ul><li>Podcast, podcasting  </li></ul></ul><ul>...
<ul><li>Communiquer </li></ul><ul><ul><li>Blogs </li></ul></ul><ul><ul><li>Messagerie instantanée </li></ul></ul><ul><li>C...
Communiquer: les chats. communication   synchrone application
application
http://www.clickcaster.com/carmenvera http://www.evoca.com/carmenvera application Partager et stocker: des audioblogs ou p...
Partager: des vidéoblogs. www.dailymotion.com/cvera
Blog-audio, podcast:  fichiers audio-visuels pour les cours de FLE cvera.podemus.com application
Partager: des diaporamas. application
Communiquer: les blogs. communication  diachrone les blogs: un blog FLE.
Qu’est-ce qu’un (web)log? <ul><li>Un journal de bord («log») sur la toile («web»), une  sorte de site  régulièrement mis à...
les blogs de mes groupes
Mon blog  chanson francophone en cours de FLE .
Caractéristiques du blog. <ul><li>Les billets (articles) sont datés et entrent dans une suite  chronologique . </li></ul><...
Création des billets <ul><li>La publication peut être immédiate ou différée (des  brouillons ).  </li></ul><ul><li>Les bil...
Compléments pour blogs. <ul><li>Il existe des outils multimédia très variés qu’on peut ajouter dans le blog, au sein des a...
Avantages dans l’enseignement. <ul><li>Facilité  d’emploi </li></ul><ul><li>Modification à partir de n’importe quel ordina...
Applications éducatives: professeur. <ul><li>Support à l’apprentissage </li></ul><ul><ul><li>contenus en rapport avec notr...
Applications éducatives:  l’élève <ul><li>Publier leurs travaux.  </li></ul><ul><li>Réviser et évaluer leurs travaux.  </l...
Nouveaux termes: édublog. <ul><li>C’est un blog dont le but est d’appuyer le processus d’enseignement-apprentissage dans u...
Comunication, collaboration et interactivité: les wikis. http://carmenvera.wikispaces.com/
Un wiki, c’est quoi? <ul><li>Le terme &quot;wiki&quot; vient de l'hawaïen « wiki wiki » signifiant « vite ».  </li></ul><u...
Wiki et blog: différences. <ul><li>Blog </li></ul><ul><ul><li>Un seul auteur  http://carmenvera.blogspot.com/ </li></ul></...
Construisons un blog!
Où peut-on les créer? <ul><li>Blogger (www.blogger.com)  </li></ul><ul><li>Canalblog (www.canalblog.com) </li></ul><ul><li...
<ul><li>Pour ouvrir un blog sur blogger nous devons utiliser le courriel de Gmail, au cas où nous l’aurions, c’est  le  co...
<ul><li>Activer un compte sur blogger quand on ne possède pas de compte Gmail </li></ul><ul><ul><li>ouvrir un courriel Gma...
A. Activer un compte sur blogger quand on ne possède pas de compte Gmail. www.google.fr Cliquez sur Connexion
A. Activer un compte sur blogger quand on ne possède pas de compte Gmail.   Cliquez sur Gmail
Cliquez sur “Inscrivez-vous à Gmail” A. Activer un compte sur blogger quand on ne possède pas de compte Gmail.
A.   Activer un compte sur blogger quand on ne possède pas de compte Gmail. Formulaire à remplir. Écrivez votre prénom Écr...
Vous avez maintenant  un compte sur Google  qui vous permettra d’activer toutes les fonctionnalités de la plate-forme. Pou...
Vous avez déjà un compte. <ul><li>Pour accéder à votre compte de courriel Gmail plus tard, connectez-vous à la page  http:...
Page d’accueil de Blogger Choisissez la langue dans laquelle vous voulez créer votre blog Visite rapide Créer un nouveau b...
Si vous possédez un compte sur Gmail, tapez ici votre nom d’utilisateur (devant @) et le mot de passe choisi précédemment ...
C. Créez votre blog. Donnez-lui un titre et créez l’URL. Donnez un titre à votre blog. Vous pourrez le changer après. Crée...
Choisissez la structure générale du blog que vous préférez.   Faites glisser l’ascenseur pour voir les 12 possibilités off...
C. Créez votre blog. Cliquer ici
titre donné au blog adresse de courriel Gmail (notre compte) déconnexion, pour que d’autres ne puissent pas le changer Cli...
Adresse du blog: notez-la bien. C’est toujours  http://utilisateur.blogspot.com Titre du blog. Courriel de notre compte. L...
Comment crée-t-on des messages/billets/articles? Écrire un nouveau message Changer/éditer des messages déjà créés Modérer ...
Écrire notre premier message Écrire le titre du message Écrire le message Inclure des liens externes Ajouter des images Vo...
D. Mode EDITION. Commencer à créer des messages. Gestion de messages.  D’abord observons.  Ajouter des étiquettes, tags ou...
Cliquer sur PUBLIER. Copier-coller texte-image d’une page web. Ecrire des libellés qui facilitent la recuperation des mess...
Cliquez ici pour  voir votre blog. Vous pouvez modifier encore le message que vous venez de créer. D. Mode EDITION. Commen...
Première activité. <ul><li>Créer un message  sur blogger: </li></ul><ul><ul><li>Ajouter du texte, centré, de plusieurs cou...
Ecrivez le titre du message  (bienvenue). Insérer un texte pour présenter le blog. Insérer une image de votre disque dur, ...
E. Commencer à créer des messages.  Première activité: écrivez un message avec une image. Insérer l’image.
E. Commencer à créer des messages.  Première activité: écrivez un message avec une image. Insérer l’image.
E. Commencer à créer des messages.  Première activité: écrivez un message avec une image. Insérer l’image.
Voir le blog, ce qu’on a publié. Sur une autre fenêtre ou sur la même. Modifier le message créé. Créer un autre message. E...
F. Accéder plus tard à notre blog pour le modifier. On tape  http://.....blogspot.com , l’adresse de votre blog.  On cliqu...
Ecrivez le nom d’utilisateur (rappelez-vous l’adresse du courriel que vous avez créée) Et le mot de passe.  Cliquez sur CO...
Deuxième activité. <ul><li>Insérer une vidéo que l'on possède dans son disque dur. Téléchargez-la d'abord en cliquant sur ...
Troisième activité. <ul><li>Créer un billet et blogger de l'audio à partir de de l’audioblog   Clickcaster   </li></ul><ul...
Quatrième activité. <ul><li>Blogger une vidéo </li></ul><ul><ul><li>Dailymotion ,  Youtube ,  Google Vidéos </li></ul></ul...
Cinquième activité. <ul><li>Créer un billet et insérer un diaporama de  Slideshare . </li></ul><ul><ul><li>Cherchez-le ici...
Sixième activité. <ul><li>Insérer une page web dans le blog </li></ul><ul><ul><li>Pour cela, utilisez le code proposé dans...
ENTRADAS/MESSAGES : Escribir un nuevo artículo Modificar, suprimir o publicar  artículos guardados como BORRADOR CONFIGURA...
<ul><li>TABLEAU DE BORD-GESTION DES MESSAGES </li></ul><ul><ul><li>Créer d’autres messages </li></ul></ul><ul><ul><li>Supp...
H. Editer les messages.
H. Editer les messages. Supprimer un message.
Si vous n’avez pas le temps de finir un message, vous pouvez les enregistrer comme BROUILLON, vous pourrez le récupérer pl...
Paramètres/Opciones. Options de base. titre, suppression du blog… Définir l’URL exact publier dans un  serveur différent F...
I. Paramètres: standard, options de base. Vous pouvez changer maintenant le titre. La description apparaîtra sous le titre...
I. Paramètres: publication.
I. Paramètres: mise en forme (formato). Capture d’écran:  http://edublogki.wikispaces.com/Configurando+Blogger
I. Paramètres: commentaires.
I. Paramètres: archivage. Choisissez OUI afin de configurer plus tard votre FEED
I. Paramètres: flux d’actualisation, feeds. Si vous souhaitez créer un feed, utilisez  Feedburner Retrouvez un tutoriel  i...
I. Paramètres: courriel. Vous recevrez ici un message quand on enverra un message ou un commentaire à votre blog vous pouv...
I. Paramètres: autorisations. Si vous voulez partager l’édition avec d’autres personnes, indiquez leurs courriels ici. Ils...
J. Modèle du blog. Diseño.  Ajouter et organiser les éléments du blog Décider la couleur du fond, du texte, du titre, des ...
CABECERA: cambiar el título del blog ARTÍCULOS o ENTRADAS:  establecer el nº de artículos  que se verán en la portada y  l...
J. Modèle (plantilla). CABECERA: cambiar el título del blog ARTÍCULOS o ENTRADAS:  establecer el nº de artículos  que se v...
Septième activité <ul><li>Modifier la barre de navigation </li></ul><ul><li>Tableau de bord </li></ul><ul><li>Modèle </li>...
K. Configurer le blog: ajouter une liste de liens externes  (propositions à vos élèves). À partir du Tableau de bord/Panel...
Cliquez sur  Ajouter un élément à la page . K. Configurer le blog: ajouter une liste de liens externes  (propositions à vo...
Cliquer sur  Liste de liens.  AJOUTER AU BLOG.  K. Configurer le blog: ajouter une liste de liens externes  (propositions ...
Escribir título de la  categoría de enlaces. Determinar si se  desea que la lista de  enlaces aparezca por  orden alfabéti...
K. Configurer le blog: ajouter une liste de liens externes  (propositions à vos élèves). Enregistrer les modifications
Cliquez sur ENREGISTRER K. Configurer le blog: ajouter une liste de liens externes  (propositions à vos élèves).
L. Configurer le blog: ajouter une image sur la barre de navigation: le logo du blog.  click
M. Configurer le blog: laisser voir les tags/libellés sur la barre de navigation. Catégories ou forums. Cliquez sur Libell...
Tableau de bord /panel. Cliquez sur  Mise en page / Diseño. N. Embellir le blog: HTML/Java Script.
Tableau de bord / Panel. Cliquez sur Mise en page / Diseño. O. Embellir le blog: ajouter une montre sur la barre de naviga...
Cliquez sur  Ajouter un élément à la page . O. Embellir le blog: ajouter une montre sur la barre de navigation.
Cliquez sur  HTML/ Javascript.  Ajouter  au blog. O. Embellir le blog: ajouter une montre sur la barre de navigation.
Visitons le site de ClockLink.com pour obtenir le code qu’il faudra coller ici http://www.clocklink.com/ 0. Embellir le bl...
<ul><li>  Google Gadgets pour les blogs </li></ul><ul><ul><li>http://www.google.com/ig/directory?synd=open&num=24&cat=tech...
P. Embellir le blog: HTML/Java Script. Ajouter des gadgets de Google.
Activité pratique. <ul><li>Ajoutez un  videoroll  sur la barre de navigation en suivant les mêmes pas que pour la montre o...
R.  Ajouter un bouton de FEEDS (les derniers articles publiés dans un site qui nous intéresse). Debemos ir a la página del...
Tableau de bord /panel. Cliquez sur  Mise en page / Diseño. S. Embellir le blog: ajouter un feevy (publier les derniers me...
Tableau de bord / Panel. Cliquez sur Mise en page / Diseño. S. Embellir le blog: ajouter un feevy (publier les derniers me...
Cliquer sur  Ajouter un élément à la page . S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos bl...
Cliquez sur  HTML/ Javascript.  Ajouter au blog. S. Embellir le blog: ajouter un feevy (publier les derniers messages de n...
Visitemos el sitio de feevy para  obtener la etiqueta que debemos pegar aquí. http://www.feevy.com/ S. Embellir le blog: a...
<ul><li>Click en “Get your feevy now” </li></ul>S. Embellir le blog: ajouter un feevy (publier les derniers messages de no...
<ul><li>Crear una cuenta: rellenar y click en “create…”. </li></ul><ul><li>“ add another blog” e introducir el URL. </li><...
Collez le code. Cliquez sur ENREGISTRER/ GUARDAR CAMBIOS. S. Embellir le blog: ajouter un feevy (publier les derniers mess...
Merci pour votre attention! Vous avez des questions? [email_address] http://carmenvera.eoidehellin.es
Upcoming SlideShare
Loading in …5
×

Le Blog Dans L’Enseignement Des Langues éTrangèRes

4,829 views
4,724 views

Published on

Published in: Technology
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
4,829
On SlideShare
0
From Embeds
0
Number of Embeds
653
Actions
Shares
0
Downloads
0
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide
  • Le Blog Dans L’Enseignement Des Langues éTrangèRes

    1. 1. Ires Journées de formation de professeurs. Technologies éducatives appliquées à l’enseignement de DNL en langue étrangère. Sevilla, 13 et 14 décembre 2007 Carmen Vera Pérez. http://carmenvera.eoidehellin.es
    2. 2. Objectifs généraux. <ul><li>Connaître les possibilités offertes par les technologies éducatives liées au Web 2.0. </li></ul><ul><li>Créer un blog avec blogger </li></ul><ul><ul><li>administration </li></ul></ul><ul><ul><ul><li>de base </li></ul></ul></ul><ul><ul><ul><li>avancée </li></ul></ul></ul>
    3. 3. C’est quoi, le web 2.0?
    4. 6. Pour moi, le web 2.0 c’est… <ul><li>Communiquer </li></ul><ul><li>Partager </li></ul><ul><li>Collaborer </li></ul><ul><li>Démocratisation </li></ul><ul><ul><li>Plate-formes gratuites </li></ul></ul><ul><ul><ul><li>Construire un site </li></ul></ul></ul><ul><ul><ul><li>Créer des activités, des chats… </li></ul></ul></ul><ul><ul><ul><li>Manipuler du multimédia sans être informaticien </li></ul></ul></ul>
    5. 7. Web 2.0 : une définition collaborative. <ul><li>Selon Wikipédia : </li></ul><ul><ul><li>&quot; Web 2.0 est un terme souvent utilisé pour désigner ce qui est perçu comme une transition importante du World Wide Web, passant d’une collection de sites web à une plateforme informatique à part entière, fournissant des applications web aux utilisateurs . Les défenseurs de ce point de vue soutiennent que les services du Web 2.0 remplaceront progressivement les applications de bureau traditionnelles .&quot; </li></ul></ul>
    6. 8. Historique du Web <ul><li>Le web 0: 1994: </li></ul><ul><ul><li>réservé aux informaticiens, spécialistes </li></ul></ul><ul><ul><li>peu de producteurs de contenus pour quelques utilisateurs </li></ul></ul><ul><li>Le web 1: 1995-2005 </li></ul><ul><ul><li>croissance rapide </li></ul></ul><ul><ul><li>ecommerce, médias </li></ul></ul><ul><ul><li>diffusion verticale: internaute passif </li></ul></ul><ul><li>Le web 2.0: 2005 </li></ul><ul><ul><li>apparition des blogs, wikis… </li></ul></ul><ul><ul><li>modification des comportements </li></ul></ul><ul><ul><li>l’utilisateur devient le producteur </li></ul></ul>
    7. 9. Web 2.0 : origine Marketing <ul><li>Le terme a été inventé en 2004 par Dale Dougherty de la société O'Reilly Media lors d'une réflexion avec Craig Cline de MediaLive pour développer des idées pour une conférence conjointe. </li></ul><ul><li>Il a suggéré que le Web était dans une période de renaissance, avec un changement de règles et une évolution des modèles d’affaires, centrés sur l’utilisateur. </li></ul><ul><li>Deux changements majeurs: </li></ul><ul><ul><li>progrès technologiques </li></ul></ul><ul><ul><li>évolution des comportements </li></ul></ul>
    8. 10. Le Web 2.0: pas de définitions, mais des exemples. Web 1 Web 2 Profil de l’internaute Passif Actif: blog , wiki Attitude de l’internaute Recherche d’informations Partage de connaissances Interactivité Sélection, lecture d’infos Sélection, lecture, publication d’infos : syndication Système de liens Liens hypertextes reliant des pages Flux RSS, API REST exposant les objets Mode de navigation De page en page via des liens hypertexte Ajout de composants et de sources d’information sur une page d’accueil personnalisée Logiciels Traitements de texte, éditeurs d’images, lecteurs .pdf payants Éditeurs HTML et serveurs Googledocs , Fauxto , convertisseurs en ligne, PageCreator Ressources didactiques sur Internet Mon delicious
    9. 11. Caractéristiques des sites Web 2.0 <ul><li>des pages plus riches en contenu multimédia </li></ul><ul><li>partage de contenus: les blogs, wikis, réseaux sociaux </li></ul><ul><li>la force de la comunauté : donner son avis, partager, collaborer, s’exprimer, influencer </li></ul><ul><li>pages statiques pages dynamiques et interactives </li></ul><ul><ul><li>l’Ajax (Asynchronous Javascript And XML) au coeur, navigation légère </li></ul></ul>
    10. 12. Nouveaux concepts, nouveaux termes, nouvelle philosophie
    11. 13. Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><ul><li>Une communauté </li></ul></ul><ul><ul><ul><li>Tout est fait pour favoriser le partage . </li></ul></ul></ul><ul><ul><ul><li>Le contenu des sites 2.0 est la plupart du temps téléchargé par les utilisateurs, qui ont une liste d’amis, commentent les contenus, collaborent au développement des sites, etc. </li></ul></ul></ul>
    12. 14. Comment se repérer dans ces sites 2.0?
    13. 15. Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><ul><li>Tags, libellés, étiquetage, folksonomy </li></ul></ul><ul><ul><ul><li>Les utilisateurs classent les fichiers en leur attribuant des mots-clés , ou &quot;tags&quot; en anglais, qui facilitent la recherche. </li></ul></ul></ul><ul><ul><ul><ul><li>Dans les marqueurs sociaux, les blogs, audioblogs, vidéoblogs … </li></ul></ul></ul></ul><ul><ul><ul><li>Le terme &quot;Folksonomy&quot;, inventé par Thomas Vander Wal, provient de &quot;Folks&quot; (les gens) et &quot;Taxonomy&quot; (règles de classification) et signifie en quelque sorte &quot;classification par les gens&quot;. </li></ul></ul></ul>
    14. 16. Marqueurs sociaux: vos favoris en ligne.
    15. 17. Comment être au jour au milieu de tous ces nouveaux sites?
    16. 18. Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><li>Une mise à jour permanente </li></ul><ul><ul><li>Agrégateurs RSS (lecteurs de fils RSS), syndication </li></ul></ul><ul><ul><li>Un fil d'information RSS ( Really Simple Syndication o Rich Site Summary ) est un moyen pour se tenir au courant des mises à jour d'un site ou un blog. </li></ul></ul><ul><ul><li>Pour lire un fil/canal/flux RSS il faut </li></ul></ul><ul><ul><ul><li>un outil spécifique, appelé « lecteur RSS », « agrégateur RSS » </li></ul></ul></ul><ul><ul><ul><ul><li>il va se connecter régulièrement aux sites que vous lui désignez (ceux où vous avez souscrit au fil RSS) et va rapatrier les informations récentes. </li></ul></ul></ul></ul><ul><ul><ul><li>syndiquer son contenu, sur un blog ou un site web </li></ul></ul></ul><ul><ul><li>Souscription RSS </li></ul></ul><ul><ul><ul><li>un copier-coller de l'adresse du fil RSS vers votre agrégateur </li></ul></ul></ul><ul><ul><ul><ul><li>http://www.imagiers.net/ </li></ul></ul></ul></ul>
    17. 19. Obtenir du matériel audio-visuel pour nos cours grâce aux sites 2.0
    18. 20. Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. <ul><ul><li>Podcast, podcasting </li></ul></ul><ul><ul><ul><li>le podcast est un fichier audio-visuel </li></ul></ul></ul><ul><ul><ul><li>contraction de Pod et de Broadcasting </li></ul></ul></ul><ul><ul><ul><ul><li>« Pod » signifie capsule; « broadcasting  » , signifie diffusion, émission, transmission . </li></ul></ul></ul></ul><ul><ul><ul><ul><li>c’est donc la transmission d’informations encapsulées. </li></ul></ul></ul></ul><ul><ul><ul><li>diffusion de fichiers sonores ou vidéo sur internet ( podcasts ) recupérables automatiquement sur les baladeurs numériques </li></ul></ul></ul><ul><ul><ul><ul><li>baladodiffusion (ou baladiffusion ), podiffusion (Suisse) pour podcasting </li></ul></ul></ul></ul><ul><ul><ul><ul><li>balado ou fichier balado pour podcast </li></ul></ul></ul></ul><ul><ul><ul><li>le podcasting permet de télécharger automatiquement des émissions audio ( ou vidéo ) </li></ul></ul></ul><ul><ul><ul><ul><li>les transférer sur une clé MP3 </li></ul></ul></ul></ul><ul><ul><ul><ul><li>les enregistrer sur un CD </li></ul></ul></ul></ul><ul><ul><ul><li>Comment les télécharger? </li></ul></ul></ul><ul><ul><ul><ul><li>agrégateurs de podcasts: tous les jours l’ordinateur va automatiquement chercher les dernières éditions des programmes qui nous intéressent. </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Juice , iTunes . </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Dailymotion , Comme au cinéma </li></ul></ul></ul></ul>
    19. 21. <ul><li>Communiquer </li></ul><ul><ul><li>Blogs </li></ul></ul><ul><ul><li>Messagerie instantanée </li></ul></ul><ul><li>Collaborer </li></ul><ul><ul><li>Wikis </li></ul></ul><ul><li>Partager </li></ul><ul><ul><li>Des diaporamas: Slideshare </li></ul></ul><ul><ul><li>Ses favoris: marqueurs sociaux </li></ul></ul><ul><ul><li>.doc, .pdf, .mp3 </li></ul></ul><ul><li>Stocker </li></ul><ul><ul><li>Snipes: disque virtuel </li></ul></ul><ul><li>Stocker et partager </li></ul><ul><ul><li>Audio-blogs, vidéo-blogs </li></ul></ul><ul><ul><li>Flickr (photos) </li></ul></ul><ul><li>Logiciels en ligne </li></ul><ul><ul><li>Traitement de texte </li></ul></ul><ul><ul><li>Traitement d’images </li></ul></ul><ul><ul><li>Convertisseurs pdf </li></ul></ul><ul><ul><li>Convertisseurs fichiers audiovisuels </li></ul></ul><ul><li>Plateformes pour créer des activités éducatives en ligne </li></ul>Quels outils peuvent nous intéresser?
    20. 22. Communiquer: les chats. communication synchrone application
    21. 23. application
    22. 24. http://www.clickcaster.com/carmenvera http://www.evoca.com/carmenvera application Partager et stocker: des audioblogs ou podcasts.
    23. 25. Partager: des vidéoblogs. www.dailymotion.com/cvera
    24. 26. Blog-audio, podcast: fichiers audio-visuels pour les cours de FLE cvera.podemus.com application
    25. 27. Partager: des diaporamas. application
    26. 28. Communiquer: les blogs. communication diachrone les blogs: un blog FLE.
    27. 29. Qu’est-ce qu’un (web)log? <ul><li>Un journal de bord («log») sur la toile («web»), une sorte de site régulièrement mis à jour au sein duquel les textes récents s’affichent en haut de page avec le nom de son auteur, la date et l’heure de sa rédaction. </li></ul><ul><li>Permet d’ajouter du texte, du son, des images . </li></ul><ul><ul><li>L’ audio-blog permet d’ajouter du son. </li></ul></ul><ul><ul><li>Le vidéo-blog permet d’ajouter des vidéos. </li></ul></ul><ul><ul><ul><li>sans manipuler des codes </li></ul></ul></ul><ul><li>Le professeur peut créer son site web en deux pas, celui de ses élèves, … </li></ul><ul><ul><li>But? À vous de décider </li></ul></ul>
    28. 30. les blogs de mes groupes
    29. 31. Mon blog chanson francophone en cours de FLE .
    30. 32. Caractéristiques du blog. <ul><li>Les billets (articles) sont datés et entrent dans une suite chronologique . </li></ul><ul><li>Les derniers billets sont présentés par anté chronologie sur la page d’accueil . </li></ul><ul><li>Les billets peuvent recevoir les commentaires des visiteurs </li></ul><ul><ul><li>remplir un formulaire web automatisé </li></ul></ul><ul><ul><li>modération des commentaires </li></ul></ul>
    31. 33. Création des billets <ul><li>La publication peut être immédiate ou différée (des brouillons ). </li></ul><ul><li>Les billets peuvent être édites ou supprimés plus tard. </li></ul><ul><li>Les connaissances en HTML requises sont minimes. </li></ul>
    32. 34. Compléments pour blogs. <ul><li>Il existe des outils multimédia très variés qu’on peut ajouter dans le blog, au sein des articles, ce qui rend ces plate-formes </li></ul><ul><ul><li>de puissantes ressources audio-visuelles . </li></ul></ul><ul><li>On peut y ajouter autant d’applications qu’on souhaite, selon le sujet ou la nature de l’article qu’on souhaite publier. Les plus utilisées sont des vidéos, du son, des images , ou des fichiers à télécharger. </li></ul><ul><ul><li>eoidehellin5.canalblog.com </li></ul></ul>
    33. 35. Avantages dans l’enseignement. <ul><li>Facilité d’emploi </li></ul><ul><li>Modification à partir de n’importe quel ordinateur, n’importe où </li></ul><ul><li>Possibilité de partager le développement du blog </li></ul><ul><ul><li>Travail en groupe </li></ul></ul><ul><li>Permet l’interactivité: commentaires </li></ul><ul><ul><li>Favorise le débat </li></ul></ul><ul><li>Gratuité </li></ul><ul><li>Publication chronologique </li></ul><ul><ul><li>archives </li></ul></ul><ul><li>Classement thématique </li></ul><ul><ul><li>Forums ou tags </li></ul></ul><ul><li>Insertion d’autres outils </li></ul><ul><ul><li>Liens </li></ul></ul><ul><ul><li>Audio, vidéo, images </li></ul></ul><ul><li>Syndication et agrégation RSS </li></ul><ul><li>Appui l’elearning </li></ul>
    34. 36. Applications éducatives: professeur. <ul><li>Support à l’apprentissage </li></ul><ul><ul><li>contenus en rapport avec notre matière </li></ul></ul><ul><ul><li>support d’activités didactiques </li></ul></ul><ul><ul><li>planification de travaux à court et long terme </li></ul></ul><ul><ul><li>présentation de textes, images, audio, vidéo </li></ul></ul><ul><ul><li>partage de connaissances </li></ul></ul><ul><li>Panneau d’affichage virtuel </li></ul><ul><ul><li>annonces, conseils, orientation </li></ul></ul><ul><ul><li>annoncer des stages, des ateliers, des événements divers </li></ul></ul><ul><ul><li>liens intéressants </li></ul></ul><ul><ul><li>présenter les nouveautés dans l’établissement </li></ul></ul><ul><li>Travailler à la maison ou à l’école </li></ul>
    35. 37. Applications éducatives: l’élève <ul><li>Publier leurs travaux. </li></ul><ul><li>Réviser et évaluer leurs travaux. </li></ul><ul><li>Dialogues avec le groupe avec lequel on travaille. </li></ul><ul><ul><li>Travail collaboratif à distance. </li></ul></ul><ul><li>Cartable électronique. </li></ul><ul><li>Ressources partagées en rapport avec le groupe. </li></ul><ul><li>Site de l’établissement, du groupe, de leur ville… </li></ul><ul><li>Organiser ou présenter un voyage. </li></ul><ul><li>Le journal de bord de l’année scolaire. </li></ul>
    36. 38. Nouveaux termes: édublog. <ul><li>C’est un blog dont le but est d’appuyer le processus d’enseignement-apprentissage dans un contexte éducatif (Lara, 2006). </li></ul><ul><li>Dans un edublog les étudiants et les professeurs présentent et partagent leurs inquiétudes éducatives, en s’appuyant sur les possibilités de formation et de développement offertes par les TICE. </li></ul><ul><ul><li>blogfesor </li></ul></ul>
    37. 39. Comunication, collaboration et interactivité: les wikis. http://carmenvera.wikispaces.com/
    38. 40. Un wiki, c’est quoi? <ul><li>Le terme &quot;wiki&quot; vient de l'hawaïen « wiki wiki » signifiant « vite ». </li></ul><ul><li>Le wiki est un site web dont la principale caractéristique est de permettre à ses utilisateurs d'éditer de façon simple et rapide n'importe laquelle de ses pages. </li></ul>
    39. 41. Wiki et blog: différences. <ul><li>Blog </li></ul><ul><ul><li>Un seul auteur http://carmenvera.blogspot.com/ </li></ul></ul><ul><ul><li>Des commentaires des visiteurs </li></ul></ul><ul><ul><li>Structure chronologique: on se retrouve face à la dernière entrée </li></ul></ul><ul><ul><li>Liens externes </li></ul></ul><ul><ul><li>Configuration plus attirante </li></ul></ul><ul><li>Wiki </li></ul><ul><ul><li>Plusieurs auteurs au même niveau http://carmenvera.wikispaces.com/ </li></ul></ul><ul><ul><li>La structure est libre, on peut effacer les anciennes contributions même </li></ul></ul><ul><ul><li>Liens internes ou externes </li></ul></ul><ul><ul><li>Les collaborateurs doivent être enregistrés et on sait qui a collaboré </li></ul></ul><ul><ul><li>Possibilité de garder le contenu au format html </li></ul></ul>
    40. 42. Construisons un blog!
    41. 43. Où peut-on les créer? <ul><li>Blogger (www.blogger.com) </li></ul><ul><li>Canalblog (www.canalblog.com) </li></ul><ul><li>Bitácoras (www.bitacoras.com) </li></ul><ul><li>Blogalia (www.blogalia) </li></ul><ul><li>MyBlog (www.myblog.es) </li></ul><ul><li>WordPress (es.wordpress.com) </li></ul><ul><li>Il faut s’inscrire en remplissant un formulaire similaire à celui qu’on remplit pour avoir un courriel. </li></ul>
    42. 44. <ul><li>Pour ouvrir un blog sur blogger nous devons utiliser le courriel de Gmail, au cas où nous l’aurions, c’est le courriel de Google. </li></ul><ul><ul><li>si on ne l’a pas, il est intéressant d’ouvrir un compte sur Google </li></ul></ul><ul><ul><ul><li>pour la nouvelle version de Blogger </li></ul></ul></ul><ul><ul><ul><li>parce qu’il nous permettra de profiter des toutes les fonctionnalités de Google (Docs en ligne, bloc-notes, Google Reader…). </li></ul></ul></ul>A. Activer un compte sur blogger. http://www.blogger.com
    43. 45. <ul><li>Activer un compte sur blogger quand on ne possède pas de compte Gmail </li></ul><ul><ul><li>ouvrir un courriel Gmail </li></ul></ul><ul><li>2. Activer un compte sur blogger à partir du compte Gmail. </li></ul>A. Activer un compte sur blogger. http:// www.blogger.com http://www.google.fr
    44. 46. A. Activer un compte sur blogger quand on ne possède pas de compte Gmail. www.google.fr Cliquez sur Connexion
    45. 47. A. Activer un compte sur blogger quand on ne possède pas de compte Gmail. Cliquez sur Gmail
    46. 48. Cliquez sur “Inscrivez-vous à Gmail” A. Activer un compte sur blogger quand on ne possède pas de compte Gmail.
    47. 49. A. Activer un compte sur blogger quand on ne possède pas de compte Gmail. Formulaire à remplir. Écrivez votre prénom Écrivez votre nom Écrivez le nom d’utilisateur qui précédera l’arobase Vérifiez la disponibilité avant de continuer Tapez votre mot de passe (8 caractères) Choisissez une question qui vous serait posée si vous oubliiez le mot de passe et écrivez la réponse Tapez le même mot dans l’espace Cliquez sur J’accepte Créer un compte
    48. 50. Vous avez maintenant un compte sur Google qui vous permettra d’activer toutes les fonctionnalités de la plate-forme. Pour cela, utilisez toujours le nom d’utilisateur que vous avez donné pour activer le courriel (ce que vous avez tapé devant l’arobase) et votre mots de passe . A. Activer un compte sur blogger quand on ne possède pas de compte Gmail.
    49. 51. Vous avez déjà un compte. <ul><li>Pour accéder à votre compte de courriel Gmail plus tard, connectez-vous à la page http://mail.google.com </li></ul><ul><li>Pour activer votre blog maintenant </li></ul><ul><ul><li>et pour le modifier/éditer plus tard (chez vous, à l’école…): </li></ul></ul>A. Activer un compte sur blogger quand on ne possède pas de compte Gmail. www.blogger.com
    50. 52. Page d’accueil de Blogger Choisissez la langue dans laquelle vous voulez créer votre blog Visite rapide Créer un nouveau blog Accédez à un blog déjà créé ou utilisez les données de votre compte Google B. Activer un compte sur blogger quand on possède un courriel Gmail. http://www.blogger.com
    51. 53. Si vous possédez un compte sur Gmail, tapez ici votre nom d’utilisateur (devant @) et le mot de passe choisi précédemment Puis, cliquez sur SIGN IN ou CONNEXION, selon la langue de la plateforme B. Activer un compte sur blogger quand on possède un courriel Gmail. On vous demandera de vous inscrire à Blogger Indiquez le nom qui apparaîtra après vos billets Cochez Accepter les conditions. Puis, cliquez sur CONTINUER.
    52. 54. C. Créez votre blog. Donnez-lui un titre et créez l’URL. Donnez un titre à votre blog. Vous pourrez le changer après. Créez l’adresse de votre blog. Important : c’est l’URL de votre blog que vous devrez donner plus tard à vos élèves. Cliquez sur Vérifier la disponibilité Pour savoir si l’adresse existe déja . Cliquez sur CONTINUER.
    53. 55. Choisissez la structure générale du blog que vous préférez. Faites glisser l’ascenseur pour voir les 12 possibilités offertes. Cliquez sur “prévisualiser le modèle” pour voir la structure. Une fois choisie, (vous pourrez la changer plus tard) cochez le bouton, puis sur CONTINUER. C. Créez votre blog. Configurez-le. Structure générale.
    54. 56. C. Créez votre blog. Cliquer ici
    55. 57. titre donné au blog adresse de courriel Gmail (notre compte) déconnexion, pour que d’autres ne puissent pas le changer Cliquez sur AFFICHER LE BLOG D. Mode EDITION du blog.
    56. 58. Adresse du blog: notez-la bien. C’est toujours http://utilisateur.blogspot.com Titre du blog. Courriel de notre compte. La plateforme reconnaît notre compte ou mot de passe, par conséquent, il suffit de cliquer sur NOUVEAU MESSAGE pour commencer à créer des billets/articles. ATTENTION! Quand vous entrerez à partir d’un autre ordinateur, vous devrez introduire à nouveau votre nom d’utilisateur et mot de passe sur www.blogger.com Cliquez sur Nouveau message
    57. 59. Comment crée-t-on des messages/billets/articles? Écrire un nouveau message Changer/éditer des messages déjà créés Modérer les commentaires Visualiser le blog tel qu’il est vu par les visiteurs D. Mode EDITION. Commencer à créer des messages. Gestion de messages. D’abord observons.
    58. 60. Écrire notre premier message Écrire le titre du message Écrire le message Inclure des liens externes Ajouter des images Voir le message avant la publication Le message est prêt D. Mode EDITION. Commencer à créer des messages. Gestion de messages. D’abord observons. Insérer une vidéo Choisir taille et couleur de la police. Structure du message.
    59. 61. D. Mode EDITION. Commencer à créer des messages. Gestion de messages. D’abord observons. Ajouter des étiquettes, tags ou libellés. Vous devez taper ici les mots-clés ou les phrases auxquels vous associez votre message.
    60. 62. Cliquer sur PUBLIER. Copier-coller texte-image d’une page web. Ecrire des libellés qui facilitent la recuperation des messages.
    61. 63. Cliquez ici pour voir votre blog. Vous pouvez modifier encore le message que vous venez de créer. D. Mode EDITION. Commencer à créer des messages. Gestion de messages. D’abord observons.
    62. 64. Première activité. <ul><li>Créer un message sur blogger: </li></ul><ul><ul><li>Ajouter du texte, centré, de plusieurs couleurs </li></ul></ul><ul><ul><ul><li>Ajouter une image </li></ul></ul></ul><ul><ul><ul><li>Ajouter des tags afin de faciliter la recherche </li></ul></ul></ul><ul><ul><li>Click sur PUBLIER </li></ul></ul>
    63. 65. Ecrivez le titre du message (bienvenue). Insérer un texte pour présenter le blog. Insérer une image de votre disque dur, copiez-collez d’un site web ou copiez l’URL de l’image. Cliquez sur PUBLIER. E. Commencer à créer des messages. Première activité: écrivez un message avec une image. carmenvera.wikispaces.com/ Attention! Click sur RÉDIGER! AJOUTER UNE ÉTIQUETTE!
    64. 66. E. Commencer à créer des messages. Première activité: écrivez un message avec une image. Insérer l’image.
    65. 67. E. Commencer à créer des messages. Première activité: écrivez un message avec une image. Insérer l’image.
    66. 68. E. Commencer à créer des messages. Première activité: écrivez un message avec une image. Insérer l’image.
    67. 69. Voir le blog, ce qu’on a publié. Sur une autre fenêtre ou sur la même. Modifier le message créé. Créer un autre message. E. Commencer à créer des messages. Première activité: écrivez un message avec une image.
    68. 70. F. Accéder plus tard à notre blog pour le modifier. On tape http://.....blogspot.com , l’adresse de votre blog. On clique sur CONNEXION/acceder/sign in. www.blogger.com et on s’identifie
    69. 71. Ecrivez le nom d’utilisateur (rappelez-vous l’adresse du courriel que vous avez créée) Et le mot de passe. Cliquez sur CONNEXION. F. Accéder plus tard à notre blog pour le modifier.
    70. 72. Deuxième activité. <ul><li>Insérer une vidéo que l'on possède dans son disque dur. Téléchargez-la d'abord en cliquant sur le lien du wiki . </li></ul><ul><li>Chemin: Publication d’un message-Créer-Donnez un titre </li></ul><ul><li>Cliquez sur l’icône </li></ul><ul><li>Une fois téléchargé, publiez! </li></ul>carmenvera.wikispaces.com Stages de formation
    71. 73. Troisième activité. <ul><li>Créer un billet et blogger de l'audio à partir de de l’audioblog Clickcaster </li></ul><ul><ul><li>http://www.clickcaster.com/carmenvera </li></ul></ul><ul><li>Vous devez cliquer sur: </li></ul><ul><ul><li>CLICK TO PLAY - < > - embed code </li></ul></ul><ul><ul><li>(une fois obtenu le message &quot;embed copied&quot; revenez sur votre blog et collez le code). </li></ul></ul><ul><ul><li>Avant de coller votre code, vous devez clique sur HTML. </li></ul></ul>
    72. 74. Quatrième activité. <ul><li>Blogger une vidéo </li></ul><ul><ul><li>Dailymotion , Youtube , Google Vidéos </li></ul></ul><ul><ul><li>copiez le code </li></ul></ul><ul><ul><ul><li>&quot;lecteur exportable&quot; pour Dailymotion, “code” pour Youtube ou “intégrer le code HTML” pour Google </li></ul></ul></ul><ul><ul><ul><li>collez-le dans le champ message de votre blog, une fois que vous aurez choisi l'option HTML. </li></ul></ul></ul>
    73. 75. Cinquième activité. <ul><li>Créer un billet et insérer un diaporama de Slideshare . </li></ul><ul><ul><li>Cherchez-le ici, où vous trouverez le code EMBED: http://www.slideshare.net/cvera </li></ul></ul><ul><ul><ul><li>“ Embed in your blog” </li></ul></ul></ul><ul><ul><li>Avant de coller le code dans le corps du message du blog, cliquez sur HTML. </li></ul></ul>
    74. 76. Sixième activité. <ul><li>Insérer une page web dans le blog </li></ul><ul><ul><li>Pour cela, utilisez le code proposé dans le wiki </li></ul></ul><ul><ul><li>Vous devez le copier-coller dans le corps du message du blog </li></ul></ul><ul><ul><li>Cliquez HTLM avant de coller le code </li></ul></ul><ul><ul><li>Avant de le publier, vous devez remplacer l’URL (http://...) du code par celui de la page que vous souhaitez publier dans votre blog </li></ul></ul><ul><li>Même procédure pour insérer un fichier flash </li></ul>carmenvera.wikispaces.com Stages de formation
    75. 77. ENTRADAS/MESSAGES : Escribir un nuevo artículo Modificar, suprimir o publicar artículos guardados como BORRADOR CONFIGURACION/PARAMÈTRES : Cambiar título, descripción, URL del blog; definir el formato general; determinar si los comentarios se publican automáticamente; quién tiene permiso para modificar el blog… DISEÑO/MISE EN PAGE : Añadir y organizar elementos de la página; definir fuentes y colores; modificar los códigos HTML; cambiar la plantilla. NUEVA ENTRADA/NOUVEAU MESSAGE : escribir un nuevo artículo. G. Accéder plus tard à notre blog: LE TABLEAU DE BORD DE BLOGGER.
    76. 78. <ul><li>TABLEAU DE BORD-GESTION DES MESSAGES </li></ul><ul><ul><li>Créer d’autres messages </li></ul></ul><ul><ul><li>Supprimer un message déjà créé </li></ul></ul><ul><ul><li>Editer (modifier) un message déjà créé </li></ul></ul>H. Tableau de bord de Blogger. Editer les messages.
    77. 79. H. Editer les messages.
    78. 80. H. Editer les messages. Supprimer un message.
    79. 81. Si vous n’avez pas le temps de finir un message, vous pouvez les enregistrer comme BROUILLON, vous pourrez le récupérer plus tard afin de le finir et de le publier correctement. H. Editer les messages. Finir un brouillon.
    80. 82. Paramètres/Opciones. Options de base. titre, suppression du blog… Définir l’URL exact publier dans un serveur différent Format du titre de l’heure, langue du blog Format et modération des commentaires Fréquence des archives Définir la quantité de message reçu si on s’abonne à un flux Recevoir un mèl quand votre blog est actualisé Définir qui peut modifier le blog et qui peut le voir
    81. 83. I. Paramètres: standard, options de base. Vous pouvez changer maintenant le titre. La description apparaîtra sous le titre. Cela vous permettra de modifier les messages dans la partie public sans avoir besoin d’accéder au mode édition. Pour que vos visiteurs envoient le lien de votre article à d’autres personnes par courriel. Cliquez OUI
    82. 84. I. Paramètres: publication.
    83. 85. I. Paramètres: mise en forme (formato). Capture d’écran: http://edublogki.wikispaces.com/Configurando+Blogger
    84. 86. I. Paramètres: commentaires.
    85. 87. I. Paramètres: archivage. Choisissez OUI afin de configurer plus tard votre FEED
    86. 88. I. Paramètres: flux d’actualisation, feeds. Si vous souhaitez créer un feed, utilisez Feedburner Retrouvez un tutoriel ici . Choisissez COMPLET, c’est important pour que les personnes qui s’inscrivent sur votre blog puissent recevoir les actualisations
    87. 89. I. Paramètres: courriel. Vous recevrez ici un message quand on enverra un message ou un commentaire à votre blog vous pouvez envoyer ici, par mèl, des messages sur votre blog sans ouvrir la plateforme: remplissez-le
    88. 90. I. Paramètres: autorisations. Si vous voulez partager l’édition avec d’autres personnes, indiquez leurs courriels ici. Ils n’auront accès qu’à l’édition, ils ne pourront rien changer d’autre. Décidez également si vous souhaitez limiter le visionnement de votre blog.
    89. 91. J. Modèle du blog. Diseño. Ajouter et organiser les éléments du blog Décider la couleur du fond, du texte, du titre, des liens… et la police générale du blog Changer la structure générale du blog Editer le modèle: il faut avoir des connaissances en html
    90. 92. CABECERA: cambiar el título del blog ARTÍCULOS o ENTRADAS: establecer el nº de artículos que se verán en la portada y los elementos que se verán en cada artículo. Incorporar elementos a la BARRA DE NAVEGACIÓN: listas, imágenes, enlaces, gadgets, suscripciones a otros blogs, texto, etiquetas, artículos archivados. J. Modèle du blog. Eléments de la page.
    91. 93. J. Modèle (plantilla). CABECERA: cambiar el título del blog ARTÍCULOS o ENTRADAS: establecer el nº de artículos que se verán en la portada y los elementos que se verán en cada artículo. Incorporar elementos a la BARRA DE NAVEGACIÓN: listas, imágenes, enlaces, gadgets, suscripciones a otros blogs, texto, etiquetas, artículos archivados.
    92. 94. Septième activité <ul><li>Modifier la barre de navigation </li></ul><ul><li>Tableau de bord </li></ul><ul><li>Modèle </li></ul><ul><li>Eléments de la page </li></ul><ul><li>Ajouter un élément à la page </li></ul>
    93. 95. K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves). À partir du Tableau de bord/Panel. Cliquez sur Mise en page/Diseño.
    94. 96. Cliquez sur Ajouter un élément à la page . K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves).
    95. 97. Cliquer sur Liste de liens. AJOUTER AU BLOG. K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves).
    96. 98. Escribir título de la categoría de enlaces. Determinar si se desea que la lista de enlaces aparezca por orden alfabético. Escribir el URL del sitio. Escribir el nombre del sitio web. Click en AÑADIR VÍNCULO. Click en GUARDAR CAMBIOS. Cuando tengamos una lista de enlaces podremos editarlos, cambiar orden… K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves).
    97. 99. K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves). Enregistrer les modifications
    98. 100. Cliquez sur ENREGISTRER K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves).
    99. 101. L. Configurer le blog: ajouter une image sur la barre de navigation: le logo du blog. click
    100. 102. M. Configurer le blog: laisser voir les tags/libellés sur la barre de navigation. Catégories ou forums. Cliquez sur Libellés AJOUTER AU BLOG Cliquez sur ENREGISTRER
    101. 103. Tableau de bord /panel. Cliquez sur Mise en page / Diseño. N. Embellir le blog: HTML/Java Script.
    102. 104. Tableau de bord / Panel. Cliquez sur Mise en page / Diseño. O. Embellir le blog: ajouter une montre sur la barre de navigation. http://www.clocklink.com/
    103. 105. Cliquez sur Ajouter un élément à la page . O. Embellir le blog: ajouter une montre sur la barre de navigation.
    104. 106. Cliquez sur HTML/ Javascript. Ajouter au blog. O. Embellir le blog: ajouter une montre sur la barre de navigation.
    105. 107. Visitons le site de ClockLink.com pour obtenir le code qu’il faudra coller ici http://www.clocklink.com/ 0. Embellir le blog: ajouter une montre sur la barre de navigation. Choisissez le format, en cliquant sur GALLERY view HTML tag – accept choisissez la couleur, la taille et copiez-collez
    106. 108. <ul><li>  Google Gadgets pour les blogs </li></ul><ul><ul><li>http://www.google.com/ig/directory?synd=open&num=24&cat=technology </li></ul></ul><ul><li>  Il suffit de copier-coller le code dans le blog (Mise en page-Modèle-Eléments de la page-Ajouter un élément à la page-HTML-Javascript) </li></ul>P. Embellir le blog: HTML/Java Script. Ajouter des gadgets de google.
    107. 109. P. Embellir le blog: HTML/Java Script. Ajouter des gadgets de Google.
    108. 110. Activité pratique. <ul><li>Ajoutez un videoroll sur la barre de navigation en suivant les mêmes pas que pour la montre ou les gadgets Google. </li></ul><ul><ul><li>retrouvez le code ici: </li></ul></ul><ul><ul><ul><li>www.dailymotion.com/cvera </li></ul></ul></ul><ul><ul><ul><li>cliquer sur “créer un vidéoroll” </li></ul></ul></ul><ul><ul><ul><li>il suffit de copier-coller le code qui est proposé </li></ul></ul></ul>
    109. 111. R. Ajouter un bouton de FEEDS (les derniers articles publiés dans un site qui nous intéresse). Debemos ir a la página del blog que deseamos sindicar y obtener su RSS o ATOM http://www.ELPAIS.com/rss/feed.html?feedId=5 Para obtenerla se hace clic sobre el botón RSS ó ATOM ò XML y se copia. click click click
    110. 112. Tableau de bord /panel. Cliquez sur Mise en page / Diseño. S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    111. 113. Tableau de bord / Panel. Cliquez sur Mise en page / Diseño. S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    112. 114. Cliquer sur Ajouter un élément à la page . S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    113. 115. Cliquez sur HTML/ Javascript. Ajouter au blog. S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    114. 116. Visitemos el sitio de feevy para obtener la etiqueta que debemos pegar aquí. http://www.feevy.com/ S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    115. 117. <ul><li>Click en “Get your feevy now” </li></ul>S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    116. 118. <ul><li>Crear una cuenta: rellenar y click en “create…”. </li></ul><ul><li>“ add another blog” e introducir el URL. </li></ul><ul><li>“ change avatar” para introducir icono representativo. </li></ul>Elegir el color del feevy. Decidir el orden de aparición de los blogs en el feevy. Copiar la etiqueta que se ofrece para pegarla en nuestro blog. S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    117. 119. Collez le code. Cliquez sur ENREGISTRER/ GUARDAR CAMBIOS. S. Embellir le blog: ajouter un feevy (publier les derniers messages de nos blogs préférés, sur la barre de navigation de notre blog).
    118. 120. Merci pour votre attention! Vous avez des questions? [email_address] http://carmenvera.eoidehellin.es

    ×