abc dotclear - #CSS - 1. Un peu de déco sur ma page de test - CommentairesBlog 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 - 1. Un peu de déco sur ma page de test - François Grangerurn:md5:58034c6184af7ce1382279124918dc3d2010-05-05T23:21:42+02:002010-05-05T22:21:42+02:00François Granger<p>Il y a un dossier www chez OVH. Mais Lillia est chez 1&1.</p>
<p>Bon, d’accord, elle n’est pas facile à suivre avec ses rafales de
commentaires et pas de réponse aux questions… ;-)</p>#CSS - 1. Un peu de déco sur ma page de test - Lilliaurn:md5:3adf3ff2d46cad6ebbe1e61470948aa02010-05-05T21:05:00+02:002010-05-05T20:05:00+02:00Lillia<p>Désolée..en d’autres mots? *~*<br />
si je n’ai pas "www" où j’envoie mes fichiers?</p>#CSS - 1. Un peu de déco sur ma page de test - Lomalarchurn:md5:1344279621f0de94d04179fcf5abd3a82010-05-05T18:11:13+02:002010-05-05T17:11:13+02:00Lomalarch<p>le dossier <code>www</code> n’existe pas chez ovh : la racine de l’espace
web est la racine de l’hébergement…</p>#CSS - 1. Un peu de déco sur ma page de test - Lilliaurn:md5:02decc1d7e8f33c29073d761eb42bba42010-05-05T16:29:16+02:002010-05-05T15:29:16+02:00Lillia<p>Bien, j’ai tout viré et je recommence dès le début..je suis chez 1&1, et
j’ai trouvé un dossier nommé trafic.html, c’est le seul dossier qui s’y trouve
d’ailleurs..serais-ce ce fameux "www" don’t je devrais y transférer mes
fichiers? Merci, (jsais kjuis ch…et c’est po fini ;)</p>#CSS - 1. Un peu de déco sur ma page de test - Lilliaurn:md5:0367c160eaf79cf17cca89eb0c6202802010-05-05T15:00:44+02:002010-05-05T14:00:44+02:00Lillia<p>Heuuu…juste ou cas où..les dossiers qu’on a fait style.css etc..je les aie
mis, (ainsi que le dossier "magique dotclear2_loader) dans le dossier racine de
mon hébergeur et non dans le dossier dotclear..correct??</p>#CSS - 1. Un peu de déco sur ma page de test - Lilliaurn:md5:9a4f4787e2cc842aed032e6e45eee1352010-05-05T14:49:22+02:002010-05-05T13:49:22+02:00Lillia<p>Bonjour, j’ai tout suivi jusque là..vérifié, enlever, remis..pffffff je pige
toujours pas pourquoi je n’ai pas la "belle page" :( merci pour l’aide</p>#CSS - 1. Un peu de déco sur ma page de test - charlottineurn:md5:1459d97a0f14282529d8d5b425cca4e72009-05-22T11:04:33+02:002009-05-22T10:04:33+02:00charlottine<p>Bon, c’est vrai que mon adresse était incomplète, et en plus je n’arrive pas à créer le lien ; j’essaye à nouveau <a href="http://www.charlottine.fr/test.html" hreflang="fr" rel="ugc"></a> et cela a l’air de marcher !ouf !, je peux préparer le repas de mon petit monde dont certains dorment encore ……</p>#CSS - 1. Un peu de déco sur ma page de test - Gilsouburn:md5:deda37bf4ef16c040c45570567926ca52009-05-20T22:19:17+02:002009-05-20T21:19:17+02:00Gilsoub<p>->Kozlika: ben elle la donne l’adresse ;-)<br />
->Charlottine: Bravo, mais ce n’est qu’un début ;-) bon we</p>#CSS - 1. Un peu de déco sur ma page de test - François Grangerurn:md5:7dfeaf2176524aea86ef5d7962356e932009-05-20T22:04:24+02:002009-05-20T21:04:24+02:00François Granger<p>Ton fiston a intérêt à être fière de sa mère, na ! ;-)</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:54f216b614bc63bf3552da4c1a21bf742009-05-20T20:28:00+02:002009-05-20T19:28:00+02:00Kozlika<p>Méheu ! tu aurais pu nous donner l’adresse qu’on aille voir ! bouhouhou !</p>#CSS - 1. Un peu de déco sur ma page de test - charlottineurn:md5:d2cfa369b6073423468e3d84d78b28992009-05-20T18:24:53+02:002009-05-20T17:24:53+02:00charlottine<p>J’ai fini la nouvelle présentation de ma page de test…www.charlottine.fr/test.html , et maintenant je vais accueillir mes enfants pour le week-end prolongé: YoupiII !!!!!</p>#CSS - 1. Un peu de déco sur ma page de test - François Grangerurn:md5:8508e3488800c1e10702abf2df2e69202009-04-24T23:03:40+02:002009-04-25T10:13:09+02:00François Granger<p>mirovinben, comme ça a été copié sur le Mac, y’a pas de problème pour transposer …. Sauf que la touche "Pomme" s’appelle la touche Commande.</p>#CSS - 1. Un peu de déco sur ma page de test - mirovinbenurn:md5:9da36e8d07860cc57d40d9c69fbdee9c2009-04-23T20:07:54+02:002009-04-23T19:07:54+02:00mirovinben<p>Moyen mnémotechnique pour le Ctrl + qqchose (je ne sais pas pour Pomme + qqchose) :</p>
<p>Plutôt simple<br />
Ctrl + A = All, tout sélectionner<br />
Ctrl + C = Copy, copier</p>
<p>Demande un peu d’imagination :<br />
Ctrl + V = pour moi un pinceau de pot de colle ou un coin d’insertion = coller<br />
Ctrl + X = Cut, pour moi, représente une paire de ciseaux = couper</p>
<p>Et pour le fun…<br />
Z = zut, j’m’a trompé = je reviens en arrière, juste avant la dernière modif<br />
Y = Yeeees, non, j’m’étions point gouré = je remets en place ma précédente modif</p>
<p><em>Si ça peut aider…</em></p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:fc588577c199fe446e706f6296f4debc2009-04-23T12:04:45+02:002009-04-23T11:04:45+02:00meerkat<p><em>je clique sur "voir source", je mets le curseur dedans, je fais Ctrl+a, ensuite Ctrl+c et dans notepad je fais Ctrl+v</em></p>
<p>> Zaboutek, wééé, ton astuce marche pour moi aussi, juste je fais "pomme" au lieu de "Ctrl" ! Tu me soulages, ça m’énervait vraiment de ne pas arriver à copier correctement !</p>#CSS - 1. Un peu de déco sur ma page de test - zaboutekurn:md5:42c57fb78736f99dcc254a60ba384f5a2009-04-22T19:28:27+02:002009-04-22T18:28:27+02:00zaboutek<p>comme je n’arrive pas à me servir du presse-papier,<br />
je clique sur "voir source", je mets le curseur dedans, je fais Ctrl+a, ensuite Ctrl+c et dans notepad je fais Ctrl+v.Meerkat, ça doit aussi marcher dans ton éditeur de texte?</p>#CSS - 1. Un peu de déco sur ma page de test - SeBerurn:md5:6fdaf2608f6271ac6c5d976693951fd02009-04-22T15:57:24+02:002009-04-22T14:57:24+02:00SeBer<p>Pour Kozlika : j’ai bien fait de prendre ma bouée ;)</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:3aac8032390d0ea825f5d1d381c43c1d2009-04-22T13:57:29+02:002009-04-22T12:57:29+02:00Kozlika<p>YOULOULOU LOULOULOU !</p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:3ef4b1199e19c90c190347f1f09379532009-04-22T13:53:19+02:002009-04-22T12:53:19+02:00meerkat<p>Yeah ! We can do it ! Merci.<br />
1/ le problème vient sans doute du fait que j’ai copié le code en sélectionnant avec la souris (mais pour l’instant je n’arrive pas à faire autrement) (mais je me souviendrai qu’il ne faut pas les numéros)<br />
2/ j’avais oublié que ce fichier (où j’avais bien mis la ligne magique) devait lui aussi être transféré chez l’hébergeur…<br />
OK pour la page test.html en site Web</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:333c87ddc9f7765285fb78c541c037c52009-04-22T13:15:39+02:002009-04-22T12:15:39+02:00Kozlika<p>meerkat, j’ai retrouvé <a href="http://www.ledesor.net/test.html" rel="ugc">ta page de test</a> en fouillant les commentaires.</p>
<p>1/ tu as copié les css avec les numéros de ligne, il faut les supprimer.</p>
<p>2/ Tu as oublié d’ajouter la ligne magique dans le fichier test.html (juste avant la partie "Admirez votre page" du présent tutoriel).</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:629923c14518a823ca461ff5173275132009-04-22T13:09:35+02:002009-04-22T12:09:35+02:00Kozlika<p>meerkat, on arriverait mieux à t’aider si tu nous donnais l’adresse de ta page test.html (peut-être à placer en "Site web" du formulaire de commentaire, ce que je recommande à tous nos lecteurs qui suivent les tutos d’ailleurs).</p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:bc509a4a76f2d9a1aaed27524bfc08602009-04-22T13:04:17+02:002009-04-22T12:04:17+02:00meerkat<p>Eh bien, ça fait 10 fois que je recommence le fichier style.css et toute la manip (là je pense avoir compris comment utiliser cyberduck et l’enchaînement des actions à faire), mais je n’aboutis à rien, la page ne s’affiche pas correctement.<br />
Je referai ce soir, là, un café s’impose.</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:a714c16ac1aa54bc43c2dfb949230fb82009-04-22T07:15:21+02:002009-04-22T06:15:21+02:00Kozlika<p>Seber : <q>je préfère faire les modifications à la maison et ensuite remplacer le fichier en ligne.</q> et tu as bien raison. Pour l’instant on barbote en bougeant les bras et les jambes n’importe comment pour ne plus avoir peur de l’eau et voir qu’on sait flotter. On apprendra les règles de l’art de la nage après ;-)</p>#CSS - 1. Un peu de déco sur ma page de test - SeBerurn:md5:1c465ce8e2692b3360c4b0282f6051302009-04-22T06:49:49+02:002009-04-22T05:49:49+02:00SeBer<p>Bonjour à vous !<br />
Alors <a href="http://sebraux.olympe-network.com/test.html" hreflang="fr" rel="ugc">ma première page test est là</a>, j’ai mis <a href="http://sebraux.olympe-network.com/test2.html" hreflang="fr" rel="ugc">les mains dans le moteur ici</a> et <a href="http://sebraux.olympe-network.com/test3.html" hreflang="fr" rel="ugc">voilà la première feuille de style</a>.<br />
Merci encore pour tous vos conseils éclairés.<br />
PS : Filezilla fonctionne très bien, merci, même si comme mirovinben je préfère faire les modifications à la maison et ensuite remplacer le fichier en ligne.</p>#CSS - 1. Un peu de déco sur ma page de test - mirovinbenurn:md5:78961c078cdfd2af1ae3ebb508144a6c2009-04-22T04:52:52+02:002009-04-22T03:52:52+02:00mirovinben<p>Personnellement, je préfère changer de vêtement dans ma chambre en toute discrétion plutôt que dans la vitrine, face au reste du monde avec le risque d’avoir oublié quelque chose ou l’avoir mis à l’envers et n’apparaître au yeux du public ébahi qu’une fois complètement (re)vêtu.</p>
<p>Donc, je bosse toujours en local et ne publie / mets en ligne / renvoie sur mon espace d’hébergement (grâce à Mr FTP), qu’une fois terminé le boulot.</p>
<p>Sans doute mon côté "ceinture + bretelles"…</p>#CSS - 1. Un peu de déco sur ma page de test - zaboutekurn:md5:518d150ecc4ddbbe295aeadf8171bdba2009-04-21T21:46:43+02:002009-04-21T20:46:43+02:00zaboutek<p>C’est comme quand on règle FilleZilla pour qu’il édite, c’est pas sûr qu’il le fasse:-}}<br />
Bref ma page est <a href="http://banalitescunegonde.free.fr/test.html" hreflang="fr" rel="ugc">là</a>.</p>#CSS - 1. Un peu de déco sur ma page de test - lolaurn:md5:6e232964cd639a315e8ac48efd8b25d02009-04-21T21:28:03+02:002009-04-21T20:28:03+02:00lola<p>Un navigateur qui anticipe et corrige les comportements dyslexiques… mais pourquoi ne m’as-tu pas présenté ce jeune homme plus tôt?!</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:42b8e39d9a4473c6c3e9503948185c2c2009-04-21T21:03:48+02:002009-04-21T20:03:48+02:00Kozlika<p>Lola, si tu indiques le chemin à quelqu’un en montrant ta gauche et en disant "à droite", la plupart des gens iront à gauche. Mais c’est pas sûr.</p>
<p>Si tu places des déclarations en bonne et due forme après le </head>, la plupart des navigateurs iront chercher quand même la feuille de style. Mais c’est pas sûr.</p>#CSS - 1. Un peu de déco sur ma page de test - lolaurn:md5:faec73372d1b97262282bf5727a933eb2009-04-21T20:46:49+02:002009-04-21T19:46:49+02:00lola<p>Kozlika: ben zut, moi je l’ai mise au dessous et ça marche pourtant je ne suis donc pas dans le "head"…<br />
Mais ok, je change et je mets au dessus.<br />
…<br />
Pas de changement visible sur la page. Bizarre, bizarre… je sens que je n’ai pas fini de me poser des questions!</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:f42f4af2e8165a0ff5daff24d97372152009-04-21T20:30:26+02:002009-04-21T19:30:26+02:00Kozlika<p>Lola AU-DESSUS de la ligne <code></head></code>, pas en dessous ;-)</p>
<p>Zaboutek : la réponse à Ta question 2 est dans ta question 1 ! Ton FilleZilla est paramétré pour <strong>transférer</strong> au double-clic (et non <strong>éditer</strong>). Revois tranquillement la fiche. Donc pour ta question 2, pour l’instant quand tu double-cliques ça transfère le fichier sur ton disque dur ; quand tu auras effectué les bons réglages et que le double-clic ne déclenchera plus le transfert mais l’édition, lorsque tu voudras transférer un fichier il faudra le saisir avec la souris et le faire glisser d’une partie de la fenêtre de FilleZilla vers l’autre.</p>#CSS - 1. Un peu de déco sur ma page de test - Agaaglaurn:md5:036f77eb26077d091470c6437b5213cf2009-04-21T20:27:19+02:002009-04-21T19:27:19+02:00Agaagla<p>@ zaboutek :</p>
<p>on dirait que le réglage de filezilla n’est pas pris en compte mais tant pis, tentons l’autre méthode : <q>Sinon tu peux de toutes façons le transférer de chez ton hébergeur à ton disque dur puis le modifier et le renvoyer en ligne en remplacement.</q></p>
<p>lorsque tu double-clique sur le fichier de droite, il passe à gauche, ça veut dire que tu en récupères une copie sur ton ordinateur.</p>
<p>tu ouvres ce fichier (qui est donc chez toi) avec l’éditeur de texte (notepad). Tu y fais les modifs, tu enregistres.</p>
<p>Ensuite, tu rouvres filezilla, et repère ton fichier modifié dans la partie gauche. Renvoies-le vers la droite, c’est-à-dire sur le site. (il va sans doute te dire qu’il y en a déjà un et te proposer de le remplacer).</p>
<p>ça marche ou c’est autre chose (de plus précis ?) qui coince ?</p>#CSS - 1. Un peu de déco sur ma page de test - zaboutekurn:md5:62514fadd242d0de3ae189d378cf94c82009-04-21T20:05:03+02:002009-04-21T19:05:03+02:00zaboutek<p>>si tu as fait les réglages indiqués dans la fiche rédigée par François sur FileZilla, un double-clic , j’ai les mêmes réglages mais quand je double-clique et qu’il est à droite, il passe à gauche c’est tout.<br />
>Sinon tu peux de toutes façons le transférer de chez ton hébergeur à ton disque dur puis le modifier et le renvoyer en ligne en remplacement.Bin oui mais comment<acronym></acronym></p>#CSS - 1. Un peu de déco sur ma page de test - lolaurn:md5:6d0fae3f815c17b228411f2b30139bd32009-04-21T19:59:03+02:002009-04-21T18:59:03+02:00lola<p>Je me risque une petite réponse à Zaboutek étant donné que j’utilise également notepad et FileZilla et que je me suis sortie de l’exercice.<br />
En fait, tu dois ouvrir FileZilla. Tu vas dans "fichier", "gestionnaire de site", "connexion". Ta page est partagée en 4 carrés. Si tu as suivi les étapes précédentes de création de page test, tu dois avoir, dans le carré en bas à droite le fichier test.html<br />
Si tu double-cliques dessus, ta page de test s’ouvre dans une fenêtre Notepad et tu retrouves les lignes de hiéroglyphes que nous avons copié la semaine dernière (tu sais, le truc avec la méthode feignasse ou non). C’est dans cette fenêtre que tu ajoutes une ligne, sous le ligne n°8 <head/>.<br />
Ensuite, tu fermes tout et tu ouvre Firefox et tu tapes ton www.bidulechose.org/test.html.<br />
Et normalement, on est envahie par une vague de fierté.<br />
ça marche??</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:aa121394307ea333f1ecb69babeddf022009-04-21T19:52:31+02:002009-04-21T18:52:31+02:00Kozlika<p>zaboutek : si tu as fait les réglages indiqués dans la fiche rédigée par François sur FileZilla, un double-clic devrait ouvrir directement le fichier dans NotePad++ Sinon tu peux de toutes façons le transférer de chez ton hébergeur à ton disque dur puis le modifier et le renvoyer en ligne en remplacement.</p>
<p>Lola : la partie droite en bas, c’est le fichier chez l’hébergeur ; la partie gauche en bas c’est le fichier sur ton disque dur, en effet. Il va falloir qu’on revienne de façon plus théorique sur ces aspects (je veux dire : harmoniser - on dit synchroniser) ce qui est chez soi et ce qui est chez l’hébergeur. En effet, une fois que le transfert est fait dans un sens ou dans l’autre on a affaire à deux fichiers sans plus aucun lien entre eux. Modifier l’un n’a aucune incidence sur l’autre.</p>
<p>Combien de fois me suis-je acharnée à modifier le fichier sur mon ordinateur sans comprendre pourquoi la modif n’apparaissait pas sur mon site !</p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:db328254dfeccc775ffecc4679ba96b72009-04-21T19:51:01+02:002009-04-21T18:51:01+02:00meerkat<p>Bravo lola ! Oups, moi qui ai flemmardé tout l’après-midi et n’ai pas fini mon devoir !</p>#CSS - 1. Un peu de déco sur ma page de test - lolaurn:md5:3f5f720d45db7cbef47dcd4671773aac2009-04-21T19:41:22+02:002009-04-21T18:41:22+02:00lola<p>Génial, j’ai réussi et presque du premier coup! En tout cas, les premiers commentaires de tâtonnements m’ont bien aidé à comprendre et théoriquement, ma page de test est <a href="http://www.elle-d.org/test.html" hreflang="fr" rel="ugc">là</a>.<br />
Avant que de me lancer dans les cascades de cascades, je me risque à une petite question en espérant qu’elle ne vous (nous) amène pas trop loin :<br />
Pourquoi a-t-on modifié le fichier test (intégration d’une ligne sous la ligne </head>)dans la partie en bas à droite dans FileZilla - qui je crois correspond à la partie non visible chez l’hébergeur - et non pas le fichier test.html dans la partie basse à gauche - qui je crois correspond au fichier qui est sur le bureau de mon ordinateur-?<br />
Parce que si je comprends le commentaire 13, la métaphore s’arrête parce que les modifications du fichier chez l’hébergeur ne sont pas prises en compte dans le fichier sur le bureau…<br />
Aussi incroyable que ça puisse paraitre, ça me turlupine un peu!!</p>#CSS - 1. Un peu de déco sur ma page de test - zaboutekurn:md5:b99328e233e32d2aec99864b41a21d0b2009-04-21T19:27:28+02:002009-04-21T18:27:28+02:00zaboutek<p>Rien que ça:"Ouvrez le fichier test.html qui est chez votre hébergeur avec votre éditeur de texte.", je n’arrive pas à le faire.<br />
Si je suis dans notepad, je vois pas comment on fait et si je suis sur filezilla non plus.<br />
Je crois donc qu’il existe d’autres procédés.</p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:cef0ac1d3450ef54743d0e40286b7e7f2009-04-21T10:25:06+02:002009-04-21T09:25:06+02:00meerkat<p>Je confirme, vous éclairez ma lanterne à vous trois. J’aime beaucoup le FTP grouillot et lla révolution de la "révélation". Ah mais oui, bien sûr, il y a <em>deux</em> fichiers à modifier !<br />
Mais zut, je croyais avoir déjà créé le fichier.css.<br />
je reprends tout en fin d’après-midi.<br />
(samantdi, c’est une partie ténébreuse pour moi aussi, j’ai compris le ftp grâce à vos métaphores, pas encore bien la manip des fichiers)</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:31c7120a43c190bc210a754fcd4d3a202009-04-21T10:17:32+02:002009-04-21T09:17:32+02:00Kozlika<p>Ah mais non, tu as fort bien fait, mirovinben ! Comme le dit Samantdi, la métaphore permet une première approche pour s’en faire une idée puis on complète avec les différences entre l’analogie et la réalité. A nous trois on a fait du bon boulot ;-)</p>#CSS - 1. Un peu de déco sur ma page de test - mirovinbenurn:md5:7deb76c477c6d2485433b2be7ea480a22009-04-21T10:07:35+02:002009-04-21T09:07:35+02:00mirovinben<p>OK, Je vous pris de bien vouloir m’excuser pour ma démarche un tantinet intempestive…</p>#CSS - 1. Un peu de déco sur ma page de test - samantdiurn:md5:8a492cc4c33821d93561a32ea77965492009-04-21T09:21:04+02:002009-04-21T08:21:04+02:00samantdi<p><strong>Kozlika</strong>, en effet "comparaison n’est pas raison" :-)</p>
<p>Disons que la métaphore est un outil ponctuel qui peut aider à visualiser la manipulation des fichiers, et une fois qu’on a compris le principe, tu fais bien de préciser que les choses sont un peu plus complexes.<br />
Quand les autres apprentis viendront raconter comment ils se dépatouillent avec leur première page de test, on verra où ils en sont de leur compréhension du système.</p>
<p>(<em>Moi, je me souviens que j’avais mis beaucoup de temps à comprendre !</em>)</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:e3292eededa28d9133fb3a0b06ec95f62009-04-21T07:40:45+02:002009-04-21T06:40:45+02:00Kozlika<p>Moi qui suis une fan des métaphores, je reste prudente quand il s’agit d’expliquer local/distant (ou mon ordi/mon hébergeur - mes affaires/leurs affaires) car en vérité, je vous le dis, on ne <em>déplace</em> pas tout à fait un fichier d’un endroit à un autre.</p>
<p>/!\ Attention, révélation. Lorsqu’on fait glisser un fichier de son ordinateur vers celui de l’hébergeur ou inversement, l’opération qui est réalisée n’est pas un transfert mais une copie.</p>
<p>C’est pourquoi, par exemple, lorsque vous envoyez le fichier <code>test.html</code> chez votre hébergeur il ne disparaît pas de votre dossier <code>mon_blog</code>, il est recréé là-bas. La conséquence directe, c’est que lorsque vous aurez apporté des modifications à celui qui est sur votre hébergement, celui qui est sur votre ordinateur ne sera pas modifié.</p>#CSS - 1. Un peu de déco sur ma page de test - mirovinbenurn:md5:4a018bd9ac726700f84ccbda76c3118c2009-04-21T07:05:55+02:002009-04-21T06:05:55+02:00mirovinben<p>Autre analogie, <em>en plus de l’ascenseur du duplex</em> :</p>
<p>1- ta table chez toi avec des feuilles de texte, des photos, des fiches de consignes,<br />
2- une vitrine qui t’est réservée par la mairie sur un mur bordant une rue très passante.</p>
<p>le -1- correspond à ton ordi, le -2- à ton domaine (vitrine) chez ton hébergeur (la mairie).</p>
<p>Et le "FTP" est le grouillot qui, très serviable pour peu qu’on lui donne l’adresse, sait ouvrir ta vitrine, remplacer un objet par un autre, en enlever ou en rajouter. Il sait même te rapporter un document que tu souhaites corriger.</p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:9accfc19984b723e6f197a750865f8e12009-04-20T20:32:46+02:002009-04-20T19:32:46+02:00meerkat<p>Merci Kozlika :-) je repotasse la fiche FTP qui donne plein d’infos qui m’étaient passées par dessus la tête.<br />
Samantdi, tout à fait adaptée à mes besoins, ton image de l’ascenseur (qui me rappelle les indispensables quarts de tarte aux pommes des cours de maths) !<br />
Bonne soirée à vous tous.</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:f037777f7cc1d2a2cba5c0b4ddea46182009-04-20T19:50:48+02:002009-04-20T18:50:48+02:00Kozlika<p>meerkat, bravo, ta page est en ligne. Les espacements (si j’ai bien compris que tu parles de ceux entre les paragraphes) sont ceux que le navigateur ajoute par défaut, tant qu’une <strong>feuille de style</strong> ne lui donne pas d’indications différentes.</p>
<p>Il te reste à ajouter la ligne à placer dans le <em>head</em>, créer le fichier style.css et l’envoyer à côté du fichier <code>test.html</code> chez ton hébergeur.</p>
<p>« Copier dans le presse-papier » n’est qu’une façon plus complète de ce qu’on appelle habituellement « Copier » tout court. Ne t’en inquiète pas.</p>#CSS - 1. Un peu de déco sur ma page de test - samantdiurn:md5:261e101ac850c6c4fa27c7430e4aa7ad2009-04-20T19:40:33+02:002009-04-20T18:40:33+02:00samantdi<p><strong>meerkat</strong>, selon moi, il faut se représenter un genre de duplex avec ascenseur.<br />
Au rez-de-chaussée, c’est les dossiers de ton ordi "tes affaires", personne ne les voit.<br />
Le ftp "cyberduck" c’est l’ascenseur qui te fait aller de l’un à l’autre.<br />
Au 1er étage, c’est l’hébergeur, enfin l’espace que tu loues chez lui "leurs affaires" (qui sont les tiennes, en fait, ton espace loué chez l’hébergeur)</p>
<p>Quand tu te connectes via cyberduck c’est monter dans l’ascenseur seulement et arriver au 1er pour <q>transfére</q>r le carton que tu veux y mettre et qui vient de ton rez-de-chaussée. Tu transfères en copiant/collant.</p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:c958e9de9fd3b3847394baef2c98d1e02009-04-20T19:34:15+02:002009-04-20T18:34:15+02:00meerkat<p>> Kozlika et Samantdi, j’ai des lueurs de compréhension avec la capture d’écran et la partition bien imagée "mes affaires"/"leurs affaires" ;)<br />
Je ne savais pas que j’étais déjà chez l’hébergeur quand je suis sur le ftp (c’est ce que j’ai compris là pour l’instant)… j’ai fait un essai mais qui n’a marché que sur l’ajout de texte et encore avec des drôles d’espace, <a href="http://www.ledesor.net/test.html" rel="ugc">là</a><br />
Il faut dire que j’ai fait aussi dans la foulée quelques téléchargements et téléversements, qui peut-être gênent. Je vais recommencer plus tard.</p>
<p>Mais sinon, j’ai toujours des problèmes avec le "copier vers le presse-papier" ?</p>
<p>> Agaagla, oui, cyberduck est bien configuré, c’est juste que pour l’instant j’ai encore du mal à me représenter comment "marche" un ftp, mais je ne sais pas expliquer ce que j’ai besoin de savoir pour me faire une idée de la chose ! Je vais chercher.</p>#CSS - 1. Un peu de déco sur ma page de test - Agaaglaurn:md5:0cf9d61a054b07b674bfb3c239a5465c2009-04-20T18:59:37+02:002009-04-20T17:59:37+02:00Agaagla<p>as-tu bien configuré la connexion ? c’est-à-dire indiqué à cyberduck à quel serveur il doit se connecter et les identifiants donnés par l’hébergeur ? (vérifie avec la <a href="https://abc.dotaddict.org/fiche/Installer-et-parametrer-le-logiciel-ftp-CyberDuck" rel="ugc">fiche</a> de François, c’est le troisième paragraphe)</p>#CSS - 1. Un peu de déco sur ma page de test - Kozlikaurn:md5:b2e7cdcd4698fdd1c1735a2d13ed36af2009-04-20T18:53:48+02:002009-04-20T17:53:48+02:00Kozlika<p>meerkat, sur <a href="https://abc.dotaddict.org/fiche/Installer-et-parametrer-le-logiciel-ftp-CyberDuck" rel="ugc">la fiche de CyberDuck</a>, regarde la toute dernière capture d’écran.</p>
<p>On pourrait par analogie dire que le « Mes affaires » dont parle Samantdi, c’est l’équivalent de la fenêtre en bas et « Leurs affaires » c’est la fenêtre juste au-dessus.</p>
<p>Tiens-nous au courant de tes avancées !</p>#CSS - 1. Un peu de déco sur ma page de test - meerkaturn:md5:ee9adedbf51dff69e5f1be59806fb6802009-04-20T18:41:50+02:002009-04-20T17:41:50+02:00meerkat<p>Samantdi, merci de ton soutien ! Mais je n’ai pas de fenêtre qui s’ouvre avec d’un côté "mes affaires" et de l’autre "l’hébergeur". En fait quand je clique sur connexion, rien ne se passe. Si je clique sur la commande "transférer" de cyberduck, je vois juste mon disque à moi.<br />
Sinon, pour la deuxième manip, effectivement j’ai la commande "éditer" et me revient que je m’en suis servie.<br />
Je vais voir l’aide de cyberduck.</p>#CSS - 1. Un peu de déco sur ma page de test - samantdiurn:md5:a1e3ab1dbe0f39183eafec215c5d1e352009-04-20T18:28:28+02:002009-04-20T17:28:28+02:00samantdi<p>Coucou <strong>meerkat</strong>, je vais essayer de t’aider bien que n’émettant que de faibles lumières sur le sujet :<br />
<q>Votre feuille de style est prête. Transférez-la à côté de votre fichier test.html chez votre hébergeur</q><br />
<q>Euh ? Je l’ai mise dans le dossier www du ftp (cyberduck) et j’ai établi la connexion. C’est ça ?</q></p>
<p>Tu établis la connexion et tu transfères c-à-d que tu fais glisser de l’un à l’autre (de la fenêtre qui représente ton ordi à la fenêtre qui présente tes affaires sur ta base OVH à laquelle tu accèdes grâce au ftp) Moi je suis chez Transmit (=cyberduck) et ça s’appelle "mes affaires" pour mon ordi et "leurs affaires" pour la base OVH.</p>
<p>Le côté qu’ils appellent "leurs affaires", c’est "chez ton hébergeur", tu comprends ? c’est la partie qui sert à publier sur ton blog.</p>
<p><q>Ouvrez le fichier test.html qui est chez votre hébergeur avec votre éditeur de texte</q><q>Comment avec l’éditeur de texte ?</q><br />
Editeur de texte c’est smultron, tu surlignes ton fichier test.html, et tu appuies sur la touche contrôle, ça va te proposer "éditer".</p>
<p>Regarde si ça le fait et reviens me le dire parce que là, j’écris de mémoire j’espère ne pas dire de bêtise…</p>
<p>S’il y a un vrai mono qui passe, il peut corriger mon comm. si ça paraît louche ce que je dis ;-)</p>