{"id":67221,"date":"2022-08-13T09:35:47","date_gmt":"2022-08-13T07:35:47","guid":{"rendered":"http:\/\/rmarketingdigital.com\/?p=67221"},"modified":"2019-10-11T14:54:41","modified_gmt":"2019-10-11T17:54:41","slug":"principios-basicos-diseno-web","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/","title":{"rendered":"Principes de base de la conception WEB"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 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\" style=\"cursor:inherit\">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=\"Basculer la table des mati\u00e8res\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Basculer<\/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' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Diseno-web-responsivo-vs-adaptativo\" >Conception Web r\u00e9active vs. adaptatif<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#El-flujo\" >Le flux<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Unidades-relativas\" >Unit\u00e9s relatives<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Puntos-de-corte\" >Points de coupure<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Valores-maximos-y-minimos\" >Valeurs maximales et minimales<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Objetos-anidados\" >Objets imbriqu\u00e9s<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Movil-o-escritorio-primero\" >Mobile ou bureau d&#039;abord<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Webfonts-vs-fuentes-del-sistema\" >Webfonts vs polices syst\u00e8me<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Imagenes-de-mapa-de-bits-vs-vectores\" >Bitmap vs images vectorielles<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#Podemos-mejorar-tu-presencia-online\" >Nous pouvons am\u00e9liorer votre pr\u00e9sence en ligne<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/#%C2%BFTe-ayudamos-con-el-diseno-de-tu-web\" >Pouvons-nous vous aider dans la conception de votre site Web?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p>La conception Web r\u00e9active est une excellente solution \u00e0 notre probl\u00e8me multi-\u00e9cran, mais il est difficile d&#039;y acc\u00e9der du point de vue de l&#039;impression. Pas de taille de page fixe, pas de millim\u00e8tres ou de pouces, pas de restrictions physiques \u00e0 combattre. Conception en pixels uniquement pour les ordinateurs de bureau et les appareils mobiles <strong>est le pass\u00e9<\/strong>car de plus en plus d&#039;appareils peuvent ouvrir un site Web. Alors, clarifions quelques principes de base de la conception Web r\u00e9active.<\/p>\n<h3 id=\"responsivevsadaptivewebdesign\"><span class=\"ez-toc-section\" id=\"Diseno-web-responsivo-vs-adaptativo\"><\/span><span class=\"\">Conception Web r\u00e9active vs. adaptatif<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Cela peut sembler la m\u00eame chose, mais ce n&#039;est pas le cas. Les deux approches se compl\u00e8tent, il n&#039;y a donc pas de bonne ou de mauvaise fa\u00e7on de le faire.\u00a0<span class=\"\">Laissez le contenu d\u00e9cider.<\/span><br \/>\n<img alt='01_responsive-vs-adaptative-2560979-6412223-2522757' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/01_Responsive-vs-Adaptive-2560979-6412223-2522757.gif' \/><\/p>\n<h3 id=\"theflow\"><span class=\"ez-toc-section\" id=\"El-flujo\"><\/span>Le flux<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Au fur et \u00e0 mesure que la taille des \u00e9crans diminue, le contenu commence \u00e0 prendre plus d&#039;espace vertical et tout ce qui se trouve en dessous sera pouss\u00e9 vers le bas, c&#039;est ce qu&#039;on appelle le flux. Cela peut \u00eatre difficile \u00e0 comprendre si vous \u00eates habitu\u00e9 \u00e0 concevoir avec des pixels et des points, mais cela a tout son sens lorsque vous vous y habituez.<br \/>\n<img alt='04_flow-vs-statique-2-2260556-8163081-9226470' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/04_Flow-vs-Static-2-2260556-8163081-9226470.gif' \/><\/p>\n<h3 id=\"relativeunits\"><span class=\"ez-toc-section\" id=\"Unidades-relativas\"><\/span>Unit\u00e9s relatives<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Le canevas peut \u00eatre un bureau, un \u00e9cran mobile ou tout autre \u00e9l\u00e9ment interm\u00e9diaire. La densit\u00e9 de pixels peut \u00e9galement varier, nous avons donc besoin d&#039;unit\u00e9s flexibles et fonctionnant partout. C&#039;est l\u00e0 que les unit\u00e9s relatives comme les pourcentages sont utiles. Donc, faire quelque chose avec une largeur de 50% signifie qu&#039;il occupera toujours la moiti\u00e9 de l&#039;\u00e9cran (ou de la fen\u00eatre d&#039;affichage, qui est la taille de la fen\u00eatre ouverte du navigateur).<br \/>\n<img alt='02_unit\u00e9s-relatives-vs-unit\u00e9s-statiques-1-2595332-5583262-6295074' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/02_Relative-Units-vs-Static-Units-1-2595332-5583262-6295074.gif' \/><\/p>\n<h3 id=\"breakpoints\"><span class=\"ez-toc-section\" id=\"Puntos-de-corte\"><\/span>Points de coupure<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Les points d&#039;arr\u00eat permettent \u00e0 la mise en page de changer \u00e0 des points pr\u00e9d\u00e9finis, c&#039;est-\u00e0-dire d&#039;avoir 3 colonnes sur un bureau, mais seulement 1 colonne sur un appareil mobile. La plupart des propri\u00e9t\u00e9s CSS peuvent \u00eatre modifi\u00e9es d&#039;un point d&#039;arr\u00eat \u00e0 un autre. Habituellement, l&#039;endroit o\u00f9 vous en mettez un d\u00e9pend du contenu. Si une phrase est interrompue, vous devrez peut-\u00eatre ajouter un point d&#039;arr\u00eat.\u00a0<span class=\"\">Mais attention: cela peut rapidement devenir compliqu\u00e9 quand il est difficile de comprendre ce qui influence quoi.<\/span><br \/>\n<img alt='03_with-breakpoints-vs-without-breakpoints-1-4234952-9150258-6358328' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/03_With-Breakpoints-vs-Without-Breakpoints-1-4234952-9150258-6358328.gif' \/><\/p>\n<h3 id=\"maxandminvalues\"><span class=\"ez-toc-section\" id=\"Valores-maximos-y-minimos\"><\/span>Valeurs maximales et minimales<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Parfois, c&#039;est bien que le contenu couvre toute la largeur d&#039;un \u00e9cran, comme sur un appareil mobile, mais avoir le m\u00eame contenu sur toute la largeur de votre \u00e9cran de t\u00e9l\u00e9vision a souvent moins de sens. C&#039;est pourquoi les valeurs Min \/ Max sont utiles. Par exemple, avoir une largeur de 100% et une largeur maximale de 1000px signifierait que le contenu remplira l&#039;\u00e9cran, mais il ne d\u00e9passe pas 1000px.<br \/>\n<img alt='07_max-width-vx-no-max-width-1-4127308-7517702-8503115' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/07_Max-width-vx-No-max-width-1-4127308-7517702-8503115.gif' \/><\/p>\n<h3 id=\"nestedobjects\"><span class=\"ez-toc-section\" id=\"Objetos-anidados\"><\/span>Objets imbriqu\u00e9s<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous souvenez-vous de la position relative? Le fait d&#039;avoir de nombreux articles d\u00e9pendant les uns des autres serait difficile \u00e0 contr\u00f4ler, par cons\u00e9quent, les emballer dans un conteneur le rend beaucoup plus compr\u00e9hensible, net et bien rang\u00e9. C&#039;est l\u00e0 que les unit\u00e9s statiques comme les pixels peuvent aider. Ils sont utiles pour le contenu que vous ne souhaitez pas mettre \u00e0 l&#039;\u00e9chelle, comme les logos et les boutons.<br \/>\n<img alt='05_nested-vs-not-nested-1-5519516-6082939' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/05_Nested-vs-Not-Nested-1-5519516-6082939.gif' \/><\/p>\n<h3 id=\"mobileordesktopfirst\"><span class=\"ez-toc-section\" id=\"Movil-o-escritorio-primero\"><\/span>Mobile ou bureau d&#039;abord<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Techniquement, cela ne fait pas beaucoup de diff\u00e9rence si un projet d\u00e9marre d&#039;un \u00e9cran plus petit \u00e0 un plus grand (mobile d&#039;abord) ou vice versa (bureau d&#039;abord). Cependant, l&#039;avenir, ce sont les appareils mobiles. <span class=\"\">Les gens commencent souvent par les deux extr\u00e9mit\u00e9s en m\u00eame temps, vous devez donc vraiment voir ce qui fonctionne le mieux pour vous.<\/span><br \/>\n<img alt='08_desktop-first-vs-mobile-first-3-6872596-3774771' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/08_Desktop-first-vs-Mobile-first-3-6872596-3774771.gif' \/><\/p>\n<h3 id=\"webfontsvssystemfonts\"><span class=\"ez-toc-section\" id=\"Webfonts-vs-fuentes-del-sistema\"><\/span>Webfonts vs polices syst\u00e8me<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Voulez-vous avoir un <em>Futur<\/em> ou <em>Didot<\/em> cool \u00e0 la recherche sur votre site Web? Utilisez des polices Web! Bien qu&#039;ils aient l&#039;air impressionnant, rappelez-vous que chacun sera t\u00e9l\u00e9charg\u00e9 et plus vous en avez sur votre site Web, plus il faudra de temps pour charger la page. Les polices syst\u00e8me, par contre, sont tr\u00e8s rapides, sauf si l&#039;utilisateur ne les poss\u00e8de pas localement, elles reviendront \u00e0 une police par d\u00e9faut.<br \/>\n<img alt='06_system-fonts-vs-webfonts-1-3780437-6962845-8002179' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/06_System-fonts-vs-Webfonts-1-3780437-6962845-8002179.gif' \/><\/p>\n<h3 id=\"bitmapimagesvsvectors\"><span class=\"ez-toc-section\" id=\"Imagenes-de-mapa-de-bits-vs-vectores\"><\/span>Bitmap vs images vectorielles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Votre ic\u00f4ne a-t-elle beaucoup de d\u00e9tails et des effets fantaisistes appliqu\u00e9s? Si oui, utilisez un bitmap.\u00a0<span class=\"goog-text-highlight\">Sinon, pensez \u00e0 utiliser une image vectorielle.\u00a0<\/span>Pour les bitmaps, utilisez un jpg, png ou gif, pour les vecteurs, le meilleur choix serait une police SVG ou ic\u00f4ne. Chacun a des avantages et des inconv\u00e9nients. Cependant, consid\u00e9rons la taille: aucune image ne doit \u00eatre en ligne sans optimisation. Une page avec des photos tr\u00e8s lourdes en plus d&#039;aggraver l&#039;exp\u00e9rience utilisateur, vous pourriez aussi voir votre <a href=\"http:\/\/rmarketingdigital.com\/fr\/10-factores-esenciales-de-posicionamiento-seo-que-podrian-ayudarte\/\">positionnement organique<\/a> affect\u00e9. Les vecteurs, en revanche, sont souvent petits, mais certains navigateurs plus anciens ne le prennent pas en charge. De plus, si vous avez beaucoup de courbes, elles peuvent \u00eatre plus lourdes qu&#039;un bitmap, alors choisissez judicieusement.<br \/>\n<img alt='09_vectors-vs-images-1-3542187-9736235-5637981' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/09_Vectors-vs-Images-1-3542187-9736235-5637981.gif' \/><\/p>\n\n\t\t<div id=\"fws_6aacb32c1846d\"  data-column-margin=\"default\" data-midnight=\"dark\" data-top-percent=\"5%\" data-bottom-percent=\"5%\"  class=\"wpb_row vc_row-fluid vc_row full-width-section has-row-bg-color\"  style=\"padding-top: calc(100vw * 0.05); padding-bottom: calc(100vw * 0.05); --row-bg-color: #ffffff;\"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #ffffff; \"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div id=\"fws_6aacb32c1d16d\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  center\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding\"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"nectar-gradient-text\" data-direction=\"diagonal\" data-color=\"extra-color-gradient-1\" style=\"\"><h2><span class=\"ez-toc-section\" id=\"Podemos-mejorar-tu-presencia-online\"><\/span>Nous pouvons am\u00e9liorer votre pr\u00e9sence en ligne<span class=\"ez-toc-section-end\"><\/span><\/h2><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_6aacb32c1d66a\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-section has-row-bg-color\"  style=\"padding-top: 60px; padding-bottom: 0px; --row-bg-color: #f2f2f2;\"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop using-bg-color\"  style=\"background-color: #f2f2f2; \"><\/div><\/div><\/div><div class=\"nectar-shape-divider-wrap\" style=\" height:80px;\"  data-height=\"80\" data-front=\"\" data-style=\"curve\" data-position=\"top\" ><svg class=\"nectar-shape-divider\" aria-hidden=\"true\" fill=\"#ffffff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\"> <path d=\"M 0 0 c 0 0 200 50 500 50 s 500 -50 500 -50 v 101 h -1000 v -100 z\"><\/path> <\/svg><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div style=\" color: #ffffff;\" class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\" data-cfc=\"true\"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" style=\"transform:  translateY(-50%);\">\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div id=\"fws_6aacb32c1db6e\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row  translate_y_-50pct\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div style=\" color: #ffffff;margin-top: 15px; \" class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column centered-text has-animation padding-5-percent\" data-cfc=\"true\" data-using-bg=\"true\" data-shadow=\"x_large_depth\" data-border-radius=\"20px\" data-padding-pos=\"all\" data-has-bg-color=\"true\" data-bg-color=\"#ff1053\" data-bg-opacity=\"1\" data-animation=\"flip-in-vertical\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" ><div class=\"column-bg-overlay-wrap column-bg-layer\" data-bg-animation=\"none\"><div class=\"column-bg-overlay\" style=\"opacity: 1; background-color: #ff1053;\"><\/div><\/div>\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 15px;\" class=\"divider\"><\/div><\/div><h3 style=\"text-align: center;font-family:Nunito;font-weight:700;font-style:normal\" class=\"vc_custom_heading vc_do_custom_heading\" ><span class=\"ez-toc-section\" id=\"%C2%BFTe-ayudamos-con-el-diseno-de-tu-web\"><\/span><a href=\"https:\/\/m.me\/rmarketingdigital\">Pouvons-nous vous aider dans la conception de votre site Web?<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3><a class=\"nectar-button large see-through-2\"  role=\"button\" style=\"margin-top: 30px; margin-bottom: 1px; border-color: #ffffff; color: #ffffff;\" target=\"_blank\" href=\"https:\/\/m.me\/rmarketingdigital\" data-color-override=\"#ffffff\"  data-hover-color-override=\"#ffffff\" data-hover-text-color-override=\"#000000\"><span>Demander un devis<\/span><\/a><div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 15px;\" class=\"divider\"><\/div><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>La conception Web r\u00e9active est une excellente solution \u00e0 notre probl\u00e8me multi-\u00e9cran, mais il est difficile d&#039;y acc\u00e9der du point de vue de l&#039;impression. Pas de taille de page...<\/p>","protected":false},"author":1,"featured_media":67222,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[640],"tags":[],"class_list":["post-67221","post","type-post","status-publish","format-standard","has-post-thumbnail","category-webs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principios b\u00e1sicos del dise\u00f1o WEB\" \/>\n<meta property=\"og:description\" content=\"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-13T07:35:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"940\" \/>\n\t<meta property=\"og:image:height\" content=\"788\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Principios b\u00e1sicos del dise\u00f1o WEB\",\"datePublished\":\"2022-08-13T07:35:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\"},\"wordCount\":1286,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"articleSection\":[\"Webs\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\",\"name\":\"Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"datePublished\":\"2022-08-13T07:35:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/webs\\\/principios-basicos-diseno-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/Principios-del-dise\u00f1o-web.jpg\",\"width\":940,\"height\":788,\"caption\":\"principios del dise\u00f1o web\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital","description":"La conception Web r\u00e9active est une excellente solution \u00e0 notre probl\u00e8me multi-\u00e9crans, mais il est difficile d&#039;y acc\u00e9der du point de vue du","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Principios b\u00e1sicos del dise\u00f1o WEB","og_description":"El dise\u00f1o web responsivo es una gran soluci\u00f3n para nuestro problema de pantallas m\u00faltiples, pero es dif\u00edcil acceder a \u00e9l desde la perspectiva de la","og_url":"https:\/\/rmarketingdigital.com\/fr\/toiles\/principios-basicos-diseno-web\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-13T07:35:47+00:00","og_image":[{"width":940,"height":788,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Principios b\u00e1sicos del dise\u00f1o WEB","datePublished":"2022-08-13T07:35:47+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/"},"wordCount":1286,"image":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","articleSection":["Webs"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/","url":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/","name":"Principios b\u00e1sicos del dise\u00f1o WEB - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","datePublished":"2022-08-13T07:35:47+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"La conception Web r\u00e9active est une excellente solution \u00e0 notre probl\u00e8me multi-\u00e9crans, mais il est difficile d&#039;y acc\u00e9der du point de vue du","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/rmarketingdigital.com\/webs\/principios-basicos-diseno-web\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2019\/10\/Principios-del-dise\u00f1o-web.jpg","width":940,"height":788,"caption":"principios del dise\u00f1o web"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"Marketing num\u00e9rique","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/67221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/comments?post=67221"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/67221\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media\/67222"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=67221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/categories?post=67221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/tags?post=67221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}