Créer son blog avec Blogger

14 212 vues

Publié le

Publié dans : Technologie
3 commentaires
5 j’aime
Statistiques
Remarques
Aucun téléchargement
Vues
Nombre de vues
14 212
Sur SlideShare
0
Issues des intégrations
0
Intégrations
950
Actions
Partages
0
Téléchargements
344
Commentaires
3
J’aime
5
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créer son blog avec Blogger

  1. 1. Initiation à la création d’un blog avec Blogger L’@telier L'@telier ‐ 2009 ‐ Médiathèque de Lorient 1
  2. 2. L’environnement du blog • Un blog est une forme très simplifiée  d’un site internet. • Parcourons donc l’environnement actuel  du monde de l’internet : le web 2.0  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 2
  3. 3. Généralités sur le web 2.0 L'@telier ‐ 2009 ‐ Médiathèque de Lorient 3
  4. 4. L'@telier ‐ 2009 ‐ Médiathèque de Lorient WEB 2.0  • Le terme est inventé en 2004 par Dale Dougherty de la  société O'Reilly_Media http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what‐is‐web‐20.html • • Le Web entrait dans une nouvelle phase le  Web 2.0,  le Web précédent le 1.0 ne permettait que d'afficher des pages  statiques et dont le contenu n'était pas toujours mis à jour. • En 2009, toutes les technologies de la communication convergent,  s’assemblent, fournissent l’image, le son, le lien, la localisation.  Le réseau est potentiellement partout, et nous y sommes au cœur. 4
  5. 5. Le Web 2.0 est relationnel et collaboratif.  • Chacun peut créer du contenu sur Internet (texte, audio,  vidéo, photo), et le partager.  • Ses défenseurs prônent l’utilisation des applications en ligne  gratuites ou facturées à la demande (c’est‐à‐dire des services)  plutôt que des logiciels installés sur les postes personnels et  dont il faut être propriétaire des licences.  • Ainsi les utilisateurs sont des co‐développeurs et non des  consommateurs du Web.  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 5
  6. 6. Le web 2.0 c’est donc • Une plateforme laisse aux utilisateurs la possibilité de  remodeler les données et les outils web. • Une application est un outil clé‐en‐main que l’utilisateur ne  peut modifier.  • Le Web 2.0 est une nouvelle possibilité d’utiliser le Web, plus  qu’une technologie innovante.  • Le Web n’est plus pensé comme une collection de sites à  visiter, mais cette fois comme une plateforme permettant l’échange entre les utilisateurs, les services et les applications  en ligne.  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 6
  7. 7. Avoir sa page d’accueil personnalisable L'@telier ‐ 2009 ‐ Médiathèque de Lorient 7
  8. 8. Ses photos en ligne, et celles des autres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 8
  9. 9. Ses vidéos en ligne et celles des autres. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 9
  10. 10. Des outils de bureautique en ligne L'@telier ‐ 2009 ‐ Médiathèque de Lorient 10
  11. 11. Stockage de fichiers en ligne Skydrive, un service gratuit de Microsoft, via Windows Live hébergement de fichiers – 5 GO L'@telier ‐ 2009 ‐ Médiathèque de Lorient 11
  12. 12. Messagerie instantanée en ligne L'@telier ‐ 2009 ‐ Médiathèque de Lorient 12
  13. 13. Bureau complet  en ligne! http://mybooo.com/ http://www.eyeos.org/ Qu'est‐ce que eyeOS?....Pour les utilisateurs eyeOS est un nouveau type de système d'exploitation, où  tout réside au sein du navigateur internet.  Avec eyeOS, vous allez avoir votre bureau, vos applications  et vos fichiers toujours avec vous, depuis votre maison,  votre université, votre bureau ou la maison de votre voisin.  Ouvrez simplement un navigateur Internet, connectez vous  à votre système eyeOS et accédez à votre bureau personnel  et à tous vos documents exactement comme vous les avez  laissés la fois précédente… L'@telier ‐ 2009 ‐ Médiathèque de Lorient 13
  14. 14. Pour découvrir des sites web 2.0 sur  des plateformes dédiées http://www.go2web20.net/ L'@telier ‐ 2009 ‐ Médiathèque de Lorient 14
  15. 15. L’utilisateur, créateur de contenus L'@telier ‐ 2009 ‐ Médiathèque de Lorient 15
  16. 16. UGC ‐ User Generated Content Contenus Générés par les Utilisateurs  : • Acronyme inventé pour résumer le rôle de contribution active désormais  joué par les internautes dans la production de contenu web  • Plate‐forme UGC = support  favorisant la création et le partage  de contenus générés par les  utilisateurs Wikipédia, Flickr, Youtube,  DailyMotion; Delicious... • Tous créateurs ?  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 16
  17. 17. La règle des 1% du web 2.0 Pour 100 personnes en ligne : 1 personne va créer un contenu inédit, 1% de créateurs 10 vont interagir avec le contenu créé et l’enrichir (commenter, améliorer, recommander, noter ou voter, etc.), 10% de contributeurs 89 personnes vont consulter et « consommer » le contenu. 89% d’utilisateurs / visiteurs 2% des utilisateurs de WikiPédia ont créé 75% des articles de l’encyclopédie L'@telier ‐ 2009 ‐ Médiathèque de Lorient 17
  18. 18. Tag • Etiquette ou mot‐clé : balise sémantique qui permet de qualifier un  contenu • Etiquetage social  Système de classification collaborative de contenus web basé sur l’attribution de  tags librement choisis par les utilisateurs => Folksonomie • Outil d’organisation de l’information :  ‐ Sémantique : « wordtag » ‐ Spatiale : « geotag » ‐ Temporelle : « timetag » • Related Tag Browser : outil pour rechercher et naviguer dans les photos  publiées sur Flickr à partir de leurs tags Les tags expliqués aux enfants  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 18
  19. 19. Tag et folksonomie • Terme issu de la contraction de  • folks (les gens)  et de taxonomy (classification  hiérarchisée), => une folksonomie est un système de  classification collaborative et spontanée de contenus web,  basé sur l'attribution de mots‐clés ou marqueurs (tags)  librement choisis par des utilisateurs non spécialistes  • Les tags peuvent alors être regroupés et représentés sous la  forme d’un nuage de mots. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 19
  20. 20. Nuage de tags de Dailymotion  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 20
  21. 21. mashup • Un mashup est un site web qui  utilise et croise le contenu  provenant d’autres sites pour  proposer un nouveau service. FlickrVision GoogleMaps + Flickr • Cette capacité de mixage repose  sur l’ouverture des API. 2 exemples de mashups cartographiques • API = interface de programmation  TwitterVision qui permet de recourir aux  GoogleMaps + Twitter fonctions et contenus d’un site  web à partir de commandes  externes. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 21
  22. 22. widget • Un widget est un petit module, paramétrable et personnalisable, qui permet d’embarquer de l’information et de la transporter vers le point de destination de son choix • 3 types de widgets : ‐ les widgets pour le web ‐ les widgets pour le bureau ‐ les widgets pour mobiles Vidéo pour illustrer ce  thème L'@telier ‐ 2009 ‐ Médiathèque de Lorient 22
  23. 23. Les widgets  • de Google  s’appellent  des gadgets Netvibes  • propose un  annuaire de  ses widgets L'@telier ‐ 2009 ‐ Médiathèque de Lorient 23
  24. 24. Les fils RSS • RSS (Really Simple Syndication =  syndication vraiment simple) • Moyen de syndication, capable  de récupérer le contenu brut  d'un site web sans s'occuper des  données liées à sa forme Le RSS expliqué aux enfants  en vidéo L'@telier ‐ 2009 ‐ Médiathèque de Lorient 24
  25. 25. Comment lire les fils RSS ? • Grâce à un agrégateur, qui permet de s’abonner aux fils  et vérifie automatiquement  les fils afin de signaler les  nouveautés • Il en existe de 3 types : • Les agrégateurs traditionnels : Bloglines, Google Reader,  Feedreader,  Rssreader, Alertinfo … • Les agrégateurs intégrés dans des applications bureautiques,  au navigateur ou au lecteur de mails (Marques‐pages  dynamiques, Thunderbird, Sage pour Firefox…) • Les pages personnalisables :  Netvibes, Igoogle L'@telier ‐ 2009 ‐ Médiathèque de Lorient 25
  26. 26. Partager L'@telier ‐ 2009 ‐ Médiathèque de Lorient 26
  27. 27. Social bookmarking •Le social bookmarking ( « marque-page social », « navigation sociale » ou « partage de signets ») est une façon pour les internautes de stocker, de classer, de chercher et de partager leurs liens favoris. •Dans un réseau de bookmarking social, les utilisateurs enregistrent des listes de ressources web qu’ils trouvent utiles. •Ces listes sont accessibles aux utilisateurs du réseau. D’autres utilisateurs ayant les mêmes centres d’intérêt peuvent consulter les liens par sujet, catégorie, étiquette ou même de façon aléatoire. Partager les adresses de vos sites favoris L'@telier ‐ 2009 ‐ Médiathèque de Lorient 27
  28. 28. Blogs Partager ses passions et ses opinions. En décembre 2007, plus d’un internaute sur deux a  consulté un blog.  Le nombre de bloggeurs atteint 5 millions :  + 24% en un an 1. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 28
  29. 29. Les Blogs • Exemple :  Blogger : service en  •Système dynamique de ligne de création de blog, gratuit  gestion de site web à partir et sans publicité, proposé par  duquel une ou plusieurs Google 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 L'@telier ‐ 2009 ‐ Médiathèque de Lorient 29
  30. 30. 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. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 30
  31. 31. •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 techniques n’est nécessaire si on choisit un hébergeur L'@telier ‐ 2009 ‐ Médiathèque de Lorient 31
  32. 32. Hébergés ou sur un serveur  ? Avantages: Blog crée en 3 minutes, aucune  opération technique n’est nécessaire Avantage: Blog entièrement maitrisé, le code  Inconvénient: est accessible. Peu de personnalisation ou alors en  version payante;  Inconvénient : difficile de quitter la plateforme pour  L’installation et la personnalisation  changer de blog ou le faire évoluer… demandent un minimum de  compétences techniques . L'@telier ‐ 2009 ‐ Médiathèque de Lorient 32
  33. 33. Un agrégateur de blogs L'@telier ‐ 2009 ‐ Médiathèque de Lorient 33
  34. 34. La blogosphère Article sur l’état  de la blogosphère en 2008 L'@telier ‐ 2009 ‐ Médiathèque de Lorient 34
  35. 35. wiki • Outil de co‐écriture et de collaboration •Un wiki est un système de gestion de contenu de site Web qui  rend les pages Web librement et également modifiables par tous  les visiteurs autorisés. On utilise les wikis pour faciliter l'écriture  collaborative de documents avec un minimum de contraintes….  (le plus célèbre : wikipedia)  •Un wiki est tout à fait adapté à la construction collective d’un  document retraçant les étapes d’un projet. Le wiki donne une  traçabilité des versions des documents (livrables) associés au  projet. Le wiki expliqué en vidéo • L'@telier ‐ 2009 ‐ Médiathèque de Lorient 35
  36. 36. Podcast • Canal de distribution de  • Podemus : service d’annuaire,  contenus multimédia, un  moteur de recherche et lecteur  podcast est constitué de  de podcasts audio et vidéo  fichiers audio ou vidéo  francophone  encapsulés dans un flux RSS • Un programme spécifique  permet de lire le contenu du  podcast et de le télécharger  pour le conserver sur  l’ordinateur ou le transférer  vers un autre support  numérique L'@telier ‐ 2009 ‐ Médiathèque de Lorient 36
  37. 37. • Les licences Creative Commons sont  des contrats‐type pour la mise à  disposition d’œuvres en ligne  (textes, photos, sons, sites web,  etc). • Elles facilitent la réutilisation de  contenus en autorisant des tiers à  exercer des actes (reproduction,  diffusion, adaptation) qui  nécessitent normalement d'obtenir  préalablement l'autorisation des  titulaires de droit. • Le principe de Creative Commons  expliqué en vidéo L'@telier ‐ 2009 ‐ Médiathèque de Lorient 37
  38. 38. Les réseaux sociaux • La plupart des sites et services du web 2.0 combinent une  dimension personnelle (compte et profil personnalisables)  avec une dimension collective ou communautaire (échanger  avec les autres, partager ses propres contenus ou interagir  avec les leurs) • L’individu n’intervient plus seulement « sur » le réseau  (approche technique) mais il peut aussi agir « en » réseau  (virage social du web). Il se situe désormais au centre de ses  multiples cercles relationnels … on parle alors de « réseautage  social »  Vidéo L'@telier ‐ 2009 ‐ Médiathèque de Lorient 38
  39. 39. Rester connecté avec sa communauté Internet a toujours été un vecteur de communication ou de mise en relation  avec  les outils webmail et la messagerie instantanée L'@telier ‐ 2009 ‐ Médiathèque de Lorient 39
  40. 40. Rester en contact avec ses relations professionnelles  et s’en créer de nouvelles  • Le Networking connaît un succès flamboyant. Avec 582 000  visiteurs uniques 2 en moyenne par mois en 2007, le site  Viadeo voit son audience moyenne mensuelle augmenter de  plus de 120% par rapport à 2006. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 40
  41. 41. Facebook • Interagir avec ses réseaux : Facebook, à l’origine site communautaire d’une  université américaine, s’est implanté en France où il connaît un succès  fabuleux : de 241 000 visiteurs en juillet 2007 à près de 2 millions en  décembre. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 41
  42. 42. Twitter un réseau social en temps réel Twitter est un outil de  réseau social et de  microblogging, qui  permet à l'utilisateur de  signaler à son réseau quot;ce  qu'il est en train de  fairequot;. Il est possible  d'envoyer et de recevoir  ces updates (mises à  jour) par le Web, par  messagerie instantanée  ou par messagerie  numérique. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 42
  43. 43. Les mondes virtuels  La vie sur Second  Reportage sur Second Life Life…reportage du 66  Arte ‐ Metropolis minutes… L'@telier ‐ 2009 ‐ Médiathèque de Lorient 43
  44. 44. L’identité numérique Un membre de réseau gère son  identité numérique. Il construit sa réputation et son  • influence. Il organise (et élargit) ses  • relations en ligne (familiales,  amicales, professionnelles) pour  collaborer et partager avec elles. Vidéo instructive L'@telier ‐ 2009 ‐ Médiathèque de Lorient 44
  45. 45. La musique, la vidéo en ligne L'@telier ‐ 2009 ‐ Médiathèque de Lorient 45
  46. 46. Le cinéma, la vidéo, la télévision • Vous êtes un créatifs ? Un caméscope, un ordinateur, vous  pouvez réalisez et diffuser sur les plateformes vidéo. • Vous êtes cinéphile, amateur de documentaires, la VOD est à  portée de souris. • Les télévisions du monde entier sont à portée de votre haut‐ débit • Vous ne voulez pas payer votre place de cinéma, téléchargez  votre film (à vos risques et périls…) L'@telier ‐ 2009 ‐ Médiathèque de Lorient 46
  47. 47. Le téléchargement • Le Peer to peer ou P2P une mutualisation très efficace des  données et une neutralité technique ex: la chaîne légale du  site Ratiatum • 11 millions de personnes téléchargent tous les jours pour  échanger plus de 980 millions de fichiers de tout types et pas  tous illégaux!  • Les pratiques illégales sont bien ancrées pour toute une  génération :  les iPod contiennent seulement 5 % de musique  achetée sur itunes et les lecteurs MP3 ?... L'@telier ‐ 2009 ‐ Médiathèque de Lorient 47
  48. 48. En conclusion : le Web 2.0 c’est … • Un mouvement d’ampleur…brouillon, en  perpétuel changement. • Une gigantesque soif de partager avec ses  proches ou le monde entier, de rester connecter. • Des moyens techniques puissants de  mutualisation de l’information. • Des risques encore mal évalués des menaces sur  nos libertés individuelles. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 48
  49. 49. Création d’un blog  « Blogger » Mode d’emploi Nous allons pas à pas créer et paramétrer un blog en suivant le tutoriel. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 49
  50. 50. 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 50
  51. 51. 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. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 51
  52. 52. Quelle plateforme choisir ? Dossier sur le choix d’une plateforme. 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. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 52
  53. 53. Exemples de plateforme AceBlog (gratuit) Skyblog (gratuit) • • http://www.aceblog.fr/ http://www.skyblog.com/ Blogger (gratuit) Space‐blogs (gratuit) • • http://www.blogger.com/ http://www.space‐blogs.com/ BlogSpirit (gratuit ou formule payante) TooBlog (gratuit ou formules payantes) • • http://www.blogspirit.com/fr/ http://www.tooblog.fr/ CanalBlog (gratuit) Typepad (payant) • • http://www.canalblog.com/ http://www.sixapart.com/typepad/ Cigogne.net (gratuit) U‐Blog (gratuit ou formules payantes) • • http://www.cigogne.net/ http://www.u‐blog.com Faistonblog.com (gratuit et options  ViaBloga (payant) • • payantes) http://www.viabloga.com http://www.faistonblog.com WordPress (gratuit ou formules payantes) • Haut et Fort (gratuit ou formule payante) http://fr.wordpress.com/ • http://www.hautetfort.com/ ZeBlog (gratuit) • Joueb (gratuit ou formule payante) http://www.zeblog.fr/ • http://www.joueb.com/ 20Six (gratuit ou formule payante) • Over‐Blog (gratuit et sans publicité) http://www.20six.fr/ • http://www.over‐blog.com L'@telier ‐ 2009 ‐ Médiathèque de Lorient 53
  54. 54. 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 ) • L'@telier ‐ 2009 ‐ Médiathèque de Lorient 54
  55. 55. 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. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 55
  56. 56. L’ hébergement • L’ hébergeur De nombreux hébergeurs vous offrent, gratuitement ou non, d’héberger votre 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. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 56
  57. 57. Les moteurs de blog 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 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.  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 57
  58. 58. 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 58
  59. 59. 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. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 59
  60. 60. Créer son blog CREATION D’UN  BLOG  chez « BLOGGER »  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 60
  61. 61. Blogger est une plateforme de Blogs  appartenant au groupe Google. • 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. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 61
  62. 62. Un blog ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 62
  63. 63. A quoi ça sert ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 63
  64. 64. Un lien social ? L'@telier ‐ 2009 ‐ Médiathèque de Lorient 64
  65. 65. La présentation du blog L'@telier ‐ 2009 ‐ Médiathèque de Lorient 65
  66. 66. Envoyer des photos L'@telier ‐ 2009 ‐ Médiathèque de Lorient 66
  67. 67. Blogger de votre téléphone L'@telier ‐ 2009 ‐ Médiathèque de Lorient 67
  68. 68. On démarre… L'@telier ‐ 2009 ‐ Médiathèque de Lorient 68
  69. 69. 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 69
  70. 70. Accès à la plateforme de blog Connectez  vous sur  Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 70
  71. 71. La suite… 3. Sur la page qui paraîtra mettez votre adresse E‐mail dans les deux  • premières cases L’adresse E‐mail 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 suivant celle où vous avez mis votre adresse e‐mail,  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, tirés, etc. L'@telier ‐ 2009 ‐ Médiathèque de Lorient 71
  72. 72. 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 de dernière chose à 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 72
  73. 73. C’est prêt… 8. Dès que vous avez bien remplis les 5 étapes précédentes, vous pouvez cliquer  • sur « Continuer ». Vous serez conduit sur une nouvelle page si aucune anomalie  n’est constaté. 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. C’est modèle est en quelque sorte l’habit que portera votre blog.  Choisissez lui une belle robe. Si aucun modèle ne vous plaît, choisissez quand  même un, 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 quot;Publier  des messagesquot; L'@telier ‐ 2009 ‐ Médiathèque de Lorient 73
  74. 74. Créer votre compte L'@telier ‐ 2009 ‐ Médiathèque de Lorient 74
  75. 75. Un compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 75
  76. 76. Choisir un nom L'@telier ‐ 2009 ‐ Médiathèque de Lorient 76
  77. 77. L’adresse URL L'@telier ‐ 2009 ‐ Médiathèque de Lorient 77
  78. 78. Choisir son modèle L'@telier ‐ 2009 ‐ Médiathèque de Lorient 78
  79. 79. C’est fait L'@telier ‐ 2009 ‐ Médiathèque de Lorient 79
  80. 80. Mon premier article L'@telier ‐ 2009 ‐ Médiathèque de Lorient 80
  81. 81. Je peux insérer divers éléments L'@telier ‐ 2009 ‐ Médiathèque de Lorient 81
  82. 82. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 82
  83. 83. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 83
  84. 84. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 84
  85. 85. Le mode administrateur : les paramètres L'@telier ‐ 2009 ‐ Médiathèque de Lorient 85
  86. 86. Le mode administrateur : Edition L'@telier ‐ 2009 ‐ Médiathèque de Lorient 86
  87. 87. Le mode administrateur : Archivage L'@telier ‐ 2009 ‐ Médiathèque de Lorient 87
  88. 88. E‐Mail L'@telier ‐ 2009 ‐ Médiathèque de Lorient 88
  89. 89. Le blog sur internet L'@telier ‐ 2009 ‐ Médiathèque de Lorient 89
  90. 90. Votre page d’accueil – côté public L'@telier ‐ 2009 ‐ Médiathèque de Lorient 90
  91. 91. Mise en page L'@telier ‐ 2009 ‐ Médiathèque de Lorient 91
  92. 92. Les éléments de la page Chacun des éléments est modifiable, déplaçable selon sa nature L'@telier ‐ 2009 ‐ Médiathèque de Lorient 92
  93. 93. Polices et couleurs L'@telier ‐ 2009 ‐ Médiathèque de Lorient 93
  94. 94. Modifier le code HTML L'@telier ‐ 2009 ‐ Médiathèque de Lorient 94
  95. 95. Changer de modèle L'@telier ‐ 2009 ‐ Médiathèque de Lorient 95
  96. 96. Ecrire un second article L'@telier ‐ 2009 ‐ Médiathèque de Lorient 96
  97. 97. Ecrire…penser aux mots‐clés L'@telier ‐ 2009 ‐ Médiathèque de Lorient 97
  98. 98. Modifier les messages L'@telier ‐ 2009 ‐ Médiathèque de Lorient 98
  99. 99. Ajouter une image L'@telier ‐ 2009 ‐ Médiathèque de Lorient 99
  100. 100. Récupération d’une image  dans notre ordinateur L'@telier ‐ 2009 ‐ Médiathèque de Lorient 100
  101. 101. Aperçu de l’article avec la nouvelle image L'@telier ‐ 2009 ‐ Médiathèque de Lorient 101
  102. 102. Insérer une vidéo Cas n° 1, vous avez repéré une vidéo sur une plateforme de partage de vidéos. 102 L'@telier ‐ 2009 ‐ Médiathèque de Lorient
  103. 103. Capture du code à insérer Suivre le conseil du site L'@telier ‐ 2009 ‐ Médiathèque de Lorient 103
  104. 104. Coller le code en ouvrant  « modifier le code HTML » L'@telier ‐ 2009 ‐ Médiathèque de Lorient 104
  105. 105. Sauvegarder, ou publier l’article  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 105
  106. 106. C’est fait, regardez le résultat L'@telier ‐ 2009 ‐ Médiathèque de Lorient 106
  107. 107. Vue du site, la vidéo apparait,  prête à être lancer L'@telier ‐ 2009 ‐ Médiathèque de Lorient 107
  108. 108. Accéder à votre blog depuis votre  compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 108
  109. 109. Blogger Vous pouvez créer et gérer plusieurs blog, depuis votre compte Google L'@telier ‐ 2009 ‐ Médiathèque de Lorient 109
  110. 110. De la musique dans votre blog Pas 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 que les visiteurs pourront cliquer pour écouter la  musique. Le code ci‐dessus 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=quot;URL du fichier musicalquot;>Cliquez ici pour écouter la chanson</a> • L'@telier ‐ 2009 ‐ Médiathèque de Lorient 110
  111. 111. 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 widget HTML/JAVASCRIPT • <embed autostart=quot;falsequot; height=quot;40quot;  loop=quot;truequot; playcount=quot;2quot; src=quot;URL du fichier  musicalquot; width=quot;300quot;/></embed> L'@telier ‐ 2009 ‐ Médiathèque de Lorient 111
  112. 112. <embed autostart=quot;falsequot; height=quot;40quot; loop=quot;truequot;  playcount=quot;2quot; src=quot;URL du fichier musicalquot;  width=quot;300quot;/></embed> Voici quelques explications sur le code au dessus : • 1. Insérez URL de votre fichier musical dans le code. • 2. Le width qui est ici à 300, est la largeur que la console vas occuper dans votre article ou  • dans votre barre latérale.quot; 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 quot;truequot;, 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 quot;falsequot; car vous ne savez pas si c’est tous vos visiteurs  qui supporteront d’é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 quot;falsequot;, la musique s’arrête dès que le morceau arrive à la fin . Tandis que  si vous mettez quot;truequot;, 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 fois où la musique sera jouée en utilisant la balise  • playcount=quot;2quot;. 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=quot;2quot; L'@telier ‐ 2009 ‐ Médiathèque de Lorient 112
  113. 113. 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=quot;truequot; height=quot;0quot; loop=quot;truequot; src=quot;URL du fichier  musicalquot; width=quot;0quot;/>  L'@telier ‐ 2009 ‐ Médiathèque de Lorient 113
  114. 114. Un blog sur Blogger L'@telier ‐ 2009 ‐ Médiathèque de Lorient 114
  115. 115. 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 115

×