{"id":345,"date":"2020-11-22T23:12:06","date_gmt":"2020-11-22T22:12:06","guid":{"rendered":"https:\/\/cours.artecom.studio\/nepduweb\/?p=345"},"modified":"2021-01-26T19:43:01","modified_gmt":"2021-01-26T18:43:01","slug":"mettre-en-ligne-son-premier-site","status":"publish","type":"post","link":"https:\/\/cours.artecom.studio\/nepduweb\/2020\/11\/22\/mettre-en-ligne-son-premier-site\/","title":{"rendered":"Mettre en ligne son premier site"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/imag.malavida.com\/mvimg\/main-m\/cyberduck-16412-1.jpg?resize=274%2C243&#038;ssl=1\" alt=\"\" width=\"274\" height=\"243\"\/><figcaption>Non, ce n&rsquo;est pas un exemple de nos connexions\u2026<\/figcaption><\/figure><\/div>\n\n\n\n<p>Vous avez compris comment fonctionne Cyberduck et vous avez maintenant un espace serveur qui vous est d\u00e9di\u00e9 en ligne, sur lequel vous allez pouvoir d\u00e9poser les fichiers de votre site.<\/p>\n\n\n\n<p>Mais attention : cette fois, on est en ligne, sur le <em>vrai<\/em> web, et il faut respecter \u00e0 la lettre toutes les consignes que je vous ai donn\u00e9es pr\u00e9c\u00e9demment. Rappel\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Quelques r\u00e8gles \u00e0 comprendre<\/h3>\n\n\n\n<p>Quelques r\u00e8gles \u00e0 comprendre pour ne pas se retrouver devant une d\u00e9cevante <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Erreur_HTTP_404\" target=\"_blank\" rel=\"noreferrer noopener\">erreur 404<\/a> :<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"233\" height=\"137\" src=\"https:\/\/i0.wp.com\/cours.artecom.studio\/nepduweb\/wp-content\/uploads\/sites\/2\/2020\/11\/accueil.jpg?resize=233%2C137&#038;ssl=1\" alt=\"\" class=\"wp-image-372\"\/><figcaption>Euh\u2026 non, \u00e7a, \u00e7a va pas marcher.<\/figcaption><\/figure><\/div>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>si le fichier de votre page d&rsquo;accueil ne se nomme pas <em>index.html<\/em>, il n&rsquo;est pas reconnu comme page d&rsquo;accueil du site<\/strong>; pour que votre URL (votre adresse web) pointe vers votre dossier racine en ligne, par exemple <code>https:\/\/sitesweb.artecom.studio\/20192020\/monnom<\/code>, et ouvre le fichier de la page d&rsquo;accueil, il faut que ce fichier se nomme index.html <s>(ou index.php, si on utilise ce langage, mais cela ne nous concernera pas)<\/s>;<\/li><li><strong>vos noms de fichiers et de dossiers (ou r\u00e9pertoires) ne doivent pas contenir d&rsquo;espace et de signes diacritiques tels que &amp;, @, \u00ab\u00a0, \u00a7, ;, etc., ni aucun accent.<\/strong> Nommez vos fichiers en utilisant :<ul><li>les lettres de l&rsquo;alphabet non accentu\u00e9es,<\/li><li>des chiffres<\/li><li>ces deux types de tirets: <code><strong>-<\/strong> <\/code>et <strong><code>_<\/code><\/strong> (<em>underscore<\/em>, ou tiret du 8 sur PC, <code>Maj<\/code> + <code>tiret<\/code> sur Mac)<\/li><\/ul><\/li><li><strong>les noms de fichiers et de dossiers en ligne sont <em>sensibles \u00e0 la casse<\/em><\/strong>, c&rsquo;est-\u00e0-dire qu&rsquo;ils diff\u00e9rencient les majuscules des minuscules. Ce qui veut dire que <strong>Contact.html<\/strong>,&nbsp; est diff\u00e9rent de <strong>contact.html<\/strong>. Si votre page <em>Contact<\/em> s&rsquo;appelle <strong>Contact.html<\/strong> et que votre code HTML indique un lien comme ceci,<br><code>&lt;ahref=\"contact.html\"&gt;Contact&lt;\/a&gt;<\/code> ben ce lien ira se perdre dans les limbes du cybermonde, parce que la page <strong>contact.html<\/strong> vers lequel il pointe n&rsquo;existe pas.<\/li><li>Quand vous mettez un dossier en ligne, il s&rsquo;ajoute \u00e0 l&rsquo;URL. Si vous mettez un dossier MyLife en ligne avec son contenu, l&rsquo;adresse de votre site deviendra <strong>https:\/\/websites.artecom.studio\/2019\/votrenom\/MyLife<\/strong>. Pourquoi pas\u2026 si vous le faites expr\u00e8s.<\/li><\/ol>\n\n\n\n<p>Et ben voil\u00e0, vous avez mis votre premier site en ligne, et  en plus il est consultable d&rsquo;un t\u00e9l\u00e9phone portable\u2026 but, <em>wait\u2026<\/em> Sur un navigateur d&rsquo;ordi, c&rsquo;est un peu bof. Vous aimeriez tellement qu&rsquo;il soit aussi \u00e9l\u00e9gant sur grand \u00e9cran ?<em> La suite au prochain \u00e9pisode\u2026<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous avez compris comment fonctionne Cyberduck et vous avez maintenant un espace serveur qui vous est d\u00e9di\u00e9 en ligne, sur lequel vous allez pouvoir d\u00e9poser les fichiers de votre site.&#46;&#46;&#46;<\/p>\n","protected":false},"author":2,"featured_media":371,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[45,11,16,2,4],"tags":[],"class_list":["post-345","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-a-faire","category-a-lire","category-mode-demploi","category-nepduweb","category-pduweb"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/cours.artecom.studio\/nepduweb\/wp-content\/uploads\/sites\/2\/2020\/11\/sitewebenligne.jpg?fit=1306%2C924&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/posts\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":2,"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/posts\/345\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/posts\/345\/revisions\/373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/media\/371"}],"wp:attachment":[{"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/media?parent=345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/categories?post=345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cours.artecom.studio\/nepduweb\/wp-json\/wp\/v2\/tags?post=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}