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
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
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.
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.
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
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