tag:blogger.com,1999:blog-18023375360951092612023-11-16T12:53:20.600+01:00Le blog pour les nulsRéaliser un blog de qualité avec Blogger en ayant des connaissances sommaires sur le traitement de texte et les ordinateurs.Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.comBlogger20125tag:blogger.com,1999:blog-1802337536095109261.post-3278713840886590742012-12-20T16:20:00.005+01:002013-08-27T08:59:00.763+02:00Mettre à jour la table des matières<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="font-family: 'Times New Roman'; width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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.</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Ce qu'il faut savoir :</span></span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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)</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Procédure pour mettre à jour la table des matières :</span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">1-mémorisez l'adresse web de votre article ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">allez sur la page d'accueil de votre blog (elle affiche l'adresse de votre blog)</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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)</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">mémorisez cette adresse par un CTRL+C clavier</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">2-éditer la page « table des matières » ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">allez dans la page de conception de votre blog</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le bouton [Pages] colonne de gauche, la liste des pages s'affiche ; repérez celle de nom « Table des matières »</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le lien <span style="color: blue;"><u>Modifier</u></span> , l'éditeur de messages de Blogger s'ouvre</span></span></div>
</li>
</ul>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="font-family: 'Times New Roman'; width: 905px;"><colgroup><col width="443"></col><col width="446"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="443"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">3-créez le lien ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">sélectionnez le mot ou le groupe de mots qui seront un lien</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">dans le menu, cliquez sur le lien <span style="color: blue;"><u>Associer</u></span> la fenêtre « Modifier le lien s'ouvre »</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">sélectionnez la zone de saisie de« Adresse Web »</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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é)</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">enregistrez la mise à jour en cliquant sur le bouton <span style="color: white;"><span style="background-color: #ff6633; background-position: initial initial; background-repeat: initial initial;">Mettre à jour</span></span></span></span></div>
</li>
</ul>
</td><td style="border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: none none none solid; padding: 0cm 0cm 0cm 0.1cm;" width="446"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="color: blue;"><span style="font-size: medium;"><b> Fenêtre Associer</b></span></span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxbzwpRk22P_5d9a8AkemAUe6gplnvzkF2PND4sGubAQUFPPprhioE0mphWY835vLZKmGokFZCght_m6gHv1ccM71_rFMuuGIjXIXWBbGLe4paHDQaRPOcXM42YBtinTWLb_oPn1Edl9nX/s1600/mettre+a+jour+table+mati%C3%A8res_html_1aac27cf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxbzwpRk22P_5d9a8AkemAUe6gplnvzkF2PND4sGubAQUFPPprhioE0mphWY835vLZKmGokFZCght_m6gHv1ccM71_rFMuuGIjXIXWBbGLe4paHDQaRPOcXM42YBtinTWLb_oPn1Edl9nX/s320/mettre+a+jour+table+mati%C3%A8res_html_1aac27cf.jpg" width="320" /></a></div>
</div>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<table cellpadding="0" cellspacing="0" style="font-family: 'Times New Roman'; width: 911px;"><colgroup><col width="911"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="911"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">4-contrôlez votre travail</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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,</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Maintenant vous êtes armé pour tenir votre blog régulièrement. Bon courage ! Bon blog !</span></span></div>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<br />
<br />Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com1tag:blogger.com,1999:blog-1802337536095109261.post-12886385906341234312012-12-19T22:32:00.003+01:002013-08-27T08:57:39.724+02:00Publier l'article<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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,</span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Ce qu'il faut savoir :</span></span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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 <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/11/maitriser-le-copiercoller.html">conseils</a></span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">les retouches manuelles sont possibles (et souvent nécessaires)</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Procédure pour publier l'article :</span></span></span></div>
</td></tr>
</tbody></table>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="519"></col><col width="370"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="519"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">1-mémorisez le contenu de votre message ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur la bibliothèque de documents</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">colonne de gauche cliquez sur Documents, puis colonne de droite cliquez sur « blog », puis « messages », puis « mon message » ; vos documents apparaissent</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le nom de votre message au format html ; il est ouvert par votre navigateur internet</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">sélectionnez tout son contenu avec un CTRL+A clavier</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">mémorisez le (fonction copier) avec un CTRL+C clavier</span></span></div>
</li>
</ul>
</td><td style="border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: none none none solid; padding: 0cm 0cm 0cm 0.1cm;" width="370"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"> <b style="color: blue;">Rechercher le message</b></span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7vb8cvKMbhdMtqdvyQRvKeEbRuFEF7RB7t8nx1Le7Ht4O1yUrFldlYAq_mqU68IW9TOu2LeXs5jQF7Q6b8KYfMCNDl9BvnyxP4n8JKnp-3A1lHOrga-cXC-SoNWU5BUi3IaQpHNqY0K3c/s1600/preparer+le+message.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7vb8cvKMbhdMtqdvyQRvKeEbRuFEF7RB7t8nx1Le7Ht4O1yUrFldlYAq_mqU68IW9TOu2LeXs5jQF7Q6b8KYfMCNDl9BvnyxP4n8JKnp-3A1lHOrga-cXC-SoNWU5BUi3IaQpHNqY0K3c/s320/preparer+le+message.jpg" width="320" /></a></div>
<a href="http://4.bp.blogspot.com/-RYDLLqrAZmY/UNIx-ESK0RI/AAAAAAAACSU/QWo6iqbga-4/s1600/publier+le+message_html_6994a25.jpg" imageanchor="1" style="font-size: medium; line-height: normal; margin-left: 1em; margin-right: 1em; text-align: center;"><span style="font-family: Verdana, sans-serif;"></span></a></div>
</td></tr>
</tbody></table>
<div style="direction: ltr; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="519"></col><col width="370"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="519"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">2-ouvrez l'éditeur de messages de Blogger ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">dans votre navigateur cliquez sur votre blog qui est sur la barre de favori ; vous accéder à votre blog</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur son nom, la fenêtre de conception s'ouvre</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le bouton <span style="color: white;"><span style="background-color: #ff6633; background-position: initial initial; background-repeat: initial initial;">nouveau post </span></span> : l'éditeur de message de Blogger s'affiche</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">3-collez votre message dans l'éditeur ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="color: black;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez n'importe où dans le grand cadre rempli de blanc ; le point d'insertion se positionne au début</span></span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="color: black;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="color: black;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></span></div>
</td><td style="border: none; padding: 0cm;" width="370"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</td></tr>
</tbody></table>
<div style="direction: ltr; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="519"></col><col width="370"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="519"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">4-insérez vos images une à une ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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"</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Cliquez sur l'icône « insérer une image », à droite de<span style="color: blue;"><u>Associer</u></span> sur la barre de menu ; la fenêtre « sélectionner un fichier » s'ouvre</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le bouton [Choisir les fichiers] ; retrouvez vos images, cliquez sur celle choisie puis sur le bouton [Ouvrir]</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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 <span style="color: white;"><span style="background-color: #0084d1; background-position: initial initial; background-repeat: initial initial;">Ajouter les images sélectionnées </span></span>; 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 !</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Cliquez sur la photo, elle devient bleue (=sélection) ; faites un CTRL+X clavier pour la mémoriser tout en l'effaçant</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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"</span></span></div>
</li>
</ul>
</td><td style="border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: none none none solid; padding: 0cm 0cm 0cm 0.1cm;" width="370"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="color: blue;"><b> Insérer une image</b></span></span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURAPsI9U21l28Ze_iehPwIpEAHfRx34VE7yMVn_7aTfu9q0rWCsFXi02Nc_LmuLms-NLLh1UvUqcFGg8Pbt33VT_c6Myd55CDM9Lai1vNzPjILCxQvoMNDOVR2jf-UiDgZceLVYjU6Hws/s1600/publier+le+message_html_m6a66b414.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURAPsI9U21l28Ze_iehPwIpEAHfRx34VE7yMVn_7aTfu9q0rWCsFXi02Nc_LmuLms-NLLh1UvUqcFGg8Pbt33VT_c6Myd55CDM9Lai1vNzPjILCxQvoMNDOVR2jf-UiDgZceLVYjU6Hws/s320/publier+le+message_html_m6a66b414.jpg" width="320" /></a></div>
<br /></div>
</td></tr>
</tbody></table>
<div style="direction: ltr; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="843"></col><col width="46"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="843"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">5-rectifiez la présentation</span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Vous pouvez :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">déplacer une photo vers la droite ; pour cela cliquez à droite de la photo, un grand curseur apparaît ; ajoutez des espaces au clavier</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">déplacer la photo vers la gauche ; pour cela cliquez à gauche de la photo, un grand curseur apparaît ; appuyez sur la touche clavier [<----]</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">déplacer les titres de photo de la même manière</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">utiliser l'éditeur de Blogger pour corriger des fautes dans votre texte ou rajouter une ligne blanche pour aérer votre texte</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">6-publiez votre article</span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Quand toutes vos photos ont été insérées, cliquez sur le bouton <span style="color: white;"><span style="background-color: #ff6633; background-position: initial initial; background-repeat: initial initial;">Publier </span></span>; l'éditeur Blogger se ferme ; ça y est votre message est visible par le monde entier !</span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">7-contrôlez votre travail</span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Cliquez sur le bouton [Afficher le blog], votre nouveau message apparaît dans la page Accueil</span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Relisez le et corrigez toutes les fautes </span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">vérifiez que vous avez <span style="background-color: #cc6633; background-position: initial initial; background-repeat: initial initial;"> Conception Déconnexion </span>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</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><b style="font-size: 12pt; line-height: 16px;">Important </b><span style="font-size: small;"><span style="line-height: 16px;">: 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 </span></span><span style="line-height: 16px;">disparaîtront</span><span style="font-size: small;"><span style="line-height: 16px;"> de votre blog.</span></span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="line-height: 16px;"><br /></span></span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Votre article est parfait, il reste à le lier avec la table des matières, c'est ce que dévoile la prochaine étape</span></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"> <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/12/lors-de-letape-precedente-vous-avez_20.html">suite</a></span></span></div>
</td><td style="border: none; padding: 0cm;" width="46"><div align="LEFT" style="direction: ltr; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
<div align="LEFT" style="direction: ltr; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-72836879745780120472012-12-16T19:04:00.002+01:002013-08-27T09:01:11.776+02:00Préparer l'article<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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).</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Si vous n'avez que du texte, vous pouvez aussi le saisir directement dans l'éditeur de messages de Blogger.</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Ce qu'il faut savoir :</span></span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">l'utilisation systématique des tableaux permet par la suite des rectifications simples dans Blogger et une présentation plus agréable</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">les cadres de vos photos apparaitrons dans l'éditeur de messages de Blogger, ce qui simplifiera l'insertion des photos</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Procédure pour préparer l'article :</span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">1-<a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/11/telecharger-mon-modele-de-votre-document.html">téléchargez </a>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 »</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">2-créez la structure de votre document en créant tous les tableaux dont vous avez besoin :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">pour dupliquer un tableau, sélectionnez le, ensuite utilisez le <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/11/maitriser-le-copiercoller.html">copier/coller</a></span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">pour supprimer un tableau, sélectionnez le, ensuite appuyer sur la touche clavier [suppr]</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">3-composez tout le texte de votre article dans les cellules des tableaux , vous ajouterez les photos ensuite.</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"> ATTENTION : si vous changez de police, créez un nouveau tableau, sinon il y aura des problèmes lors de la mise en ligne.</span></span></div>
</td></tr>
</tbody></table>
<br />
<div style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="519"></col><col width="370"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="519"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">4-insérez vos photos une à une dans le cadre choisi ; pour cela pour chaque photo :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="color: black;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">mettez le curseur de la souris à l'endroit d'insertion, puis v</span></span></span><span style="color: black;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">os photos apparaissent, cliquez (le curseur reste à la place choisie)</span></span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le menu Insertion, puis « Image », puis « à partir d'un fichier », une nouvelle fenêtre s'ouvre pour permettre de retrouver vos photos</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">colonne de gauche cliquez sur Documents, puis colonne de droite cliquez sur « blog », puis « messages », puis « mon message » ; vos photos apparaissent (.jpg)</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le nom de la photo choisie, puis sur le bouton [Ouvrir] ; la photo est insérée dans votre message</span></span></div>
</li>
</ul>
</td><td style="border: none; padding: 0cm;" width="370"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="color: blue;"><b> Insérer une image</b></span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ8Xae-2LZx7Nqk0464C2znX25ndbsrROyB54yzMmiUX7Tr3fET46CTZE530QOC5HXsSy1SvKMdzk2i4tIVl2-MWQzwfkNRnb3vSv0vu6rYA-VD2lwConMuZkucQLU1FybDduNjZNF3sdO/s1600/preparer+le+message.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ8Xae-2LZx7Nqk0464C2znX25ndbsrROyB54yzMmiUX7Tr3fET46CTZE530QOC5HXsSy1SvKMdzk2i4tIVl2-MWQzwfkNRnb3vSv0vu6rYA-VD2lwConMuZkucQLU1FybDduNjZNF3sdO/s320/preparer+le+message.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
</div>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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)</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Dans votre sous-dossier « mon message », vous avez maintenant :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">le document .odt qui est votre message au format Libre Office</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">le document .html de même préfixe qui est votre message au format Blogger</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">vos photos .jpg pour insérer dans Libre Office ou dans Blogger</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">les mêmes avec html en plus dans le titre ; elles ne servent qu'à afficher les images dans le fichier html (sans plus)</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Voilà, vous avez tout ce qu'il faut pour bientôt publier votre message ou article !</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"> <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/12/publier-le-message.html">Suite</a></span></span></div>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-54482130655385954922012-12-14T16:36:00.001+01:002013-02-24T19:08:54.589+01:00Préparer les photos<span style="font-family: Verdana, sans-serif; line-height: 16px;">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.</span><br />
<span style="font-family: Verdana, sans-serif; line-height: 16px;"><br /></span>
<br />
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Ce que vous devez savoir sur Picasa :</span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="color: black;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Ce logiciel permet sur votre ordinateur de :</span></span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">traiter des photos (ou des video clips) rangées dans des dossiers créés hors de Picasa</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">de faire des retouches simples à vos photos</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">de changer la taille d'un lot de photos en une seule action</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">de mettre sur internet très facilement un lot de photo</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">et bien d'autre choses à découvrir par vous-même si vous voulez approfondir le logiciel</span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Ce que vous devez savoir sur Blogger :</span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Les photos qui sortent de votre appareil ont une largeur de plusieurs milliers de pixels pour permettre des agrandissements de qualité au format A3.</span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Blogger vos photos et les affiches avec une taille prédéfinie (largeur de la photo) que vous pouvez choisir :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><b>petit </b>de 4 cm de large (environ 200 pixels)</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><b>moyen </b>de 6 cm de large (environ 300 pixels)</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><b>grand </b>de 7 cm de large (environ 360 pixels) et <b>taille réelle</b></span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><br /></span></span></div>
</li>
</ul>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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.</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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.</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Mes conseils :</span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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).</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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.</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Rangez vos photos redimensionnées avec Picasa dans le sous-dossier que vous avez crée pour écrire votre message.</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">Procédure pour changer la taille de vos photos :</span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">1-sélectionnez toutes les photos que vous avez choisies pour illustrer votre blog ; pour cela :</span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur la première photo ; elle devient bleue</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur la touche clavier CTRL et laissez le doigt enfoncé jusqu'à la fin de la sélection</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">quand vous avez fini votre sélection, enlevez le doigt de la touche CTRL</span></span></div>
</li>
</ul>
</td></tr>
</tbody></table>
<div style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="636"></col><col width="253"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="636"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></div>
</td><td style="border: none; padding: 0cm;" width="253"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"> <span style="color: blue;"><b>Les menus Picasa</b></span></span></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHJdok4aNFOQrLS4tbaJJEyKi7AeXdslWWg3RRbgSmKKcgWWGJ3pN9xU15k46Eh6j3ulO4n_R795sKXtMltcWzNzG99qKRbZr3isJ56OZORSZBlP57PB6P0vI5CmrsI4VAutE2m-iWHKi/s1600/preparer+les+photos_html_mfe06de3.jpg" imageanchor="1" style="font-size: 12pt; margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHJdok4aNFOQrLS4tbaJJEyKi7AeXdslWWg3RRbgSmKKcgWWGJ3pN9xU15k46Eh6j3ulO4n_R795sKXtMltcWzNzG99qKRbZr3isJ56OZORSZBlP57PB6P0vI5CmrsI4VAutE2m-iWHKi/s320/preparer+les+photos_html_mfe06de3.jpg" width="320" /></a></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="556"></col><col width="333"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="556"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">3-choisissez les paramètres d'exportation : </span></span></div>
<ul>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">emplacement d'exportation (Mes photos correspond au dossier Mes images, bizarre mais c'est comme cela !)</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">nom du dossier exporté : indiquez “mon message” ; un sous dossier à ce nom sera créé pour y mettre les photos exportées</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">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</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">qualité d'image : choisir maximum</span></span></div>
</li>
<li><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">cliquez sur le bouton [exporter] ; le résultat de votre travail se trouve dans le dossier Mes images/mon message</span></span></div>
</li>
</ul>
</td><td style="border: none; padding: 0cm;" width="333"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"> <span style="color: blue;"><b>Fenêtre exporter</b></span></span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-vgsx4s7jveS-BoUVWDWIBZqxhW4cAtt1dJJoU6dVmTh0OPLhi4_qiQbvMiuWyLlrhNH2g0GTMAIcpnHLvRToeBTtC2qD-4JSJIqFLXA2niQr4XST_dWR_kcvudkIcvUfN4FIOxFU3EKY/s1600/preparer+les+photos_html_m25a8cb0b.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-vgsx4s7jveS-BoUVWDWIBZqxhW4cAtt1dJJoU6dVmTh0OPLhi4_qiQbvMiuWyLlrhNH2g0GTMAIcpnHLvRToeBTtC2qD-4JSJIqFLXA2niQr4XST_dWR_kcvudkIcvUfN4FIOxFU3EKY/s320/preparer+les+photos_html_m25a8cb0b.jpg" width="320" /></a></div>
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: 0.19cm; page-break-after: auto; page-break-before: auto;">
</div>
</td></tr>
</tbody></table>
<div style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="636"></col><col width="253"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="636"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">4-Il ne vous reste plus qu'à copier ce résultat dans le dossier :</span></span></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;">Mes document/blog/messages/mon message en cours (nom que vous avez donné à votre nouveau message) ; vous pouvez utiliser le <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/11/maitriser-le-copiercoller.html">copier/coller</a></span></span><br />
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"><br /></span></span>
<span style="font-family: Verdana, sans-serif;"><span style="font-size: small;"> <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/12/preparer-le-message.html">Suite</a></span></span></div>
</td><td style="border: none; padding: 0cm;" width="253"><div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 16px; margin-bottom: 0.21cm; margin-left: 0.01cm; margin-right: -0.02cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
</td></tr>
</tbody></table>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div align="LEFT" style="direction: ltr; font-family: 'Times New Roman', serif; line-height: 16px; margin-bottom: 0.21cm; page-break-after: auto; page-break-before: auto;">
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-43618039472058620192012-12-13T11:02:00.003+01:002013-08-27T09:02:13.768+02:00Créer le sous-dossier pour le message<br />
Dans votre dossier 'Documents", vous avez lors de la création de votre blog ouvert 2 sous-dossiers :<br />
<ul>
<li>BLOG sous dossier de "Mes documents"</li>
<li>messages et pages, sous dossiers de BLOG </li>
</ul>
<div>
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 :</div>
<div>
<ul>
<li>le document texte au format .ODT préparé à partir de mon <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/11/telecharger-mon-modele-de-votre-document.html">modèle</a></li>
<li>les photos retaillées (si vous mettez des photos dans votre message)</li>
<li>le document web au format .HTML qui sera ensuite inséré dans votre blog (on verra plus loin comment)</li>
</ul>
<div>
<span style="background-color: #f6b26b;">Comment créer un sous dossier ?</span></div>
<div>
<ul>
<li>Ouvrez le dossier dans lequel vous voulez créer un sous dossier</li>
<li>Faites un clic droit dans une zone blanche de la page</li>
<li>Cliquez sur" Nouveau"</li>
<li>Cliquez sur "Dossier"</li>
<li>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</li>
</ul>
</div>
<div>
<a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/12/preparer-les-photos.html">Suite</a>...</div>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com1tag:blogger.com,1999:blog-1802337536095109261.post-12312399344900320722012-12-06T10:16:00.000+01:002013-08-27T09:03:23.448+02:00Penser son blogOuvrir un blog c'est très facile, mais avant il faut se poser un certain nombre de questions et parmi les plus importantes :<br />
<br />
<ul>
<li>un blog pour dire quoi ?</li>
<li>un blog qui s'adresse à qui ?</li>
<li>un tel blog existe t-il déjà ? si oui, quelle est ma valeur ajoutée ?</li>
<li>comment retrouver simplement et rapidement un article (ou message) publié ?</li>
<li>est ce que je dispose d'assez de temps pour gérer mon blog ?<br />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</li>
</ul>
<br />
<br />
Voir aussi : <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/11/lergonomie-de-votre-blog.html">l'ergonomie du blog</a>Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com1tag:blogger.com,1999:blog-1802337536095109261.post-38031547780122017012012-12-06T09:57:00.000+01:002012-12-20T11:08:30.477+01:00Affiner le look de son blog<br />
Le look général du blog est créé par la fonction <span style="color: #0b5394;">[Modèle] - </span>dont la mise en page, ensuite on l'affine avec la fonction <span style="color: #0b5394;">[Mise en page]</span>.<br />
<br />
<b style="background-color: #f6b26b;">Ce qu'il faut savoir :</b><br />
<ul>
<li>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</li>
<li>on affine le look du blog en modifiant les paramètres relatifs à chaque bloc</li>
<li>Gadget : vocabulaire spécifique à blogger ; il nomme une brique logicielle fournie par blogger et que vous pouvez ajouter à votre blog.</li>
</ul>
<div>
<br /></div>
<div>
<br /></div>
<div>
<b style="background-color: #f6b26b;">Affiner la mise en page du modèle :</b><br />
<ul>
<li>allez sur la page de conception de votre blog</li>
<li>cliquez sur le bouton <span style="color: #0b5394;">[Mise en page]</span> (colonne de gauche), les grands blocs de la page d'accueil de votre blog s'affichent, avec pour chacun un lien <span style="color: #0b5394;">Modifier </span>qui permet d'affiner chaque bloc</li>
<li>Quand on clique sur un lien <span style="color: #0b5394;">Modifier</span>, 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 <span style="background-color: orange; color: white;">Enregistrer </span>pour mémoriser vos modifications (la fenêtre se ferme)</li>
</ul>
Les paramètres intéressants sont :</div>
<div>
<ul>
<li>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</li>
<li>Pour le blog pages (ou onglets) : la possibilité de ne pas afficher une page comme onglet</li>
<li>Pour le bloc messages : le nombre de messages affichés sur une page web, la structure de présentation du message</li>
<li>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)</li>
</ul>
<div>
Les gadgets intéressants sont :</div>
<div>
<ul>
<li>s'abonner au blog, traduire le blog, liste de liens (pour afficher les sites intéressants ou amis par exemple)</li>
<li>pour ajouter un gadget<br />cliquez sur le lien <span style="color: #0b5394;">Ajouter</span> un gadget<br />cliquez sur le gros <span style="color: #134f5c;">plus </span>du gadget pour l'ajouter, une fenêtre s'ouvre<br />répondez aux questions<br />cliquez sur le bouton <span style="background-color: orange; color: white;">Enregistrer </span>pour mémoriser vos choix</li>
</ul>
<div>
<br /></div>
</div>
</div>
<div>
Quand tout est fini, que vous êtes content de votre modèle, cliquez sur le bouton<br />
<span style="background-color: orange; color: white;">Appliquer au blog</span>pour mémoriser votre travail ; la page de conception du blog est de nouveau affichée<br />
Vérifiez votre travail en cliquant sur le bouton <span style="background-color: #cccccc;">[Afficher le blog]</span><br />
<div>
<br /></div>
<div>
<br /></div>
<div>
</div>
</div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-50869282707974631112012-12-05T15:49:00.002+01:002012-12-20T11:10:36.244+01:00Créer le look de son blog<br />
Le modèle est créé à l'ouverture du blog, ensuite on ne le modifie que rarement.<br />
<br />
<b style="background-color: #f6b26b;">Ce qu'il faut savoir :</b><br />
<ul>
<li>le look (ou physionomie générale) du blog est donnée par un <b>modèle </b>; un modèle fixe les colonnes, les couleurs, du fond, des titres...<br />le changement de modèle peut être fait à tout moment, car le contenu (vos messages) est indépendant du look</li>
<li>vous pouvez changer les couleurs d'un modèle (fond, textes, titres...) en choisissant une autre image d'<b>arrière plan</b> ; les résultats sont variables selon les images (de beau à laid)</li>
<li>le titre d'un message est un <b>lien</b>, il aura donc la même couleur que les liens que vous aurez défini dans le message ; leur couleur est modifiable</li>
<li>toute modification que vous ferez sera immédiatement visible à l'écran, sauf s'il y a un bug (et cela arrive !)</li>
</ul>
<div>
<br /></div>
<div>
<b style="background-color: #f6b26b;">Mettre au point ou modifier le modèle :</b><br />
<ul>
<li>allez sur la page de conception de votre blog</li>
<li>cliquez sur le bouton <span style="color: #0b5394;">[Modèle]</span> (colonne de gauche)</li>
<li>cliquez sur le bouton <span style="background-color: orange;"><span style="color: white;">Personnaliser</span></span>, une fenêtre s'ouvre ; sur la partie gauche, on trouve les liens suivants :<br /><span style="background-color: black;"><span style="color: white;">Modèles</span></span>, <span style="background-color: black;"><span style="color: white;">Arrière plan</span></span>, <span style="background-color: black; color: white;">Ajuster la largeur</span>, <span style="background-color: black; color: white;">Mise en page</span>, <span style="background-color: black; color: white;">Avancé</span></li>
</ul>
<div>
<span style="color: white;"><br /></span></div>
<ul>
<li>choisissez votre modèle ; pour cela, cliquez sur <span style="background-color: black; color: white;">Modèles</span> ; en cliquant sur un modèle vous voyez votre blog changer de look ; mon modèle préféré est "Fenêtre d'image"</li>
<li>la couleur ne vous plait pas ?<br />cliquez sur <span style="background-color: black; color: white;">Arrière plan</span> puis "Image d'arrière plan" ; vous pouvez choisir le mur orange dans "Maison et Jardin" (cliquez sur "Maison et Jardin", puis sur le mur orange) ; vous pouvez aussi choisir dans "Nature" le coucher de soleil ; à vous d'exprimer votre talent artistique !<br />Quand le choix est fait, cliquez sur le bouton <span style="background-color: orange;"><span style="color: white;">OK</span></span></li>
</ul>
<ul>
<li>réglez la largeur des colonnes ; pour cela cliquez sur <span style="background-color: black; color: white;">Ajuster la largeur</span> ; pour Blog complet, indiquez 1300 px (comme pixel) ; pour la Barre latérale droite indiquez 300 px</li>
<li>choisissez la mise en page telle que la verront les visiteurs ; pour cela cliquez sur <span style="background-color: black; color: white;">Mise en page</span> et cliquez sur le modèle 2 colonnes (le plus courant) - dans Mise en page de contenu, le rectangle haut représente le titre du blog et les onglets, le grand rectangle représente l'affichage de vos message, le rectangle foncé représente une colonne de liens (gadgets dans Blogger)</li>
<li>Pour aller plus loin, cliquez sur <span style="background-color: black; color: white;">Avancé </span><span style="background-color: white;">je vous laisse découvrir les changements ; vérifiez que la police du texte du message a le même nombre de pixels que dans votre traitement de texte, sinon les ajouts de texte par l'éditeur de messages de Blogger se verront</span></li>
</ul>
<div>
<br /></div>
<ul>
<li>Quand tout est fini, que vous êtes content de votre modèle, cliquez sur le bouton<br /> <span style="background-color: orange; color: white;">Appliquer au blog</span>pour mémoriser votre travail ; la page de conception du blog est de nouveau affichée</li>
<li>Vérifiez votre travail en cliquant sur le bouton <span style="background-color: #cccccc;">[Afficher le blog]</span></li>
</ul>
<div>
<br />
Voir aussi quelques conseil complémentaires sur<a href="http://eblogpourlesnuls.blogspot.fr/2012/11/lergonomie-de-votre-blog.html"> l'ergonomie</a>.<br />
<br />
<br />
<br /></div>
</div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-2754191114904534652012-12-05T14:14:00.002+01:002012-12-05T15:53:05.519+01:00Créer la barre de navigation<br />
Son objectif est de faciliter la navigation dans le blog, c'est-à-dire de trouver l'information souhaitée la plus vite possible.<br />
Cette barre a ma préférence matérialisée par des onglets disposés horizontalement sous le titre blog.<br />
<br />
<b style="background-color: #f6b26b;">Ce qu'il faut savoir :</b><br />
<br />
<ul>
<li>la barre de navigation aide à retrouver facilement les anciens messages</li>
<li>chaque nouvelle page est un onglet ; en dehors de la page Accueil, chaque page sert à faire des liens entre du texte et des messages ou du texte et des photos/vidéos, ou du texte et des documents à télécharger</li>
<li>la page accueil (ou onglet "accueil") affiche tous les messages dans l'ordre chronologique décroissant (l'onglet "accueil" pourrait aussi bien s'appeler "historique des messages").<br />
Il faut ensuite un onglet "table des matières" pour structurer les messages ; pour un blog de cuisine, on l’appellera "mes recettes", pour un blog de voyage on l'appellera "carnet de route" etc...</li>
<li>elle est gérée par la fonction <span style="color: #0b5394;">[pages] </span>de la page de conception de Blogger</li>
<li>l'ordre des onglets ainsi que leur titre est modifiable à tout moment</li>
<li>si les onglets sont horizontaux dans l'affichage du blog, ils sont présentés verticalement dans la page de conception de Blogger</li>
</ul>
<div>
<br /></div>
<div>
<b style="background-color: #f6b26b;">Ajouter un onglet :</b></div>
<div>
<ul>
<li>allez sur la page de conception de votre blog</li>
<li>cliquez sur le bouton <span style="color: #0b5394;">[Pages]</span> (colonne de gauche)</li>
<li>cliquez sur le bouton <span style="background-color: #cccccc;">[Nouvelle page]</span>, puis "Pages blanche", une fenêtre s'ouvre</li>
<li>Indiquez le titre de la page qui sera le nom de l'onglet (exemple : Table des matières)</li>
<li>Puis dans la zone de texte, écrivez "à remplir ultérieurement"</li>
<li>Cliquez sur le bouton <span style="background-color: orange; color: white;">Publier </span>pour mémoriser votre travail ; la page de conception du blog est de nouveau affichée</li>
<li>Choisissez : Afficher les pages comme Onglets en haut de page</li>
<li>Cliquez sur le bouton<span style="background-color: orange;"> <span style="color: white;">Enregistrer la disposition</span></span>pour mémoriser votre travail</li>
<li>Vérifiez votre travail en cliquant sur le bouton <span style="background-color: #cccccc;">[Afficher le blog]</span></li>
</ul>
</div>
<div>
<br /></div>
<div>
<b style="background-color: #f6b26b;">Changer l'ordre des onglets :</b></div>
<div>
<ul>
<li>allez sur la page de conception de votre blog</li>
<li>cliquez sur le bouton <span style="color: #0b5394;">[Pages]</span> (colonne de gauche)</li>
<li>Mettre le curseur de la souris sur la petite colonne bleue à gauche du nom de la page à déplacer, une croix s'affiche</li>
<li>Cliquer, puis glissez/déplacez jusqu'à la bonne position, arrêtez de cliquer, c'est fini !</li>
<li>Cliquez sur le bouton<span style="background-color: orange;"> <span style="color: white;">Enregistrer la disposition</span></span>pour mémoriser votre travail</li>
<li>Vérifiez votre travail en cliquant sur le bouton <span style="background-color: #cccccc;">[Afficher le blog]</span></li>
</ul>
<div>
<div>
<b style="background-color: #f6b26b;">Modifier ou supprimer un onglet :</b></div>
<div>
<ul>
<li>allez sur la page de conception de votre blog</li>
<li>cliquez sur le bouton <span style="color: #0b5394;">[Pages]</span> (colonne de gauche)</li>
<li>cliquez sur le lien bleu <span style="color: #0b5394;">Modifier </span>ou <span style="color: #0b5394;">Supprimer </span>sous le titre de la page que vous voulez changer</li>
<li>Quand vous avez fini,cliquez sur le bouton<span style="background-color: orange;"> <span style="color: white;">Enregistrer la disposition</span></span>pour mémoriser votre travail</li>
<li>Vérifiez votre travail en cliquant sur le bouton <span style="background-color: #cccccc;">[Afficher le blog]</span></li>
</ul>
<div>
<br /></div>
</div>
</div>
</div>
<div>
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com2tag:blogger.com,1999:blog-1802337536095109261.post-20634240395026839232012-11-30T11:03:00.002+01:002013-08-27T09:04:29.040+02:00Découverte de Blogger<div align="CENTER" style="margin-bottom: 0.21cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
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.</div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
<br /></div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
Le centre nerveux de Blogger est la page de conception.</div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
En haut de la page il y a 4 boutons :</div>
<ul>
<li><div style="margin-bottom: 0cm;">
Le premier [B] affiche la liste de vos blogs </div>
</li>
<li><div style="margin-bottom: 0cm;">
Le deuxième [crayon] lance l'éditeur de messages ;vous pouvez aussi utiliser le bouton <span style="color: white;"><span style="background-color: #ff420e;">nouveau post</span></span></div>
</li>
<li><div style="margin-bottom: 0cm;">
Le troisième [documents] affiche la liste de vos messages</div>
</li>
<li><div style="margin-bottom: 0cm;">
Le dernier [afficher le blog] vous permet à tout moment de voir le rendu des modifications que vous venez de faire</div>
</li>
</ul>
<div style="margin-bottom: 0cm;">
Il y a en suite le bouton <span style="color: white;"><span style="background-color: #ff420e;">enregistrer le disposition </span></span><span style="color: white;"><span style="background-color: white;"></span></span><span style="color: black;"><span style="background-color: white;">qui doit être utilisé si vous modifiez le modèle ou la mise en page de votre blog.</span></span></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<span style="color: black;"><span style="background-color: white;">Sous le bouton </span></span><span style="color: white;"><span style="background-color: #ff420e;">nouveau post </span></span><span style="color: black;"><span style="background-color: white;">il y a une colonne de boutons dont le rôle est présenté ci-après.</span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="181"></col><col width="708"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><table cellpadding="4" cellspacing="0"><colgroup><col width="256*"></col></colgroup><tbody>
<tr><td style="border: 1px solid rgb(0, 128, 128); padding: 0.1cm;" valign="TOP" width="100%"><div align="CENTER" style="margin-bottom: 0cm;">
<span style="color: #33a3a3;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: x-small;"> vue d'ensemble </span></span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
</div>
</td><td rowspan="2" style="border: none; padding: 0cm;" width="708"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Peu utilisé - fait une synthèse de l'activité du blog (fréquences des pages vue, nombre de mises à jour notamment)</div>
</td></tr>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0.21cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="181"></col><col width="708"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><table cellpadding="4" cellspacing="0"><colgroup><col width="256*"></col></colgroup><tbody>
<tr><td style="border: 1px solid rgb(0, 128, 128); padding: 0.1cm;" valign="TOP" width="100%"><div align="CENTER" style="margin-bottom: 0cm;">
<span style="color: #33a3a3;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: x-small;"> messages </span></span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td><td rowspan="2" style="border: none; padding: 0cm;" width="708"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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.</div>
</td></tr>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="181"></col><col width="708"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><table cellpadding="4" cellspacing="0"><colgroup><col width="256*"></col></colgroup><tbody>
<tr><td style="border: 1px solid rgb(0, 128, 128); padding: 0.1cm;" valign="TOP" width="100%"><div align="CENTER" style="margin-bottom: 0cm;">
<span style="color: #33a3a3;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: x-small;"> pages </span></span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td><td rowspan="2" style="border: none; padding: 0cm;" width="708"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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</div>
</td></tr>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
..</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="181"></col><col width="708"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><table cellpadding="4" cellspacing="0"><colgroup><col width="256*"></col></colgroup><tbody>
<tr><td style="border: 1px solid rgb(0, 128, 128); padding: 0.1cm;" valign="TOP" width="100%"><div align="CENTER" style="margin-bottom: 0cm;">
<span style="color: #33a3a3;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: x-small;"> commentaires </span></span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td><td rowspan="2" style="border: none; padding: 0cm;" width="708"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Peu utilisé – Quand un message est publié sur votre blog, les visiteurs peuvent faire des commentaires ; vous pouvez choisir de les supprimer</div>
</td></tr>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="181"></col><col width="708"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><table cellpadding="4" cellspacing="0"><colgroup><col width="256*"></col></colgroup><tbody>
<tr><td style="border: 1px solid rgb(0, 128, 128); padding: 0.1cm;" valign="TOP" width="100%"><div align="CENTER" style="margin-bottom: 0cm;">
<span style="color: #33a3a3;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: x-small;"> mise en page </span></span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td><td rowspan="2" style="border: none; padding: 0cm;" width="708"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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)</div>
</td></tr>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="181"></col><col width="708"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><table cellpadding="4" cellspacing="0"><colgroup><col width="256*"></col></colgroup><tbody>
<tr><td style="border: 1px solid rgb(0, 128, 128); padding: 0.1cm;" valign="TOP" width="100%"><div align="CENTER" style="margin-bottom: 0cm;">
<span style="color: #33a3a3;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: x-small;"> modèles </span></span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td><td rowspan="2" style="border: none; padding: 0cm;" width="708"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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....)</div>
</td></tr>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="181"></col><col width="708"></col></colgroup><tbody>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><table cellpadding="4" cellspacing="0"><colgroup><col width="256*"></col></colgroup><tbody>
<tr><td style="border: 1px solid rgb(0, 128, 128); padding: 0.1cm;" valign="TOP" width="100%"><div align="CENTER" style="margin-bottom: 0cm;">
<span style="color: #33a3a3;"><span style="font-family: Verdana, sans-serif;"><span style="font-size: x-small;"> paramètres </span></span></span></div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td><td rowspan="2" style="border: none; padding: 0cm;" width="708"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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</div>
</td></tr>
<tr valign="TOP"><td style="border: none; padding: 0cm;" width="181"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
<br /></div>
</td></tr>
</tbody></table>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
<span style="color: black;"><span style="background-color: white;">Retenez bien :</span></span></div>
<div style="margin-bottom: 0cm;">
<span style="color: black;"><span style="background-color: white;">les gros boutons </span></span><span style="color: white;"><span style="background-color: #ff420e;">oranges </span></span><span style="color: black;"><span style="background-color: white;">sont destinés aux actions importantes. Ne pas oublier de cliquer dessus.</span></span></div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
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,</div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
<br /></div>
</td></tr>
</tbody></table>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-77741352328169107932012-11-27T14:03:00.002+01:002013-02-18T22:03:39.702+01:00Télécharger mon modèle de document<a href="https://docs.google.com/open?id=0B-Hzj81DZhFSSmVxUERnc3RxWVk">téléchargez </a>le modèle de document sur votre ordinateur<br />
Quand vous cliquez sur le mot téléchargez (ligne précédente) une fenêtre s'ouvre, cliquez sur<br />
"Télécharger", le document "modele de document pour blogger.odt" est transféré vers votre ordinateur.<br />
Vous le verrez dans le dossier "nom de session/téléchargements" (exemple : Paul/Téléchargements).<br />
<br />
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é.<br />
<br />
NOTA : il existe un petit programme qui ajoute cette fonction à Microsoft Word ; cliquez <a href="http://www.pcastuces.com/pratique/astuces/2127.htm">ici</a><br />
<br />
<br />
<br />
<div>
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-72524380683351718252012-11-27T10:22:00.001+01:002012-12-12T10:44:28.410+01:00Ouvrir son blog<div align="CENTER" style="margin-bottom: 0.21cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="897"></col></colgroup><tbody>
<tr><td style="border: none; padding: 0cm;" valign="TOP" width="897"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
Voici la procédure détaillée, vous verrez c'est très simple !</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
1-Accédez à Blogger</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0.21cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
2-Déclinez votre identité</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Indiquez votre adresse mèl Google puis son mot de passe, puis cliquez sur le bouton [Connexion], un écran de bienvenue s'affiche</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
3-Indiquez votre type de profil souhaité</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
4-Décidez de créer un blog</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
cliquez sur le bouton [Nouveau blog], une nouvelle page s'affiche<br />
IMPORTANT : par défaut, votre blog a une visibilité pour tous - de paramètres permettent de restreindre cette visibilité</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
5-Choisissez le nom de votre blog</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Renseignez :</div>
<ul>
<li><div style="margin-bottom: 0cm;">
le titre du blog (le nom que vous souhaitez lui donner)</div>
</li>
<li><div style="margin-bottom: 0cm;">
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à</div>
</li>
</ul>
<div style="margin-bottom: 0cm;">
Choisir un modèle de blog qui lui donnera son look : cliquez sur « Picture windows »</div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
cliquez sur le bouton [Créer modèle], une nouvelle page s'affiche</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
6-Lancez l'éditeur de message</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Cliquez sur le lien « démarrer », l'éditeur de message s'affiche</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
7-Rédigez votre premier message</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Renseignez le titre : Mon test</div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Renseignez le texte du message : Mon premier message</div>
<div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
cliquez sur le bouton [Publier], une nouvelle page s'affiche ; vous devrez vous familiariser avec elle, c'est la <span style="background-color: #ff9966; background-position: initial initial; background-repeat: initial initial;">page de conception</span> de Blogger</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
8-Constatez le résultat</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
cliquez sur le bouton [Afficher le blog], une nouvelle page s'affiche, c'est ce que verront les internautes</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
9-Revenez à la page de conception</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
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 !</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-8908507220346418722012-11-26T11:17:00.000+01:002012-12-12T10:37:26.779+01:00Utiliser mon modèle de document<div align="CENTER" style="margin-bottom: 0.21cm;">
<br /></div>
<div style="margin-bottom: 0.21cm;">
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).</div>
<div style="margin-bottom: 0.21cm;">
N'oubliez pas de mettre une ligne blanche avant et après chaque tableau pour avoir une présentation correcte dans Blogger.<br />
<br /></div>
<div style="margin-bottom: 0.21cm;">
Pour composer un texte avec des photos, 2 solutions :</div>
<ul>
<li><div style="margin-bottom: 0.21cm;">
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)</div>
</li>
<li><div style="margin-bottom: 0.21cm;">
Mettre le texte à côté du tableau (tableaux B ou C, voir plus bas)</div>
</li>
</ul>
<div style="margin-bottom: 0.21cm;">
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).<br />
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).<br />
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.</div>
<div style="margin-bottom: 0.21cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="895"></col></colgroup><tbody>
<tr><td bgcolor="#ffcc99" style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" valign="TOP" width="895"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: -0.72cm;">
A-Tapez ici votre texte, le retour à la ligne est automatique</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="257"></col><col width="630"></col></colgroup><tbody>
<tr bgcolor="#ffcc99" valign="TOP"><td bgcolor="#ffcc99" style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="257"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
B-Insérer Ici Photo à gauche du texte</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="630"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Ici texte ou photo</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0.21cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="635"></col><col width="252"></col></colgroup><tbody>
<tr bgcolor="#ffcc99" valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="635"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
C-Ici texte ou photo</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="252"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Insérer Ici photo à droite du texte</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0.21cm;">
<br /></div>
<table cellpadding="4" cellspacing="0" style="width: 905px;"><colgroup><col width="293"></col><col width="294"></col><col width="293"></col></colgroup><tbody>
<tr bgcolor="#ffcc99" valign="TOP"><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="293"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
D-Insérer Ici Photo 1</div>
</td><td style="border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-style: solid none solid solid; border-top-color: rgb(0, 0, 0); border-top-width: 1px; padding: 0.1cm 0cm 0.1cm 0.1cm;" width="294"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Insérer Ici Photo 2</div>
</td><td style="border: 1px solid rgb(0, 0, 0); padding: 0.1cm;" width="293"><div style="margin-bottom: 0cm; margin-left: 0cm; margin-right: 2.25cm;">
Insérer Ici Photo 3</div>
</td></tr>
</tbody></table>
<div style="margin-bottom: 0cm;">
<br />
<br />
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-19536966398087930812012-11-25T18:22:00.004+01:002012-12-12T10:27:04.691+01:00Améliorer vos messages grâce au traitement de texteLa voie normale pour rédiger un message est d'utiliser l'éditeur de message intégré à Blogger (lancé en cliquant sur le bouton <span style="background-color: orange; color: white;">nouveau post</span>.<br />
Cet éditeur est moins puissant que celui fourni pour écrire des textes avec Google Drive.<br />
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 :<br />
<ul>
<li>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 ?</li>
<li>reproduire des mises en formes de titre par exemple, avec l'icône pinceau</li>
<li>choisir des puces plus jolies pour les énumération</li>
<li>intégrer un dessin grâce à l'icône dessin</li>
<li>bénéficier d'un correcteur orthographique plus puissant</li>
<li>et bien d'autres fonctionnalités...</li>
</ul>
<h3>
<span style="color: #e69138;">
Conclusion</span></h3>
<div>
Quand vous avez des documents composites avec textes et images notamment, utilisez votre traitement de texte, sinon utiklisez l'éditeur de messages Blogger.<br />
<br />
Procédure de chargement du blog à partir du traitement de texte :</div>
<div>
<ul>
<li>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</li>
<li>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)</li>
<li>cliquez sur le nom de ce dernier document, il est ouvert par votre navigateur</li>
<li>sélectionnez tout son contenu (CTRL+A clavier), puis mémorisez le par un CTRL+C clavier (= fonction copier)</li>
<li>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 </li>
</ul>
<div>
<br /></div>
</div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-62929622097862820562012-11-25T18:00:00.001+01:002012-12-05T15:58:00.595+01:00L'ergonomie de votre blogCe sont tous les éléments qui concourent à faciliter la vie de vos visiteurs.<br />
<br />
<span style="background-color: #f6b26b;">Quand vous mettez au point votre modèle de blog</span><br />
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 ?<br />
<br />
Quelques conseils :<br />
<ul>
<li>Pour l'allure générale de votre blog, éviter les couleurs criardes</li>
<li>Evitez les modèles avec fond foncé et texte blanc, les gens ont l'habitude des journaux (fond clair et texte noir)</li>
<li>Sous le titre de votre blog, ajoutez systématiquement une barre d'onglet pour faciliter les recherches (voir votre blog)</li>
<li>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)</li>
<li>Le nom de chaque onglet doit être sans ambiguité, comme le titre de vos messages</li>
<li>Choisissez des couleurs harmonieuses</li>
</ul>
<div>
<br /></div>
<div>
<span style="background-color: #f6b26b;">Quand vous rédigez vos messages</span><br />
<ul>
<li> Faites des messages courts avec un seul sujet </li>
<li>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</li>
<li>Faites des textes structurés avec des phrases compréhensibles par tous</li>
<li>N'abusez pas des photos, mettez en quelques unes (les plus belles) pour illustrer votre texte. Les autres doivent être visible dans un diaporama</li>
<li>Ne soulignez que les expressions qui seront ensuite des <a href="http://leblogpourlesnuls.blogspot.fr/p/lexique.html">liens </a>web (un clic sur le lien appelle une autre page web). Un lien web est soit souligné, soit avec un texte de couleur.</li>
</ul>
<div>
<br /></div>
</div>
<div>
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-12720131951928901932012-11-25T11:12:00.001+01:002012-12-21T22:10:42.851+01:00Donner accès à vos documents : le cloudIl 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 ?<br />
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).<br />
Pour vous c'est très pratique car :<br />
<ul>
<li>vous êtes sûr que la version ordinateur et web de votre document est la même</li>
<li>si votre disque dur rend l'âme, vous ne perdez pas les documents mis internet</li>
<li>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</li>
</ul>
<div>
Nous utiliserons pour cela la solution Google Drive (équivalent de Skydrive chez Microsoft)</div>
<br />
<br />
<h3>
<span style="color: #990000;">--------------------------- Procédure ------------------------------------------------------------</span></h3>
<br />
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).<br />
<span style="color: blue;">1-installer Google drive sur votre ordinateur</span><br />
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.<br />
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.<br />
<br />
<span style="color: blue;">2-utiliser Google drive ordinateur</span><br />
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).<br />
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.<br />
Vous avez compris qu'ensuite ces documents grâce à la synchronisation automatique vont se retrouver sur Google Drive web sans rien faire.<br />
<br />
<span style="color: blue;">3-Donner accès à un document Google Drive web</span><br />
Opérations à faire pour chaque document à partager :<br />
<ul>
<li>faire un clic droit sur le nom du fichier dont on veut élargir les droits d'accés</li>
<li>cliquer sur Partager</li>
<li>dans le menu qui s'affiche, cliquer sur partager</li>
<li>Dans "qui a accès" cliquer sur modifier ; notez que l'adresse de partage indiquée est celle de votre document</li>
<li>cocher Public</li>
<li>cliquer sur le bouton [OK]</li>
</ul>
<br />
<span style="color: blue;">4-Permettre l'accès au document Google Drive web depuis votre blog</span><br />
Quand vous êtes dans votre Google Drive web accessible directement depuis votre messagerie Gmail (lien "Drive") :<br />
<ul>
<li>copier l'adresse de partage de votre document par un CTRL+C clavier (revoir si nécessaire l'étape 3.</li>
</ul>
Retourner dans Blogger :<br />
<ul>
<li>Faire dans un message ou dans une Page une Association sur un mot ou un groupe de mots</li>
<li>Pour cela :<br />sélectionner le mot ou le groupe de mots, la sélection est en bleu<br />cliquer sur le lien "Associer", une fenêtre s'ouvre<br />copier par un CTRL+V l'adresse web de partage à l'endroit demandé<br />cliquer sur le bouton [OK].</li>
</ul>
<br />
<br />
<ul>
</ul>
<br />
<br />Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-7359209611449669892012-11-24T12:24:00.001+01:002012-12-14T11:23:08.111+01:00Maîtriser le copier/collerOn 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.<br />
Pour en aurez besoin notamment pour :<br />
<ul>
<li>copier votre document dans le corps de votre message</li>
<li>copier des adresses WEB (ou URL) dans votre blog</li>
</ul>
<span style="background-color: #f6b26b;">Comment faire :</span><br />
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.<br />
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)<br />
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).<br />
<br />
<span style="background-color: #f6b26b;">Pour aller plus loin :</span><br />
Il existe aussi 3 fonctions très utiles<br />
<ul>
<li> 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</li>
<li>sélection de toute une page avec CTRL+A (A comme All qui veut dire Tout en Anglais) ; cette fonction ne fonctionne pas partout</li>
<li>annulation de la dernière modification avec CTRL+Z ; vous pouvez le faire par exemple 3 fois pour annuler les 3 dernières modifications</li>
</ul>
<div>
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com2tag:blogger.com,1999:blog-1802337536095109261.post-21726355764934884382012-11-23T22:09:00.001+01:002013-05-25T10:32:18.150+02:00Les pré-requis<br />
<ul>
<li><div style="margin-bottom: 0cm;">
<span style="font-family: Verdana, sans-serif;">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 <a href="http://www.netpublic.fr/2013/04/4-cours-suite-bureautique-libreoffice-a-telecharger/#more-7227">cliquez sur moi</a></span></div>
</li>
<li><div style="margin-bottom: 0cm;">
<span style="font-family: Verdana, sans-serif;">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). <br />Pour Picasa <a href="http://picasa.google.fr/intl/fr/">c'est ici</a><br />Pour Libre office <a href="http://fr.libreoffice.org/telecharger/">c'est ici</a> </span></div>
</li>
<li><div style="margin-bottom: 0cm;">
<span style="font-family: Verdana, sans-serif;">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 :<br />dossier dont le nom est BLOG avec 2 sous dossiers (messages et pages)</span></div>
</li>
<li><div style="margin-bottom: 0cm;">
<span style="font-family: Verdana, sans-serif;">créer
un modèle de document type Libre office pour faciliter la
composition des messages, ou utiliser celui fourni dans l'onglet <a href="http://le-blog-pour-les-nuls.blogspot.fr/2012/11/utiliser-mon-modele-de-document.html">Conseils</a>.</span></div>
</li>
<li><div style="margin-bottom: 0cm;">
<span style="font-family: Verdana, sans-serif;">ouvrir
un compte Google mèl appelé Gmail (<a href="https://accounts.google.com/SignUp?service=mail&continue=http%3A%2F%2Fmail.google.com%2Fmail%2Fe-11-2025566c665bd4cf698edf90452001-475d37ffbf730ddbc2dd964aed11b9e0a45d7e07%3Fhl%3Dfr&hl=fr">ici</a>) 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.<br />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.<br /><br />Pour accéder à votre compte de courrier Google, <a href="https://accounts.google.com/ServiceLogin?service=mail&passive=true&rm=false&continue=https://mail.google.com/mail/ca/&ss=1&scc=1&ltmpl=default&ltmplcache=2&hl=fr">cliquer ici</a>, puis mettre l'adresse web en favori de votre navigateur.</span><br />
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span>
<span style="font-family: Verdana, sans-serif;"><br /></span></div>
</li>
</ul>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-35606075873461350572012-11-22T10:54:00.000+01:002013-08-27T09:05:34.710+02:00Un blog c'est quoi ?<br />
<div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">Le web est un lieu de partage. Un blog </span><span style="background-color: white;">est un site web particulier qui </span><span style="background-color: white;">permet de partager entre tous ou entre quelques personnes :</span><br />
<ul>
<li>une expérience vécue (exemple un voyage à l'étranger)</li>
<li>un savoir faire (exemple ce blog)</li>
<li>une opinion etc...</li>
</ul>
<br />
<span style="background: #ffffff;">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,</span></div>
<div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">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.</span></div>
<div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">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.</span></div>
<div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">Les
onglets pour un site de voyage peuvent être :</span></div>
<ul>
<li><div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">carnet
de route (qui fait un lien entre chaque lieu visité et le message
publié sur le lieu)</span></div>
</li>
<li><div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">diaporamas
(qui fait un lien entre chaque lieu visité et le diaporama sur le
lieu)</span></div>
</li>
<li><div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">Conseils
(qui donne l'expérience accumulée par l'auteur du blog)</span></div>
</li>
</ul>
<div style="margin-bottom: 0cm;">
<span style="background: #ffffff;">Un
blog a souvent un sujet précis (exemples : les voyages, la cuisine, le
high tech, la photo...).</span></div>
<div style="margin-bottom: 0cm;">
<br /></div>
<div style="margin-bottom: 0cm;">
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0tag:blogger.com,1999:blog-1802337536095109261.post-27709913755321170102012-11-21T10:07:00.000+01:002012-12-12T10:09:19.172+01:00Pourquoi 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.<br />
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.<br />
Il n'est pas très à l'aise avec un ordinateur, j'ai donc dû trouver un système presse bouton pour lui.<br />
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).<br />
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.<br />
<br />
Avant de commencer, vous devrez avoir une bonne pratique :<br />
<ul>
<li>d'un traitement de texte (notamment la gestion des tableaux)</li>
<li>d'un navigateur internet (Internet explorer ou Safari ou Chrome ou Firefox...)</li>
<li>des bases de Windows ou Mac OS (créer/modifier/supprimer/renommer un répertoire, copier/coller, sélectionner des éléments)</li>
</ul>
<div>
Vous ne devez pas avoir peur, car vous réussirez, et quel plaisir d'avoir son blog !<br />
<br />
<br /></div>
Thierryhttp://www.blogger.com/profile/05973193866109663433noreply@blogger.com0