{"id":11720,"date":"2016-02-04T10:47:13","date_gmt":"2016-02-04T09:47:13","guid":{"rendered":"http:\/\/www.jng-web.com\/labo\/?p=11720"},"modified":"2023-07-30T22:12:48","modified_gmt":"2023-07-30T20:12:48","slug":"comment-creer-une-banniere-html5","status":"publish","type":"post","link":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/","title":{"rendered":"Comment cr\u00e9er une banni\u00e8re HTML5 ?"},"content":{"rendered":"<div class=\"advads-avant-le-contenu\" id=\"advads-3115680546\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><div class=\"advads-test\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" id=\"advads-2939853530\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><p>Sans aucune surprise, vous savez depuis quelques temps que Flash n&rsquo;a plus le vent en poupe. De ce fait, il devient n\u00e9cessaire de cr\u00e9er les banni\u00e8res en utilisant les langages HTML5, CSS3 et Javascript.<\/p>\n<h2>Quels logiciels utiliser pour cr\u00e9er ses banni\u00e8res ?<\/h2>\n<p>La premi\u00e8re id\u00e9e qui peut vous venir \u00e0 l&rsquo;id\u00e9e est de tout coder de A \u00e0 Z. L&rsquo;id\u00e9e n&rsquo;est pas mauvaise du moment que vous avez les comp\u00e9tences. Le seul inconv\u00e9nient (si vous r\u00e9aliser vous-m\u00eame la banni\u00e8re) est le temps que vous risquez de devori consacrer au projet.<\/p>\n<p>Une alternative \u00e0 cette premi\u00e8re id\u00e9e est l&rsquo;utilisation d&rsquo;un logiciel, mais lequel choisir ? Tout d\u00e9pend de votre budget&#8230;<\/p>\n<ul>\n<li><a href=\"https:\/\/webdesigner.withgoogle.com\/\" target=\"_blank\" rel=\"noopener\">Google Web Designer<\/a><\/li>\n<\/ul>\n<p>Ce logiciel gratuit vous permet de cr\u00e9er vos banni\u00e8res. Si vous avez d\u00e9j\u00e0 utilis\u00e9s un logiciel comme Adobe Flash, son interface ne devrait pas vous \u00eatre totalement inconnue. On regrettera le manque de ressources pour illustrer l&rsquo;utilisation du logiciel.<\/p>\n<ul>\n<li><a href=\"https:\/\/helpx.adobe.com\/fr\/creative-cloud\/kb\/why-has-adobe-stopped-developing-my-app-.html\" target=\"_blank\" rel=\"noopener\">Adobe Edge<\/a><\/li>\n<\/ul>\n<p>Ce logiciel \u00e9dit\u00e9 par Adobe est bien entendu payant et offre une grande similitude avec Flash. Le grand inconv\u00e9nient de ce logiciel est le poids des fichiers g\u00e9n\u00e9r\u00e9s.<\/p>\n<h2>Convertir une banni\u00e8re Flash en HTML5<\/h2>\n<p>Si vous poss\u00e9dez une animation au format Flash, vous pouvez convertir cette derni\u00e8re au format HTML5 CSS3 javascript. Parmi les outils disponibles, vous pourrez d\u00e9couvrir <a href=\"https:\/\/developers.google.com\/\" target=\"_blank\" rel=\"noopener\">Swiffy<\/a>. Ne n\u00e9cessitant aucune comp\u00e9tence particuli\u00e8re, Swiffy est accessible \u00e0 toutes et \u00e0 tous. Il suffit juste d&rsquo;importer son document Flash dans le logiciel. Patientez quelques instants et vous obtiendrez votre animation au format HTML5 CSS3.<\/p>\n<p>Une alternative est propos\u00e9e par l&rsquo;\u00e9diteur Adobe. Je vous laisse le soin de la d\u00e9couvrir en vous rendant sur le blog officiel d&rsquo;Adobe :\u00a0http:\/\/blogs.adobe.com\/flashpro\/converting-your-flash-ads-to-html5-canvas\/.<\/p>\n<p><span style=\"color: #008000;\">Si vous connaissez d&rsquo;autres solutions pour cr\u00e9er une banni\u00e8re au format HTML5 ou encore d&rsquo;autres outils permettant de convertir une animation Flash en HTML5 n&rsquo;h\u00e9sitez pas \u00e0 partager vos d\u00e9couvertes dans les commentaires.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sans aucune surprise, vous savez depuis quelques temps que Flash n&rsquo;a plus le vent en poupe. De ce fait, il devient n\u00e9cessaire de cr\u00e9er les &hellip; <\/p>\n","protected":false},"author":2,"featured_media":11721,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[9],"tags":[37],"class_list":["post-11720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-5-et-css-3","tag-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment cr\u00e9er une banni\u00e8re HTML5 ? - Labo JNG WEB<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment cr\u00e9er une banni\u00e8re HTML5 ? - Labo JNG WEB\" \/>\n<meta property=\"og:description\" content=\"Sans aucune surprise, vous savez depuis quelques temps que Flash n&rsquo;a plus le vent en poupe. De ce fait, il devient n\u00e9cessaire de cr\u00e9er les &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Labo JNG WEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\" \/>\n<meta property=\"article:author\" content=\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-04T09:47:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-30T20:12:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/02\/Google-Web-Designer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"866\" \/>\n\t<meta property=\"og:image:height\" content=\"389\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"J\u00e9r\u00f4me\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"J\u00e9r\u00f4me\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/\"},\"author\":{\"name\":\"J\u00e9r\u00f4me\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\"},\"headline\":\"Comment cr\u00e9er une banni\u00e8re HTML5 ?\",\"datePublished\":\"2016-02-04T09:47:13+00:00\",\"dateModified\":\"2023-07-30T20:12:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/\"},\"wordCount\":349,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"keywords\":[\"HTML\"],\"articleSection\":[\"HTML 5 et CSS 3\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/\",\"url\":\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/\",\"name\":\"Comment cr\u00e9er une banni\u00e8re HTML5 ? - Labo JNG WEB\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#website\"},\"datePublished\":\"2016-02-04T09:47:13+00:00\",\"dateModified\":\"2023-07-30T20:12:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Labo Jng Web\",\"item\":\"https:\/\/jng-web.com\/labo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML 5 et CSS 3\",\"item\":\"https:\/\/jng-web.com\/labo\/html-5-et-css-3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment cr\u00e9er une banni\u00e8re HTML5 ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jng-web.com\/labo\/#website\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"name\":\"Labo JNG WEB\",\"description\":\"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...\",\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jng-web.com\/labo\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\",\"name\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"contentUrl\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"width\":342,\"height\":110,\"caption\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\"},\"image\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\",\"https:\/\/twitter.com\/jng_web\",\"https:\/\/fr.linkedin.com\/in\/jeromeguri\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\",\"name\":\"J\u00e9r\u00f4me\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"caption\":\"J\u00e9r\u00f4me\"},\"description\":\"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.\",\"sameAs\":[\"http:\/\/www.jng-web.com\",\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\",\"https:\/\/twitter.com\/JngWeb21\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er une banni\u00e8re HTML5 ? - Labo JNG WEB","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:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment cr\u00e9er une banni\u00e8re HTML5 ? - Labo JNG WEB","og_description":"Sans aucune surprise, vous savez depuis quelques temps que Flash n&rsquo;a plus le vent en poupe. De ce fait, il devient n\u00e9cessaire de cr\u00e9er les &hellip;","og_url":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/","og_site_name":"Labo JNG WEB","article_publisher":"https:\/\/www.facebook.com\/webmaster.referencement.dijon","article_author":"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","article_published_time":"2016-02-04T09:47:13+00:00","article_modified_time":"2023-07-30T20:12:48+00:00","og_image":[{"width":866,"height":389,"url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/02\/Google-Web-Designer.jpg","type":"image\/jpeg"}],"author":"J\u00e9r\u00f4me","twitter_misc":{"\u00c9crit par":"J\u00e9r\u00f4me","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#article","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/"},"author":{"name":"J\u00e9r\u00f4me","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590"},"headline":"Comment cr\u00e9er une banni\u00e8re HTML5 ?","datePublished":"2016-02-04T09:47:13+00:00","dateModified":"2023-07-30T20:12:48+00:00","mainEntityOfPage":{"@id":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/"},"wordCount":349,"commentCount":7,"publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"keywords":["HTML"],"articleSection":["HTML 5 et CSS 3"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/","url":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/","name":"Comment cr\u00e9er une banni\u00e8re HTML5 ? - Labo JNG WEB","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/#website"},"datePublished":"2016-02-04T09:47:13+00:00","dateModified":"2023-07-30T20:12:48+00:00","breadcrumb":{"@id":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jng-web.com\/labo\/comment-creer-une-banniere-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Labo Jng Web","item":"https:\/\/jng-web.com\/labo\/"},{"@type":"ListItem","position":2,"name":"HTML 5 et CSS 3","item":"https:\/\/jng-web.com\/labo\/html-5-et-css-3\/"},{"@type":"ListItem","position":3,"name":"Comment cr\u00e9er une banni\u00e8re HTML5 ?"}]},{"@type":"WebSite","@id":"https:\/\/jng-web.com\/labo\/#website","url":"https:\/\/jng-web.com\/labo\/","name":"Labo JNG WEB","description":"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...","publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jng-web.com\/labo\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/jng-web.com\/labo\/#organization","name":"JNG WEB \/\/ J\u00e9r\u00f4me Guri","url":"https:\/\/jng-web.com\/labo\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/","url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","contentUrl":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","width":342,"height":110,"caption":"JNG WEB \/\/ J\u00e9r\u00f4me Guri"},"image":{"@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webmaster.referencement.dijon","https:\/\/twitter.com\/jng_web","https:\/\/fr.linkedin.com\/in\/jeromeguri"]},{"@type":"Person","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590","name":"J\u00e9r\u00f4me","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","caption":"J\u00e9r\u00f4me"},"description":"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.","sameAs":["http:\/\/www.jng-web.com","https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","https:\/\/twitter.com\/JngWeb21"]}]}},"views":15564,"_links":{"self":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/11720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/comments?post=11720"}],"version-history":[{"count":0,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/11720\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media\/11721"}],"wp:attachment":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media?parent=11720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/categories?post=11720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/tags?post=11720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}