{"id":6813,"date":"2023-05-17T11:05:07","date_gmt":"2023-05-17T09:05:07","guid":{"rendered":"https:\/\/datasolution-wp-prod.datasolution.site\/?post_type=archives&#038;p=6813"},"modified":"2023-07-24T15:49:30","modified_gmt":"2023-07-24T13:49:30","slug":"evolution-web","status":"publish","type":"archives","link":"https:\/\/www.datasolution.fr\/en\/archives\/evolution-web\/","title":{"rendered":"30 ans d&#8217;\u00e9volution des sites web en une minute !"},"content":{"rendered":"\r\n    <div id=\"block_fe29217a986dabd1d7dfaf3a66d2178d\" class=\"block-images custom-wp-block light-style p-relative\">\r\n\r\n\t\t\r\n            <div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"660\" height=\"366\" src=\"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1.png\" class=\"img-responsive\" alt=\"evolution-sites-web\" loading=\"lazy\" srcset=\"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1.png 660w, https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1-250x139.png 250w, https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1-500x277.png 500w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/>\t\t\t\t            <\/div>\r\n\r\n\t\t    <\/div>\r\n\r\n\n\n\n    <div id=\"block_68a34c5704571bf55b5169c416ce6964\" class=\"block-text-media custom-wp-block p-relative\">\n            <div class=\"custom-wp-block block-text-media block-text-media--type1  light-style p-relative\">\n        <div class=\"container p-relative\">\n            <div class=\"block-text-media--wrapper\" style=\"align-items: center\">\n\n                <div class=\"block-text-media--media\">\n\t\t\t\t\t                        <button data-fancybox data-src=\"https:\/\/youtu.be\/GaWsAhPs4No\" class=\"block-text-media--video\">\n\t\t\t\t\t\t\t<svg class=\"icon\"width=\"80\" height=\"80\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><g fill=\"none\" fill-rule=\"evenodd\"><circle fill=\"#FFF\" cx=\"40\" cy=\"40\" r=\"40\"\/><path d=\"m49.307 41.107-13.492 6.76A1.255 1.255 0 0 1 34 46.746v-13.5a1.256 1.256 0 0 1 1.798-1.122l13.51 6.734a1.256 1.256 0 0 1 0 2.245v.004Z\" fill=\"#070723\"\/><\/g><\/svg>\t\t\t\t\t\t\t<img decoding=\"async\" class=\"img - responsive\" src=\"https:\/\/img.datasolution.fr\/720\/405\/cccccc\" alt=\"\" width=\"720\" height=\"405\" loading=\"lazy\">                        <\/button>\n\t\t\t\t\t                <\/div>\n\n                <div class=\"block-text-media--content\">\n\n                    <h2 class=\"block-text-media--title title-semi-big\">1&#8242;\n<\/h2>\n\n\t\t\t\t\t\n\t\t\t\t\t                        <div class=\"block-text-media--desc\"><p>Du premier navigateur web et ses donn\u00e9es affich\u00e9es en brut aux sites actuels, anim\u00e9s et responsives, le web a fait un sacr\u00e9 chemin. Des \u00e9volutions que nous avons retrac\u00e9es, en vid\u00e9o et en moins d\u2019une minute\u00a0!<\/p>\n<\/div>\n\t\t\t\t\t\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <\/div>\n\n\n\n\n    <div id=\"block_6d1a8cce032f98b277e555c4dad1c8d5\" class=\"block-text custom-wp-block full-size\">\n        <div class=\"container\" >\n\t\t\t<div class=\"block-text--content\">\n\t\t\t\t<h2>1990. WorldWideWeb\u00a0: premier navigateur de l\u2019histoire<\/h2>\n<p>Le premier navigateur web a vu le jour au d\u00e9but des ann\u00e9es 90 et\u00a0<strong>niveau design, nous \u00e9tions proche du n\u00e9ant<\/strong>\u00a0! 100% de texte et un hyper-texte dans une couleur bleu roi qu\u2019affiche d\u2019ailleurs encore certains sites aujourd\u2019hui\u2026 Et c\u2019est tout\u00a0!<\/p>\n<p>Les tout premiers utilisateurs d\u2019internet prennent alors l\u2019habitude de scroller vers le bas pour afficher plus de contenus. Et de cliquer sur les liens pour changer de page<strong>. \u00c7a para\u00eet ultra-basique<\/strong>\u00a0aujourd\u2019hui, mais \u00e0 l\u2019\u00e9poque, c\u2019est d\u00e9j\u00e0 une r\u00e9volution\u00a0!<\/p>\n<h2><\/h2>\n<h2>1994. Le HTML et les grandes heures des sites \u00ab\u00a0tableaux\u00a0\u00bb<\/h2>\n<p>En 1994, soulagement\u00a0! Les webmasters acc\u00e8dent enfin \u00e0 un peu de mise en forme avec le HTML et sa c\u00e9l\u00e8bre balise\u00a0<em>&lt;table&gt;<\/em>\u00a0qui permet de cr\u00e9er des tableaux. A partir de l\u00e0, tous les sites web adoptent ce format qui n\u2019est pourtant pas le plus pratique. A la base cr\u00e9\u00e9 pour mettre en forme des nombres, il donne\u00a0<strong>des structures assez fragiles et difficilement maintenables<\/strong>. Mais pour l\u2019instant, c\u2019est tout ce qui existe\u00a0!<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\r\n    <div id=\"block_6d5a31d120035fdf674c4861647d5095\" class=\"block-images custom-wp-block light-style p-relative\">\r\n\r\n\t\t\r\n            <div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"660\" height=\"333\" src=\"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/exemple-site-web-html-660x333-1.jpg\" class=\"img-responsive\" alt=\"exemple-site-web-html-660x333\" loading=\"lazy\" srcset=\"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/exemple-site-web-html-660x333-1.jpg 660w, https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/exemple-site-web-html-660x333-1-250x126.jpg 250w, https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/exemple-site-web-html-660x333-1-500x252.jpg 500w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/>\t\t\t\t            <\/div>\r\n\r\n\t\t    <\/div>\r\n\r\n\n\n\n    <div id=\"block_b8ad4b764769ec913f332385757998ca\" class=\"block-text custom-wp-block full-size\">\n        <div class=\"container\" >\n\t\t\t<div class=\"block-text--content\">\n\t\t\t\t<h2>2000. CSS et Flash permettent d\u2019animer les sites (et ce n\u2019est pas toujours de bon go\u00fbt)<\/h2>\n<p>La prise en charge du CSS offre un peu d\u2019oxyg\u00e8ne aux d\u00e9veloppeurs, enfin\u00a0! Et l\u2019arriv\u00e9e de Flash change la donne pour de nombreux sites. Pour la premi\u00e8re fois,\u00a0<strong>il est possible de cr\u00e9er n\u2019importe quelle forme et d\u2019ajouter des animations<\/strong>. En termes de design, cela donne le meilleur comme le pire\u00a0!<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n\n\n\r\n    <div id=\"block_df2a5ff9686dbfbe52dd3b5fe52433c1\" class=\"block-images custom-wp-block light-style p-relative\">\r\n\r\n\t\t\r\n            <div class=\"container\">\r\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"600\" height=\"308\" src=\"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/exemple-site-flash-animations.gif\" class=\"img-responsive\" alt=\"exemple-site-flash-animations\" loading=\"lazy\" \/>\t\t\t\t            <\/div>\r\n\r\n\t\t    <\/div>\r\n\r\n\n\n\n    <div id=\"block_308f73ec2e0ff46e1e5d76c3fcb32ea3\" class=\"block-text custom-wp-block full-size pattern-none\">\n        <div class=\"container\" >\n\t\t\t<div class=\"block-text--content\">\n\t\t\t\t<h2>2007. La sortie de l\u2019Iphone rend les sites web responsive<\/h2>\n<p>En 2007, c\u2019est la r\u00e9volution\u00a0! Steve Jobs pr\u00e9sente le premier smartphone\u00a0: l\u2019Iphone. Et\u00a0<strong>pour les d\u00e9veloppeurs, c\u2019est le branle-bas de combat<\/strong>. Il faut tout repenser pour s\u2019adapter \u00e0 une taille d\u2019\u00e9cran dix fois plus petite que celle dont ils ont l\u2019habitude. Et cela donne un nouveau terme\u00a0: le site internet responsive.<\/p>\n<p>Une norme qui devient de plus en plus importante au fur et \u00e0 mesure du temps. Jusqu\u2019\u00e0 devenir aujourd\u2019hui un crit\u00e8re pour l\u2019indexation des sites par Google.<\/p>\n<h2><\/h2>\n<h2>2014. WebGL et JavaScript lancent la 3D<\/h2>\n<p>JavaScript monte en puissance et, associ\u00e9 \u00e0 une version stable de WebGL, il permet de donner un rendu 3D directement dans le navigateur. Une technologie que nous utilisons encore tr\u00e8s largement aujourd\u2019hui pour cr\u00e9er des animations fluides ou\u00a0des configurateurs de produits.<\/p>\n<h2><\/h2>\n<h2>2020. Asym\u00e9trie, minimalisme, mobile first, la tendance est \u00e0 l\u2019UX\u00a0!<\/h2>\n<p>En 2020, la riche histoire des sites web permet de cr\u00e9er des designs fluides, anim\u00e9s et surtout, centr\u00e9s sur l\u2019exp\u00e9rience-utilisateur. Et les tendances sont nombreuses\u00a0: de l\u2019asym\u00e9trie au minimalisme en passant par\u00a0le mobile first. Des tendances qui se rejoignent et qui\u00a0<strong>veulent r\u00e9pondre \u00e0 plusieurs enjeux<\/strong>. L\u2019augmentation de la consultation et des ventes sur les smartphones, mais \u00e9galement\u00a0les pr\u00e9occupations \u00e9cologiques<\/a>\u00a0d\u2019entreprises de plus en plus nombreuses\u00a0!<\/p>\n<p>&nbsp;<\/p>\n<p>On se retrouve dans trente autres ann\u00e9es pour faire le point\u00a0?\u00a0<img decoding=\"async\" class=\"emoji\" draggable=\"false\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/1f609.svg\" alt=\"?\" \/><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n","protected":false},"featured_media":6814,"template":"","class_list":["post-6813","archives","type-archives","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>30 ans d&#039;\u00e9volution des sites web en une minute ! - DATASOLUTION<\/title>\n<meta name=\"description\" content=\"DATASOLUTION vous pr\u00e9sente en vid\u00e9o 30 ans d&#039;\u00e9volution de sites web en une minute seulement ! C&#039;est parti !\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.datasolution.fr\/archives\/evolution-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"30 ans d&#039;\u00e9volution des sites web en une minute ! - DATASOLUTION\" \/>\n<meta property=\"og:description\" content=\"DATASOLUTION vous pr\u00e9sente en vid\u00e9o 30 ans d&#039;\u00e9volution de sites web en une minute seulement ! C&#039;est parti !\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.datasolution.fr\/archives\/evolution-web\/\" \/>\n<meta property=\"og:site_name\" content=\"DATASOLUTION\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/datasolution.ecommerce\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-24T13:49:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"660\" \/>\n\t<meta property=\"og:image:height\" content=\"366\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@datasolution1\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/\",\"url\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/\",\"name\":\"30 ans d'\u00e9volution des sites web en une minute ! - DATASOLUTION\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.datasolution.fr\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/evolution-sites-web-660x366-1.png\",\"datePublished\":\"2023-05-17T09:05:07+00:00\",\"dateModified\":\"2023-07-24T13:49:30+00:00\",\"description\":\"DATASOLUTION vous pr\u00e9sente en vid\u00e9o 30 ans d'\u00e9volution de sites web en une minute seulement ! C'est parti !\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.datasolution.fr\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/evolution-sites-web-660x366-1.png\",\"contentUrl\":\"https:\\\/\\\/www.datasolution.fr\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/evolution-sites-web-660x366-1.png\",\"width\":660,\"height\":366,\"caption\":\"evolution-sites-web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/evolution-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.datasolution.fr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Archives\",\"item\":\"https:\\\/\\\/www.datasolution.fr\\\/archives\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"30 ans d&rsquo;\u00e9volution des sites web en une minute !\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.datasolution.fr\\\/#website\",\"url\":\"https:\\\/\\\/www.datasolution.fr\\\/\",\"name\":\"DATASOLUTION\",\"description\":\"Agence experte eCommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.datasolution.fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"30 ans d'\u00e9volution des sites web en une minute ! - DATASOLUTION","description":"DATASOLUTION vous pr\u00e9sente en vid\u00e9o 30 ans d'\u00e9volution de sites web en une minute seulement ! C'est parti !","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:\/\/www.datasolution.fr\/archives\/evolution-web\/","og_locale":"en_US","og_type":"article","og_title":"30 ans d'\u00e9volution des sites web en une minute ! - DATASOLUTION","og_description":"DATASOLUTION vous pr\u00e9sente en vid\u00e9o 30 ans d'\u00e9volution de sites web en une minute seulement ! C'est parti !","og_url":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/","og_site_name":"DATASOLUTION","article_publisher":"https:\/\/www.facebook.com\/datasolution.ecommerce\/","article_modified_time":"2023-07-24T13:49:30+00:00","og_image":[{"width":660,"height":366,"url":"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@datasolution1","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/","url":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/","name":"30 ans d'\u00e9volution des sites web en une minute ! - DATASOLUTION","isPartOf":{"@id":"https:\/\/www.datasolution.fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/#primaryimage"},"image":{"@id":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/#primaryimage"},"thumbnailUrl":"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1.png","datePublished":"2023-05-17T09:05:07+00:00","dateModified":"2023-07-24T13:49:30+00:00","description":"DATASOLUTION vous pr\u00e9sente en vid\u00e9o 30 ans d'\u00e9volution de sites web en une minute seulement ! C'est parti !","breadcrumb":{"@id":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.datasolution.fr\/archives\/evolution-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/#primaryimage","url":"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1.png","contentUrl":"https:\/\/www.datasolution.fr\/wp-content\/uploads\/2022\/12\/evolution-sites-web-660x366-1.png","width":660,"height":366,"caption":"evolution-sites-web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.datasolution.fr\/archives\/evolution-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.datasolution.fr\/en\/"},{"@type":"ListItem","position":2,"name":"Archives","item":"https:\/\/www.datasolution.fr\/archives\/"},{"@type":"ListItem","position":3,"name":"30 ans d&rsquo;\u00e9volution des sites web en une minute !"}]},{"@type":"WebSite","@id":"https:\/\/www.datasolution.fr\/#website","url":"https:\/\/www.datasolution.fr\/","name":"DATASOLUTION","description":"Agence experte eCommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.datasolution.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives\/6813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives"}],"about":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/types\/archives"}],"version-history":[{"count":3,"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives\/6813\/revisions"}],"predecessor-version":[{"id":10507,"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/archives\/6813\/revisions\/10507"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/media\/6814"}],"wp:attachment":[{"href":"https:\/\/www.datasolution.fr\/en\/wp-json\/wp\/v2\/media?parent=6813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}