<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Auto Net &#124; Le blog des professionnels de l&#039;Automobile sur Internet &#187; html5</title>
	<atom:link href="/tag/html5/feed/" rel="self" type="application/rss+xml" />
	<link>https://auto-net.fr</link>
	<description>Internet, Nouvelles Technologies et News du Web pour les Professionnels de l&#039;Automobile</description>
	<lastBuildDate>Mon, 09 Sep 2013 09:23:41 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.6</generator>
		<item>
		<title>HTML5 et Peugeot Hybrid4: Une réussite.</title>
		<link>https://auto-net.fr/html5-et-peugeot-une-reussite/</link>
		<comments>https://auto-net.fr/html5-et-peugeot-une-reussite/#comments</comments>
		<pubDate>Mon, 10 Sep 2012 16:02:44 +0000</pubDate>
		<dc:creator>Eric Saint-Frison</dc:creator>
				<category><![CDATA[Actualités]]></category>
		<category><![CDATA[Innovation]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[hybrid4]]></category>
		<category><![CDATA[peugeot]]></category>

		<guid isPermaLink="false">https://auto-net.fr/?p=5533</guid>
		<description><![CDATA[<p>Peugeot vous connaissez, pas de doutes. Hybrid 4 aussi si vous vous intéressez au monde automobile (il s&#8217;agit de la technologie PSA qui repose sur l’utilisation conjointe d’un moteur diesel, d’un moteur électrique, du stop &#38; start  et d’une boîte de vitesses manuelle séquentielle pilotée) Mais le HTML 5 ne vous est peut être pas [&#8230;]</p><p>Cet article <a href="/html5-et-peugeot-une-reussite/">HTML5 et Peugeot Hybrid4: Une réussite.</a> a été publié sur <a href="/">Auto Net | Le blog des professionnels de l&#039;Automobile sur Internet</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><strong>Peugeot</strong> vous connaissez, pas de doutes.</p>
<p><strong>Hybrid 4</strong> aussi si vous vous intéressez au monde automobile (il s&rsquo;agit de la technologie PSA qui repose sur l’utilisation conjointe d’un moteur diesel, d’un moteur électrique, du stop &amp; start  et d’une boîte de vitesses manuelle séquentielle pilotée)</p>
<p>Mais le <strong>HTML 5</strong> ne vous est peut être pas encore famillier.</p>
<p>Et pourtant c&rsquo;est grâce à cette évolution du langage <strong>HTML (HyperText Markup Language)</strong>  que vos agences pourront demain développer des sites encore plus efficaces mais aussi beaux.</p>
<p>Et comme un très <strong>bel exemple</strong> de ce que cette technologie peut permettre de réaliser vient d&rsquo;être produit pour la <strong>marque Peugeot</strong>, nous ne nous privons pas de vous en présenter ici des captures d&rsquo;écrans.</p>
<p>Une très <strong>dynamique page d&rsquo;accueil</strong> qui vous fait attendre quelques secondes avant le chargement du site. Sur cette page quelques ingrédients qui devraient retenir l&rsquo;attention des visiteurs : Ambiance nuit, polar et jolie silhouette.</p>
<p><a href="http://i0.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-14.35.17.png" rel="lightbox[5533]"><img class="aligncenter size-large wp-image-5535" title="peugeot-hybrid4-html5" src="http://i1.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-14.35.17.png?resize=610%2C330" alt="" data-recalc-dims="1" /></a></p>
<p>Puis vous rejoignez le début de l&rsquo;aventure, ou plutôt celle de l&rsquo;héroïne de cette bande dessinée (ou animation). Une petite explication du parallèle entre les 4 modes de l&rsquo;Hybrid4 et la &laquo;&nbsp;mission&nbsp;&raquo; du personnage est malgré tout ncessaire en préambule.</p>
<p style="text-align: center;"><a href="http://i0.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-14.37.481.png" rel="lightbox[5533]"><img class="aligncenter  wp-image-5548" title="hybrid4-peugeot-html5" src="http://i2.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-14.37.481.png?resize=610%2C276" alt="" data-recalc-dims="1" /></a></p>
<p>&nbsp;</p>
<p>Vous choisissez de laisser défiler les images ou de les contrôler avec le scroll de votre souris. Il ya du son attaché aux images ce qui renforce l&rsquo;effet qualitatif.</p>
<p>L&rsquo;animation en HTML5 vous entraîne donc rapidement vers des passerelles entre les qualités de l&rsquo;Hybrid 4 et l&rsquo;aventure de la belle héroïne qui affiche très clairement un air de Lara Croft.</p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://i1.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-14.12.17.png" rel="lightbox[5533]"><img class="aligncenter size-large wp-image-5538" title="site-peugeot-hybrid4-html5" src="http://i0.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-14.12.17.png?resize=610%2C306" alt="" data-recalc-dims="1" /></a></p>
<p><img class="aligncenter  wp-image-5537" title="site-peugeot-hybrid4-html5" src="http://i0.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-14.11.21.png?resize=610%2C323" alt="" data-recalc-dims="1" /></p>
<p style="text-align: left;">Pour finalement terminer votre parcours sur <strong>une page plus pragmatique invitant l&rsquo;internaute a prolonger sa visite vers plus d&rsquo;explications ou à partager son experience sur Facebook.</strong></p>
<p style="text-align: center;"><a href="http://i0.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-16.09.41.png" rel="lightbox[5533]"><img class="aligncenter  wp-image-5539" title="site-peugeot-hybrid4-html5" src="http://i1.wp.com/auto-net.fr/wp-content/uploads/2012/09/Capture-d’écran-2012-09-10-à-16.09.41.png?resize=604%2C481" alt="" data-recalc-dims="1" /></a></p>
<p style="text-align: left;">Il est donc très intéressant de voir ce qu&rsquo;un grand constructeur, avec une agence créative et ambitieuse, peut tenter de faire de manière originale en utilisant cette nouvelle technologie qu&rsquo;est le HTML 5, permettant en particulier de développer des images de grande qualité tout en garantissant un référencement naturel du site (ce qui n&rsquo;est pas le cas du Flash).</p>
<p style="text-align: left;">Chez <strong>Digital Dealer</strong> nous avons aimé cet innovant <a href="http://graphicnovel-hybrid4.peugeot.com/start.html" target="_blank">roman graphique</a>.</p>
<!-- Start Shareaholic Recommendations Automatic --><!-- End Shareaholic Recommendations Automatic --><p>Cet article <a href="/html5-et-peugeot-une-reussite/">HTML5 et Peugeot Hybrid4: Une réussite.</a> a été publié sur <a href="/">Auto Net | Le blog des professionnels de l&#039;Automobile sur Internet</a>.</p>]]></content:encoded>
			<wfw:commentRss>https://auto-net.fr/html5-et-peugeot-une-reussite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  auto-net.fr/tag/html5/feed/ ) in 0.47845 seconds, on Sep 12th, 2013 at 2:39 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Sep 12th, 2013 at 3:39 am UTC -->