SlideShare a Scribd company logo
1 of 120
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
Objectifs généraux. ,[object Object],[object Object],[object Object],[object Object],[object Object]
C’est quoi,  le web  2.0?
 
 
Pour moi, le web 2.0 c’est… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web 2.0 : une définition collaborative. ,[object Object],[object Object]
Historique du Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web 2.0 : origine Marketing  ,[object Object],[object Object],[object Object],[object Object],[object Object]
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
Caractéristiques des sites Web 2.0 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Nouveaux  concepts, nouveaux termes, nouvelle  philosophie
Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. ,[object Object],[object Object],[object Object]
Comment se repérer dans ces sites 2.0?
Le Web 2.0: nouveaux concepts, nouveaux termes, nouvelle philosophie. ,[object Object],[object Object],[object Object],[object Object]
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. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
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. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Quels outils peuvent nous intéresser?
Communiquer: les chats. communication   synchrone application
application
http://www.clickcaster.com/carmenvera http://www.evoca.com/carmenvera application Partager et stocker: des audioblogs ou podcasts.
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? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
les blogs de mes groupes
Mon blog  chanson francophone en cours de FLE .
Caractéristiques du blog. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Création des billets ,[object Object],[object Object],[object Object]
Compléments pour blogs. ,[object Object],[object Object],[object Object],[object Object]
Avantages dans l’enseignement. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Applications éducatives: professeur. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Applications éducatives:  l’élève ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Nouveaux termes: édublog. ,[object Object],[object Object],[object Object]
Comunication, collaboration et interactivité: les wikis. http://carmenvera.wikispaces.com/
Un wiki, c’est quoi? ,[object Object],[object Object]
Wiki et blog: différences. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Construisons un blog!
Où peut-on les créer? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],A. Activer un compte sur blogger. http://www.blogger.com
[object Object],[object Object],[object Object],A. Activer un compte sur blogger. http:// www.blogger.com http://www.google.fr
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 É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
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.
Vous avez déjà un compte. ,[object Object],[object Object],[object Object],A.   Activer un compte sur blogger quand on ne possède pas de compte Gmail.  www.blogger.com
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
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.
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.
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.
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 Cliquez sur AFFICHER LE BLOG D. Mode EDITION du blog.
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
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.
É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.
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.
Cliquer sur PUBLIER. Copier-coller texte-image d’une page web. Ecrire des libellés qui facilitent la recuperation des messages.
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.
Première activité. ,[object Object],[object Object],[object Object],[object Object],[object Object]
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!
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. Commencer à créer des messages.  Première activité: écrivez un message avec une image.
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
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.
Deuxième activité. ,[object Object],[object Object],[object Object],[object Object],carmenvera.wikispaces.com Stages de formation
Troisième activité. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Quatrième activité. ,[object Object],[object Object],[object Object],[object Object],[object Object]
Cinquième activité. ,[object Object],[object Object],[object Object],[object Object]
Sixième activité. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],carmenvera.wikispaces.com Stages de formation
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.
[object Object],[object Object],[object Object],[object Object],H. Tableau de bord de Blogger. Editer les messages.
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 plus tard afin de le finir et de le publier correctement. H. Editer les messages. Finir un brouillon.
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
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
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  ici . Choisissez COMPLET, c’est important pour que les personnes qui s’inscrivent sur votre blog puissent recevoir les actualisations
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
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.
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
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.
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.
Septième activité ,[object Object],[object Object],[object Object],[object Object],[object Object]
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.
Cliquez sur  Ajouter un élément à la page . K. Configurer le blog: ajouter une liste de liens externes  (propositions à vos élèves).
Cliquer sur  Liste de liens.  AJOUTER AU BLOG.  K. Configurer le blog: ajouter une liste de liens externes  (propositions à vos élèves).
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).
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és AJOUTER AU BLOG Cliquez sur ENREGISTRER
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 navigation. http://www.clocklink.com/
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 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
[object Object],[object Object],[object Object],P. Embellir le blog: HTML/Java Script. Ajouter des gadgets de google.
P. Embellir le blog: HTML/Java Script. Ajouter des gadgets de Google.
Activité pratique. ,[object Object],[object Object],[object Object],[object Object],[object Object]
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
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).
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).
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).
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).
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).
[object Object],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).
[object Object],[object Object],[object Object],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).
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).
Merci pour votre attention! Vous avez des questions? [email_address] http://carmenvera.eoidehellin.es

More Related Content

What's hot

Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0sophiebocquet
 
Outils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignementOutils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignementStéphane Bazan
 
Usage des blogs dans les bibliothèques
Usage des blogs dans les bibliothèquesUsage des blogs dans les bibliothèques
Usage des blogs dans les bibliothèquesAref Jdey
 
Initiation au web 2.0 : principes et présentation des différents outils
Initiation au web 2.0 : principes et présentation des différents outilsInitiation au web 2.0 : principes et présentation des différents outils
Initiation au web 2.0 : principes et présentation des différents outilsURFIST de Paris
 
Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0Henri Kaufman
 
Atelier Aefnb 28 AoûT 2007
Atelier Aefnb 28 AoûT 2007Atelier Aefnb 28 AoûT 2007
Atelier Aefnb 28 AoûT 2007ynnek
 
Livres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la ConvergenceLivres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la ConvergenceIvan Herman
 
Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0 Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0 URFIST de Rennes
 
Blog pour la bibliothèque
Blog pour la bibliothèqueBlog pour la bibliothèque
Blog pour la bibliothèquePhilippe Diaz
 
Web2.0 pour les nuls
Web2.0 pour les nulsWeb2.0 pour les nuls
Web2.0 pour les nulsAlain Grappe
 
Web 2.0 un guide
Web 2.0 un guideWeb 2.0 un guide
Web 2.0 un guidelucieaud
 
Web 2.0 - France Gestion
Web 2.0 - France GestionWeb 2.0 - France Gestion
Web 2.0 - France GestionXavier LAIR
 
Le web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèquesLe web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèquesURFIST de Rennes
 

What's hot (19)

Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0Panorama des outils collaboratifs du web 2.0
Panorama des outils collaboratifs du web 2.0
 
Le web 2.0
Le web 2.0Le web 2.0
Le web 2.0
 
Outils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignementOutils Web 2.0 pour l'enseignement
Outils Web 2.0 pour l'enseignement
 
Usage des blogs dans les bibliothèques
Usage des blogs dans les bibliothèquesUsage des blogs dans les bibliothèques
Usage des blogs dans les bibliothèques
 
Initiation au web 2.0 : principes et présentation des différents outils
Initiation au web 2.0 : principes et présentation des différents outilsInitiation au web 2.0 : principes et présentation des différents outils
Initiation au web 2.0 : principes et présentation des différents outils
 
Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0Les 10 principaux outils du Web2.0
Les 10 principaux outils du Web2.0
 
Atelier Aefnb 28 AoûT 2007
Atelier Aefnb 28 AoûT 2007Atelier Aefnb 28 AoûT 2007
Atelier Aefnb 28 AoûT 2007
 
Ardesi
ArdesiArdesi
Ardesi
 
Livres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la ConvergenceLivres Numériques / Web : Construire la Convergence
Livres Numériques / Web : Construire la Convergence
 
Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0 Introduction aux outils du Web 2.0
Introduction aux outils du Web 2.0
 
Blog pour la bibliothèque
Blog pour la bibliothèqueBlog pour la bibliothèque
Blog pour la bibliothèque
 
Web 2.0 : une introduction
Web 2.0 : une introductionWeb 2.0 : une introduction
Web 2.0 : une introduction
 
Web2.0 pour les nuls
Web2.0 pour les nulsWeb2.0 pour les nuls
Web2.0 pour les nuls
 
Web 2.0 un guide
Web 2.0 un guideWeb 2.0 un guide
Web 2.0 un guide
 
Web 2.0 - France Gestion
Web 2.0 - France GestionWeb 2.0 - France Gestion
Web 2.0 - France Gestion
 
wicr
wicrwicr
wicr
 
Ict1 réseaux sociaux
Ict1   réseaux sociauxIct1   réseaux sociaux
Ict1 réseaux sociaux
 
Le web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèquesLe web 2.0 pour les bibliothèques
Le web 2.0 pour les bibliothèques
 
Réseaux sociaux
Réseaux sociauxRéseaux sociaux
Réseaux sociaux
 

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

Web 2.0 école doctorale
Web 2.0 école doctoraleWeb 2.0 école doctorale
Web 2.0 école doctoralecarovalerie37
 
Web 2.0 école doctorale
Web 2.0 école doctoraleWeb 2.0 école doctorale
Web 2.0 école doctoralecarovalerie37
 
Web2 0 fr-madrid_realtice
Web2 0 fr-madrid_realticeWeb2 0 fr-madrid_realtice
Web2 0 fr-madrid_realticegiedocusters
 
Le web 2.0 pour les formateurs
Le web 2.0 pour les formateursLe web 2.0 pour les formateurs
Le web 2.0 pour les formateursVincent Pereira
 
Le Web 2.0 au service de la formation (partie 1)
Le Web 2.0 au service de la formation (partie 1)Le Web 2.0 au service de la formation (partie 1)
Le Web 2.0 au service de la formation (partie 1)Redaction SKODEN
 
J'enseigne avec le Web 2.0
J'enseigne avec le Web 2.0J'enseigne avec le Web 2.0
J'enseigne avec le Web 2.0Isabelle Dremeau
 
Les outils du web 2.0 pour la recherche scientifique - Master 1 SACIM
Les outils du web 2.0 pour la recherche scientifique - Master 1 SACIMLes outils du web 2.0 pour la recherche scientifique - Master 1 SACIM
Les outils du web 2.0 pour la recherche scientifique - Master 1 SACIMMagalie Le Gall
 
Outils web et leurs usages en bibliothèque
Outils web et leurs usages en bibliothèqueOutils web et leurs usages en bibliothèque
Outils web et leurs usages en bibliothèquexavberton
 
Usages des TIC dans l’éducation
Usages des TIC dans l’éducationUsages des TIC dans l’éducation
Usages des TIC dans l’éducationmirjamschaap
 
Bibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirsBibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirsChristophe Poupet
 
Vers des bibliothèques-écosystèmes ?
Vers des bibliothèques-écosystèmes ?Vers des bibliothèques-écosystèmes ?
Vers des bibliothèques-écosystèmes ?Association Bibop
 
Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...
Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...
Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...Thomas Chaimbault-Petitjean
 

Similar to Le Blog Dans L’Enseignement Des Langues éTrangèRes (20)

Web 2.0 école doctorale
Web 2.0 école doctoraleWeb 2.0 école doctorale
Web 2.0 école doctorale
 
Web 2.0 école doctorale
Web 2.0 école doctoraleWeb 2.0 école doctorale
Web 2.0 école doctorale
 
Web2 0 fr-madrid_realtice
Web2 0 fr-madrid_realticeWeb2 0 fr-madrid_realtice
Web2 0 fr-madrid_realtice
 
Le web 2.0 pour les formateurs
Le web 2.0 pour les formateursLe web 2.0 pour les formateurs
Le web 2.0 pour les formateurs
 
Bibliothèques et Web 2.0
Bibliothèques et Web 2.0Bibliothèques et Web 2.0
Bibliothèques et Web 2.0
 
Le Web 2.0 au service de la formation (partie 1)
Le Web 2.0 au service de la formation (partie 1)Le Web 2.0 au service de la formation (partie 1)
Le Web 2.0 au service de la formation (partie 1)
 
J'enseigne avec le Web 2.0
J'enseigne avec le Web 2.0J'enseigne avec le Web 2.0
J'enseigne avec le Web 2.0
 
Nveaux outils web
Nveaux outils webNveaux outils web
Nveaux outils web
 
Nveaux outils web
Nveaux outils webNveaux outils web
Nveaux outils web
 
Nveaux outils web
Nveaux outils webNveaux outils web
Nveaux outils web
 
Les outils du web 2.0 pour la recherche scientifique - Master 1 SACIM
Les outils du web 2.0 pour la recherche scientifique - Master 1 SACIMLes outils du web 2.0 pour la recherche scientifique - Master 1 SACIM
Les outils du web 2.0 pour la recherche scientifique - Master 1 SACIM
 
Outils web et leurs usages en bibliothèque
Outils web et leurs usages en bibliothèqueOutils web et leurs usages en bibliothèque
Outils web et leurs usages en bibliothèque
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web2 Rennes Janvier 2010
Web2 Rennes Janvier 2010Web2 Rennes Janvier 2010
Web2 Rennes Janvier 2010
 
Web 2.0 : Blogs, RSS & Wikis
Web 2.0 : Blogs, RSS & WikisWeb 2.0 : Blogs, RSS & Wikis
Web 2.0 : Blogs, RSS & Wikis
 
Usages des TIC dans l’éducation
Usages des TIC dans l’éducationUsages des TIC dans l’éducation
Usages des TIC dans l’éducation
 
Bibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirsBibliothèque 2.0 - la médiatisation des savoirs
Bibliothèque 2.0 - la médiatisation des savoirs
 
Evolution du web2.0
Evolution du web2.0Evolution du web2.0
Evolution du web2.0
 
Vers des bibliothèques-écosystèmes ?
Vers des bibliothèques-écosystèmes ?Vers des bibliothèques-écosystèmes ?
Vers des bibliothèques-écosystèmes ?
 
Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...
Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...
Des bibliothèques 2.0 ? Quand les bibliothèques s'emparent des outils du web ...
 

More from Carmen Vera

Monsieur ibrahim et les fleurs du Coran
Monsieur ibrahim et les fleurs du CoranMonsieur ibrahim et les fleurs du Coran
Monsieur ibrahim et les fleurs du CoranCarmen Vera
 
Expression de la cause
Expression de la causeExpression de la cause
Expression de la causeCarmen Vera
 
Gerundio español gérondif français
Gerundio español   gérondif françaisGerundio español   gérondif français
Gerundio español gérondif françaisCarmen Vera
 
Patrick Bruel: Où es-tu?
Patrick Bruel: Où es-tu?Patrick Bruel: Où es-tu?
Patrick Bruel: Où es-tu?Carmen Vera
 
Le cinéma français en classe de FLE
Le cinéma français en classe de FLELe cinéma français en classe de FLE
Le cinéma français en classe de FLECarmen Vera
 
Internet pour les DNL francophones
Internet pour les DNL francophonesInternet pour les DNL francophones
Internet pour les DNL francophonesCarmen Vera
 
Dnl Francophones 8 Mars 2010
Dnl Francophones 8 Mars 2010Dnl Francophones 8 Mars 2010
Dnl Francophones 8 Mars 2010Carmen Vera
 
Les perles du Bac commentées par les professeurs
Les perles du Bac commentées par les professeursLes perles du Bac commentées par les professeurs
Les perles du Bac commentées par les professeursCarmen Vera
 
Créer un compte sur delicious
Créer un compte sur deliciousCréer un compte sur delicious
Créer un compte sur deliciousCarmen Vera
 
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéSActualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéSCarmen Vera
 
Modificar El Menú NavegacióN
Modificar El Menú NavegacióNModificar El Menú NavegacióN
Modificar El Menú NavegacióNCarmen Vera
 
Insertar Y Suprimir Enlace
Insertar Y Suprimir EnlaceInsertar Y Suprimir Enlace
Insertar Y Suprimir EnlaceCarmen Vera
 
Insertar Documentos Que Poseemos En Nuestro Ordenador
Insertar Documentos Que Poseemos En Nuestro OrdenadorInsertar Documentos Que Poseemos En Nuestro Ordenador
Insertar Documentos Que Poseemos En Nuestro OrdenadorCarmen Vera
 
Insertar Audio, Video U Otros Documentos
Insertar Audio, Video U Otros DocumentosInsertar Audio, Video U Otros Documentos
Insertar Audio, Video U Otros DocumentosCarmen Vera
 
L'interdiction de fumer dans les lieux publics.
L'interdiction de fumer dans les lieux publics.L'interdiction de fumer dans les lieux publics.
L'interdiction de fumer dans les lieux publics.Carmen Vera
 
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéSActualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéSCarmen Vera
 
Créer un compte sur delicious
Créer un compte sur deliciousCréer un compte sur delicious
Créer un compte sur deliciousCarmen Vera
 
Un conte de Noel
Un conte de NoelUn conte de Noel
Un conte de NoelCarmen Vera
 

More from Carmen Vera (20)

Monsieur ibrahim et les fleurs du Coran
Monsieur ibrahim et les fleurs du CoranMonsieur ibrahim et les fleurs du Coran
Monsieur ibrahim et les fleurs du Coran
 
Expression de la cause
Expression de la causeExpression de la cause
Expression de la cause
 
Gerundio español gérondif français
Gerundio español   gérondif françaisGerundio español   gérondif français
Gerundio español gérondif français
 
Patrick Bruel: Où es-tu?
Patrick Bruel: Où es-tu?Patrick Bruel: Où es-tu?
Patrick Bruel: Où es-tu?
 
Le cinéma français en classe de FLE
Le cinéma français en classe de FLELe cinéma français en classe de FLE
Le cinéma français en classe de FLE
 
Internet pour les DNL francophones
Internet pour les DNL francophonesInternet pour les DNL francophones
Internet pour les DNL francophones
 
Dnl Francophones 8 Mars 2010
Dnl Francophones 8 Mars 2010Dnl Francophones 8 Mars 2010
Dnl Francophones 8 Mars 2010
 
Les perles du Bac commentées par les professeurs
Les perles du Bac commentées par les professeursLes perles du Bac commentées par les professeurs
Les perles du Bac commentées par les professeurs
 
Créer un compte sur delicious
Créer un compte sur deliciousCréer un compte sur delicious
Créer un compte sur delicious
 
Les drogues
Les droguesLes drogues
Les drogues
 
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéSActualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
 
Modificar El Menú NavegacióN
Modificar El Menú NavegacióNModificar El Menú NavegacióN
Modificar El Menú NavegacióN
 
Insertar Y Suprimir Enlace
Insertar Y Suprimir EnlaceInsertar Y Suprimir Enlace
Insertar Y Suprimir Enlace
 
Insertar Documentos Que Poseemos En Nuestro Ordenador
Insertar Documentos Que Poseemos En Nuestro OrdenadorInsertar Documentos Que Poseemos En Nuestro Ordenador
Insertar Documentos Que Poseemos En Nuestro Ordenador
 
Insertar Audio, Video U Otros Documentos
Insertar Audio, Video U Otros DocumentosInsertar Audio, Video U Otros Documentos
Insertar Audio, Video U Otros Documentos
 
L'interdiction de fumer dans les lieux publics.
L'interdiction de fumer dans les lieux publics.L'interdiction de fumer dans les lieux publics.
L'interdiction de fumer dans les lieux publics.
 
Le Sport
Le SportLe Sport
Le Sport
 
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéSActualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
Actualizacion Didactica Para Profesores Dnl De Secciones BilingüEs De FrancéS
 
Créer un compte sur delicious
Créer un compte sur deliciousCréer un compte sur delicious
Créer un compte sur delicious
 
Un conte de Noel
Un conte de NoelUn conte de Noel
Un conte de Noel
 

Recently uploaded

Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensErol GIRAUDY
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleErol GIRAUDY
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Infopole1
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapMaxime Huran 🌈
 
KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311Erol GIRAUDY
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)IES VE
 

Recently uploaded (6)

Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examens
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence Artificielle
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
 
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
 
KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)
 

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

  • 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.
  • 3. C’est quoi, le web 2.0?
  • 4.  
  • 5.  
  • 6.
  • 7.
  • 8.
  • 9.
  • 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
  • 11.
  • 12. Nouveaux concepts, nouveaux termes, nouvelle philosophie
  • 13.
  • 14. Comment se repérer dans ces sites 2.0?
  • 15.
  • 16. Marqueurs sociaux: vos favoris en ligne.
  • 17. Comment être au jour au milieu de tous ces nouveaux sites?
  • 18.
  • 19. Obtenir du matériel audio-visuel pour nos cours grâce aux sites 2.0
  • 20.
  • 21.
  • 22. Communiquer: les chats. communication synchrone application
  • 25. Partager: des vidéoblogs. www.dailymotion.com/cvera
  • 26. Blog-audio, podcast: fichiers audio-visuels pour les cours de FLE cvera.podemus.com application
  • 28. Communiquer: les blogs. communication diachrone les blogs: un blog FLE.
  • 29.
  • 30. les blogs de mes groupes
  • 31. Mon blog chanson francophone en cours de FLE .
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39. Comunication, collaboration et interactivité: les wikis. http://carmenvera.wikispaces.com/
  • 40.
  • 41.
  • 43.
  • 44.
  • 45.
  • 46. A. Activer un compte sur blogger quand on ne possède pas de compte Gmail. www.google.fr Cliquez sur Connexion
  • 47. A. Activer un compte sur blogger quand on ne possède pas de compte Gmail. Cliquez sur Gmail
  • 48. Cliquez sur “Inscrivez-vous à Gmail” A. Activer un compte sur blogger quand on ne possède pas de compte Gmail.
  • 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
  • 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.
  • 51.
  • 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
  • 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.
  • 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.
  • 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.
  • 56. C. Créez votre blog. Cliquer ici
  • 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.
  • 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
  • 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.
  • 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.
  • 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.
  • 62. Cliquer sur PUBLIER. Copier-coller texte-image d’une page web. Ecrire des libellés qui facilitent la recuperation des messages.
  • 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.
  • 64.
  • 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!
  • 66. E. Commencer à créer des messages. Première activité: écrivez un message avec une image. Insérer l’image.
  • 67. E. Commencer à créer des messages. Première activité: écrivez un message avec une image. Insérer l’image.
  • 68. E. Commencer à créer des messages. Première activité: écrivez un message avec une image. Insérer l’image.
  • 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.
  • 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
  • 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.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 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.
  • 78.
  • 79. H. Editer les messages.
  • 80. H. Editer les messages. Supprimer un message.
  • 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.
  • 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
  • 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
  • 85. I. Paramètres: mise en forme (formato). Capture d’écran: http://edublogki.wikispaces.com/Configurando+Blogger
  • 87. I. Paramètres: archivage. Choisissez OUI afin de configurer plus tard votre FEED
  • 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
  • 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
  • 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.
  • 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
  • 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.
  • 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.
  • 94.
  • 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.
  • 96. Cliquez sur Ajouter un élément à la page . K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves).
  • 97. Cliquer sur Liste de liens. AJOUTER AU BLOG. K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves).
  • 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).
  • 99. K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves). Enregistrer les modifications
  • 100. Cliquez sur ENREGISTRER K. Configurer le blog: ajouter une liste de liens externes (propositions à vos élèves).
  • 101. L. Configurer le blog: ajouter une image sur la barre de navigation: le logo du blog. click
  • 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
  • 103. Tableau de bord /panel. Cliquez sur Mise en page / Diseño. N. Embellir le blog: HTML/Java Script.
  • 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/
  • 105. Cliquez sur Ajouter un élément à la page . O. Embellir le blog: ajouter une montre sur la barre de navigation.
  • 106. Cliquez sur HTML/ Javascript. Ajouter au blog. O. Embellir le blog: ajouter une montre sur la barre de navigation.
  • 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
  • 108.
  • 109. P. Embellir le blog: HTML/Java Script. Ajouter des gadgets de Google.
  • 110.
  • 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
  • 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).
  • 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).
  • 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).
  • 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).
  • 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).
  • 117.
  • 118.
  • 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).
  • 120. Merci pour votre attention! Vous avez des questions? [email_address] http://carmenvera.eoidehellin.es