tutoriel

Sciences Economiques et Sociales

Comment publier un article sur le blog

Ce tutoriel a pour objectif de vous expliquer comment publier des articles sur le blog « Art d’Eco » (http://lewebpedagogique.com/sesleroux/), avec le statut d’ « auteur ».

Etape 1 : découvrir le blog en tant que “visiteur”

a) Lancez le navigateur FireFox ou Internet Explorer, et entrez l’adresse suivante :

http://lewebpedagogique.com/sesleroux

c) Répondez aux aux questions suivantes :

Qu’est-ce qui figure en page d’accueil ?
Quel est l’objectif de ce blog ?
Quels sont les objectifs du projet global ?
Quels types de ressources offre les liens et le « lexique » de ce blog ?

d) Laissez un commentaire au bas de l’une des pages.

Etape 2 : contribuer au blog en tant qu’”élève-auteur”

Vos professeurs ont donné à chaque groupe d’élèves un “droit” d’ “auteur” : vous pouvez librement publier un article sur le blog.

a) Connectez-vous sur le blog : http://lewebpedagogique.com/sesleroux

b) Cliquez sur “s’identifier” en haut à droite.

c)Entrez le login donné par vos professeurs. Votre mot de passe passe est lidentique à votre login.

La connexion réussie, vous arrivez à la page d’accueil du blog.

Cliquez alors sur “gérér” dans le menu du haut.

d) Vous avez alors plusieurs opportunités :

  • éditer votre “profil” pour modifier le mot de passe si vous le désirez. Indiquez votre propre e-mail à ce stade. Ne pas oublier de cliquer sur “Mettre à jour le profil” !

  • “Gérer” (modifier, supprimer) les articles que vous avez déjà publiés.

  • “Ecrire” un article.

e) Rédigez votre premier article en tant qu’élève-auteur.

Contentez-vous pour l’instant de tester la publication d’un article, les diverses fonctionnalités étant explorées plus loin.

Rédigez votre article (voir étapes suivantes). Prenez soin de l’inscrire dans une catégorie, s’il en existe déjà, en cochant la case correspondante.

NB : les “rédacteurs” n’ont pas le droit d’ajouter une nouvelle catégorie.

Vous pouvez également ajouter un “tag”, c’est-à-dire un mot-clé qui “marque” votre article. Tous les tags sont ensuite présentés dans le “nuage de tags” de la page d’accueil.

Enfin, cliquez sur “Publier”. Cliquez sur “Aller sur le site” en haut à gauche, et admirez votre prose !

Etape 3 : insérer une image dans une page ou un article

a) Créez un nouvel article (Ecrire) ou ouvrez-en un existant depuis Gérer.

Deux solutions s’offrent à vous pour publier une image : indiquer son adresse sur le web (b) ou ajouter un média dans la bibliothèque (c).

b) Trouvez une image sur le web, avec Google Images par exemple.

  • Par un clic droit sur l’image, « copier l’adresse de l’image » sous Firefox.

  • Sous Internet Explorer, vous pouvez copier l’adresse de l’image dans la barre d’adresse, ou bien faire un click droit sur l’image, choisir « propriétés » puis copier par une sélection l’adresse indiquée dans la petite fenêtre qui s’ouvre.

  • Dans l’interface de rédaction de l’article, cliquez sur l’icone

(insérer/modifier une image). Dans la fenêtre de dialogue, dans le champ « URL de l’image », collez l’adresse précedemment copiée.

  • N’oubliez pas de cliquer sur « insérer » en bas de la fenêtre de dialogue.

Le problème de cette solution est que, si l’image dont vous avez copié l’adresse disparaît du web, elle disparaitra de votre blog.

Il est donc préférable d’avoir recours à la solution suivante.

c) Cliquez sur ajouter un média, puis choisissez les fichiers à envoyer. Naviguez dans les fichiers de votre disque dur pour trouver l’image.

Renseignez les champs, puis cliques sur « insérez dans l’article ».

Par la suite, vous pourrez directement insérer une image déjà téléchargée depuis la bibliothèque de médias.

Etape 4 : insérer un fichier PDF, word ou OpenOffice dans une page ou un article

Vous pouvez mettre en ligne des textes ou diaporamas sous format Microsoft , OpenOffice ou PDF.

a) Si vous voulez d’abord convertir un fichier texte, un diaporama ou autre document en format PDF, ouvrez ce document avec OpenOffice. Dans le menu « fichier », sélectionnez « exporter au format PDF » : le tour est joué !

b) Vous pouvez ensuite insérer dans un article ou une page un lien vers le fichier PDF (ou autre format), en reprenant la même procédure que pour une image (ajouter un média, etc) : votre blog créera un lien direct vers le fichier.

c) Testez cette fonctionnalité avec un fichier de votre choix.

Etape 5 : insérer une vidéo ou un son dans une page ou un article

Deux solutions s’offrent à vous si vous voulez insérer une vidéo du web.

a) Visualisez la vidéo sur You Tube, Daily Motion ou tout autre site, lancez la vidéo puis copiez l’adresse web exacte de cette vidéo.

Rédigez un article présentant cette vidéo et d’éventuelles consignes de travail, et insérez un lien vers cette vidéo.

Pour cela, il faut sélectionner le texte qui fera le lien, puis cliquer sur l’icone représentant une chaîne dans le menu.

Renseignez alors les champs, en collant l’adresse de la vidéo.

Cependant, cette vidéo n’apparaitra pas en direct (streaming) sur votre blog. Si vous souhaitez cette option, utilisez la solution b.

b) Le blog du web pédagogique permet d’insérer des vidéos en direct dans une page ou un article. Pour cela, consultez les pages SupportBlog (support technique).

Choisissez « insérer une vidéo… ». Voici l’adresse directe du tutoriel : http://lewebpedagogique.com/support/inserer-une-video-de-youtubedailymotion-dans-votre-article/

c) Enfin, on peut insérer un son sous format MP3 (extrait musical, extrait radiophonique etc) par la fonction ajouter un média. Le blog insérera un lecteur qui diffusera en direct ce son.

Adresse du tutoriel du web pédagogique : http://lewebpedagogique.com/support/inserer-un-fichier-de-son-dans-votre-article/

Spécial bidouilleurs :

Si vous éprouvez des difficultés à insérer une vidéo du web à votre blog et que vous y tenez absolument, il va falloir “ouvrir le capot” et mettre “les mains dans le moteur” !

Exemple : vous voulez insérer la vidéo du premier discours de Barak Obama, mise en ligne sur DailyMotion ici : http://www.dailymotion.com/relevance/search/%25C3%25A9conomie/video/x7c662_vostf-711-premier-discours-dobama-p_news.

En bas ou à côté de la vidéo, vous pouvez voir ceci :

Faites une sélection du texte (un “code”) inscrit dans le champ “lecteur exportable“, puis “copiez” par un click droit.

Sur votre blog, rédigez un article. Passez en mode “html” (le contraire du mode “visuel”).

Par un click droit sur le champ de rédaction, “collez” le code copié plus haut.

Voici le charabia qui apparaît :

<div><object width=”480″ height=”381″><param name=”movie” value=”http://www.dailymotion.com/swf/k5G0KXanigdMaqPIlc&related=0&canvas=medium”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowScriptAccess” value=”always”></param><embed src=”http://www.dailymotion.com/swf/k5G0KXanigdMaqPIlc&related=0&canvas=medium” type=”application/x-shockwave-flash” width=”480″ height=”381″ allowFullScreen=”true” allowScriptAccess=”always”></embed></object><br /><b><a href=”http://www.dailymotion.com/video/x7c662_vostf-711-premier-discours-dobama-p_news”>VOSTF – 7/11 : Premier discours d’Obama président élu</a></b><br /><i>envoyé par <a href=”http://www.dailymotion.com/LepointTV”>LepointTV</a></i></div>

Ne prenez pas peur : enregistrez et publiez votre article.

Espérons que la vidéo apparaisse désormais en direct sur votre blog…

Laisser un commentaire