{"id":7056,"date":"2025-09-03T09:00:00","date_gmt":"2025-09-03T07:00:00","guid":{"rendered":"https:\/\/cdscweb.fr\/chat-robaze\/?p=7056"},"modified":"2025-10-06T19:05:30","modified_gmt":"2025-10-06T17:05:30","slug":"publier-un-site-regles-dor","status":"publish","type":"post","link":"https:\/\/cdscweb.fr\/chat-robaze\/publier-un-site-regles-dor\/","title":{"rendered":"Publier un site : r\u00e8gles d&rsquo;or"},"content":{"rendered":"\n<p>Pour conclure cette s\u00e9rie d&rsquo;articles sur le langage HTML, quelques principes de base pour \u00e9viter de perdre les internautes en cours de route&#8230;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Un contenu \u00e0 jour<\/strong><\/h3>\n\n\n\n<p>Il ne sert \u00e0 rien d&rsquo;avoir un tr\u00e8s joli site si les informations qu&rsquo;il contient ne sont pas utiles \u00e0 l&rsquo;internaute ! <\/p>\n\n\n\n<p>Il conviendra donc de <strong>modifier le contenu<\/strong> des pages <strong>chaque fois que n\u00e9cessaire<\/strong>. <br>Concernant les articles, si l&rsquo;un d&rsquo;entre eux est obsol\u00e8te on n&rsquo;h\u00e9sitera pas \u00e0 le supprimer et en \u00e9crire un nouveau <em>(on peut aussi le modifier et changer sa date de publication pour le faire passer en t\u00eate de liste)<\/em> : si on fait le choix d&rsquo;\u00e9crire des articles c&rsquo;est pour donner des <strong>informations r\u00e9guli\u00e8res<\/strong>, dans le cas contraire mieux vaut se contenter de pages.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong><em>Un article est un contenu d\u2019actualit\u00e9, dat\u00e9, et qui prend sa plus grande valeur au moment de sa publication.<br>Une page\u00a0est un contenu statique, g\u00e9n\u00e9ralement non dat\u00e9 et ayant une valeur constante dans le temps.<\/em><\/strong><\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La simplicit\u00e9<\/strong><\/h3>\n\n\n\n<p>L&rsquo;internaute doit trouver facilement ce qu&rsquo;il cherche, sans se perdre dans un fouillis d&rsquo;images plus ou moins anim\u00e9es&#8230; <\/p>\n\n\n\n<p>&#8211; Organiser et hi\u00e9rarchiser les pages en rubriques \/ sous-rubriques : s&rsquo;il est d\u00e9conseill\u00e9 d&rsquo;utiliser les sous-menus dans la navigation principale, un menu peut \u00eatre d\u00e9taill\u00e9 dans une navigation secondaire <em>(colonne lat\u00e9rale)<\/em>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"33\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-principal-800x33.jpg\" alt=\"\" class=\"wp-image-7068\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-principal-800x33.jpg 800w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-principal-300x13.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-principal-768x32.jpg 768w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-principal-150x6.jpg 150w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-principal.jpg 1027w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\"><em>Menu principal sans sous-menus<\/em> : <em>ci-dessous la rubrique <\/em>\u201c<strong>A<em>ctivit\u00e9s<\/em><\/strong><em>\u201d d\u00e9taill\u00e9e<\/em> dans la colonne lat\u00e9rale<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"223\" height=\"437\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-lateral.jpg\" alt=\"\" class=\"wp-image-7069\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-lateral.jpg 223w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-lateral-153x300.jpg 153w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/menu-lateral-77x150.jpg 77w\" sizes=\"auto, (max-width: 223px) 100vw, 223px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>La l\u00e9g\u00e8ret\u00e9<\/strong><\/h3>\n\n\n\n<p>M\u00eame si de nos jours les pages se chargent beaucoup plus rapidement, les grandes images, les vid\u00e9os et les \u00e9l\u00e9ments multim\u00e9dia spectaculaires ralentissent ce chargement, et l&rsquo;internaute veut naviguer de plus en plus vite : au bout de quelques secondes d&rsquo;attente il sera d\u00e9j\u00e0 parti ailleurs !<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>La coh\u00e9rence graphique<\/strong><\/h3>\n\n\n\n<p>R\u00e9fl\u00e9chir surtout en terme de lisibilit\u00e9, de contenu et d&rsquo;ergonomie : inutile d&rsquo;ins\u00e9rer des GIF anim\u00e9s dans tous les coins ou de multiplier les couleurs, pour <strong>\u00e9viter que la forme prenne le dessus sur le fond<\/strong>.<\/p>\n\n\n\n<p>Si on utilise le th\u00e8me <strong><em>Temp\u00e9ra<\/em><\/strong>, un certain nombre de jeux de <strong>4 couleurs<\/strong><em> (c&rsquo;est largement suffisant)<\/em> <strong>assorties<\/strong> sont propos\u00e9s. Pour un choix plus vaste, le site <strong><em><a href=\"https:\/\/www.canva.com\/fr_fr\/decouvrir\/association-de-couleur-tendance-exemple\" data-type=\"link\" data-id=\"https:\/\/www.canva.com\/fr_fr\/decouvrir\/association-de-couleur-tendance-exemple\" target=\"_blank\" rel=\"noreferrer noopener\">Canva<\/a> <\/em><\/strong>propose 20 associations de couleurs.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"561\" height=\"414\" src=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/charte.jpg\" alt=\"\" class=\"wp-image-7078\" srcset=\"https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/charte.jpg 561w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/charte-300x221.jpg 300w, https:\/\/cdscweb.fr\/chat-robaze\/wp-content\/uploads\/charte-150x111.jpg 150w\" sizes=\"auto, (max-width: 561px) 100vw, 561px\" \/><figcaption class=\"wp-element-caption\"><em>\u201cFra\u00eecheur et luminosit\u00e9\u201d<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n<p>M\u00eame chose pour la <strong>police de caract\u00e8res<\/strong> qui sera la m\u00eame partout dans le site <em>(\u00e9ventuellement une deuxi\u00e8me pour les titres mais pas plus)<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/cdscweb.fr\/chat-robaze\/publier-un-site-regles-dor\/\">Lire<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":7078,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[119,14],"tags":[125],"class_list":["post-7056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-internet","category-wordpress","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/7056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/comments?post=7056"}],"version-history":[{"count":22,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/7056\/revisions"}],"predecessor-version":[{"id":7081,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/posts\/7056\/revisions\/7081"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media\/7078"}],"wp:attachment":[{"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/media?parent=7056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/categories?post=7056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cdscweb.fr\/chat-robaze\/wp-json\/wp\/v2\/tags?post=7056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}