{"id":49,"date":"2026-05-14T18:39:32","date_gmt":"2026-05-14T22:39:32","guid":{"rendered":"http:\/\/localhost\/testwiki\/2026\/05\/14\/3-8-web\/"},"modified":"2026-06-10T14:10:19","modified_gmt":"2026-06-10T18:10:19","slug":"3-8-web","status":"publish","type":"knowledgebase","link":"https:\/\/aparadis.dectim.ca\/testwiki\/wiki-normes-standards\/normes-par-domaine\/3-8-web\/","title":{"rendered":"3.8. Web"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>3.8.1. Nomenclature<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nommage de fichiers et dossiers&nbsp;: <a href=\"https:\/\/aparadis.dectim.ca\/testwiki\/wiki-normes-standards\/normes-transversales\/2-1-conventions-de-nommage\/\">convention de nommage<\/a><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Convention et Coh\u00e9rence entre designers, int\u00e9grateurs et d\u00e9veloppeurs, et facilite la lecture dans les URLs (\/mon-projet\/contact.html plut\u00f4t que \/MonProjet\/Contact.html).<\/li>\n\n\n\n<li>Les serveurs web sont sensibles \u00e0 la casse\n<ul class=\"wp-block-list\">\n<li>Ce qui fonctionne en local peut casser une fois en ligne<\/li>\n\n\n\n<li>Exemple: Index.html \u2260 index.html sur Linux<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3.8.2. Formats d&rsquo;images<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Standards actuels\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/aparadis.dectim.ca\/testwiki\/wiki-normes-standards\/normes-par-domaine\/3-4-images\/\">Selon le type de contenu<\/a><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Images libres de droits\n<ul class=\"wp-block-list\">\n<li>Document\u00e9e dans le projet avec lien vers la source<\/li>\n\n\n\n<li><a href=\"https:\/\/aparadis.dectim.ca\/testwiki\/wiki-normes-standards\/normes-transversales\/2-2-credits-de-creation-et-ressources-2\/\">Selon les normes de cr\u00e9dits<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3.8.3. GitHub<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9p\u00f4t GitHub obligatoire.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Structure\n<ul class=\"wp-block-list\">\n<li>index.html \u00e0 la racine du d\u00e9p\u00f4t.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Fichier README.md\n<ul class=\"wp-block-list\">\n<li>La documentation doit \u00eatre plac\u00e9e \u00e0 la racine du dossier ou du d\u00e9p\u00f4t<\/li>\n\n\n\n<li>Le contenu du fichier doit respecter les <a href=\"https:\/\/aparadis.dectim.ca\/testwiki\/wiki-normes-standards\/normes-transversales\/2-3-documentation-incluse-readme\/\">exigences de documentation<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3.8.4. Formats de livrables<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>.zip complet du projet ou lien vers le repo GitHub<\/li>\n\n\n\n<li>Formats attendus :\n<ul class=\"wp-block-list\">\n<li>.html, .css, .js, .scss<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Taille d&rsquo;\u00e9cran standard :\n<ul class=\"wp-block-list\">\n<li>Desktop : 1440 px<\/li>\n\n\n\n<li>Mobile : 375 px<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Police : Google Fonts ou libre de droits.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Arborescence recommand\u00e9e des fichiers<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table has-custom-css wp-custom-css-ad6cc621\"><table><tbody><tr><td>projet \/<\/td><td><\/td><td><\/td><\/tr><tr><td><\/td><td>index.html<\/td><td><\/td><\/tr><tr><td><\/td><td>a-propos.html<\/td><td><\/td><\/tr><tr><td><\/td><td>contact.html<\/td><td><\/td><\/tr><tr><td><\/td><td><\/td><td><\/td><\/tr><tr><td><\/td><td>css \/<\/td><td>styles.css<\/td><\/tr><tr><td><\/td><td><\/td><td>normalize.css<\/td><\/tr><tr><td><\/td><td><\/td><td><\/td><\/tr><tr><td><\/td><td>js \/<\/td><td>scripts.js<\/td><\/tr><tr><td><\/td><td><\/td><td><\/td><\/tr><tr><td><\/td><td>img \/<\/td><td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>3.8.5. R\u00e9solutions standards<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le but : optimiser la performance tout en conservant une bonne qualit\u00e9 sur les \u00e9crans Retina.<\/p>\n\n\n\n<figure class=\"wp-block-table has-small-font-size\"><table class=\"has-border-color has-fixed-layout\" style=\"border-color:#b5d4f4;border-width:1px\"><thead><tr><th><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#2a60b8\" class=\"has-inline-color\">Usage<\/mark><\/strong><\/th><th><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#2a60b8\" class=\"has-inline-color\">Taille recommand\u00e9e<\/mark><\/strong><\/th><\/tr><\/thead><tbody><tr><td>Image plein \u00e9cran (hero)<\/td><td>Image plein \u00e9cran (hero)<br>1920px large (max 250\u2013350ko)<\/td><\/tr><tr><td>Image demi-\u00e9cran<\/td><td>1200px large<\/td><\/tr><tr><td>Miniatures<\/td><td>300\u2013400px large<\/td><\/tr><tr><td>Logos<\/td><td>200\u2013400px large (SVG id\u00e9al)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>3.8.1. Nomenclature Nommage de fichiers et dossiers&nbsp;: convention de nommage 3.8.2. Formats d&rsquo;images 3.8.3. GitHub D\u00e9p\u00f4t GitHub obligatoire. 3.8.4. Formats de livrables &nbsp; Arborescence recommand\u00e9e des fichiers projet \/ index.html a-propos.html contact.html css \/ styles.css normalize.css js \/ scripts.js img \/ 3.8.5. R\u00e9solutions standards Le but : optimiser la performance tout en conservant une bonne [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","knowledgebase_cat":[14],"class_list":["post-49","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-normes-par-domaine"],"_links":{"self":[{"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/knowledgebase\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":70,"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/knowledgebase\/49\/revisions"}],"predecessor-version":[{"id":616,"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/knowledgebase\/49\/revisions\/616"}],"wp:attachment":[{"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/aparadis.dectim.ca\/testwiki\/wp-json\/wp\/v2\/knowledgebase_cat?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}