71
Initiation à la création d’un blog avec Blogger L’@telier 1 L'@telier 2009 Médiathèque de Lorient

Blogger 2009

  • Upload
    lorient

  • View
    2.704

  • Download
    0

Embed Size (px)

Citation preview

Initiation à la création d’un blog

avec Blogger

L’@telier

1L'@telier ‐ 2009 ‐Médiathèque de Lorient

• Exemple :  Blogger : service en ligne de création de blog, gratuit et sans publicité, proposé par Google

L'@telier ‐ 2009 ‐Médiathèque de Lorient 2

Les Blogs•Système dynamique de gestion de site web à partir duquel une ou plusieurs personnes s’expriment régulièrement sous la forme de billets classés par ordre chronologique peuvent interagir avec leurs visiteurs via les commentaires

•Outil d’auto-publication et de conversation

Les blogs• Un blog ou blogue est un site Web constitué par la 

réunion de billets classés la plupart du temps par ordre anti‐chronologique (les plus récents en premiers).

• Chaque billet (appelé aussi note ou article) est, à l'image d'un journal de bord ou d'un journal intime, un ajout au blog ; le blogueur (celui qui tient le blog) y délivre un contenu souvent textuel, enrichi d'hyperliens et d'éléments multimédias, sur lequel chaque lecteur peut généralement apporter des commentaires.

3L'@telier ‐ 2009 ‐Médiathèque de Lorient 3

•Le principe du blog (contraction de web log = journal web) est un support de publication en ligne simple et rapide à mettre en œuvre. •Le blog permet aux lecteurs de réagir via les commentaires.

• Les blogs proposent des fils RSS de façon native

•Comment créer un blog ?

‐ Ouvrir un compte chez un hébergeur

‐ Ou installer un logiciel (Wordpress ou Dotclear) sur un serveur

Aucune connaissances techniquesn’est nécessaire si on choisit un hébergeur

L'@telier ‐ 2009 ‐Médiathèque de Lorient 4

Hébergés ou sur un serveur  ?

5

Avantages:Blog crée en 3 minutes, aucune opération technique n’est nécessaire

Inconvénient:Peu de personnalisation ou alors en version payante; difficile de quitter la plateforme pour changer de blog ou le faire évoluer…

Avantage:Blog entièrement maitrisé, le code est accessible.

Inconvénient :L’installation et la personnalisation demandent un minimum de compétences techniques .

L'@telier ‐ 2009 ‐Médiathèque de Lorient 5

La blogosphère

Article sur l’état 

de la blogosphère en 2008

L'@telier ‐ 2009 ‐Médiathèque de Lorient 6

Généralités • Un blog peut être au choix un journal personnel, une tribune, 

un lieu d’échanges, de débat, etc. Vous pouvez vous en servir pour donner votre avis, faire entendre votre voix sur le Web.

• Vous pouvez inclure toutes les informations de votre choix dans votre blog. 

• Il s’agit d’un site Web sans cesse en mutation, vivant. Le principe est de publier des notes, régulièrement, afin quelles soient commentées par les internautes qui visitent vos pages.

• Généralement, un gros quart d’heure suffit à lancer votre blog et à publier votre premier article. 

L'@telier ‐ 2009 ‐Médiathèque de Lorient 7

Le vocabulaire du blogueur

• Blog :  site Web constitué par la réunion d’un ensemble de billets classés par ordre chronologique, à l’image d’un journal de bord .

• Blogueur : personne a qui appartient le blog.

• Blogroll : liste de liens externes inclus sur les pages d’un blog .

• Metablog  : blog lui‐même consacré aux blogs, ou au phénomène du blogging.

• Moblog  : contraction de “Mobile Blog”. Caractérise un blog pouvant être mis à jour à distance et en restant “mobile”, par exemple via un téléphone mobile ou un assistant numérique.

• Rétrolien  (en anglais trackback) est un système de liens inter‐blogs semi‐automatisé. Il permet aux auteurs de relier des billets de blogs différents et parlant du même sujet, ou se faisant référence. 

• Flux rss : système utilisé pour diffuser les mises à jour de sites dont le contenu change fréquemment. L’utilisateur s’abonne aux flux, ce qui lui permet de consulter rapidement les dernières mises à jour sans avoir à se rendre sur le site.

8L'@telier ‐ 2009 ‐Médiathèque de Lorient

Quelle plateforme choisir ?

La liste,  page suivante, recense les principaux hébergeurs de blog, elle n’est pas exhaustive.

Le choix d’un hébergeur dépend du coût (beaucoup sont gratuits), des fonctionnalités offertes et du look’n'feel (spécifications) de l’interface.

Pour créer son blog une étape indispensable consiste à ouvrir un compte sur l’hébergeur de blog en remplissant le formulaire d’inscription.

9L'@telier ‐ 2009 ‐Médiathèque de Lorient

DOSSIER COMPLET / CLIQUER ICIhttp://www.infos-du-net.com/actualite/dossiers/45-blogs.html

Publier son blog

• La publication d’un blog se fait tout simplement à l’aide de formulaires. Un simple clic suffit pour poster une note, un commentaire, une image, voire parfois une vidéo. 

• Toutefois, pour permettre au blog d’être lu par le plus grand nombre, il sera généralement nécessaire d’activer l’option “Syndication de contenu” ou “Fil RSS” afin de générer automatiquement un fil RSS, c’est‐à‐dire un fichier utilisable par les autres blogueurs pour publier vos notes sur leur blog !

• ( Plus d’information sur les fils RSS : http://www.commentcamarche.net/www/rss.php3 )

10L'@telier ‐ 2009 ‐Médiathèque de Lorient

Blog hébergé sur un serveur

• Si l’idée d’avoir un blog identique à tous les autres ne vous plait pas, que vous souhaitez personnaliser ce dernier entièrement et que mettre les mains dans le cambouis ne vous fait pas peur (xhtml, css, php, installation de modules, …), alors rien de tel que de passer à l’étape supérieure.

11L'@telier ‐ 2009 ‐Médiathèque de Lorient

L’ hébergement• L’ hébergeurDe nombreux hébergeurs vous offrent, gratuitement ou non, d’hébergervotre site web. Cela signifie que vous pouvez aussi choisir d’utiliser cet espace pour y installer un blog.

• Le principe

Vous déposez sur votre serveur un ensemble de fichiers, très souvent, vous procédez à une installation en ligne, et c’est parti ! 

• L’avantage, c’est que vous êtes le seul maitre à bord. Un nouveau plugin vous intéresse ? Vous l’installez. Vous êtes graphiste et les thèmes proposés par défaut ne vous plaisent pas ? Vous faites le vôtre, unique. 

• Cela signifie aussi que s’il y a un problème de fonctionnement, c’est votre faute… et que les mises à jour (indispensables pour la sécurité de votre blog) vous incombent.

12L'@telier ‐ 2009 ‐Médiathèque de Lorient

Les moteurs de blog

Les communautés de Dotclear et WordPress sont très actives et vous trouverez de l’aide pour tous vos soucis.De plus, de très nombreux plugins additionnels sont proposés pour ajouter des fonctionnalités à votre blog. 

13L'@telier ‐ 2009 ‐Médiathèque de Lorient

Un moteur de blog est un logiciel qui permet de réaliser des sites web basés sur le principe du blog. Il fait partie des systèmes de gestion de contenu (CMS).

Ils sont parfois appelés logiciels de blog.Les plus connus sont Dotclear et WordPress, mais ce ne sont pas les seuls.

Les moteurs de blog

En voici quelques‐uns :

• BlogCMS http://blogcms.com/

• Dotclear http://www.dotclear.net/

• Serendipity  http://www.s9y.org/

• SimplePHPblog  http://www.simplephpblog.com/

• WordPress http://fr.wordpress.org/.

L'@telier ‐ 2009 ‐Médiathèque de Lorient 14

Hébergement gratuit ou payant ?

• Concernant le choix d’une plateforme d’hébergement, je vous invite à la lecture de revues spécialisées. Ce monde évolue sans cesse.

• Le choix est à faire selon l’ambition de votre blog.

• Vous pouvez également lire cet article du blog de l’@telier ou cet autre article du site Clubic.com.

15L'@telier ‐ 2009 ‐Médiathèque de Lorient

Créer son blog

CREATION D’UN BLOG 

chez

« BLOGGER » 

16L'@telier ‐ 2009 ‐Médiathèque de Lorient

Blogger est une plateforme de Blogs appartenant au groupe Google.

L'@telier ‐ 2009 ‐Médiathèque de Lorient 17

•Avec Blogger, vous aurez la possibilité de faire un blog sans être un expert dans le domaine. 

• Moins d’une minute suffit à lancer votre blog puisqu’il vous suffit pour cela de lui trouver un nom (non encore utilisé) puis de lui affilier un modèle. Lorsque vous postez un article, vous pouvez paramétrer la police de caractère et sa taille. La mise en page est facilitée par le placement et la redimension des images. Vous avez  la possibilité de joindre une photo déjà en ligne, via son URL. Si vous possédez le logiciel Picasa, nous ne saurions trop vous conseiller l’option Blog this qui permet de poster en un clic toutes les photos de votre choix directement vers votre espace personnel en ligne.

Un blog ?

L'@telier ‐ 2009 ‐Médiathèque de Lorient 18

A quoi ça sert ?

L'@telier ‐ 2009 ‐Médiathèque de Lorient 19

Un lien social ?

L'@telier ‐ 2009 ‐Médiathèque de Lorient 20

La présentation du blog

L'@telier ‐ 2009 ‐Médiathèque de Lorient 21

Envoyer des photos

L'@telier ‐ 2009 ‐Médiathèque de Lorient 22

Blogger de votre téléphone

L'@telier ‐ 2009 ‐Médiathèque de Lorient 23

On démarre…

L'@telier ‐ 2009 ‐Médiathèque de Lorient 24

Prêts à créer votre blog sur Blogger ?

• Quant au tableau de bord, il gère l’ensemble de vos blogs et votre profil (puisque vous pouvez créer plusieurs blogs depuis le même compte Google). Pour supprimer votre blog, vous devrez vous rendre dans les Paramètres/Standard de votre interface de création.

• Prêts à créer votre blog sur Blogger ? 

Alors, suivez les étapes suivantes : 

1. Allez sur la page d’accueil de Blogger 

(http://www.blogger.com) ou sur Google .

2. Cliquer sur la flèche « créez votre blog »

L'@telier ‐ 2009 ‐Médiathèque de Lorient 25

Accès à la plateforme de blog

L'@telier ‐ 2009 ‐Médiathèque de Lorient 26

Connectez vous sur Google

La suite…• 3.  Sur la page qui paraîtra mettez votre adresse email dans les deux 

premières cases

L’adresse email que vous mettrez, une adresse Gmail (Google Mail) ou autre,  est celle que vous utiliserez comme « Nom d’utilisateur » et qui vous permettra de vous connecter à chaque fois que vous voudrez aller sur votre compte Blogger. 

• Ce nom d’utilisateur doit rester secret et être connu seulement par vous pour éviter que quelqu’un d’autre ne l’utilise pour se connecter à votre compte et publier sur votre blog. 

• Il en est de même pour le «Mot de passe ».

4.  Sur le deux cases suivantes, celle où vous avez mis votre adresse email, mettez votre « Mot de passe ». 

• Il doit être identique pour les deux cases et comporter au moins 6 caractères. Vous pouvez y mélanger des lettres, des chiffres, points, virgules, tirets, etc.

L'@telier ‐ 2009 ‐Médiathèque de Lorient 27

Puis ..

• 5. Sur la case suivante, vous mettrez votre « Nom d’affichage ». C’est le nom qui apparaîtra à la fin de chacun de vos messages (articles/billets) et qui indiquera l’auteur de celui‐ci. 

6. L’une des dernières choses à faire sur la page est de mettre le mot de vérification qui apparaît. 

• C’est une mesure de sécurité prise par Blogger pour s’assurer que ce ne sont pas des robots qui créent des blogs, mais plutôt des personnes humaines.

7. Cochez sur la petite case après « Conditions d’utilisation » pour accepter celles‐ci. Vous pouvez lire ces conditions en cliquant sur la phrase « Conditions d’utilisation » qui est en bleu

L'@telier ‐ 2009 ‐Médiathèque de Lorient 28

C’est prêt…• 8. Dès que vous avez bien remplies les 5 étapes précédentes, vous pouvez cliquer sur 

« Continuer ». 

• Vous serez conduit sur une nouvelle page si aucune anomalie n’est constatée. 

• Au cas contraire, vous devrez voir ce qui n’a pas été accepté et le corriger, en n’oubliant pas de mettre les nouveaux mots de vérification qui apparaîtront. 

9. Vous serez maintenant amené à choisir un modèle parmi les 16 proposés par Blogger.

• Ce modèle est en quelque sorte l’habit que portera votre blog,  vous pourrez en changer quand vous aurez fini la création de votre blog.

Pour choisir un modèle, cochez sur la petite case ronde à côté du nom de celui‐ci et cliquez sur continuer.

• 10. Sur la page suivante, vous recevrez la confirmation que votre blog a été créé et que vous pouvez désormais y publier des messages (articles). Cliquez sur "Publier des messages"

L'@telier ‐ 2009 ‐Médiathèque de Lorient 29

Créer votre compte

L'@telier ‐ 2009 ‐Médiathèque de Lorient 30

Un compte Google

L'@telier ‐ 2009 ‐Médiathèque de Lorient 31

Choisir un nom

L'@telier ‐ 2009 ‐Médiathèque de Lorient 32

L’adresse URL

L'@telier ‐ 2009 ‐Médiathèque de Lorient 33

Choisir son modèle

L'@telier ‐ 2009 ‐Médiathèque de Lorient 34

C’est fait

L'@telier ‐ 2009 ‐Médiathèque de Lorient 35

Mon premier article

L'@telier ‐ 2009 ‐Médiathèque de Lorient 36

Je peux insérer divers éléments

L'@telier ‐ 2009 ‐Médiathèque de Lorient 37

Le mode administrateur : les paramètres

L'@telier ‐ 2009 ‐Médiathèque de Lorient 38

Le mode administrateur : les paramètres

L'@telier ‐ 2009 ‐Médiathèque de Lorient 39

Le mode administrateur : les paramètres

L'@telier ‐ 2009 ‐Médiathèque de Lorient 40

Le mode administrateur : les paramètres

L'@telier ‐ 2009 ‐Médiathèque de Lorient 41

Le mode administrateur : Edition

L'@telier ‐ 2009 ‐Médiathèque de Lorient 42

Le mode administrateur : Archivage

L'@telier ‐ 2009 ‐Médiathèque de Lorient 43

E‐Mail

L'@telier ‐ 2009 ‐Médiathèque de Lorient 44

L'@telier ‐ 2009 ‐Médiathèque de Lorient 45

Le blog sur internet

Votre page d’accueil – côté public

L'@telier ‐ 2009 ‐Médiathèque de Lorient 46

Mise en page

L'@telier ‐ 2009 ‐Médiathèque de Lorient 47

Les éléments de la page

L'@telier ‐ 2009 ‐Médiathèque de Lorient 48

Chacun des éléments est modifiable, déplaçable selon sa nature

Polices et couleurs

L'@telier ‐ 2009 ‐Médiathèque de Lorient 49

Modifier le code HTML

L'@telier ‐ 2009 ‐Médiathèque de Lorient 50

Changer de modèle

L'@telier ‐ 2009 ‐Médiathèque de Lorient 51

Ecrire un second article

L'@telier ‐ 2009 ‐Médiathèque de Lorient 52

Ecrire…penser aux mots‐clés

L'@telier ‐ 2009 ‐Médiathèque de Lorient 53

Modifier les messages

L'@telier ‐ 2009 ‐Médiathèque de Lorient 54

Ajouter une image

L'@telier ‐ 2009 ‐Médiathèque de Lorient 55

Récupération d’une image dans notre ordinateur

L'@telier ‐ 2009 ‐Médiathèque de Lorient 56

Aperçu de l’article avec la nouvelle image

L'@telier ‐ 2009 ‐Médiathèque de Lorient 57

Insérer une vidéo

L'@telier ‐ 2009 ‐Médiathèque de Lorient58

Cas n° 1, vous avez repéré une vidéo sur une plateforme de partage de vidéos.

Capture du code à insérer

L'@telier ‐ 2009 ‐Médiathèque de Lorient 59

Suivre le conseil du site

Coller le code en ouvrant « modifier le code HTML »

L'@telier ‐ 2009 ‐Médiathèque de Lorient 60

Sauvegarder, ou publier l’article 

L'@telier ‐ 2009 ‐Médiathèque de Lorient 61

C’est fait, regardez le résultat

L'@telier ‐ 2009 ‐Médiathèque de Lorient 62

Vue du site, la vidéo apparait, prête à être lancer

L'@telier ‐ 2009 ‐Médiathèque de Lorient 63

Accéder à votre blog depuis votre compte Google

L'@telier ‐ 2009 ‐Médiathèque de Lorient 64

Blogger

L'@telier ‐ 2009 ‐Médiathèque de Lorient 65

Vous pouvez créer et gérer plusieurs blog, depuis votre compte Google

De la musique dans votre blogPas si simple …

Tout d’abord, il faut héberger son fichier son, sur un site donné (Google ¨Page creator par exemple) et garder l’url vers le fichier sur un fichier notepad

• Voici maintenant les différentes façons dont vous pouvez proposer de la musique sur votre blog

•A. / Vous pouvez proposer lien où les visiteurs pourront cliquer pour écouter la musique. 

• Le code peut être mis dans un message ou dans un fichier HTML/JAVASCRIPT (allez sur modèle, éléments de la page, cliquez sur “ajouter un nouvel élément” et sur la pop‐up qui s’ouvre sélectionnez HTML/JAVASCRIPT”). 

•<a href="URL du fichier musical">Cliquez ici pour écouter la chanson</a>

L'@telier ‐ 2009 ‐Médiathèque de Lorient 66

Musique

• B.  Vous pouvez aussi proposer une console où les visiteurs pourront contrôler le volume, et auront la possibilité d’activer ou d’arrêter la lecture de la chanson. 

• Voici le code qui peut être inséré dans un article ou un widgetHTML/JAVASCRIPT

•<embed autostart="false" height="40" loop="true" playcount="2" src="URL du fichier musical" width="300"/></embed>

L'@telier ‐ 2009 ‐Médiathèque de Lorient 67

Voici quelques explications sur le code au dessus :

• 1. Insérez l’URL de votre fichier musical dans le code.

• 2. Le width qui est ici à 300, est la largeur que la console va occuper dans votre article ou dans votre barre latérale." Vous devez l’ajuster pour qu’elle s’affiche entièrement à l’endroit où vous l’insérez

• 3. Le height est la longueur de la console (ici 40).

• 4. L’attribut autostart a deux options. Si vous mettez "true", la musique commencera à jouer automatiquement dès que la page de l’article ou du blog dans lequel elle est insérée est chargé. C’est toujours mieux de mettre "false" car vous ne savez pas si  vos visiteurs souhaitent  écouter votre musique.

• 5. L’attribut loop indique si la musique doit s’arrêter ou continuer à jouer après la première fois. Si vous mettez "false", la musique s’arrête dès que le morceau arrive à la fin . Tandis que si vous mettez "true", la musique continuera à jouer jusqu’à ce que le visiteur appuie sur le bouton pour stopper ou quand il quittera votre blog (soit la page sur laquelle la musique est intégrée). 

• 6. Vous pouvez aussi spécifier le nombre  de fois où la musique sera jouée en utilisant la balise playcount="2". En mettant 2, la chanson sera jouée deux fois avant que la musique ne s’arrête. Si vous voulez que la chanson ne soit joué qu’une seule fois, vous pouvez effacer toute la balise playcount="2"

L'@telier ‐ 2009 ‐Médiathèque de Lorient 68

<embed autostart="false" height="40" loop="true" playcount="2" src="URL du fichier musical" width="300"/></embed>

Et c’est terminé…

• C.  Enfin, vous pouvez insérer la musique dans le code html de votre blog afin que celle‐ci joue à chaque page chargée sans donner la possibilité aux lecteurs d’en contrôler la lecture. 

• Pour cela, il vous suffit d’aller sur « modèle », « modifier le code html » et là,  mettre le code suivant juste après la balise <Head> : 

<embed autostart="true" height="0" loop="true" src="URL du fichier musical" width="0"/> 

L'@telier ‐ 2009 ‐Médiathèque de Lorient 69

Un blog sur Blogger

L'@telier ‐ 2009 ‐Médiathèque de Lorient 70

FIN

• Blogger c’est pas très compliqué, c’est sans pub, c’est gratuit.

• Alors, si on en a envie, pourquoi s’en priver.

• Bon blog

• Merci de votre attention.L'@telier ‐ 2009 ‐Médiathèque de Lorient 71