Mettre à jour la table des matières

Lors de l'étape précédente, vous avez publié votre article que j'ai appelé « mon message » ; nous allons voir maintenant comment mettre à jour la table des matières. Ce qu'il faut savoir : toute page du web affichée dans votre navigateur a une adresse UNIQUE ; la première ligne en haut de l'écran de votre navigateur donne cette adresse une association est une mise en relation entre un mot (ou un groupe de mots) et une adresse de page web (ou URL) ; elle est appelée lien ; un mot est un lien si la souris se transforme en main quand on met le curseur sur le mot (il est soit souligné soit de couleur, pour attirer l'attention) Procédure pour mettre à jour la table des matières : 1-mémorisez l'adresse web de votre article ; pour cela : allez sur la page d'accueil de votre blog (elle affiche l'adresse de votre blog) cliquez sur le nom de votre article, une nouvelle adresse est affichée ; cliquez sur l'adresse, elle devient bleue (= elle est sélectionnée) mémorisez cette adresse par un CTRL+C clavier 2-éditer la page « table des matières » ; pour cela : allez dans la page de conception de votre blog cliquez sur le bouton [Pages] colonne de gauche, la liste des pages s'affiche ; repérez celle de nom « Table des matières » cliquez sur le lien Modifier , l'éditeur de messages de Blogger s'ouvre

3-créez le lien ; pour cela : sélectionnez le mot ou le groupe de mots qui seront un lien dans le menu, cliquez sur le lien Associer la fenêtre « Modifier le lien s'ouvre » sélectionnez la zone de saisie de« Adresse Web » collez y l'adresse de votre article par un CTRL+V clavier ; cliquez sur le bouton [OK], la fenêtre se ferme, votre lien est effectif, il est souligné (mais il sera de couleur une fois publié) enregistrez la mise à jour en cliquant sur le bouton Mettre à jour

Fenêtre Associer

4-contrôlez votre travail Cliquez sur le bouton [Afficher le blog], puis cliquez sur l'onglet « table des matières », repérez le groupe de mot que vous avez transformé en lien par l'association (il est en couleurs) ; cliquez dessus, la page web souhaitée doit s'afficher, sinon recommencer tout, Maintenant vous êtes armé pour tenir votre blog régulièrement. Bon courage ! Bon blog !

Publier l'article

Lors de l'étape précédente, vous avez préparé votre article que j'ai appelé « mon message » ; nous allons voir maintenant comment le publier dans Blogger, Ce qu'il faut savoir : l'éditeur de messages de Blogger accepte les raccourcis clavier standards de Windows : CTRL+A, CTRL+C, CTRL+V, CTRL+Z ; c'est très pratique, pour utiliser voir les conseils les retouches manuelles sont possibles (et souvent nécessaires) Procédure pour publier l'article :

1-mémorisez le contenu de votre message ; pour cela : cliquez sur la bibliothèque de documents colonne de gauche cliquez sur Documents, puis colonne de droite cliquez sur « blog », puis « messages », puis « mon message » ; vos documents apparaissent cliquez sur le nom de votre message au format html ; il est ouvert par votre navigateur internet sélectionnez tout son contenu avec un CTRL+A clavier mémorisez le (fonction copier) avec un CTRL+C clavier

Rechercher le message

2-ouvrez l'éditeur de messages de Blogger ; pour cela : dans votre navigateur cliquez sur votre blog qui est sur la barre de favori ; vous accéder à votre blog cliquez sur son nom, la fenêtre de conception s'ouvre cliquez sur le bouton nouveau post  : l'éditeur de message de Blogger s'affiche 3-collez votre message dans l'éditeur ; pour cela : cliquez n'importe où dans le grand cadre rempli de blanc ; le point d'insertion se positionne au début collez le message mémorisé par un CTRL+V clavier ; le message apparaît avec des cadres vides qui indiquent les endroits où insérer les photos Remarquez que vous avez à droite et en bas de l'éditeur 2 curseurs appelés ascenseurs ; ils permettent de se déplacer dans le fenêtre affichée qui est plus petite que la taille du message

4-insérez vos images une à une ; pour cela : cliquez sur un des cadres, il devient bleu et un menu s'affiche ; la sélection de la taille est de couleur noire, pour la changer cliquez sur le format choisi (par défaut les images sont de format petit) - pour nous c'est "taille réelle" Cliquez sur l'icône « insérer une image », à droite deAssocier sur la barre de menu ; la fenêtre « sélectionner un fichier » s'ouvre cliquez sur le bouton [Choisir les fichiers] ; retrouvez vos images, cliquez sur celle choisie puis sur le bouton [Ouvrir] le photo s'affiche dans le navigateur entourée d'un cadre bleu qui indique qu'elle est sélectionnée (pour déselectionner cliquez sur la photo) ; cliquez sur le bouton Ajouter les images sélectionnées ; l'éditeur de messages de Blogger apparaît ; utilisez les ascenseurs pour aller au début du message : c'est la qu'est la photo ! Cliquez sur la photo, elle devient bleue (=sélection) ; faites un CTRL+X clavier pour la mémoriser tout en l'effaçant cliquez sur le cadre où insérer la photo, il devient bleu ; faites un CTRL+V clavier, l'image apparaît dans le cadre ; vérifiez que la taille de l'image est "taille réelle"

Insérer une image

5-rectifiez la présentation Vous pouvez : déplacer une photo vers la droite ; pour cela cliquez à droite de la photo, un grand curseur apparaît ; ajoutez des espaces au clavier déplacer la photo vers la gauche ; pour cela cliquez à gauche de la photo, un grand curseur apparaît ; appuyez sur la touche clavier [<----] déplacer les titres de photo de la même manière utiliser l'éditeur de Blogger pour corriger des fautes dans votre texte ou rajouter une ligne blanche pour aérer votre texte 6-publiez votre article Quand toutes vos photos ont été insérées, cliquez sur le bouton Publier ; l'éditeur Blogger se ferme ; ça y est votre message est visible par le monde entier ! 7-contrôlez votre travail Cliquez sur le bouton [Afficher le blog], votre nouveau message apparaît dans la page Accueil Relisez le et corrigez toutes les fautes  vérifiez que vous avez  Conception Déconnexion sur la barre de menu en haut et à droite ; si ce n'est pas le cas, cliquez sur Connexion et indiquez vos identifiant et mot de passe Blogger cliquez sur le nom de votre message et allez en fin de message, vous y trouverez un crayon jaune dessiné ; cliquez dessus, vous êtes dans l'éditeur de messages de Blogger Important : les images de votre blog ne sont pas stockées dans Blogger, mais dans Picasa web ; alors ne les effacez pas dans Picasa, sinon elles disparaîtront de votre blog. Votre article est parfait, il reste à le lier avec la table des matières, c'est ce que dévoile la prochaine étape                                                    suite

Préparer l'article

Lors de l'étape précédente, vous avez préparé vos photos en les redimensionnant ; nous allons voir maintenant comment préparer l'article avec Libre Office (ou tout autre traitement de texte). Si vous n'avez que du texte, vous pouvez aussi le saisir directement dans l'éditeur de messages de Blogger. Ce qu'il faut savoir : l'utilisation systématique des tableaux permet par la suite des rectifications simples dans Blogger et une présentation plus agréable les cadres de vos photos apparaitrons dans l'éditeur de messages de Blogger, ce qui simplifiera l'insertion des photos par défaut, le cadre photo a une largeur de 7 cm, ce qui correspond à la taille « petit » de Blogger ; si vous voulez des images plus grandes, portez la largeur à 10 cm Procédure pour préparer l'article : 1-téléchargez mon modèle de document et ouvrez le dans Libre Office en cliquant sur son nom ; une fois ouvert, enregistrez le dans le sous-dossier que vous avez créé pour votre nouveau message (je le nommerai par la suite « mon message ») ; pour cela utiliser le menu Fichier puis « Enregistrer sous » 2-créez la structure de votre document en créant tous les tableaux dont vous avez besoin : pour dupliquer un tableau, sélectionnez le, ensuite utilisez le copier/coller pour supprimer un tableau, sélectionnez le, ensuite appuyer sur la touche clavier [suppr] 3-composez tout le texte de votre article dans les cellules des tableaux , vous ajouterez les photos ensuite.     ATTENTION : si vous changez de police, créez un nouveau tableau, sinon il y aura des problèmes lors de la mise en ligne.

4-insérez vos photos une à une dans le cadre choisi ; pour cela pour chaque photo : mettez le curseur de la souris à l'endroit d'insertion, puis vos photos apparaissent, cliquez (le curseur reste à la place choisie) cliquez sur le menu Insertion, puis « Image », puis « à partir d'un fichier », une nouvelle fenêtre s'ouvre pour permettre de retrouver vos photos colonne de gauche cliquez sur Documents, puis colonne de droite cliquez sur « blog », puis « messages », puis « mon message » ; vos photos apparaissent (.jpg) cliquez sur le nom de la photo choisie, puis sur le bouton [Ouvrir] ; la photo est insérée dans votre message

Insérer une image

5-sauvegardez le document final au format .odt (c'est celui de Libre Office) ; pour cela cliquez sur le menu Fichier puis « Enregistrer » ; vous pourrez par la suite l'imprimer pour relire votre travail 6-mettre le document au format web (celui de Blogger) ; pour cela cliquez sur le menu Fichier, puis cliquez sur « Enregistrer sous » ; une nouvelle fenêtre s'ouvre ; choisissez « Document HTML » comme Type, puis cliquez sur le bouton [Enregistrer] ; fermez votre document (menu Fichier puis Quitter) Dans votre sous-dossier « mon message », vous avez maintenant : le document .odt qui est votre message au format Libre Office le document .html de même préfixe qui est votre message au format Blogger vos photos .jpg pour insérer dans Libre Office ou dans Blogger les mêmes avec html en plus dans le titre ; elles ne servent qu'à afficher les images dans le fichier html (sans plus) Voilà, vous avez tout ce qu'il faut pour bientôt publier votre message ou article !                                                   Suite

Préparer les photos

Dans l'étape précédente, vous avez ouvert un sous-dossier pour votre nouveau message ; nous allons voir maintenant comment y mettre les photos qui doivent illustrer votre message ; ces photos doivent être redimensionnées pour être envoyées plus tard à votre blog.

Ce que vous devez savoir sur Picasa : Ce logiciel permet sur votre ordinateur de : traiter des photos (ou des video clips) rangées dans des dossiers créés hors de Picasa de faire des retouches simples à vos photos de changer la taille d'un lot de photos en une seule action de mettre sur internet très facilement un lot de photo et bien d'autre choses à découvrir par vous-même si vous voulez approfondir le logiciel Ce que vous devez savoir sur Blogger : Les photos qui sortent de votre appareil ont une largeur de plusieurs milliers de pixels pour permettre des agrandissements de qualité au format A3. Blogger vos photos et les affiches avec une taille prédéfinie (largeur de la photo) que vous pouvez choisir : petit de 4 cm de large (environ 200 pixels) moyen de 6 cm de large (environ 300 pixels) grand de 7 cm de large (environ 360 pixels) et taille réelle Pour avoir de la souplesse, nous donnerons aux photos une largeur de 5 cm (environ 250pixels) qui permet par la suite dans Blogger d'afficher 3 photos sur une même ligne. Enfin l'affichage à l'écran nécessite un résolution de 75 pixels, mais une impression nécessite une résolution de 150 pixels ; c'est cette dernière valeur que nous choisirons. Mes conseils : Vos photos doivent être transférées de votre appareil photo à votre ordinateur, que leur format soit JPEG (utilisé par les amateurs) ou RAW (utilisé par les amateurs experts et les professionnels). Tout nouveau lot de photos doit être enregistré dans un sous-dossier spécifique pour les retrouver facilement ; je vous propose dans le dossier Images de créer un sous dossier de nom type “année-sujet des photos” ; exemple 2012-Bretagne. Rangez vos photos redimensionnées avec Picasa dans le sous-dossier que vous avez crée pour écrire votre message. Procédure pour changer la taille de vos photos : 1-sélectionnez toutes les photos que vous avez choisies pour illustrer votre blog ; pour cela : cliquez sur la première photo ; elle devient bleue cliquez sur la touche clavier CTRL et laissez le doigt enfoncé jusqu'à la fin de la sélection pour sélectionner une photo supplémentaire cliquez sur la photo choisie ; elle devient bleue ; si vous vous êtes trompé, vous pouvez déselectionner la photo en cliquent dessus à nouveau, elle retrouve sa couleur quand vous avez fini votre sélection, enlevez le doigt de la touche CTRL

2-exportez les photos sélectionnées ; pour cela dans le menu Fichier, cliquez  sur “Exporter l'image vers le dossier" ; une nouvelle fenêtre s'affiche

Les menus Picasa

3-choisissez les paramètres d'exportation :     emplacement d'exportation (Mes photos correspond au dossier Mes images, bizarre mais c'est comme cela !) nom du dossier exporté : indiquez “mon message” ; un sous dossier à ce nom sera créé pour y mettre les photos exportées taille d'image : redimensionner au format 250 pixels ; là c'est magique car si une photo est verticale, il le détecte et il en déduit que 250 est sa hauteur qualité d'image : choisir maximum cliquez sur le bouton [exporter] ; le résultat de votre travail se trouve dans le dossier Mes images/mon message

Fenêtre exporter

4-Il ne vous reste plus qu'à copier ce résultat dans le dossier : Mes document/blog/messages/mon message en cours (nom que vous avez donné à votre nouveau message) ; vous pouvez utiliser le copier/coller                                    Suite

Créer le sous-dossier pour le message

Dans votre dossier 'Documents", vous avez lors de la création de votre blog ouvert 2 sous-dossiers :

• BLOG sous dossier de "Mes documents"
• messages et pages, sous dossiers de BLOG 

Pour chaque nouveau message que vous allez écrire, vous allez créer un sous dossier dans le dossier "messages" ; son nom sera celui que vous donnerez au titre de votre message (ou article dans Blogger depuis 2013), afin de faciliter les recherches ultérieures. Ce sous dossier contiendra :

• le document texte au format .ODT préparé à partir de mon modèle
• les photos retaillées (si vous mettez des photos dans votre message)
• le document web au format .HTML qui sera ensuite inséré dans votre blog (on verra plus loin comment)

Comment créer un sous dossier ?

• Ouvrez le dossier dans lequel vous voulez créer un sous dossier
• Faites un clic droit dans une zone blanche de la page
• Cliquez sur" Nouveau"
• Cliquez sur "Dossier"
• une fenêtre s'ouvre avec un sous-dossier dont le nom est surligné en bleu ; tapez directement le nom de votre message, il va le remplacer ; pour valider, cliquez sur la touche [<--|] ou touche Entrée

                                                       Suite...

Penser son blog

Ouvrir un blog c'est très facile, mais avant il faut se poser un certain nombre de questions et parmi les plus importantes :

• un blog pour dire quoi ?
• un blog qui s'adresse à qui ?
• un tel blog existe t-il déjà ? si oui, quelle est ma valeur ajoutée ?
• comment retrouver simplement et rapidement un article (ou message) publié ?
• est ce que je dispose d'assez de temps pour gérer mon blog ?
  il faut passer en moyenne 4H par semaine pour animer son blog s'il est grand public ; pour un blog privé, il n'y a pas de règle

Voir aussi : l'ergonomie du blog

Affiner le look de son blog

Le look général du blog est créé par la fonction  [Modèle] - dont la mise en page, ensuite on l'affine avec la fonction  [Mise en page].

Ce qu'il faut savoir :

• la mise en page générale a défini les grands blocs (comme un puzzle) de la page standard de votre blog : titre, pages (pour la barre d'onglets), zone pour les messages, pied de page et divers
• on affine le look du blog en modifiant les paramètres relatifs à chaque bloc
• Gadget : vocabulaire spécifique à blogger ; il nomme une brique logicielle fournie par blogger et que vous pouvez ajouter à votre blog.

Affiner la mise en page du modèle :

• allez sur la page de conception de votre blog
• cliquez sur le bouton [Mise en page] (colonne de gauche), les grands blocs de la page d'accueil de votre blog s'affichent, avec pour chacun un lien Modifier qui permet d'affiner chaque bloc
• Quand on clique sur un lien Modifier, une nouvelle fenêtre s'ouvre ; elle permet de régler les paramètres relatifs au bloc ; quand c'est fini, en bas de la fenêtre, cliquez sur le bouton Enregistrer pour mémoriser vos modifications (la fenêtre se ferme)

Les paramètres intéressants sont :

• pour le bloc titre : la possibilité d'ajouter une image, qui remplace ou non le titre ; la taille de l'image devra faire la largeur définie dans le modèle ; dans notre cas : 1300 pixels, et pour la hauteur entre 100 et 200 pixels
• Pour le blog pages (ou onglets) : la possibilité de ne pas afficher une page comme onglet
• Pour le bloc messages : le nombre de messages affichés sur une page web, la structure de présentation du message
• Pour le bloc gadget : la possibilité de créer/modifier/supprimer un gadget et la gestion de l'ordre des gadgets à l'affichage (comme pour les pages)

Les gadgets intéressants sont :

• s'abonner au blog, traduire le blog, liste de liens (pour afficher les sites intéressants ou amis par exemple)
• pour ajouter un gadget
  cliquez sur le lien Ajouter un gadget
  cliquez sur le gros plus du gadget pour l'ajouter, une fenêtre s'ouvre
  répondez aux questions
  cliquez sur le bouton Enregistrer pour mémoriser vos choix

Quand tout est fini, que vous êtes content de votre modèle, cliquez sur le bouton
 Appliquer au blogpour mémoriser votre travail ; la page de conception du blog est de nouveau affichée
Vérifiez votre travail en cliquant sur le bouton  [Afficher le blog]