abc dotclear - Mot-clé - b.a baBlog d'accompagnement des très grands débutants à l'installation d'un blog propulsé par Dotclear.2022-04-11T19:38:40+02:00DotAddict.orgurn:md5:ce65eecdd368e9db0f9eccd2291883bdDotclear#CSS – 2. Les bases, épisode 2urn:md5:92326fd2c9584f71087374d50dafcfbd2009-11-08T11:00:00+01:002009-11-08T12:27:48+01:00KozlikaPremiers pas avec les CSSb.a baCSSyes we can !<p>Avant de nous lancer dans la confection d’un thème, jouons encore un peu avec notre page de test pour bien comprendre l’articulation HTML / CSS.</p> <p><em>Tout vient à point pour qui sait attendre. J’avais promis une série d’articles pour découvrir les CSS mais entre-temps je me suis trouvé un travail de Pénélope qui m’a pris pas mal de temps. Me revoici. Attention, c’est parti !</em></p>
<h3>On fait le ménage</h3>
<h4>Pour ceux qui ont suivi les tutoriels de l’abc depuis le début :</h4>
<p>Si vous avez suivi toutes les étapes, vous devriez avoir sur votre ordinateur, dans le dossier <code>mon_blog</code> :</p>
<ul>
<li>un fichier nommé <code>test.html</code> que nous avions créé <a href="https://abc.dotaddict.org/post/2009/04/13/6-Ma-premiere-page-web">à la sixième étape</a></li>
<li>un sous-dossier <code>jeux-css/</code> contenant un fichier nommé <code>style.css</code> que nous avions créé lors du <a href="https://abc.dotaddict.org/post/2009/04/20/CSS-1-Un-peu-de-deco-sur-ma-page-de-test">premier article de cette série</a>.</li>
</ul>
<p>Vous avez dû également les transférer sur votre hébergement, le fichier <code>test.html</code> étant accessible sur <code>http://mon-domaine/test.html</code> et la feuille de style sur <code>http://mon-domaine/style.css</code>.</p>
<p>N’hésitez pas à relire, voire à refaire les exercices de ces deux tutoriels, puis on va faire un peu de ménage dans tout ça : supprimez les deux fichiers qui se trouvent sur votre hébergement, remettez-les dans leur état initial des tutoriels sur votre ordinateur, déplacez <code>test.html</code> à l’intérieur du répertoire <code>jeux-css</code>.</p>
<h4>Pour ceux qui arrivent aujourd’hui</h4>
<p>Lisez et suivez les deux tutoriels <a href="https://abc.dotaddict.org/post/2009/04/13/6-Ma-premiere-page-web">Ma première page web</a> et <a href="https://abc.dotaddict.org/post/2009/04/20/CSS-1-Un-peu-de-deco-sur-ma-page-de-test">Un peu de déco sur ma page de test</a> afin de bien comprendre les notions qui y sont abordées puis… supprimez-les de votre hébergement et remettez ceux de votre ordinateur dans leur état initial des tutoriels comme viennent de le faire les copains ci-dessus.</p>
<h4>Pour tout le monde</h4>
<p>A cet instant, vous devriez tous avoir :</p>
<ul>
<li>sur votre hébergement : rien (enfin rien qui concerne cette série d’articles !)</li>
<li>sur votre ordinateur un répertoire <code>jeux-css</code> contenant les fichiers <code>test.html</code> et <code>style.css</code></li>
</ul>
<p>Ouf ! On peut continuer.</p>
<h3>Modification du fichier <code>test.html</code></h3>
<p>À l’aide de votre <a href="https://abc.dotaddict.org/post/2009/03/24/Un-editeur-de-texte-nest-pas-un-traitement-de-texte">éditeur de texte</a>, ouvrez le fichier test.html et complétez-le afin qu’il présente le contenu suivant (ou copiez celui ci-dessous et collez-le à la place du code actuel) :</p>
<pre class="brush: html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Ma page de test</title>
<meta name="description" content="Ceci est mon premier essai de page web." />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr" />
</head>
<body>
<div id="page">
<div id="top">
<h1>Ma page de test</h1>
</div>
<div id="wrapper">
<p>Je suis vraiment trop forte !</p>
<p>J'ai réussi à :</p>
<ul>
<li>Créer un dossier sur mon ordinateur.</li>
<li>Installer des logiciels.</li>
<li>Ouvrir un compte chez un hébergeur.</li>
<li>M'abonner au <a href="http://abc.dotaddict.org/">blog de l'abc dotclear</a>.</li>
<li>Créer la page que vous lisez et la mettre au bon endroit.</li>
</ul>
</div>
<div id="footer">
<p>Cette page a été réalisée dans le cadre de la <a href="http://abc.dotaddict.org/category/Premiers-pas-avec-les-CSS">série d'apprentissage des CSS</a> du blog de l'abc dotclear.</p>
</div>
</div>
</body>
</html></pre>
<h4>Qu’avons-nous fait ?</h4>
<p>Nous avons créé trois « boîtes » pour ranger le contenu de notre page (plus une boîte globale) et avons donné des <em>identifiants</em> à ces boîtes. L’ouverture d’une boîte se fait par l’ajout de la balise html <code><div></code> et sa fermeture par la balise <code></div></code>. L’identifiant (purement arbitraire) se donne dans un attribut <code>id="identifiant_de_la_boite"</code> de la balise ouvrante.</p>
<p>Ici nous avons donc :</p>
<ul>
<li>la boîte <code>"page"</code> qui contient tout le contenu de la page ;</li>
<li>la boîte <code>"top"</code> qui en contient l’entête ;</li>
<li>la boîte <code>"wrapper"</code> pour le contenu du corps de la page ;</li>
<li>la boîte <code>"footer"</code> pour le pied de page.</li>
</ul>
<p>Notez que chaque boîte ouverte doit être fermée<sup>[<a href="https://abc.dotaddict.org/post/2009/11/08/CSS-2-Les-bases-episode-2#pnote-182-1" id="rev-pnote-182-1">1</a>]</sup> et qu’à chaque <code><div></code> devra donc correspondre une <code></div></code>.</p>
<p>Le schéma de l’imbrication des boîtes que nous venons d’installer est celui-ci :</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/css/css2-structure.png"><img src="https://abc.dotaddict.org/public/tutoriels/css/.css2-structure_m.jpg" alt="Structure de la page de test" style="display:block; margin:0 auto;" title="Structure de la page de test" /></a></p>
<p><strong>À noter :</strong> la présentation du code elle-même doit refléter ces imbrications, cela la rend beaucoup plus lisible si on doit y revenir pour y effectuer de nouvelles modifications. C’est pourquoi vous remarquerez que j’ai « <a href="http://fr.wikipedia.org/wiki/Indentation#Informatique">indenté</a> » le code.</p>
<h4>À quoi ça sert ?</h4>
<p>Ça sert à plein de choses concernant le placement et la présentation des éléments. Pour l’exercice d’aujourd’hui, cela va nous permettre de coloriser séparément chaque fond de boîte et de présenter différemment un paragraphe d’une boîte et un paragraphe d’une autre boîte. Suivez le guide :</p>
<h3>Modification du fichier <code>style.css</code></h3>
<p>À l’aide de votre éditeur de texte, ouvrez le fichier <code>style.css</code> placé dans le répertoire jeux-css de votre ordinateur et modifiez-le afin qu’il présente le contenu suivant (ou copiez ce qui est ici et collez-le à la place du contenu actuel) :</p>
<pre class="brush: css">body {
background-color: #fffff0;
font-family: georgia, "times new roman", serif;
}
#page {
background-color: #EDF1F8;
padding: 20px;
}
#top {
background-color: #4D6280;
padding-top: 20px;
padding-bottom: 40px;
}
#wrapper {
background-color: #ffffff;
padding-top: 20px;
padding-bottom: 20px;
}
#footer {
background-color: #90AED5;
padding-top: 6px;
padding-bottom: 6px;
}
h1 {
font-family: helvetica, arial, sans-serif;
font-size: 180%;
text-align: center;
font-weight: normal;
color: #ffffff;
}
#wrapper p {
margin-left: 60px;
text-indent: 30px;
}
#footer p {
font-family: helvetica, arial, sans-serif;
text-align: center;
}
ul {
margin-left: 90px;
}
a {
color: #cd3333;
}</pre>
<h4>Qu’avons-nous fait ?</h4>
<p>Nous avons fixé des règles de présentation pour les différents éléments de la page. Je liste ici les différentes propriétés utilisées dans cette feuille de style et leur signification. Nous y reviendrons en détail dans les prochains articles.</p>
<h5>Pour ce qui concerne les couleurs</h5>
<ul>
<li><code>background-color</code> : couleur de fond</li>
<li><code>color</code> : couleur des caractères</li>
</ul>
<p><em>(Note : Pour choisir votre couleur et connaître son code hexadécimal vous pouvez vous servir de <a href="http://colormixers.com/mixers/cmr/">Colormixers</a> par exemple.)</em></p>
<h5>Pour ce qui concerne les caractères</h5>
<ul>
<li><code>font-family</code> : fonte (ou police) des caractères</li>
<li><code>font-size</code> : taille des caractères</li>
</ul>
<p><em>(Note : Pour choisir vos caractères vous pouvez vous servir de <a href="http://www.typetester.org/">Typetester</a> par exemple.)</em></p>
<h5>Pour ce qui concerne les marges</h5>
<ul>
<li><code>padding</code> : marge <em>intérieure</em>. On peut spécifier padding-top, padding-right, padding-bottom, padding-left pour appliquer une marge intérieure uniquement en haut, à droite, en bas ou à gauche ;</li>
<li><code>margin</code> : marge <em>extérieure</em>. On peut spécifier margin-top, margin-right, margin-bottom, margin-left pour appliquer une marge extérieure uniquement en haut, à droite, en bas ou à gauche ;</li>
</ul>
<p>Mais revenons à nos moutons et voyons à quoi nous a servi la construction de notre page en différentes boîtes. Nous avons pu :</p>
<ul>
<li>Coloriser les fonds de chaque boîte, différencier leurs marges intérieures ou extérieures</li>
<li>Appliquer des règles différentes pour les paragraphes du contenu (grâce à la règle du <code>#wrapper p {}</code>) et du pied de page (<code>#footer p {}</code>), ce que le code de notre premier exercice ne permettait pas.</li>
</ul>
<p><strong>Notez à cette occasion que</strong> <em>les éléments <code>p</code> de la boîte ayant pour identifiant <code>wrapper</code></em> <strong>s’écrit en langage CSS</strong> <code>#wrapper p</code><strong>. C’est une syntaxe à bien intégrer car elle est primordiale dans l’écriture des feuilles de style.</strong></p>
<p>D’ailleurs, à votre avis quelle règle devrions-nous ajouter pour que les liens du pied de page (et seulement eux) soient blancs, hum ?</p>
<h3>On envoie tout ça en ligne</h3>
<p>À l’aide de votre client FTP préféré, envoyez tout le répertoire <code>jeux-css</code> et son contenu au même niveau (ce qui veut dire à côté, vous vous souvenez ?) que le répertoire <code>dotclear</code>.</p>
<p>Avec votre navigateur, rendez-vous sur l’adresse <code>http://example.com/jeux-css/test.html</code> (en remplaçant évidemment <code>example.com</code> par votre véritable nom de domaine).</p>
<p>Vous y êtes ?</p>
<p>Oh ! Quelle déception ! Votre page affiche un contenu tout nu qui ressemble <a href="https://abc.dotaddict.org/jeux-css/snif.html">à ça</a> au lieu de <a href="https://abc.dotaddict.org/jeux-css/test.html">ceci</a> !</p>
<p>Hé hé, c’est que nous avons oublié quelque chose de <em>très important</em> pour que notre page sache où trouver les règles de présentation. Et comme je suis perverse, je vous interpelloge : relisez le premier tutoriel et dites-nous donc ce que nous avons oublié ?</p>
<h3>Résultat final</h3>
<p>À la fin de cette étape, notre page de test aura cette allure-là :</p>
<p><a href="https://abc.dotaddict.org/public/tutoriels/css/css-2-final.png"><img src="https://abc.dotaddict.org/public/tutoriels/css/.css-2-final_m.jpg" alt="Résultat final en fin de l'article #CSS 2" style="display:block; margin:0 auto;" title="Résultat final en fin de l'article #CSS 2" /></a></p>
<p>Pas d’affolement : toutes ces notions nouvelles seront revues au fil des prochaines semaines !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/11/08/CSS-2-Les-bases-episode-2#rev-pnote-182-1" id="pnote-182-1">1</a>] C’est d’ailleurs le cas pour toute balise html (sinon ça fuit !)</p></div>https://abc.dotaddict.org/post/2009/11/08/CSS-2-Les-bases-episode-2#comment-formhttps://abc.dotaddict.org/feed/atom/comments/182Sauvegarder, sauvegardez, sauvegardons (II - Où et comment)urn:md5:a4b2101d97981ed21c9acc9d9eea241e2009-07-24T10:06:00+02:002009-07-24T21:03:39+02:00notafishRègles du jeub.a basauvegarde<p>Maintenant que vous avez appris à <a href="https://abc.dotaddict.org/post/2009/07/08/13-Ma-premiere-sauvegarde">sauvegarder votre blog</a> dans le pas à pas, je reviens sur la théorie générale de la sauvegarde. C’est une chose de savoir sauvegarder son blog, mais finalement, il est bon d’apprendre que sauvegarder ne s’applique pas seulement à son blog, mais à tous ses fichiers.</p> <p>On a appris qu’il fallait sauvegarder et pourquoi <a href="https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi">ici</a>, voyons maintenant où on peut sauvegarder et surtout comment.</p>
<h3>Où sauvegarder</h3>
<p>On en a déjà parlé, une sauvegarde n’est efficace que si elle est faite sur un support physique <strong>différent</strong> de celui qui contient l’original. Par exemple :</p>
<ul>
<li>Pour votre blog, l’original se trouve sur le serveur, il faut donc en faire une sauvegarde sur votre disque dur</li>
<li>Pour les fichiers de votre ordinateur (par exemple, les brouillons des billets que vous avez écrits dans le train – donc hors-ligne), on peut sauvegarder sur une clef usb ou sur un autre support amovible (disque dur externe, cd, dvd…). En effet, sauvegarder sur le même disque dur dans un autre dossier ne sert à rien, puisque si le disque dur craque, c’est mort pour le dossier original comme pour la sauvegarde.</li>
<li>Il existe des "espaces en ligne" qui vous permettent de sauvegarder hors de chez vous. L’offre est énorme, gratuite (par exemple les offres de votre hébergeur) ou payante (voir <a href="http://www.clubic.com/article-73299-5-sauvegarder-simplement-documents-ligne-guide.html" hreflang="fr">ce dossier</a>, malheureusement un peu daté pour quelques exemples). Ça, c’est pour ceux qui ont peur que leur maison brûle et que l’ordinateur comme les DVD de sauvegarde brûlent avec – ne riez pas, ça arrive plus souvent qu’on ne croit. Pour des données sensibles, cela peut être une vraie solution. Mais pour le coup, je préconiserais des offres payantes et sûres.</li>
</ul>
<h3>Comment sauvegarder</h3>
<p>Il y a probablement autant de façons de sauvegarder ses fichiers que d’utilisateurs d’ordinateurs, je vais essayer de traiter les plus communes.</p>
<h4>La copie simple, ou archive</h4>
<p>Comme son nom l’indique, la copie simple consiste à tout simplement copier un fichier (des fichiers, des dossiers…) vers un autre support que celui où sont stockées les données originales.</p>
<p>L’idée étant là d’avoir une image fidèle de ses fichiers à un instant T et de les garder en archives pour y revenir dans trois ans par exemple, la copie simple se fait simplement (merci Lapalisse) en copiant les fichiers d’un support vers l’autre.
Suivant le support que vous avez choisi, la copie simple se fera de deux façons différentes.</p>
<ul>
<li>par glisser-déposer d’un dossier de votre disque dur vers votre disque dur externe ou votre deuxième disque dur<sup>[<a href="https://abc.dotaddict.org/post/2009/07/24/Sauvegarder-sauvegardez-sauvegardons-II-Ou-et-comment#pnote-165-1" id="rev-pnote-165-1">1</a>]</sup> ou de votre ftp vers votre disque dur. Par défaut, sur la plupart des systèmes d’exploitation, lorsque vous glissez des fichiers d’un support physique vers un autre support physique, le système en fera une copie. Certains systèmes d’exploitation vous demanderont si vous souhaitez "déplacer" ou "copier". Comme leurs noms l’indiquent, le déplacement change les dossiers de place et la copie les copie. (Décidément, Lapalisse est mon ami). Vous pouvez effectuer cette copie simple avec votre explorateur de fichiers (ou votre logiciel ftp), sans programme subsidiaire. Lorsque vous copiez d’un support vers un autre, il se peut que votre explorateur vous demande si vous souhaitez "remplacer" un fichier par un autre si deux fichiers ont le même nom. Tout explorateur/logiciel ftp normalement constitué vous permettra de comparer les dates des fichiers portant le même nom et d’écraser (de remplacer) ou pas un fichier existant. A manipuler avec précaution.</li>
<li>en gravant un CD ou un DVD avec les données que vous voulez garder. Il faudra là pour le coup utiliser un logiciel spécialisé. Nero par exemple sous Windows (je crois aussi que Windows dispose d’un utilitaire de gravage intégré), Roxio Toast pour Mac, K3B pour Linux, j’en passe et des meilleurs. Le choix est grand. L’idée est là d’utiliser un CD ou un DVD comme un carton d’archives dans lequel on met ses dossiers que l’on ne touche plus jamais (sauf en cas de contrôle fiscal ;-)). Le gravage (sauf cas spécifiques de CD et DVD réinscriptibles) est définitif. Une fois que vous avez gravé, vous ne pourrez plus modifier les données sur le CD ou DVD.</li>
</ul>
<p>La copie simple est intéressante pour des fichiers que vous souhaitez par exemple supprimer de votre disque dur parce que vous n’en avez plus l’utilité quotidiennement, mais que vous souhaitez garder pour future référence.</p>
<h4>Sauvegardes différentielles et incrémentales (ou sauvegardes dynamiques)</h4>
<p>Cependant, si vous travaillez souvent sur vos dossiers, la copie simple est limitative en ce qu’elle garde une image figée de vos dossiers et fichiers. Il peut être intéressant de faire des sauvegardes plus dynamiques, qui vous permettent soit de rajouter des fichiers, soit de supprimer des fichiers n’existant plus et dont vous n’avez plus besoin.</p>
<ul>
<li>Sur un autre disque dur ou un disque dur externe, vous pouvez utiliser des logiciels (là aussi nombreux) qui à chaque sauvegarde vérifient quels fichiers ont été changés, ajoutés ou supprimés et qui archivent les nouvelles versions à côté des versions originales afin que vous puissiez avoir accès aux fichiers dans toutes leurs versions intermédiaires. L’intérêt étant que plutôt que d’écraser les fichiers en les remplaçant par une nouvelle version, le logiciel en gardera une copie datée à côté de la copie précédente.</li>
<li>Certains programmes de gravure (en tous cas les trois cités précédemment) vous permettent de faire la même chose sur des CD ou DVD, en gravant plusieurs "sessions" sur un même CD ou DVD. Le programme de gravage compare les dossiers de votre ordinateur et ceux sur votre DVD et ne copie que les nouveaux fichiers ou ceux qui ont été modifiés.</li>
</ul>
<p>La différence majeure entre la sauvegarde différentielle et la sauvegarde incrémentale est la sauvegarde prise comme référence lors de la restauration (quand on veut restaurer toutes ses données). Je ne vais pas entrer dans les détails ici, mais vous trouverez de bonnes explications <a href="http://www.commentcamarche.net/contents/surete-fonctionnement/sauvegarde.php3" hreflang="fr">sur cette page</a> et un peu moins claires (je trouve) sur <a href="http://fr.wikipedia.org/wiki/Sauvegarde" hreflang="fr">Wikipédia</a>.</p>
<h3>Quelques trucs à ne pas oublier</h3>
<h4>L’espace</h4>
<p>Non, nous n’allons pas sur la lune, il s’agit là de bien réfléchir à l’espace, la place que prennent vos données. Une sauvegarde prend autant de place que vous avez de données à sauvegarder. Prévoyez donc le support adéquat. Un DVD plutôt qu’un CD, un disque dur externe plutôt qu’une clef usb.</p>
<h4>La régularité</h4>
<p>Il ne sert à rien de sauvegarder, il faut sauvegarder à point. Sauvegarder touts les trente six du mois n’a pas de grand intérêt, sauf pour les archives que l’on ne touche plus. Pensez donc à sauvegarder souvent. Pour un ordinateur familial, une sauvegarde hebdomadaire est une bonne idée, pour une entreprise, ou si vous avez des projets en cours qui bougent quotidiennement, une sauvegarde quotidienne est une bonne idée.</p>
<h3>C’est bien compliqué tout ça.</h3>
<p>Oui, c’est assez compliqué (me rends-je compte en écrivant ces lignes). Vous trouverez pas mal de ressources, tutoriels et autres revues de programmes adéquats en googlant un peu. Chacun doit trouver la stratégie qui lui ressemble et sert ses besoins. La seule chose à retenir cependant, est : IL FAUT SAUVEGARDER (on ne vous le dira jamais assez). Le temps que vous passerez à trouver la meilleure stratégie de sauvegarde sera autant de temps gagné le jour où votre ordinateur vous lâche.</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/07/24/Sauvegarder-sauvegardez-sauvegardons-II-Ou-et-comment#rev-pnote-165-1" id="pnote-165-1">1</a>] Attention cependant, les "partitions", qui sont reconnues par le système comme des supports physique distincts, ne le sont pas vraiment. faire une copie d’une partition vers une autre sur le même disque dur ne vous met pas à l’abri d’une défaillance technique de votre disque dur qui vous priverait des originaux et de la copie.</p></div>https://abc.dotaddict.org/post/2009/07/24/Sauvegarder-sauvegardez-sauvegardons-II-Ou-et-comment#comment-formhttps://abc.dotaddict.org/feed/atom/comments/165Sauvegarder, sauvegardez, sauvegardons (I - Pourquoi)urn:md5:568d8e65a73f8d76e9a413fbefabf0362009-05-22T18:00:00+02:002009-05-22T18:00:00+02:00notafishRègles du jeub.a basauvegarde<p>Sauvegarder, sauvegardez, sauvegardons, il en restera toujours quelque chose…</p>
<p>On l’a dit, on l’a redit, on le redira, on ne le dira jamais assez. Sauvegardez. Toujours, souvent, même quand vous n’y pensez pas, surtout quand vous n’y pensez pas.</p> <h3>Sauvegarder, ça veut dire quoi ?</h3>
<p>Mon dictionnaire en ligne préféré en parle <a href="http://www.cnrtl.fr/lexicographie/sauvegarder" hreflang="fr">en ces termes</a> :
<code>A. − Assurer la protection, la défense de quelqu'un ou de quelque chose. Synon. protéger. Sauvegarder ses intérêts, son avenir. </code>
<code>B. − Conserver, maintenir intact quelque chose. </code></p>
<p>Dans le jargon informatique, sauvegarder veut dire : <code>garder une copie à jour, ainsi que des archives (une photo à un moment donné), de ses fichiers et de ses données, afin de pouvoir les restaurer si jamais l'original disparaissait</code>.</p>
<h3>Pourquoi sauvegarder</h3>
<p>La raison est simple. Personne n’est à l’abri d’un pétage de plombs de son ordinateur, d’une attaque de méchants pirates <sup>[<a href="https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi#pnote-137-1" id="rev-pnote-137-1">1</a>]</sup>, pas même votre hébergeur (sur les ordinateurs duquel vos fichiers sont posés pour que le monde entier y ait accès). Et un pétage de plombs, qui attaquerait le disque dur (l’endroit où vos fichiers sont stockés), aurait pour conséquence la perte pure et simple de vos fichiers. Un fichier, ça peut représenter quelques heures (jours, mois, années) de travail, que vous n’avez pas forcément envie de recommencer. Je suis sûre que même les moins techos d’entre vous ont déjà vu Word ou Excel leur claquer entre les doigts avant d’avoir "enregistré" et ont vu leur travail tout simplement disparaître.</p>
<p>De la même façon que votre ordinateur n’est pas à l’abri d’une panne, il peut arriver que celui de votre hébergeur tombe en panne aussi et que vos données soient perdues. Et là, c’est le désastre.</p>
<p>Il arrive aussi que l’on aime bien bidouiller (après tout, c’est ce que nous tentons de vous apprendre sur l’abc ;-)). On va dans les fichiers, on change ici un bout de code, là une couleur, ailleurs un mot. Et puis on se rend compte que c’était bien mieux avant, ou que l’on a tout cassé, mais impossible de se souvenir de ce qu’on a changé exactement. Avoir une sauvegarde à jour juste avant de bidouiller, ça évite bien des tracas.</p>
<p>Donc, il faut sauvegarder. Par défaut et dans un monde idéal, il faudrait avoir à tout moment ses fichiers, ses données, dans (au moins) deux endroits <strong>physiquement différents</strong> et synchronisés (une copie carbone, exacte, à jour) afin de pouvoir survivre au crash de l’hébergeur ou du disque dur. Pour ce que nous faisons, on va dire qu’une sauvegarde hebdomadaire est déjà un excellent début.</p>
<p>Je reviens vers vous dans quelques jours avec la réponse aux questions clef "Comment sauvegarder" et "Quoi sauvegarder". Mais retenez déjà ça. IL FAUT SAUVEGARDER (on ne vous le dira jamais assez).</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi#rev-pnote-137-1" id="pnote-137-1">1</a>] ça c’est un bout écrit par Kozlika ;-)</p></div>https://abc.dotaddict.org/post/2009/05/22/Sauvegarder-sauvegardez-sauvegardons-I-Pourquoi#comment-formhttps://abc.dotaddict.org/feed/atom/comments/137Dans les tréfonds de mon ordinateururn:md5:0347ebacdb3443c3ef4fb07d7549f1262009-03-31T14:54:00+02:002009-03-31T21:32:16+02:00notafishComment ça marche ?b.a baordinateur<p>Je vais me lancer dans une série de B.A. BA de l’abc, qui vise à vous donner les fondamentaux de l’internet et de l’informatique. Je vais … je vais tenter, en tous cas.</p>
<p>Je commence avec l’ordinateur, la machine, avec l’espoir de rendre la bête un peu moins effrayante.</p> <p>Pour certains, il va falloir faire preuve d’imagination et pour d’autres, il suffira de se plonger dans vos mémoires.</p>
<h3>Imaginons</h3>
<p>Imaginez un monde dans lequel sur votre bureau (le meuble) il n’y a pas d’ordinateur <sup>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#pnote-91-1" id="rev-pnote-91-1">1</a>]</sup>. C’est un bureau que vous avez choisi, dont vous avez hérité, que vous avez bricolé vous-même. Bref, c’est un meuble avec une surface plane, probablement des tiroirs. Dans les tiroirs il y a indifféremment, des dossiers, suspendus ou empilés, dans les dossiers il y a des documents, qui vont être des feuilles volantes, des photos, ou des dossiers d’archives. Il y a des tiroirs que vous ouvrez tous les jours, d’autres que vous n’ouvrez jamais, il y en a même un qui est fermé à clef et dont vous avez perdu la clef. Sur le bureau (la surface « table ») il y a là aussi quelques dossiers, un pot à crayons, votre calculatrice, quelques cahiers. Votre bureau est grand, ou petit, il a des tiroirs profonds ou au contraire qui vraiment ne contiennent pas grand chose.</p>
<h3>Transposons</h3>
<p>Un ordinateur, c’est organisé un peu comme un bureau (le meuble). Il y a un disque dur (c’est le meuble dans son ensemble) dont la taille va décider de ce que vous pouvez mettre dedans. Dans le disque dur (on dit plutôt sur le disque dur, ne me demandez pas pourquoi), il y a des tiroirs, que l’on appelle partitions<sup>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#pnote-91-2" id="rev-pnote-91-2">2</a>]</sup>. Suivant la configuration de votre ordinateur, il va y avoir une ou plusieurs partitions, comme votre bureau (le meuble) a un ou plusieurs tiroirs. Dans ces partitions, qui sont souvent déjà étiquetées, par exemple « mes documents » ou « /home », il y a des dossiers, étiquetés eux aussi « Ma musique » « mon_boulot », « Mes photos » etc.. Dans les dossiers, il peut y avoir d’autres dossiers, qui eux contiennent des documents. Par exemple, dans le dossier « Mes Photos », vous aurez créé le dossier « photos de Noël », qui comme son nom l’indique, contient toutes les photos prises à Noël, et dans le dossier « mon_boulot », vous aurez un autre dossier intitulé « projet X », où vous aurez rangé tous les documents se rapportant au « projet X ». Ces documents peuvent être des documents texte, des tableurs, des photos, et bien d’autres encore.
<a href="http://www.flickr.com/photos/augustinrouchon/3166709586/"><img src="https://abc.dotaddict.org/public/tutoriels/b-a_ba_abc/.matriochkas_rouchon_flickr_s.jpg" alt="matriochkas_rouchon_flickr.jpg" style="float:right; margin: 0 0 1em 1em;" /></a></p>
<p>Le document, que l’on appelle aussi fichier, c’est un peu l’équivalent de la feuille volante, ou de la photo papier. Le dossier, c’est plutôt la chemise à rabats ou la boîte d’archives. Dans un ordinateur, on peut mettre un nombre presque infini de dossiers dans un dossier, un peu comme des poupées russes<sup>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#pnote-91-3" id="rev-pnote-91-3">3</a>]</sup></p>
<p>Enfin, dans votre ordinateur, il y a ce qu’on appelle « le bureau »<sup>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#pnote-91-4" id="rev-pnote-91-4">4</a>]</sup>, qui est en fait l’équivalent virtuel de la surface « table » de votre meuble. Sur ce « bureau », vous pouvez mettre des dossiers ou des fichiers. Et parce qu’un ordinateur c’est magique, vous pouvez aussi y mettre des raccourcis vers des dossiers ou des fichiers, qui sont comme des fils d’ariane qui vous permettent d’accéder aux dossiers ou au documents bien rangés au fond de votre ordinateur (ce serait d’ailleurs formidable si on pouvait faire ça en vrai et avoir sur son bureau - le meuble - un truc qui permettrait de retrouver directement au fond d’un tiroir le fameux document dont on ne sait plus où on l’a rangé.).</p>
<h3>Retenons</h3>
<p>Bref, l’idée à retenir, c’est qu’un ordinateur, dans son acception la plus simple, c’est un « contenant ». Dans ce contenant, on a d’autres « contenants » qui sont les dossiers. Dans ces contenants, on trouve le « contenu » qui sont les documents (ou fichiers).</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#rev-pnote-91-1" id="pnote-91-1">1</a>] J’ai cherché plus d’une demie-heure et je n’ai pas trouvé de photo potable d’un bureau-meuble sans ordinateur. Ça n’existe plus. J’abandonne :P.</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#rev-pnote-91-2" id="pnote-91-2">2</a>] Vous pouvez aller voir sur <a href="http://fr.wikipedia.org/wiki/Partition_de_disque_dur" hreflang="fr">Wikipédia</a> pour un peu plus d’infos sur les partitions</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#rev-pnote-91-3" id="pnote-91-3">3</a>] Crédit photo : Augustin Rouchon, La Plagne - Matryoshka doll, 31 décembre 2008, <a href="http://www.flickr.com/photos/augustinrouchon/3166709586/">Flickr</a>, photo sous licence<a href="http://creativecommons.org/licenses/by/2.0/deed.fr"> Creative Commons - Paternité 2.0</a>.</p>
<p>[<a href="https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#rev-pnote-91-4" id="pnote-91-4">4</a>] Je tiens à dire que la langue française sur ce coup est carrément galère. En anglais on a le « desk » (le bureau-meuble) et le « desktop » (le dessus du bureau) qui marque bien la différence. Sur un ordinateur, ce que l’on appelle le « bureau » en français est appelé « desktop » en anglais.</p></div>https://abc.dotaddict.org/post/2009/03/31/Dans-les-trefonds-de-mon-ordinateur#comment-formhttps://abc.dotaddict.org/feed/atom/comments/91