vendredi 30 novembre 2012

Découverte de Blogger


Dans Blogger, la présentation de votre blog est séparée du contenu (le texte des messages que vous avez rédigé), on peut donc à tout moment changer le modèle, ou la mise en page de son blog ; cela n'a aucune incidence sur les messages déjà publiés.

Le centre nerveux de Blogger est la page de conception.
En haut de la page il y a 4 boutons :
  • Le premier [B] affiche la liste de vos blogs 
  • Le deuxième [crayon] lance l'éditeur de messages ;vous pouvez aussi utiliser le bouton nouveau post
  • Le troisième [documents] affiche la liste de vos messages
  • Le dernier [afficher le blog] vous permet à tout moment de voir le rendu des modifications que vous venez de faire
Il y a en suite le bouton enregistrer le disposition qui doit être utilisé si vous modifiez le modèle ou la mise en page de votre blog.

Sous le bouton nouveau post il y a une colonne de boutons dont le rôle est présenté ci-après.

  vue d'ensemble  
  
Peu utilisé - fait une synthèse de l'activité du blog (fréquences des pages vue, nombre de mises à jour notamment)


  messages         

Très utilisé – affiche la liste des messages publiés (appelés articles depuis 2013) et permet pour chacun de le modifier ou de le supprimer. Par défaut, tous les messages sont rattachés à la page d'accueil du blog.


  pages              

Très utilisé – permet de créer une nouvelle page web, et affiche la liste des pages web créées avec la possibilité de les modifier, de les supprimer ou d'en modifier l'ordre. C'est là que l'on gère les onglets de la page d'accueil de son blog
..

   commentaires   

Peu utilisé – Quand un message est publié sur votre blog, les visiteurs peuvent faire des commentaires ; vous pouvez choisir de les supprimer


   mise en page    

Rarement utilisé une fois la mise en page de votre blog figée – mais très utilisé pour la mise en page détaillée (comme dans un journal, on définit l'emplacement du titre, les rubriques et leur emplacement)


  modèles            

Rarement utilisé une fois la mise en page de votre blog figée – mais très utilisé pour la mise au point de la mise en page (comme dans un journal, on définit la charte graphique du blog : quelles sont les couleurs de fond page, des caractères, des titres...), et la mise en page globale (emplacement des colonnes notamment....)


   paramètres       

Rarement utilisé une fois la mise en page de votre blog figée – c'est ici qu'on définit les paramètres techniques de votre blog – rassurez vous, il y en a peu

Retenez bien :
les gros boutons oranges sont destinés aux actions importantes. Ne pas oublier de cliquer dessus.
Dans Blogger, la présentation de votre blog est séparée du contenu (le texte des messages que vous avez rédigé), on peut donc à tout moment changer le modèle, ou la mise en page de son blog ; cela n'a aucune incidence sur les messages déjà publiés,

mardi 27 novembre 2012

Télécharger mon modèle de document

téléchargez le modèle de document sur votre ordinateur
Quand vous cliquez sur le mot téléchargez (ligne précédente) une fenêtre s'ouvre, cliquez sur
 "Télécharger", le document "modele de document pour blogger.odt" est transféré vers votre ordinateur.
Vous le verrez dans le dossier "nom de session/téléchargements" (exemple : Paul/Téléchargements).

Si votre traitement de texte est autre que Open Office ou Libre Office, faites un clic droit sur le nom du fichier et choisir "ouvrir avec" mon traitement de texte. Enregistrez le document au format de votre traitement de texte, c'est celui-ci qui vous servira de modèle. Pour plus de sécurité, avant d'aller plus loin, enregistrez ce modèle en HTML, puis ouvrez ce dernier document en cliquant dessus ; si la présentation est correcte tout ira bien, sinon terminé.

NOTA : il existe un petit programme qui ajoute cette fonction à Microsoft Word ; cliquez ici




Ouvrir son blog


Voici la procédure détaillée, vous verrez c'est très simple !

1-Accédez à Blogger
Si la page de démarrage de votre navigateur affiche Google, en haut de l'écran vous avez une ligne noire ; sur cette ligne cliquez sur « Plus » puis « Blogger », la page d'entrée à Blogger s'affiche

2-Déclinez votre identité
Indiquez votre adresse mèl Google puis son mot de passe, puis cliquez sur le bouton [Connexion], un écran de bienvenue s'affiche

3-Indiquez votre type de profil souhaité
Renseignez le nom de l'ensemble de vos blogs (oui, vous pourrez en créer plusieurs) ; indiquez soit votre nom de famille, soit un pseudo, puis cliquez sur le bouton [Continuer vers Blogger], une nouvelle page s'affiche

4-Décidez de créer un blog
cliquez sur le bouton [Nouveau blog], une nouvelle page s'affiche
IMPORTANT : par défaut, votre blog a une visibilité pour tous - de paramètres permettent de restreindre cette visibilité

5-Choisissez le nom de votre blog
Renseignez :
  • le titre du blog (le nom que vous souhaitez lui donner)
  • l'adresse du blog (ce sera son adresse web) ; en général on reprend le titre du blog en remplaçant les espaces par des tirets et sans caractères accentués-modifier par itération si cette adresse existe déjà
Choisir un modèle de blog qui lui donnera son look : cliquez sur « Picture windows »
cliquez sur le bouton [Créer modèle], une nouvelle page s'affiche

6-Lancez l'éditeur de message
Cliquez sur le lien « démarrer », l'éditeur de message s'affiche

7-Rédigez votre premier message
Renseignez le titre : Mon test
Renseignez le texte du message : Mon premier message
cliquez sur le bouton [Publier], une nouvelle page s'affiche ; vous devrez vous familiariser avec elle, c'est la page de conception de Blogger

8-Constatez le résultat
cliquez sur le bouton [Afficher le blog], une nouvelle page s'affiche, c'est ce que verront les internautes

9-Revenez à la page de conception
Cliquez sur le lien « Conception » en haut de page à gauche du lien « Déconnexion », une nouvelle page s'affiche, c'est la page de conception de votre blog- voilà c'est fini, vous êtes prêt pour Blogger !


lundi 26 novembre 2012

Utiliser mon modèle de document


Votre document va se composer de tableaux d'une ligne (les bordures du tableau n’apparaîtront que si vous les ajoutez, idem pour la couleur du fond).
N'oubliez pas de mettre une ligne blanche avant et après chaque tableau pour avoir une présentation correcte dans Blogger.

Pour composer un texte avec des photos, 2 solutions :
  • Mettre le texte dans un tableau tout seul ; sous ce tableau, ajouter un tableau avec 2 ou 3 photos (tableaux A puis B ou C ou D, voir plus bas)
  • Mettre le texte à côté du tableau (tableaux B ou C, voir plus bas)
En pratique, téléchargez mon modèle de document, ouvrez le et composez votre document (l'affichage est en mode portrait et la police est Verdana 12).
Choisissez les modèles de tableaux voulus que vous pouvez dupliquer avec un copier/coller ; réalisez votre document puis supprimez tout ce qui ne sert à rien. Il suffit ensuite d'enregistrer votre document  au format .HTML (s'il y a des photos, elles sont mises dans le même sous-dossier que le document .HTML).
Cliquez sur le document HTML qui s'ouvre dans votre navigateur, faire un copier/coller dans l'éditeur de messages de Blogger du contenu de votre document, Il ne reste plus qu'à insérer les photos depuis l'éditeur de Blogger.

A-Tapez ici votre texte, le retour à la ligne est automatique

B-Insérer Ici Photo à gauche du texte
Ici texte ou photo

C-Ici texte ou photo
Insérer Ici photo à droite du texte

D-Insérer Ici Photo 1
Insérer Ici Photo 2
Insérer Ici Photo 3



dimanche 25 novembre 2012

Améliorer vos messages grâce au traitement de texte

La voie normale pour rédiger un message est d'utiliser l'éditeur de message intégré à Blogger (lancé en cliquant sur le bouton nouveau post.
Cet éditeur est moins puissant que celui fourni pour écrire des textes avec Google Drive.
La puissance fonctionnelle idéale est donnée par le traitement de texte de votre ordinateur (Libre Office ou Microsoft Office etc...) ; en particulier pour :
  • gérer des tableaux - tous les sites web utilisent des tableaux pour faire des mises en page de qualité - pourquoi pas vous puisque c'est simple ?
  • reproduire des mises en formes de titre par exemple, avec l'icône pinceau
  • choisir des puces plus jolies pour les énumération
  • intégrer un dessin grâce à l'icône dessin
  • bénéficier d'un correcteur orthographique plus puissant
  • et bien d'autres fonctionnalités...

Conclusion

Quand vous avez des documents composites avec textes et images notamment, utilisez votre traitement de texte, sinon utiklisez l'éditeur de messages Blogger.

Procédure de chargement du blog à partir du traitement de texte :
  • préparez votre message avec le traitement de texte de votre ordinateur ; vous obtenez un document au format .odt ou .docx selon votre traitement de texte
  • enregistrez le document (fonction fichier/enregistrer sous) au format .HTML (format web) qui crée un   un document .HTML (il contient le texte mais pas les photos qui sont mises dans le même dossier)
  • cliquez sur le nom de ce dernier document, il est ouvert par votre navigateur
  • sélectionnez tout son contenu (CTRL+A clavier), puis mémorisez le par un CTRL+C clavier (= fonction copier)
  • collez le dans l'éditeur de message Blogger par un CTRL+V clavier ; ajouter les photos une à une avec la fonction "insérer photo" de Blogger ; il ne vous reste plus qu'à publier votre message - vous pouvez par la suite faire des retouches de texte ou de mise en page, directement avec l'éditeur de message Blogger 

L'ergonomie de votre blog

Ce sont tous les éléments qui concourent à faciliter la vie de vos visiteurs.

Quand vous mettez au point votre modèle de blog
 il faut passer par une étape d'empathie ; pour tout choix, il faut se poser la question, est ce clair et facile pour mes visiteurs ?

Quelques conseils :
  • Pour l'allure générale de votre blog, éviter les couleurs criardes
  • Evitez les modèles avec fond foncé et texte blanc, les gens ont l'habitude des journaux (fond clair et texte noir)
  • Sous le titre de votre blog, ajoutez systématiquement une barre d'onglet pour faciliter les recherches (voir votre blog)
  • L'ordre des onglets est important ; on met celui consulté le plus souvent à gauche, puis les autres par ordre décroissant de fréquence de consultation car on lit de gauche vers la droite (on ferait l'inverse en pays Musulman)
  • Le nom de chaque onglet doit être sans ambiguité, comme le titre de vos messages
  • Choisissez des couleurs harmonieuses

Quand vous rédigez vos messages
  •  Faites des messages courts avec un seul sujet 
  • Si vous voulez aborder un deuxième sujet, traitez le dans un deuxième message et faites un lien entre les 2 messages par la fonction "Associer" de l'éditeur de message
  • Faites des textes structurés avec des phrases compréhensibles par tous
  • N'abusez pas des photos, mettez en quelques unes (les plus belles) pour illustrer votre texte. Les autres doivent être visible dans un diaporama
  • Ne soulignez que les expressions qui seront ensuite des liens web (un clic sur le lien appelle une autre page web). Un lien web est soit souligné, soit avec un texte de couleur.


Donner accès à vos documents : le cloud

Il peut être intéressant de donner au lecteur accès à des documents de référence que vous avez réalisé avec un logiciel de traitement de texte, ou un tableur. Comment y donner accès depuis votre blog ?
Il suffit d'avoir un lieu sur le web où stocker vos documents. Ce lieu est synchronisé automatiquement avec un répertoire de votre ordinateur. Cela porte un nom : le cloud ou le stockage dans les nuages (en fait sur le web).
Pour vous c'est très pratique car :
  • vous êtes sûr que la version ordinateur et web de votre document est la même
  • si votre disque dur rend l'âme, vous ne perdez pas les documents mis internet
  • Sur le web, chaque document par défaut ne peut être lu que par son auteur, mais on peut facilement donner accès à des documents particuliers
Nous utiliserons pour cela la solution Google Drive (équivalent de Skydrive chez Microsoft)


---------------------------  Procédure ------------------------------------------------------------


Quand vous être dans votre logiciel de messagerie Gmail, cliquer sur le lien "Drive" (situé sur la grande barre noire en haut de l'écran).
1-installer Google drive sur votre ordinateur
Pour cela dans la colonne de gauche de Google Drive web, cliquer sur le lien "Télécharger Google Drive". Une version ordinateur est installée sur votre ordinateur et un répertoire Google Drive est créé (il est visible dans la bibliothèque, colonne de droite), et une icône Google Drive apparaît quand on clique sur le bouton pour arrêter l'ordinateur.
L'installation finie, cliquer sur l'icône Google Drive de votre ordinateur, vous allez réaliser une synchronisation automatique entre Google Drive ordinateur et Google Drive web en indiquant simplement votre adresse de messagerie Gmail avec son mot de passe.

2-utiliser Google drive ordinateur
Cliquer sur l'icône Google Drive qui apparaît quand on clique sur le bouton pour arrêter l'ordinateur (vous pouvez aussi passer par la bibliothèque de windows).
Vous pouvez y déposer des documents soit en faisant un copier coller, soit en faisant un glisser/déplacer entre 2 fenêtres windows.
Vous avez compris qu'ensuite ces documents grâce à la synchronisation automatique vont se retrouver sur Google Drive web sans rien faire.

3-Donner accès à un document Google Drive web
Opérations à faire pour chaque document à partager :
  • faire un clic droit sur le nom du fichier dont on veut élargir les droits d'accés
  • cliquer sur Partager
  • dans le menu qui s'affiche, cliquer sur partager
  • Dans "qui a accès" cliquer sur modifier ; notez que l'adresse de partage indiquée est celle de votre document
  • cocher Public
  • cliquer sur le bouton [OK]

4-Permettre l'accès au document Google Drive web depuis votre blog
Quand vous êtes dans votre Google Drive web accessible directement depuis votre messagerie Gmail (lien "Drive") :
  • copier l'adresse de partage de votre document par un CTRL+C clavier (revoir si nécessaire l'étape 3.
Retourner dans Blogger :
  • Faire dans un message ou dans une Page une Association sur un mot ou un groupe de mots
  • Pour cela :
    sélectionner le mot ou le groupe de mots, la sélection est en bleu
    cliquer sur le lien "Associer", une fenêtre s'ouvre
    copier par un CTRL+V l'adresse web de partage à l'endroit demandé
    cliquer sur le bouton [OK].




samedi 24 novembre 2012

Maîtriser le copier/coller

On a fréquemment besoin de copier un morceau de texte (ou une photo) d'un endroit à un autre, que ce soit dans un même document, ou dans un autre document. On utilise pour cela une fonction qui s'appelle copier/coller.
Pour en aurez besoin notamment pour :
  • copier votre document dans le corps de votre message
  • copier des adresses WEB (ou URL) dans votre blog
Comment faire :
1-sélectionner la zone à copier avec la souris : faire un clic gauche avec la souris et en même temps faire un glisser/déplacer, la zone sélectionnée s'affiche en bleu.
2-copier la zone sélectionnée dans un endroit connu de votre seul ordinateur, une mémoire en quelque sorte (il est appelé le presse papier) ; pour cela, laisser le doigt appuyé sur la touche CTRL puis appuyer brièvement sur la touche C. Par la suite, j’appellerai cette action CTRL+C (pensez C comme copier)
3-coller  la sélection mémorisée dans le presse papier à l'endroit voulu ; pour cela mettre le curseur de la souris à l'endroit choisi, puis faire CTRL+V au clavier (pensez V comme voir).

Pour aller plus loin :
Il existe aussi 3 fonctions très utiles
  •  couper/coller qui pour le point 2 supprime de l'affichage la zone sélectionnée en la mémorisant ; l'action se fait avec CTRL+X pour couper/copier, puis CTRL+V pour coller
  • sélection de toute une page avec CTRL+A (A comme All qui veut dire Tout en Anglais) ; cette fonction ne fonctionne pas partout
  • annulation de la dernière modification avec CTRL+Z ; vous pouvez le faire par exemple 3 fois pour annuler les 3 dernières modifications

vendredi 23 novembre 2012

Les pré-requis


  • bonne connaissance d'un logiciel de traitement de texte (dont la gestion des tableaux et le copier/coller) ; on peut apprendre en allant dans l'aide du logiciel, ou en consultant l'adresse web suivante cliquez sur moi
  • installer 2 logiciels gratuits sur votre ordinateur : Picasa (pour gérer les photos), Libre office (pour gérer les textes et intégrer les photos, sauf si vous avez un autre traitement de texte).
    Pour Picasa c'est ici
    Pour Libre office c'est ici 
  • créer une structure de dossiers sur votre ordinateur dans Documents, reflet de ce que l'on verra sur Blogger pour en faciliter la gestion, exemple :
    dossier dont le nom est BLOG avec 2 sous dossiers (messages et pages)
  • créer un modèle de document type Libre office pour faciliter la composition des messages, ou utiliser celui fourni dans l'onglet Conseils.
  • ouvrir un compte Google mèl appelé Gmail (ici) pour un accès à Blogger (gestion des blogs). Cela apporte la contrainte d'avoir une nouvelle boite mèl (si vous êtes sur une autre messagerie), mais après c'est plus simple.
    La solution Google est intégrée un peu comme Microsoft Office. Elle offre sur internet notamment : la messagerie (Gmail), le stockage des photos (Picasa web), le stockage des documents (Google drive), le blog (Blogger). Tous ces services sont accessibles avec le même couple identifiant/mot de passe.

    Pour accéder à votre compte de courrier Google, cliquer ici, puis mettre l'adresse web en favori de votre navigateur.





jeudi 22 novembre 2012

Un blog c'est quoi ?


Le web est un lieu de partage. Un blog est un site web particulier qui permet de partager entre tous ou entre quelques personnes :
  • une expérience vécue (exemple un voyage à l'étranger)
  • un savoir faire (exemple ce blog)
  • une opinion etc...

Un blog affiche des petits documents multimédias pouvant contenir texte, photos, vidéos, sons (appelés messages, ou articles ou posts en Anglais) ; ils sont publiés (= mis sur le web) à des dates différentes,
Les messages sont affichés par ordre chronologique décroissant, le dernier publié est donc toujours en-tête ; il apparaît dans la page d'accueil du blog.
Sur un blog, on trouve souvent une barre de navigation avec des onglets (comme dans un répertoire papier) qui permettent notamment de structurer les informations relatives aux messages, afin de retrouver facilement un message particulier ; en fait cela fait penser à une table des matières.
Les onglets pour un site de voyage peuvent être :
  • carnet de route (qui fait un lien entre chaque lieu visité et le message publié sur le lieu)
  • diaporamas (qui fait un lien entre chaque lieu visité et le diaporama sur le lieu)
  • Conseils (qui donne l'expérience accumulée par l'auteur du blog)
Un blog a souvent un sujet précis (exemples : les voyages, la cuisine, le high tech, la photo...).


mercredi 21 novembre 2012

Pourquoi ce blog ?

Un ami qui partait pour un grand voyage en camping car de 18 mois m'a demandé de l'aider à faire un blog pour partager son expérience.
Il voulait composer ses textes (ou messages) le soir sur son ordinateur, et les mettre sur son blog uniquement quand il disposait d'une connexion internet, c'est à dire toutes les semaines environ.
Il n'est pas très à l'aise avec un ordinateur, j'ai donc dû trouver un système presse bouton pour lui.
Chargé de réaliser le look du blog j'ai aussi cherché un système presse bouton...pour moi (je ne voulais pas rentrer dans le code HTML). Le résultat de mes recherches est BLOGGER la plateforme de gestion de blog de Google (en toute indépendance).
Après l'ouverture de son blog, j'étais convaincu que presque tout le monde pouvait ouvrir un blog, à condition d'être un peu aidé : c'est l'objet de ce blog.

Avant de commencer, vous devrez avoir une bonne pratique :
  • d'un traitement de texte (notamment la gestion des tableaux)
  • d'un navigateur internet (Internet explorer ou Safari ou Chrome ou Firefox...)
  • des bases de Windows ou Mac OS (créer/modifier/supprimer/renommer un répertoire, copier/coller, sélectionner des éléments)
Vous ne devez pas avoir peur, car vous réussirez, et quel plaisir d'avoir son blog !