{"id":862,"date":"2020-11-30T09:00:00","date_gmt":"2020-11-30T08:00:00","guid":{"rendered":"https:\/\/www.letest.studiocarmine.fr\/230\/?p=862"},"modified":"2021-08-05T16:46:37","modified_gmt":"2021-08-05T14:46:37","slug":"integration-site-web","status":"publish","type":"post","link":"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/11\/30\/integration-site-web\/","title":{"rendered":"Cr\u00e9er un site web professionnel : L'int\u00e9gration #4"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">L'int\u00e9gration web ne vous dit peut-\u00eatre rien, nous allons d\u00e9busquer tout cela ensemble dans cette 4e partie de la s\u00e9rie consacrer \u00e0 la cr\u00e9ation d'un site web professionnel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comme pr\u00e9c\u00e9demment, si vous n'avez pas lu les premi\u00e8res parties, ce n'est pas grave, vous pouvez le retrouver ici :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/10\/21\/site-web-professionnel-objectifs\/\">D\u00e9finir les objectifs de son site web<\/a><\/li><li><a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/11\/02\/site-web-arborescence\/\">Cr\u00e9e une arborescence<\/a><\/li><li><a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/2020\/11\/16\/creation-maquette-site-web\/\">Conception de la maquette d'un site internet<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">1\ufe0f\u20e3 L'int\u00e9gration web, ou le \"front-end\" ? <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00catre int\u00e9grateur web, c'est \u00eatre <strong>le traducteur d'un design en ligne de code<\/strong>. Les langages d'int\u00e9gration, sont le HTML pour le squelette de la page, le CSS pour le style et \u00e9galement le Javascript pour rendre les pages interactives. De plus, il s'agit de s'assurer que le site web s'affiche correctement sur tous les navigateurs et supports, ainsi que de l'accessibilit\u00e9 du contenu de celui-ci est respect\u00e9e.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Point accessibilit\u00e9 et standard du web<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Un site doit \u00eatre : Compatible, accessible et durable selon le <a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noopener\">W3C<\/a>. Plus pr\u00e9cis\u00e9ment :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00catre compatible sur l'ensemble des navigateurs et supports.<\/li><li>Contenu accessible aux personnes pr\u00e9sentant un handicap<\/li><li>Produire du code lisible et l\u00e9ger <\/li><li>Avoir un r\u00e9f\u00e9rencement naturel de qualit\u00e9<\/li><li>Garantir la durabilit\u00e9 du site dans le temps <\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Respecter <strong>les normes d'accessibilit\u00e9<\/strong> du W3C est tr\u00e8s important pour permettre \u00e0 tous d'acc\u00e9der \u00e0 un site internet sans rencontrer de difficult\u00e9s \u00e0 la navigation et \u00e0 la lecture.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'int\u00e9gration web, c'est donc \u00e9crire du code pour <a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/nos-services-site-web-graphisme\/\">cr\u00e9er votre site web<\/a>, mais \u00e7a ne s'arr\u00eate pas l\u00e0.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2\ufe0f\u20e3 CMS ? Ou non ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Devez-vous d\u00e9velopper votre site des Content Manager System comme  WordPress, Drupal ou d'autres ? Ou se contenter du HTML et du CSS ? R\u00e9pondez \u00e0 ses questions et <strong>vous serez \u00e9clair\u00e9 sur le choix <\/strong>\u00e0 faire lors de la r\u00e9daction du cahier des charges. <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Je compte <strong>modifier r\u00e9guli\u00e8rement<\/strong> mon contenu <ul><li> \u20de OUI<\/li><li>\u20de NON<\/li><\/ul><\/li><li>Mon site \u00e0 d\u00e9j\u00e0 un <strong>gros trafic <\/strong>quotidien<ul><li>\u20de OUI<\/li><li>\u20de NON<\/li><\/ul><\/li><li>Mon <a href=\"http:\/\/arbo\" target=\"_blank\">arborescence<\/a> pr\u00e9voit plus de 5 pages <ul><li>\u20de OUI<\/li><li>\u20de NON<\/li><\/ul><\/li><li>J'ai besoin de<strong> fonctionnalit\u00e9s pr\u00e9cises<\/strong> (blog, e-commerce, forum...)<ul><li>\u20de OUI<\/li><li>\u20de NON<\/li><\/ul><\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous avez un maximum de oui, le CMS est le choix le plus raisonnable \u00e0 faire, en terme <strong>d'utilisation et de co\u00fbt financier<\/strong> dans la dur\u00e9e. Le meilleur conseil reste \u00e0 en discuter avec un <a href=\"https:\/\/www.letest.studiocarmine.fr\/230\/contact\/\">d\u00e9veloppeur web<\/a> pour avoir des conseils adapt\u00e9s \u00e0 votre situation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3\ufe0f\u20e3 Le site est int\u00e9gr\u00e9, et apr\u00e8s ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L'\u00e9tape de <strong>l'int\u00e9gration et du d\u00e9veloppement web<\/strong> est probablement la plus longue. En parall\u00e8le, le r\u00e9dacteur SEO r\u00e9dige le contenu du site web. Cela permet de pouvoir int\u00e9grer ses textes et de mettre le site plus rapidement en ligne, ainsi que d'ajuster le design et le contenu en fonction de la longueur de celui-ci.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"> Une fois votre maquette en format ordinateur int\u00e9gr\u00e9, il s'agit de le rendre lisible sur tous les supports num\u00e9riques, ce que <strong>l'on appelle le \"Responsive design\"<\/strong>. Et v\u00e9rifier qu'il fonctionne bien sur les <strong>navigateurs web<\/strong> ! &nbsp;En prenant en compte, que si le site web est optimis\u00e9 pour la navigation mobile, <strong>74% <\/strong>des utilisateurs sont susceptibles de <strong>revenir sur le site <\/strong>!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.letest.studiocarmine.fr\/230\/wp-content\/uploads\/2020\/11\/Faire-du-webmastering-Copy-19-612x1024.png\" alt=\"\" class=\"wp-image-1130\" width=\"306\" height=\"512\"\/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized hidePin\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.letest.studiocarmine.fr\/230\/wp-content\/uploads\/2020\/11\/Faire-du-webmastering-Copy-17-612x1024.png\" alt=\"\" class=\"wp-image-1152\" width=\"0\" height=\"256\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large is-resized hidePin\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.letest.studiocarmine.fr\/230\/wp-content\/uploads\/2020\/11\/Faire-du-webmastering-Copy-16-612x1024.png\" alt=\"\" class=\"wp-image-1151\" width=\"0\" height=\"256\"\/><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>L'int\u00e9gration web ne vous dit peut-\u00eatre rien, nous allons d\u00e9busquer tout cela ensemble dans cette 4e partie de la s\u00e9rie consacrer \u00e0 la cr\u00e9ation d'un site web professionnel. Comme pr\u00e9c\u00e9demment, si vous n'avez pas lu les premi\u00e8res parties, ce n'est pas grave, vous pouvez le retrouver ici : D\u00e9finir les objectifs de son site web [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1848,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"ub_ctt_via":"","footnotes":""},"categories":[30],"tags":[],"class_list":["post-862","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creer-un-site-web"],"acf":[],"featured_image_src":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-content\/uploads\/2021\/07\/integration.jpeg","author_info":{"display_name":"Carmine","author_link":"https:\/\/www.letest.studiocarmine.fr\/230\/author\/carmine\/"},"_links":{"self":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts\/862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/comments?post=862"}],"version-history":[{"count":0,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/posts\/862\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/media\/1848"}],"wp:attachment":[{"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/media?parent=862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/categories?post=862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.letest.studiocarmine.fr\/230\/wp-json\/wp\/v2\/tags?post=862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}