{"id":741,"date":"2019-10-07T10:17:28","date_gmt":"2019-10-07T08:17:28","guid":{"rendered":"https:\/\/app.lib.uliege.be\/guide_catalo\/?p=741"},"modified":"2020-07-09T13:07:25","modified_gmt":"2020-07-09T11:07:25","slug":"regles-de-mise-en-page","status":"publish","type":"post","link":"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/","title":{"rendered":"R\u00e8gles de mise en page"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title ez-toc-toggle\" style=\"cursor:pointer\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#I_Structurer_la_page\" >I. Structurer la page<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#1_Les_blocs\" >1. Les blocs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#2_Titrer_correctement\" >2. Titrer correctement<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#21_Comment_titrer\" >2.1. Comment titrer<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#211_Comment_titrer_methode_classique\" >2.1.1 Comment titrer (m\u00e9thode classique)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#212_Comment_titrer_methode_raccourci\" >2.1.2 Comment titrer (m\u00e9thode raccourci)<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#22_Naviguer_entre_les_titres\" >2.2 Naviguer entre les titres<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#221_Numeroter_les_titres\" >2.2.1 Num\u00e9roter les titres<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#222_Numeroter_les_exemples\" >2.2.2 Num\u00e9roter les exemples<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#223_Creer_des_ancres\" >2.2.3 Cr\u00e9er des ancres<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#224_Creer_une_table_des_matieres\" >2.2.4 Cr\u00e9er une table des mati\u00e8res<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/regles-de-mise-en-page\/#3_Pragrapher\" >3. Pragrapher<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n<h1 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"I_Structurer_la_page\"><\/span>I. Structurer la page<span class=\"ez-toc-section-end\"><\/span><\/h1>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_Les_blocs\"><\/span>1. Les blocs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_Titrer_correctement\"><\/span>2. Titrer correctement<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"21_Comment_titrer\"><\/span>2.1. Comment titrer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Lorsque l&rsquo;on structure une nouvelle page, il est n\u00e9cessaire d&rsquo;identifier le squelette et de reproduire les titres qui s&rsquo;organisent selon plusieurs niveaux : du plus grand &lt;H1&gt; au plus petit &lt;H6&gt;. <\/p>\n\n\n\n<p><strong>Le plus grand &lt;H1&gt; ne doit pas s&rsquo;utiliser, il s&rsquo;agit du titre principal (ici, \u00ab\u00a0R\u00e8gles de mise en page\u00a0\u00bb)<\/strong>. Pour des raisons esth\u00e9tiques, nous n&rsquo;utilisons pas &lt;H2&gt; dans les articles simples. Nous commen\u00e7ons par &lt;H3&gt;. <strong>L&rsquo;usage du titre &lt;H2&gt; fait appara\u00eetre une ligne qui divise l&rsquo;article.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/image-1024x137.png\" alt=\"\" class=\"wp-image-774\" width=\"460\" height=\"61\" srcset=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/image-1024x137.png 1024w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/image-300x40.png 300w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/image-768x103.png 768w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/image.png 1161w\" sizes=\"auto, (max-width: 460px) 100vw, 460px\" \/><figcaption><em>Fig 1. <\/em>O\u00f9 l&rsquo;on peut voir une ligne entre le titre &lt;H2&gt; et le titre &lt;H3&gt;<\/figcaption><\/figure><\/div>\n\n\n\n<p> Il faut donc r\u00e9server le &lt;H2&gt; pour un article cons\u00e9quent qui contient plusieurs parties sur des th\u00e8mes diff\u00e9rents.  Par exemple, \u00ab\u00a0R\u00e8gles de mise en page\u00a0\u00bb contient plusieurs parties sur des  sujets diff\u00e9rents : le titrage, la cr\u00e9ation d&rsquo;image, l&rsquo;usage du code,  etc. <\/p>\n\n\n\n<p>Il faut utiliser &lt;H3&gt; pour les titres qui structurent la page, &lt;H4&gt; pour les sous-titres. &lt;H5&gt; pour des sous-sous-titres. Il n&rsquo;est pas conseill\u00e9 d&rsquo;aller au-del\u00e0. L&rsquo;id\u00e9al est d&rsquo;utiliser le 3e niveau pour les exemples. <\/p>\n\n\n\n<p>Par ailleurs, le niveau &lt;H5&gt; est appropri\u00e9 esth\u00e9tiquement aux exemples et champs. <\/p>\n\n\n\n<p>Par exemple, l&rsquo;article <a href=\"https:\/\/services.lib.uliege.be\/guide_catalo\/congres\/?preview_id=316&amp;preview_nonce=470efb048b&amp;preview=true\">Congr\u00e8s<\/a> ne contient aucun &lt;H2&gt;, mais uniquement des &lt;H3&gt;, &lt;H4&gt; et &lt;H5&gt;. Si nous avions voulu diviser l&rsquo;article en deux grandes parties, le titre &lt;H2&gt; aurait pu \u00eatre utile.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"211_Comment_titrer_methode_classique\"><\/span>2.1.1 Comment titrer (m\u00e9thode classique)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/Screenshot_2019-10-07-Modifier-l\u2019article-\u2039-Gestion-des-ressources-catalogage-\u2014-WordPress.png\" alt=\"\" class=\"wp-image-762\" width=\"344\" height=\"409\"\/><figcaption>Premi\u00e8re \u00e9tape : s\u00e9lectionner le bloc titre.<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-1024x250.png\" alt=\"\" class=\"wp-image-751\" width=\"520\" height=\"126\" srcset=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-1024x250.png 1024w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-300x73.png 300w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-768x187.png 768w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2.png 1386w\" sizes=\"auto, (max-width: 520px) 100vw, 520px\" \/><figcaption>Deuxi\u00e8me \u00e9tape : s\u00e9lectionner le niveau souhait\u00e9.<\/figcaption><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"212_Comment_titrer_methode_raccourci\"><\/span>2.1.2 Comment titrer (m\u00e9thode <em>raccourci<\/em>)<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre1-1024x401.png\" alt=\"\" class=\"wp-image-748\" width=\"420\" height=\"164\" srcset=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre1-1024x401.png 1024w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre1-300x118.png 300w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre1-768x301.png 768w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre1.png 1049w\" sizes=\"auto, (max-width: 420px) 100vw, 420px\" \/><figcaption>Premi\u00e8re \u00e9tape : cliquer sur T pour choisir les titres.<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-1024x250.png\" alt=\"\" class=\"wp-image-751\" width=\"449\" height=\"109\" srcset=\"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-1024x250.png 1024w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-300x73.png 300w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2-768x187.png 768w, https:\/\/services.lib.uliege.be\/guide_catalo\/wp-content\/uploads\/2019\/10\/titre2.png 1386w\" sizes=\"auto, (max-width: 449px) 100vw, 449px\" \/><figcaption>Deuxi\u00e8me \u00e9tape : choisir le niveau de titre<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"22_Naviguer_entre_les_titres\"><\/span>2.2 Naviguer entre les titres<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"221_Numeroter_les_titres\"><\/span>2.2.1 Num\u00e9roter les titres<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"222_Numeroter_les_exemples\"><\/span>2.2.2 Num\u00e9roter les exemples<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"223_Creer_des_ancres\"><\/span>2.2.3 Cr\u00e9er des ancres<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"224_Creer_une_table_des_matieres\"><\/span>2.2.4 Cr\u00e9er une table des mati\u00e8res<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_Pragrapher\"><\/span>3. Pragrapher<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I. Structurer la page 1. Les blocs 2. Titrer correctement 2.1. Comment titrer Lorsque l&rsquo;on structure une nouvelle page, il est n\u00e9cessaire d&rsquo;identifier le squelette&hellip;<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-741","post","type-post","status-publish","format-standard","hentry","category-non-classe"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/posts\/741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/comments?post=741"}],"version-history":[{"count":29,"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/posts\/741\/revisions"}],"predecessor-version":[{"id":1086,"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/posts\/741\/revisions\/1086"}],"wp:attachment":[{"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/media?parent=741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/categories?post=741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/services.lib.uliege.be\/guide_catalo\/wp-json\/wp\/v2\/tags?post=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}