<?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>Moon Websites</title>
	<atom:link href="http://www.moon-websites.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.moon-websites.com/blog</link>
	<description>Blog de l&#039;agence web Moon Websites</description>
	<lastBuildDate>Tue, 15 May 2012 15:13:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Le site des Open du Web fait peau neuve</title>
		<link>http://www.moon-websites.com/blog/2012/05/le-site-des-open-du-web-fait-peau-neuve/</link>
		<comments>http://www.moon-websites.com/blog/2012/05/le-site-des-open-du-web-fait-peau-neuve/#comments</comments>
		<pubDate>Mon, 14 May 2012 12:17:54 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[experience utilisateur]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2918</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<table>
<tr>
<td style="border:none"<br />
<div id="attachment_3013" class="wp-caption alignnone" style="width: 310px"><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/Openduweb_avant-300x220.png" alt="" title="Open du Web v1" width="300" height="225" class="size-medium wp-image-3013" /><p class="wp-caption-text">Avant : Open du Web v1</p></div></td>
<td id="contreattaque" style="border:none"<div id="attachment_2975" class="wp-caption alignnone" style="width: 310px"><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/ODW2-annonce-nouveau-site-300x225.jpg" alt="" title="Nouveau site des Open du Web" width="300" height="225" class="size-medium wp-image-2975" /><p class="wp-caption-text">Après : Open du Web v2</p></div></td>
</tr>
</table>
<p><a href="http://www.moon-websites.com/blog/2012/05/open-du-web-2-les-nouveautes-du-concours/" title="Open du web #2 : les nouveautés du concours" target="_blank">Les Open du Web nouvelle édition</a> se déclinent en version web  &#8211; cohérence oblige.<br />
Pour une <strong>expérience utilisateur</strong> plus fluide, <strong><a href="http://www.open-du-web.fr" title="Site des Open du Web" target="_blank">le site des Open du Web</a> évolue</strong>. Une v2 a donc vu le jour avec de nouvelles optimisations pensées par Raphaël Bousquet directeur artistique chez <a href="http://www.moon-websites.com/presentation-l-agence-web/equipe.html" target="_blank">Moon Websites</a>&nbsp;:
<ul>
<li>
interface plus ergonomique,</li>
<li> évolution du footer,</li>
<li> graphisme toujours aussi décalé.</li>
</ul>
<p><span id="more-2918"></span></p>
<h2>Ergonomie</h2>
<h3>Header et footer</h3>
<p>Le <strong>header très structuré</strong> se divise en trois parties : une accroche (en deux parties) qui commence à gauche et se poursuit à droite et, bien au milieu, le logo des Open du Web qui vient interrompre l&#8217;accroche &laquo;&nbsp;<em>à la manière du bandeau du </em>Canard Enchaîné.&nbsp;&raquo; dixit Raphaël, directeur artistique. Ce qui donne au logo une place centrale et la valeur d&#8217;un tampon.</p>
<div id="attachment_3000" class="wp-caption alignright" style="width: 433px"><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/Footer_Open_duWeb_V2.png" alt="" title="Footer Open du Web v2" width="423" height="237" class="size-full wp-image-3000" /><p class="wp-caption-text">Footer : Open du Web v2</p></div>Le <strong>footer</strong> a, quant à lui, un rôle à part entière. Large, presque surdimensionné, il est exploité d&#8217;une façon particulière puisqu&#8217;il <strong>présente de façon transversale les partenaires de l&#8217;événement</strong>.<br />
Le footer indique également la présence des Open du Web sur les réseaux sociaux, la possibilité de s&#8217;inscrire à la newsletter. </p>
<li>
Originalité : ce footer est conçu pour des <strong>contenus essentiels</strong>, de fait, ces contenus sont <strong>accessibles depuis toutes les pages du site</strong>.</li>
<h2>Navigation</h2>
<h3>Refonte du menu de navigation</h3>
<p><div id="attachment_2994" class="wp-caption alignright" style="width: 461px"><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/SousMenu_OpenduWeb.png" alt="" title="Sous menu de navigation Open du Web" width="451" height="88" class="size-full wp-image-2994" /><p class="wp-caption-text">Sous menu de navigation Open du Web</p></div><br />
Le menu de navigation a subi une <strong>refonte complète</strong>, il est augmenté d&#8217;un <strong>sous-menu de navigation panoramique</strong> pour une expérience utilisateur plus agréable et une lisibilité optimale. De cette façon la zone de clic est plus importante.</p>
<h2>Graphisme</h2>
<h3>Mascotte geek omniprésente</h3>
<p><div id="attachment_3001" class="wp-caption alignright" style="width: 310px"><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/ODW2-page404-300x233.jpg" alt="" title="Open du Web V2 : page d&#039;erreur 404" width="300" height="233" class="size-medium wp-image-3001" /><p class="wp-caption-text">Page d&#039;erreur 404</p></div>
<p>D&#8217;un point de vue graphique, le site s&#8217;inscrit dans la continuité de la première édition : <a href="http://www.moon-websites.com/blog/2012/02/typologie-du-geek/" title="Typologie du geek" target="_blank">les personnages <em>geek</em> sont omniprésents</a>.<br />
Le parti pris de la mascotte geek est assumé et renouvelé : les <strong>références à Star Wars</strong> sont présentes dès la page d&#8217;accueil : <em><a href="http://www.moon-websites.com/blog/?p=2918#contreattaque" title="Références à Stars Wars">&laquo;&nbsp;les Open du Web contre-attaquent&nbsp;&raquo;</a></em>.<br />
De même, la référence à Stars Wars est présente sur la page d&#8217;erreur 404 pour le clin d&#8217;œil, <strong>une page d&#8217;erreur qui ne doit rien au hasard</strong>.</p>
<li>Découvrez le nouveau <a href="http://www.open-du-web.fr" title="Open du Web" target="_blank">site des Open du Web</a> !</li>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/05/le-site-des-open-du-web-fait-peau-neuve/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open du web #2&#160;: les nouveautés du concours</title>
		<link>http://www.moon-websites.com/blog/2012/05/open-du-web-2-les-nouveautes-du-concours/</link>
		<comments>http://www.moon-websites.com/blog/2012/05/open-du-web-2-les-nouveautes-du-concours/#comments</comments>
		<pubDate>Sat, 12 May 2012 09:31:22 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[administration système]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[développement web]]></category>
		<category><![CDATA[intégration web]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2898</guid>
		<description><![CDATA[Qui dit deuxième édition, dit nouveautés. Le concours des Open du Web évolue pour permettre à un plus grand nombre de participants de concourir. Format plus long, nouveau lieu, découvrez la nouvelle version des Open du Web ! Format de la 2e édition des Open du Web Ce qui change : Le lieu : l&#8217;EEMI [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/OpenduWeb_Nouveautes_edition2.jpg" alt="" title="OpenduWeb_Nouveautes_edition2" width="622" height="83" class="aligncenter size-full wp-image-2923" /><br />
Qui dit <a href="http://www.moon-websites.com/blog/2012/05/les-open-du-web-2-rendez-vous-le-15-juin-a-leemi/" title="Les Open du Web #2 : rendez-vous le 15 juin à l’EEMI" target="_blank">deuxième édition</a>, dit nouveautés. <strong>Le concours des Open du Web évolue</strong> pour permettre à un plus grand nombre de participants de concourir.<br />
Format plus long, nouveau lieu, découvrez la nouvelle version des Open du Web !<span id="more-2898"></span></p>
<h2>Format de la 2<sup>e</sup> édition des Open du Web</h2>
<h3>Ce qui change :</h3>
<ul>
<li><strong>Le lieu : <a title="EEMI, École Européenne des Métiers de l’Internet" href="http://www.eemi.com/" target="_blank">l&#8217;EEMI</a> @ Palais Brongniart</strong> – 28, place de la Bourse, Paris 2<sup>e</sup></li>
<li><strong>3h d&#8217;épreuves</strong> au lieu de 2h30</li>
<li><strong>70 participants</strong> au lieu de 40</li>
<li><strong>Un concours l&#8217;après-midi</strong> (dès 15h) plutôt qu&#8217;en soirée</li>
<li>20 € de frais d&#8217;inscription pour tous</li>
<li>Des dotations plus importantes.</li>
</ul>
<h3>Ce qui ne change pas :</h3>
<p><strong>Les disciplines sont les mêmes</strong>. En 3 heures, les concurrents devront réussir un maximum d&#8217;épreuves dans une ou plusieurs disciplines à savoir :</p>
<ul>
<li>développement (backend)</li>
<li>intégration (frontend)</li>
<li>webdesign</li>
<li>administration système</li>
<li>référencement naturel.</li>
</ul>
<p>Le concours des Open du Web est toujours animé par la même passion du web et l&#8217;envie de fédérer une communauté pour <strong>reconnaître et valoriser les talents du web</strong>. <a href="http://www.moon-websites.com/blog/2012/05/sinscrire-a-la-2e-edition-des-open-du-web/" title="S’inscrire à la 2e édition des Open du Web" target="_blank">Les inscriptions sont ouvertes</a>, n&#8217;attendez pas qu&#8217;il soit trop tard !</p>
<h2>Participer et rejoindre la communauté des Open du Web</h2>
<ul>
<li><a href="http://www.open-du-web.fr/sinscrire" title="S'inscrire aux Open du Web" target="_blank">S’inscrire aux Open du Web</a>.</li>
<li>Suivre l&#8217;actu des <a href="https://twitter.com/OpenduWeb" title="Open du Web sur Twitter" target="_blank">Open du Web sur <strong>Twitter</strong></a> et sur <a href="https://www.facebook.com/OpenduWeb" title="Open du Web sur Facebook" target="_blank"><strong>Facebook</strong></a>.</li>
<li>Recevoir la <a href="http://www.open-du-web.fr/#footer" title="Newsletter des Open du Web" target="_blank"><strong>newsletter</strong> des Open du Web</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/05/open-du-web-2-les-nouveautes-du-concours/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>S&#8217;inscrire à la 2e édition des Open du Web</title>
		<link>http://www.moon-websites.com/blog/2012/05/sinscrire-a-la-2e-edition-des-open-du-web/</link>
		<comments>http://www.moon-websites.com/blog/2012/05/sinscrire-a-la-2e-edition-des-open-du-web/#comments</comments>
		<pubDate>Fri, 11 May 2012 09:39:31 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[administration système]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[développement web]]></category>
		<category><![CDATA[intégration web]]></category>
		<category><![CDATA[référencement naturel]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2862</guid>
		<description><![CDATA[Comme annoncé précédemment, les Open du Web sont de retour pour une deuxième édition. Le concours réunira des férus de web de tous bords le 15 juin prochain à Paris. Les participants ont la possibilité de s&#8217;inscrire aux Open du Web dès à présent. Quelque soit la ou les catégories sélectionnées pour concourir (développement web, [...]]]></description>
			<content:encoded><![CDATA[<p><img style="margin:20px" class="alignleft size-medium wp-image-2863" title="Inscription Open du Web saison 2" src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/ouverture-inscriptions-300x203.jpg" alt="Open du Web, 2e édition à l'EEMI le 15 juin 2012" width="300" height="203" />Comme annoncé précédemment, <a title="Les Open du Web #2 : rendez-vous le 15 juin à l’EEMI" href="http://www.moon-websites.com/blog/2012/05/les-open-du-web-2-rendez-vous-le-15-juin-a-leemi/" target="_blank"><strong>les Open du Web sont de retour</strong> pour une deuxième édition</a>. Le concours réunira des férus de web de tous bords le 15 juin prochain à Paris. Les participants ont la possibilité de <a title="S'inscrire aux Open du Web, deuxième édition" href="http://www.open-du-web.fr/sinscrire" target="_blank"><strong>s&#8217;inscrire aux Open du Web</a> dès à présent</strong>.<span id="more-2862"></span></p>
<p>Quelque soit la ou les catégories sélectionnées pour concourir (<strong>développement web, intégration web, webdesign, administration système ou référencement naturel</strong>), les participants peuvent choisir dans quel état d’esprit ils participent au concours :</p>
<ul>
<li><strong>pour le fun</strong> et le plaisir de concourir</li>
<li>pour trouver des <strong>opportunités d&#8217;embauche</strong> (salariés et demandeurs d&#8217;emploi)</li>
<li>pour <strong>prospecter de nouveaux clients</strong> (freelances).</li>
</ul>
<p>Les CV des participants en recherche d&#8217;emploi ou de prospects seront transmis aux recruteurs présents le jour J.</p>
<p><strong>Le coût de l&#8217;inscription est de 20&nbsp;€</strong> pour tous. Il comprend la participation au concours ainsi que des rafraîchissements distribués tout au long de l&#8217;événement. Il est possible de régler par carte bancaire ou Paypal.</p>
<p><a href="http://www.open-du-web.fr/sinscrire" title="S'inscrire aux Open du Web" target="_blank">Rendez-vous sur le site des Open du Web pour participer au concours</a> !</p>
<h2>Infos pratiques</h2>
<h3>Open du Web, 2<sup>e</sup> édition</h3>
<ul>
<li>Date : le 15 juin dès 14h30</li>
<li>Durée totale des épreuves : 3h00</li>
<li>Lieu : EEMI, Palais Brongniart – 28, place de la Bourse, Paris 2<sup>e</sup>.</li>
</ul>
<p>Plus d&#8217;infos sur le <a href="http://www.moon-websites.com/blog/?p=2776#deroulement" target="_blank">déroulement des Open du Web 2<sup>e</sup> édition</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/05/sinscrire-a-la-2e-edition-des-open-du-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Les Open du Web #2&#160;: rendez-vous le 15 juin à l&#8217;EEMI</title>
		<link>http://www.moon-websites.com/blog/2012/05/les-open-du-web-2-rendez-vous-le-15-juin-a-leemi/</link>
		<comments>http://www.moon-websites.com/blog/2012/05/les-open-du-web-2-rendez-vous-le-15-juin-a-leemi/#comments</comments>
		<pubDate>Fri, 04 May 2012 15:25:59 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[administration système]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[développement web]]></category>
		<category><![CDATA[intégration web]]></category>
		<category><![CDATA[référencement naturel]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2776</guid>
		<description><![CDATA[Souvenez-vous, le 14 mars dernier, Moon Websites lançait les Open du Web : un concours-événement destiné aux férus de web. Une première édition où les passionnés de développement, d&#8217;intégration web, mais aussi de référencement, de webdesign et d&#8217;administration système ont pu : se mesurer lors d&#8217;épreuves de difficulté croissante évaluer leur profil en situation de [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/couv-dossierpartenaires.jpg" alt="" title="Open du Web : 2e édition le 15 juin 2012" width="305" height="390" class="alignleft size-full wp-image-2779" />Souvenez-vous, le 14 mars dernier, <strong>Moon Websites</strong> lançait les <a href="http://www.moon-websites.com/blog/2012/02/open-du-web-reveille-le-geek-qui-est-en-toi/" title="Open du Web : Réveille le geek qui est en toi !" target="_blank">Open du Web : un concours-événement destiné aux férus de web</a>. Une première édition où les passionnés de <strong>développement</strong>, d&#8217;<strong>intégration web</strong>, mais aussi de <strong>référencement</strong>, de <strong>webdesign</strong> et d&#8217;<strong>administration système</strong> ont pu :
<ul>
<li>se mesurer lors d&#8217;épreuves de difficulté croissante</li>
<li><strong>évaluer leur profil en situation de stress</strong> au cours des 2h30 imposées</li>
<li>passer <strong>un moment convivial</strong>.
</li>
</ul>
<p>En mars dernier, <a href="http://www.moon-websites.com/blog/2012/04/interview-des-gagnants-des-open-du-web/" title="Interview des gagnants des Open du Web" target="_blank">trois vainqueurs sont montés sur le podium</a> et se sont vus remettre des prix, tandis que tous les concurrents ont pu <strong>échanger</strong> avec les entreprises, start-ups et cabinets venus <strong>recruter des profils variés</strong>. </p>
<p><strong>La deuxième édition des Open du Web aura lieu le vendredi 15 juin 2012</strong>. Le principe du concours reste le même : <strong>dénicher les talents du web</strong>. Quelques nouveautés font leur apparition.<span id="more-2776"></span></p>
<h2>Les nouveautés de la deuxième édition des Open du Web</h2>
<h3>L&#8217;EEMI, sponsor et lieu du concours</h3>
<p><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/05/eemi-ecole-europeenne-des-metiers-de-l-internet.png" alt="" title="eemi-ecole-europeenne-des-metiers-de-l-internet" width="148" height="70" class="alignleft size-full wp-image-2809" />La deuxième édition se déroulera l&#8217;après-midi dans un <strong>nouveau lieu</strong> : l&#8217;<a href="http://www.eemi.com/" title="EEMI, École Européenne des Métiers de l'Internet" target="_blank"><strong>EEMI</strong>, École Européenne des Métiers de l&#8217;Internet</a>, sponsor des Open du Web, accueillera l&#8217;évènement au sein de ses locaux du 2<sup>e</sup> arrondissement de Paris. </p>
<p><strong>Lieu du concours</strong> : EEMI, Palais Brongniart &#8211; 28, place de la Bourse, Paris 2<sup>e</sup>.</p>
<p>En effet, l&#8217;EEMI est l&#8217;école <strong>fondée par trois leaders de l&#8217;Internet en 2011</strong> : </p>
<ul>
<li><strong>Jacques-Antoine Granjon</strong>, fondateur de vente-privee.com</li>
<li><strong>Marc Simoncini</strong>, fondateur de Meetic</li>
<li><strong>Xavier Niel</strong>, fondateur de Free.</li>
</ul>
<blockquote><p>L&#8217;EEMI a pour objectif de <em>«&nbsp;former aux métiers de l’Internet de jeunes gens passionnés en leur donnant toutes les bases nécessaires dont ils auront besoin pour entrer [dans la vie active] ou inventer les sociétés de demain.&nbsp;»</em> (Marc Simoncini).</p></blockquote>
<p>En effet, le web évolue très rapidement, de nouveaux métiers voient le jour et la formation se doit de répondre à la demande. La création de l&#8217;EEMI s’inscrit dans cette logique. Bien souvent, les talents du web sont autodidactes, c&#8217;est pourquoi les Open du Web et l&#8217;EEMI souhaitent les propulser sur le devant de la scène à travers cette initiative.</p>
<h3 id="deroulement">Déroulement de l&#8217;édition #2 : rendez-vous l&#8217;après-midi !</h3>
<p>Les Open du Web accueilleront <strong>70 paticipants</strong> pour cette deuxième édition. Le concours aura lieu <strong>le vendredi 15 juin, dès 14h30</strong> et se terminera vers 20h.</p>
<table style="border:none">
<th colspan="2">Déroulement du concours des Open du Web #2</th>
<tr>
<td style="border:none">Dès 14h30</td>
<td style="border:none">Ouverture des portes</td>
</tr>
<tr>
<td style="border:none">De 15h à 18h</td>
<td style="border:none">Concours</td>
</tr>
<tr>
<td style="border:none">De 18h à 19h</td>
<td style="border:none">Cocktail &#038; échanges entre les participants, <br />recruteurs, partenaires et médias</td>
</tr>
<tr>
<td style="border:none">Dès 19h</td>
<td style="border:none">Remise des prix</td>
</tr>
</table>
<h3>Follow us !</h3>
<p>Pour être averti de l&#8217;ouverture des inscriptions, rejoignez la communauté des Open du Web :</p>
<ul>
<li>sur <a href="http://twitter.com/OpenduWeb" target="_blank">Twitter</a> </li>
<li>sur <a href="http://www.facebook.com/OpenduWeb">Facebook</a></strong>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/05/les-open-du-web-2-rendez-vous-le-15-juin-a-leemi/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Interview des gagnants des Open du Web</title>
		<link>http://www.moon-websites.com/blog/2012/04/interview-des-gagnants-des-open-du-web/</link>
		<comments>http://www.moon-websites.com/blog/2012/04/interview-des-gagnants-des-open-du-web/#comments</comments>
		<pubDate>Thu, 19 Apr 2012 08:05:58 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[développement web]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2671</guid>
		<description><![CDATA[Après le succès de la première édition des Open du Web, nous avons interviewé les gagnants du concours &#8211; qui avaient majoritairement choisi la catégorie développement web &#8211; afin de mieux les connaître. Ils nous disent qui ils sont, ce qu&#8217;ils aiment dans le web et ce que les Open du Web leur ont apporté. [...]]]></description>
			<content:encoded><![CDATA[<p>Après le succès de la <a title="Vidéo : retrouvez l'ambiance des Open du Web" href="http://www.moon-websites.com/blog/?p=2700" target="_blank">première édition des <strong>Open du Web</strong></a>, nous avons interviewé les gagnants du concours &#8211; qui avaient majoritairement choisi la catégorie développement web &#8211; afin de<strong> mieux les connaître</strong>. Ils nous disent qui ils sont,<strong> ce qu&#8217;ils aiment dans le web</strong> et ce que les Open du Web leur ont apporté.</p>
<p>Sommaire :</p>
<ul>
<li>Lire l&#8217;<a href="http://www.moon-websites.com/blog/?p=2671#noirbizarre">interview d&#8217;Axel Haustant</a>.</li>
<li>Lire l&#8217;<a href="http://www.moon-websites.com/blog/?p=2671#arcanis">interview de Maël Nison</a>.</li>
</ul>
<p><span id="more-2671"></span></p>
<h2 id="noirbizarre">Interview d&#8217;Axel Haustant, aka Noir Bizarre</h2>
<div id="attachment_2717" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-2717" title="Noirbizarre-Open-du-Web" src="http://www.moon-websites.com/blog/wp-content/uploads/2012/04/Noirbizarre-Open-du-Web-300x194.jpg" alt="" width="300" height="194" /><p class="wp-caption-text">Axel Haustant, incrédule à l&#39;annonce des résultats</p></div>
<p><strong>Axel Haustant</strong>, aka Noir Bizarre (à gauche), a brillamment terminé sur la <strong>1<sup>re</sup> marche du podium des Open du Web</strong>. Il aborde le web comme une dynamique, un mouvement (un peu philosophe) qui fait avancer les choses. Interview.</p>
<p><strong>Quel âge as-tu et que fais-tu dans la vie ?</strong></p>
<p>Axel Haustant &#8211; <em>J&#8217;ai 27 ans et je suis consultant chez Valtech. Mes champs d&#8217;intervention sont : le développement Java, Python, Flex, ActionScript 3, méthodologies Agile (Scrum, XP, &#8230;), l&#8217;intégration continue, le continuous delivery, etc.</em></p>
<p><strong>Que représente le web pour toi ?</strong></p>
<p>A.H. &#8211; <em>Pour faire simple, le web représente l&#8217;avenir et la liberté, un espace où chacun peut s&#8217;exprimer, s&#8217;informer, échanger&#8230; C&#8217;est aussi <strong>l&#8217;espace des idées neuves</strong> : la création et l&#8217;innovation passent par le web. C&#8217;est une nouvelle façon de (conce)voir le monde, ce serait dommage de passer à côté ! C&#8217;est un retour au but de l&#8217;<em>Encyclopédie</em> de Diderot, publiée en 1751 :</em></p>
<blockquote><p>« rassembler les connaissances éparses sur la surface de la Terre ; d&#8217;en exposer le système général aux hommes avec qui nous vivons, et de le transmettre aux hommes qui viendront après nous (&#8230;) »</p></blockquote>
<p><em>Nous ne sommes qu&#8217;aux balbutiements du web, chacun sera mis à contribution dans des domaines tels que la recherche, la citoyenneté/vie politique, le financement&#8230; Seulement tout le monde n&#8217;en a pas encore conscience, d&#8217;où la tentation de freiner ou de contrôler (en vain) ce mouvement.</em></p>
<p><strong>Comment as-tu entendu parler du concours des Open du Web ? Et qu&#8217;est-ce qui t&#8217;as motivé à y participer ?</strong></p>
<p>A.H. &#8211; <em>C&#8217;est un ami (Damien Desmarets aka Zaide) qui m&#8217;en a parlé. Nous y avons participé en trio avec Bizboo (Loïc Himmer). Nous prenons régulièrement part aux manifestations du monde de l&#8217;IT et de l’entrepreneuriat &#8211; comme par exemple, <a href="http://www.startinparis.com/" target="_blank">Start In Paris</a>, DevOps User Group &#8211; car ce sont des domaines où il faut être motivé, passionné et toujours à la page. Ce qui nous a poussé à participer aux Open du Web, c&#8217;est de rencontrer de nouvelles personnes, découvrir de nouvelles technologies.</em></p>
<p><strong>Qu&#8217;as-tu pensé du concours ? Qu&#8217;est-ce que les Open du Web t&#8217;ont apporté ?</strong></p>
<p>A.H. &#8211; <em>C&#8217;était très intéressant de participer à un concours d&#8217;informatique, même si ce n&#8217;était pas mon domaine de prédilection.<strong> C&#8217;était une première et cela m&#8217;a permis de tester ma capacité à résoudre des problèmes en peu de temps et sous pression</strong>. Le concours s&#8217;est déroulé dans une très bonne ambiance, avec mes amis, qui plus est, j&#8217;ai eu une très bonne surprise au final : j&#8217;ai gagné ! Je participerai aux prochaines éditions et dans le même état d&#8217;esprit : l&#8217;envie de découvrir, de rencontrer des gens et de passer un bon moment. <strong>Je pense que les Open du Web sont une excellente initiative qui doit être renouvelée</strong>. la première édition était axée « web agency » et a, je pense, permis de mettre en contact recruteurs et développeurs du secteur. Mais ce type de concours pourrait s&#8217;appliquer à plein d&#8217;autres domaines comme les usines logicielles, le développement Java, Python, Ruby&#8230;</em></p>
<p>En savoir plus sur <a href="http://noirbizarre.info" target="_blank">Noir Bizarre</a> :</p>
<ul>
<li><a href="http://fr.linkedin.com/in/axelhaustant" target="_blank">LinkedIn</a></li>
<li><a href="http://www.viadeo.com/profile/00216b5hkf3xcvsh" target="_blank">Viadeo</a></li>
<li>Twitter : <a href="https://twitter.com/noirbizarre" target="_blank">@noirbizarre</a></li>
</ul>
<h2 id="arcanis">Interview de Maël Nison, aka Arcanis</h2>
<div id="attachment_2722" class="wp-caption alignleft" style="width: 286px"><img class="size-medium wp-image-2722" title="Arcanis-vainqueur des Open du Web" src="http://www.moon-websites.com/blog/wp-content/uploads/2012/04/Arcanis-vainqueur-des-Open-du-Web-276x300.jpg" alt="" width="276" height="300" /><p class="wp-caption-text">Maël Nison, dans le feu de l&#39;action</p></div>
<p><strong>Maël Nison</strong>, aka Arcanis, est arrivé sur la <strong>2<sup>e</sup> marche du podium des Open du Web</strong>, il garde pourtant la tête froide et pense déjà aux possibilités entrepreneuriales offertes par le web.</p>
<p><strong>Quel âge as-tu et que fais-tu dans la vie ?</strong><br />
Maël Nison &#8211; <em>J&#8217;ai 20 ans, je suis étudiant à l&#8217;<a href="http://www.epitech.eu/" target="_blank">Epitech</a> et développeur, actuellement en stage chez <a href="http://www.balloonup.com/" target="_blank">Balloon</a>.</em></p>
<p><strong>Que représente le web pour toi ?</strong><br />
M.N. &#8211; <em>C&#8217;est un secteur dans lequel tout reste à faire au fil de l&#8217;évolution des technologies. C&#8217;est à mon sens<strong> le meilleur vecteur pour réussir à monter une boîte</strong>.</em></p>
<p><strong>Comment as-tu entendu parler du concours des Open du Web ?</strong><br />
M.N. &#8211; <em>C&#8217;est <a href="https://twitter.com/WebiaBdx" target="_blank">Webia</a> qui m&#8217;en a parlé. Ce sont des Epitech de Bordeaux qui nous ont gentiment proposé de participer aux Open du Web, à moi et à un ami.</em></p>
<p><strong>Qu&#8217;est-ce qui t&#8217;as motivé à y participer ?</strong><br />
M.N. &#8211; <em>Le côté web. Par ailleurs, j&#8217;étais en recherche d&#8217;emploi et c&#8217;était une opportunité comme une autre pour rencontrer des recruteurs.</em></p>
<p><strong>Qu&#8217;as-tu pensé du concours ?</strong><br />
M.N. &#8211; <em>Très sympathique ! Les épreuves n&#8217;étaient pas très difficiles </em>(ndlr : Maël a terminé 2<sup>e</sup> sur 40 participants, la difficulté est donc toute relative !), <em>le principal problème a surtout été de ne pas faire d&#8217;épreuve qui me ferait perdre de points. J&#8217;ai d&#8217;ailleurs échoué sur cet aspect, en perdant énormément de temps sur une épreuve que je ne sentais pas dès le début. Néanmoins, je l&#8217;ai tentée pour voir à quoi ressemblaient les autres sections.</em></p>
<p><strong>Qu&#8217;est-ce que les Open du Web t&#8217;ont apporté ?</strong><br />
M.N. &#8211; <em>Une vision de la façon dont les recruteurs peuvent nous percevoir, principalement. C&#8217;est un sentiment curieux que de voir des gens venir vers vous en disant &laquo;&nbsp;c&#8217;est bien vous sur ce CV ?&nbsp;&raquo; !</em></p>
<p><strong>As-tu quelque chose à ajouter ?</strong><br />
M.N. &#8211; <em>À la prochaine édition ? <img src='http://www.moon-websites.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </em></p>
<p>Suivez <a href="https://twitter.com/arcanis" target="_blank">@arcanis</a> sur Twitter !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/04/interview-des-gagnants-des-open-du-web/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Vidéo : les Open du Web comme si vous y étiez</title>
		<link>http://www.moon-websites.com/blog/2012/04/video-les-open-du-web-comme-si-vous-y-etiez/</link>
		<comments>http://www.moon-websites.com/blog/2012/04/video-les-open-du-web-comme-si-vous-y-etiez/#comments</comments>
		<pubDate>Wed, 18 Apr 2012 08:36:23 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[vidéo]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2700</guid>
		<description><![CDATA[Vous avez manqué la première édition du concours ou vous souhaitez revivre l&#8217;ambiance des Open du Web à la Cantine ? Cette vidéo vous rappellera (peut-être) de bons souvenirs : stress du concours, enchaînement des épreuves, échanges entre membres de la communauté geek, rencontre avec les recruteurs, moments conviviaux (tout le monde a bien eu [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/04/Video_Open_du_Web-300x216.png" alt="" title="Vidéo des Open du Web" width="300" height="216" class="alignleft size-medium wp-image-2751" style="display:none;" />Vous avez manqué <strong>la première édition du concours</strong> ou vous souhaitez revivre <strong>l&#8217;ambiance des Open du Web</strong> à <a href="http://www.moon-websites.com/blog/2012/02/open-du-web-tous-a-la-cantine/" title="Open du Web : tous à la Cantine !" target="_blank">la Cantine</a> ? Cette vidéo vous rappellera (peut-être) de bons souvenirs : stress du concours, enchaînement des épreuves, échanges entre membres de la communauté <a href="http://www.moon-websites.com/blog/2012/02/typologie-du-geek/" title="Typologie du geek" target="_blank">geek</a>, rencontre avec les recruteurs, moments conviviaux (tout le monde a bien eu sa part de pizza ?)&#8230;<span id="more-2700"></span></p>
<p>
<iframe width="560" height="315" src="http://www.youtube.com/embed/hV2lblMtUbU" frameborder="0" allowfullscreen></iframe><br />
<br />
Vous regrettez de ne pas en être ? Contactez-nous par mail à info[at]open-du-web.fr et suivez les <a href="http://www.open-du-web.fr/" title="Open du Web" target="_blank">Open du Web</a> sur <a href="https://twitter.com/OpenduWeb" title="Les Open du Web sur Twitter" target="_blank">Twitter</a> et sur <a href="https://www.facebook.com/OpenduWeb" title="Les Open du Web sur Facebook" target="_blank">Facebook</a>, une prochaine édition est en préparation !</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/04/video-les-open-du-web-comme-si-vous-y-etiez/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Open du Web : corrigé de l&#8217;épreuve intégration&#160;3/4</title>
		<link>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-lepreuve-integration34/</link>
		<comments>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-lepreuve-integration34/#comments</comments>
		<pubDate>Sat, 31 Mar 2012 09:56:13 +0000</pubDate>
		<dc:creator>Dario Spagnolo</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[intégration web]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2524</guid>
		<description><![CDATA[Après l&#8217;épreuve d&#8217;intégration du bouton extensible, passons maintenant à celle de l&#8217;intégration Sprite CSS. Rappelons que chaque épreuve d&#8217;une catégorie est de difficulté croissante, ainsi, sur les sept participants des Open du Web qui ont réalisé cette troisième épreuve d&#8217;intégration, un seul l&#8217;a validée. Épreuve 3 : intégration web &#8211; Sprite CSS Consigne de l&#8217;épreuve Réaliser [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-2533" title="Intégration web Open du Web" src="http://www.moon-websites.com/blog/wp-content/uploads/2012/03/Integration-web-Open-du-Web-300x296.jpg" alt="" width="210" height="207" />Après l&#8217;épreuve d&#8217;<a title="Open du Web : corrigé de l’épreuve intégration 2/4" href="http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-lepreuve-integration-24/" target="_blank">intégration du bouton extensible</a>, passons maintenant à celle de l&#8217;<strong>intégration Sprite CSS</strong>. Rappelons que chaque épreuve d&#8217;une catégorie est de <strong>difficulté croissante</strong>, ainsi, sur les sept participants des Open du Web qui ont réalisé cette troisième épreuve d&#8217;intégration, un seul l&#8217;a validée.<span id="more-2524"></span></p>
<h2>Épreuve 3 : intégration web &#8211; Sprite CSS</h2>
<h3>Consigne de l&#8217;épreuve</h3>
<p>Réaliser l&#8217;intégration de la maquette fournie. Tous les éléments graphiques doivent être issus d’une seule planche de visuels (Sprite CSS).<br />
La structure HTML de la page est fournie mais peut être librement modifiée, intégralement ou partiellement.</p>
<h4>Fichiers à télécharger</h4>
<p><strong>Maquette :</strong></p>
<ul>
<li><a href="http://www.moon-websites.com/blog/odw/14-03-2012/inte-3/SpriteCSS.psd" target="_blank">SpriteCSS.psd</a></li>
</ul>
<p><strong>Structure HTML </strong>:</p>
<ul>
<li><a href="http://www.moon-websites.com/blog/odw/14-03-2012/inte-3/index.html" target="_blank">index.html</a></li>
</ul>
<p><strong>CSS </strong>:</p>
<ul>
<li><a href="http://www.moon-websites.com/blog/odw/14-03-2012/inte-3/reset.css" target="_blank">reset.css</a></li>
<li><a href="http://www.moon-websites.com/blog/odw/14-03-2012/inte-3/style.css" target="_blank">style.css</a></li>
</ul>
<h3>Corrigé de l&#8217;épreuve</h3>
<p>Le seul participant à avoir validé cette épreuve était <a href="https://twitter.com/#!/@frontenddevfr" target="_blank">David Dias</a> en réalisant une <a href="http://www.moon-websites.com/blog/odw/14-03-2012/inte-3/david-dias/sprites.png" target="_blank">planche contenant tous les éléments</a> à intégrer et en complétant le <a href="http://www.moon-websites.com/blog/odw/14-03-2012/inte-3/david-dias/style.css" target="_blank">code CSS fourni</a> à l&#8217;aide notamment des propriétés background et background-position. Cela donne une <a href="http://www.moon-websites.com/blog/odw/14-03-2012/inte-3/david-dias/" target="_blank">page web</a> avec plusieurs éléments graphiques mais faisant appel à un seul fichier graphique.</p>
<p>Rappelons que <strong>cette technique</strong>, utilisée par <a href="http://www.youtube.com/" target="_blank">de</a> <a href="http://www.amazon.com/" target="_blank">très</a> <a href="http://www.cnn.com/" target="_blank">gros</a> <a href="http://www.apple.com/" target="_blank">sites</a> <a href="http://www.google.com/" target="_blank">Internet</a>, permet d’<strong>accélérer le temps de chargement des pages</strong> et d&#8217;éviter les techniques de pre-chargement à base de JavaScript dans le cas des effets de survol.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-lepreuve-integration34/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Open du Web : corrigé de l’épreuve administration système&#160;1/4</title>
		<link>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-administration-systeme14/</link>
		<comments>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-administration-systeme14/#comments</comments>
		<pubDate>Fri, 30 Mar 2012 14:21:01 +0000</pubDate>
		<dc:creator>Dario Spagnolo</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[administration système]]></category>
		<category><![CDATA[concours]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2358</guid>
		<description><![CDATA[Lors de la première phase de la catégorie d&#8217;administration système, 8 candidats des Open du Web se sont attelés à la tâche mais seulement la moitié d&#8217;entre eux a pu valider cette phase. Comme les autres premières épreuves de chaque catégorie, celle-ci est également relativement simple et permet de démontrer que les compétences de base [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-medium wp-image-2374" title="Open du Web - adminsys" src="http://www.moon-websites.com/blog/wp-content/uploads/2012/03/ambiance_geek-300x199.jpg" alt="" width="300" height="199" /></p>
<p>Lors de la <strong>première phase de la catégorie d&#8217;administration système</strong>, 8 candidats des <a href="http://www.open-du-web.fr/" title="Open du Web" target="_blank">Open du Web</a> se sont attelés à la tâche mais seulement la moitié d&#8217;entre eux a pu valider cette phase.</p>
<p>Comme les autres premières épreuves de chaque catégorie, celle-ci est également relativement simple et permet de démontrer que les compétences de base sont bien là.</p>
<p>Pour rappel, dans le cadre des épreuves d&#8217;administration système, les participants disposaient d&#8217;un serveur dédié virtuel chacun.<span id="more-2358"></span></p>
<h2>Épreuve 1 : administration système – manipulation de fichiers logs</h2>
<h3>Consigne de l&#8217;épreuve</h3>
<p>Le <strong>fichier de log Apache</strong> pour le site des Open du Web doit être analysé afin d’en extraire certaines informations :</p>
<ul>
<li><strong>nombre d’adresses IP uniques sur toute la période</strong> couverte par le fichier</li>
<li><strong>nombre moyen d’adresses IP uniques par heure sur toute la période</strong> (arrondi à l’unité)</li>
</ul>
<p>Écrire ces 2 informations dans le fichier /root/odw/seo1.txt de votre serveur virtuel.</p>
<p>Le fichier mis à disposition des participants était un fichier de log Apache de 20 000 lignes au format assez classique <a href="http://httpd.apache.org/docs/current/mod/mod_log_config.html#customlog">NCSA extended/combined</a> (&laquo;&nbsp;%h %l %u %t \&nbsp;&raquo;%r\&nbsp;&raquo; %&gt;s %b \&nbsp;&raquo;%{Referer}i\&nbsp;&raquo; \&nbsp;&raquo;%{User-agent}i\&nbsp;&raquo;"). Un extrait ci-dessous :</p>
<pre style="overflow:auto">88.198.248.XXX - - [11/Mar/2012:10:02:16 +0100] "GET / HTTP/1.1" 301 234 "-" "Mozilla/5.0 (Windows; U; Windows NT 6.0; en-US; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 GTB6 (.NET CLR 3.5.30729)"</pre>
<h3>Bonus</h3>
<div>
Pour décrocher le point bonus de l&#8217;épeuve, les candidats devaient indiquer :</p>
<ul>
<li>le nombre d’adresses IP uniques enregistrées le 11 mars 2012, entre 10h00 et 12h59.</li>
</ul>
</div>
<h2>Corrigé</h2>
<p>Le jury des Open du Web a tout particulièrement apprécié la <strong>solution de Loïc Himmer (bizboo)</strong> qui permettait de répondre simplement à la question. Voici les commandes utilisées.</p>
<p>Pour déterminer le nombre d&#8217;adresses IP uniques sur tout le fichier, Loïc a servi les commandes suivantes :</p>
<pre style="overflow:auto">cut -f 1 -d " " /var/log/apache2/access-odw.log | sort -rn | uniq | wc -l</pre>
<p>On a donc <strong>cut</strong>, <strong>sort</strong>, <strong>uniq</strong> et <strong>wc</strong>. Les grands classiques de la manipulation de fichier log ! D&#8217;autres participants ont également utilisé awk. Dans tous les cas, la bonne réponse était <strong>486</strong>.</p>
<p>Après avoir déterminé le nombre d&#8217;heures dans la période par une méthode quelconque (l&#8217;énoncé ne précisait pas s&#8217;il fallait s&#8217;y prendre à l&#8217;aide d&#8217;une ou plusieurs commandes), il a ensuite calculé à l&#8217;aide la commande <strong>bc</strong> qu&#8217;il y avait en moyenne <strong>12 IP uniques par heure</strong>.</p>
<p>Enfin, pour obtenir le bonus, Loïc a légèrement modifié sa première série de commandes pour y inclure des expressions régulières, autre thème récurrent de la manipulation de fichiers texte.</p>
<pre style="overflow:auto">cat /var/log/apache2/access-odw.log | grep -iE "11/Mar" | grep -iE "2012:10|2012:11|2012:12" | cut -f 1 -d " " | sort -rn | uniq | wc -l</pre>
<p>Cela permettait de découvrir que le fichier contenait <strong>66 adresses IP uniques</strong> dans la plage horaire demandée.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-administration-systeme14/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open du Web : corrigé de l’épreuve SEO&#160;3/4</title>
		<link>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-seo34/</link>
		<comments>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-seo34/#comments</comments>
		<pubDate>Wed, 28 Mar 2012 08:54:47 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[balise meta]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[référencement naturel]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[taux de rebond]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2546</guid>
		<description><![CDATA[Un peu plus poussée que le premier quizz SEO des Open du Web, revenons à présent sur la troisième épreuve de référencement naturel présentée lors de la première édition. Sur 5 participants, 3 ont validé cette épreuve. Réalisé sans accès Internet, ce QCM exhaustif comprend une série de 36 questions sur les bonnes pratiques du [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.moon-websites.com/blog/wp-content/uploads/2012/03/SEO_traffic-300x200.jpg" alt="" title="Quizz de référencement naturel" width="300" height="200" class="alignleft size-medium wp-image-2561" />Un peu plus poussée que le premier <a href="http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-lepreuve-seo-14/" title="Open du Web : corrigé de l’épreuve SEO 1/4" target="_blank"><strong>quizz SEO des Open du Web</strong></a>, revenons à présent sur la <strong>troisième épreuve de référencement naturel</strong> présentée lors de la première édition.<br />
Sur 5 participants, 3 ont validé cette épreuve. Réalisé sans accès Internet, ce <strong>QCM exhaustif</strong> comprend une série de 36 questions sur les <a href="http://www.moon-websites.com/blog/2011/10/optimiser-une-page-pour-le-referencement-naturel-mode-demploi/" title="Optimiser une page pour le référencement naturel : mode d’emploi" target="_blank">bonnes pratiques du référencement naturel</a>.<br />
Cette épreuve demande de la concentration et une bonne compréhension des énoncés. En effet, <strong>certaines questions sont éliminatoires</strong>&nbsp;: si une question éliminatoire n&#8217;est pas validée, c&#8217;est l&#8217;épreuve toute entière qui est ratée. Si une question non-éliminatoire n&#8217;est pas validée, elle n&#8217;affecte pas l&#8217;épreuve.</p>
<p>Comme précédemment, l’énoncé de l&#8217;épreuve est présenté vierge afin que chacun puisse y répondre en conditions de concours. Le corrigé est indiqué en bas de page.<br />
Bonne chance ! (Et on ne triche pas !)</p>
<p><span id="more-2546"></span></p>
<h2>Épreuve 3 : référencement naturel – quizz</h2>
<h3>1. Quel code de statut HTTP correspond à une page qui se trouve à titre provisoire sur une ancienne URL ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>300</li>
<li>301</li>
<li>302</li>
<li>200
</li>
<li>202</li>
<li>203</li>
<li>401</li>
</ol>
<h3>2. Pour Google, quel est l’intérêt de renseigner la balise meta Keywords ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Permettre au site d’être mieux référencé sur les mots-clés renseignés</li>
<li>Faciliter le travail de vérification manuelle du site par les agents humains de Google</li>
<li>Peu d’intérêt mais dans le doute il vaut mieux la renseigner</li>
<li>Aucun intérêt</li>
</ol>
<h3>3. Quel est l’intérêt de renseigner la balise meta Description ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Permettre au site d’être mieux référencé sur les mots-clés qu’il contient</li>
<li>Faciliter la prise de décision des internautes dans le choix du résultat dans les SERP</li>
<li>Très peu d’intérêt mais dans le doute il vaut mieux la renseigner</li>
<li>Aucun intérêt</li>
</ol>
<h3>4. Au regard des balises meta Keywords et Description, quelle est la meilleure solution ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Keywords et Description sur chaque page. Keywords unique et Description différente pour chaque page.</li>
<li>Pas de Keywords. Description personnalisée pour chaque page.</li>
<li>Keywords et Description sur chaque page. Keywords différente pour chaque page et Description unique.</li>
<li>Pas de Description. Keywords personnalisée pour chaque page.</li>
</ol>
<h3>5. Quelle URL représente le meilleur compromis entre le référencement naturel et les besoins des internautes ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>http://voyage.travel-dream.com/tous-nos-services/voyage-portugal-en-toute-liberte-a-partir-de-500-euros.html</li>
<li>http://www.travel-dream.com/services/voyage-portugal.html</li>
<li>http://www.travel-dream.com/services-voyage/page.php?id=5</li>
<li>http://www.travel-dream.com/services-voyage/page5.html</li>
<li>http://voyage.travel-dream.com/s-v/p5.html</li>
<li>http://www.travel-dream.com/services-voyage/p5.html</li>
</ol>
<h3>6. Comment désigne-t-on le mécanisme qui permet, à partir d’une URL donnée, de la modifier afin qu’une URL différente soit servie à l’utilisateur ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>réexpédition d’URL</li>
<li>traduction d’URL</li>
<li>réécriture d’URL</li>
<li>transformation d’URL</li>
</ol>
<h3>7. Les campagnes de liens sponsorisés peuvent-elles aider au positionnement d’un site dans les résultats naturels ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>oui</li>
<li>non</li>
<li>souvent mais pas toujours</li>
<li>rarement</li>
</ol>
<h3>8. Qu’est-ce que le taux de rebond ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Le pourcentage de visites sur un site qui conduit à une seule page vue.</li>
<li>Le pourcentage de visites sur un site au cours desquelles les visiteurs passent de la page A, à la page B pour ensuite revenir à la page A.</li>
<li>Le pourcentage de visites sur un site qui commencent par une page différente de la page d’accueil.</li>
</ol>
<h3>9. Que signale l’attribut rel=”nofollow” dans un lien ?</h3>
<p>Une seule bonne réponse.</p>
<p>Il signale :</p>
<ol>
<li>Que le lien est cassé.</li>
<li>Que le lien n’a pas encore été indexé par Google.</li>
<li>Que le lien conduit vers un site pour adultes.</li>
<li>Que Google ne fera pas bénéficier le site de destination du PR du site d’origine.</li>
<li>Que le propriétaire du site ne prend pas la responsabilité du contenu hébergé par le site de destination.</li>
<li>Cet attribut n’existe pas.</li>
</ol>
<h3>10. Que signale l’attribut rel=”dofollow” dans un lien ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Que le lien a été validé par l’équipe de modération du site.</li>
<li>Que le lien conduit à un site pouvant être consulté par des enfants.</li>
<li>Que le lien conduit vers une page publicitaire.</li>
<li>Que le lien sera indexé normalement par Google.</li>
<li>Cet attribut n’existe pas.</li>
</ol>
<h3>11. Est-il possible d’indexer n’importe quel site sur Google ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Oui, c’est très simple.</li>
<li>Oui, mais ça demande beaucoup de travail.</li>
<li>Non.</li>
</ol>
<h3>12. Est-ce que les sites de publication de communiqués de presse peuvent aider un site à se positionner sur des mots-clés ciblés ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Oui, mais à condition d’établir un lien retour vers le site de communiqués de presse.</li>
<li>Oui, mais à condition que le communiqué publié soit long d’au moins 500 mots.</li>
<li>Oui, mais ça dépend de la qualité du site de communiqués de presse.</li>
<li>Non, ils ne permettent que de diffuser l’information auprès des journalistes.</li>
<li>Non, seuls les services payants fonctionnent.</li>
</ol>
<h3>13. Est-il souhaitable de recopier intégralement une page d’un site tiers à l’intérieur d’un autre site ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Oui, mais avec l’autorisation de l’auteur car les moteurs de recherche pénalisent le plagiat.</li>
<li>
Oui, mais en ajoutant un lien vers la page originale.</li>
<li>Non, il vaut mieux s’inspirer de la page d’origine et la réécrire ou l’adapter intégralement.</li>
</ol>
<h3>14. Quelle est la part de Google en France sur le marché des moteurs de recherche ?</h3>
<p>Une seule bonne réponse. Cette question n&#8217;était pas éliminatoire.</p>
<ol>
<li>50 %</li>
<li>75 %</li>
<li>80 %</li>
<li>85 %</li>
<li>90 %</li>
<li>95 %</li>
</ol>
<h3>15. Quelle est la part de Google aux États-Unis sur le marché des moteurs de recherche ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>50 %</li>
<li>60 %</li>
<li>70 %</li>
<li>80 %</li>
<li>90 %</li>
</ol>
<h3>16. Pour les requêtes très concurrentielles, les moteurs de recherche ne font pas la différence entre le singulier et le pluriel.</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Vrai.</li>
<li>Faux.</li>
</ol>
<h3>17. Classer les éléments suivants du plus important au moins important du point de vue du référencement naturel.</h3>
<p> (inscrire la priorité devant chaque point ; 1 = le plus important, 5 = le moins important)</p>
<ul>
<li>Balise H1</li>
<li>Balise meta Keywords</li>
<li>Balise meta Description</li>
<li>Balise title</li>
<li>URL de la page</li>
</ul>
<h3>18. Est-ce que Google indexe le contenu en Flash ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Oui, complètement.</li>
<li>Oui, partiellement mais depuis peu.</li>
<li>Non, mais c’est annoncé pour bientôt.</li>
<li>Non, pas du tout.</li>
</ol>
<h3>19. Google est-il en mesure de suivre les liens gérés avec JavaScript ?</h3>
<p>Une seule bonne réponse. Cette question n&#8217;était pas éliminatoire.</p>
<ol>
<li>Non, mais c’est annoncé pour bientôt.</li>
<li>Non, pas du tout.</li>
<li>Oui, mais seulement quand l’URL n’est pas construite à partir de variables.</li>
</ol>
<h3>20. Quel est le meilleur moyen pour s’assurer que Google reviendra fréquemment crawler un site ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Choisir la fréquence de crawl la plus rapide dans Google Webmaster Tools.</li>
<li>Indiquer un délai court dans la balise meta ‘revisit-after’.</li>
<li>Soumettre fréquemment le site à Google.</li>
<li>Rechercher souvent le site dans Google.</li>
<li>Ajouter souvent du contenu.</li>
</ol>
<h3>21. Quelles sont les initiales de PR en référencement naturel ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Pertinent Result.</li>
<li>Page Returned.</li>
<li>Preferred Rank.</li>
<li>Partial Rank.</li>
<li>Page Rank.</li>
<li>Potential Result.</li>
</ol>
<h3>22. Quelle est la longueur en mots généralement préconisée pour le contenu d’une page web ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Le plus court possible.</li>
<li>Entre 50 et 100 mots.</li>
<li>Entre 200 et 300 mots.</li>
<li>Entre 500 et 700 mots.</li>
<li>Le plus long possible.</li>
</ol>
<h3>23. Lequel des liens ci-dessous aura le plus d’impact pour le référencement naturel de la page de destination ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>N’hésitez pas à consulter notre liste de <u>produits d’entretien pour la maison</u> si vous souhaitez plus de renseignements.</li>
<li>N’hésitez pas à consulter notre liste de produits d’entretien pour la maison si vous souhaitez <u>plus de renseignements</u>.</li>
<li>Pour plus de renseignements au sujet de nos produits d’entretien pour la maison, <u>cliquez ici</u> !</li>
</ol>
<h3>24. Est-ce que la localisation physique du serveur d’hébergement est prise en compte par Google dans son algorithme de positionnement ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Oui.</li>
<li>Non.</li>
</ol>
<h3>25. Est-ce que la présence d’une société sur les réseaux sociaux peut l’aider dans ses objectifs de référencement naturel sur Google ?</h3>
<p>Une seule bonne réponse. Cette question n&#8217;était pas éliminatoire.</p>
<ol>
<li>Oui.</li>
<li>Non.</li>
</ol>
<h3>26. Est-ce pénalisant d’héberger 10 sites Internet sur un même serveur d’hébergement (même adresse IP) ?</h3>
<p>Une seule bonne réponse. Cette question n&#8217;était pas éliminatoire.</p>
<ol>
<li>Oui.</li>
<li>Non.</li>
</ol>
<h3>27. Est-ce que l’ordre d’apparition des mots-clés dans une balise title a un impact sur le référencement naturel ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Oui.</li>
<li>Non.</li>
</ol>
<h3>28. Est-il possible de connaître le nombre de visites d’un site Internet dont on n’est pas propriétaire ?</h3>
<p>Une seule bonne réponse. Cette question n&#8217;était pas éliminatoire.</p>
<ol>
<li>Oui.</li>
<li>Non.</li>
</ol>
<h3>29. Vous lancez un nouveau site de rencontres par Internet dont le nom de domaine a été déposé 2 mois auparavant. Choisissez la formulation qui décrit au mieux l’effort à fournir pour positionner le site en première page sur la recherche “site de rencontres” dans le temps imparti, à partir de sa mise en ligne.</h3>
<p>Plusieurs bonnes réponses possibles mais une seule attendue par durée. Cette question n&#8217;était pas éliminatoire.</p>
<p><strong>En une semaine :</strong></p>
<li>Mission impossible.</li>
<li>En y travaillant jour et nuit, c’est peut-être faisable, et encore&#8230;</li>
<li>Avec beaucoup d’acharnement et de détermination, pourquoi pas !</li>
<li>En étant bien organisé, je devrais y arriver</li>
<li>C’est tout à fait jouable.</li>
<p><strong>En un mois :</strong></p>
<ol>
<li>Mission impossible.</li>
<li>En y travaillant jour et nuit, c’est peut-être faisable, et encore&#8230;</li>
<li>Avec beaucoup d’acharnement et de détermination, pourquoi pas !</li>
<li>En étant bien organisé, je devrais y arriver.</li>
<li>C’est tout à fait jouable.</li>
</ol>
<p><strong>En trois mois :</strong></p>
<ol>
<li>Mission impossible.</li>
<li>En y travaillant jour et nuit, c’est peut-être faisable, et encore&#8230;</li>
<li>Avec beaucoup d’acharnement et de détermination, pourquoi pas !</li>
<li>En étant bien organisé, je devrais y arriver.</li>
<li>C’est tout à fait jouable.</li>
</ol>
<p><strong>En six mois :</strong></p>
<ol>
<li>Mission impossible.</li>
<li>En y travaillant jour et nuit, c’est peut-être faisable, et encore&#8230;</li>
<li>Avec beaucoup d’acharnement et de détermination, pourquoi pas !</li>
<li>En étant bien organisé, je devrais y arriver.</li>
<li>C’est tout à fait jouable.</li>
</ol>
<p><strong>En un an :</strong></p>
<ol>
<li>Mission impossible.</li>
<li>En y travaillant jour et nuit, c’est peut-être faisable, et encore&#8230;</li>
<li>Avec beaucoup d’acharnement et de détermination, pourquoi pas !</li>
<li>En étant bien organisé, je devrais y arriver.</li>
<li>C’est tout à fait jouable.</li>
</ol>
<p><strong>En deux ans :</strong></p>
<ol>
<li>Mission impossible.</li>
<li>En y travaillant jour et nuit, c’est peut-être faisable, et encore&#8230;</li>
<li>Avec beaucoup d’acharnement et de détermination, pourquoi pas !</li>
<li>En étant bien organisé, je devrais y arriver.</li>
<li>C’est tout à fait jouable.</li>
</ol>
<p><strong>En trois ans :</strong></p>
<ol>
<li>Mission impossible.</li>
<li>En y travaillant jour et nuit, c’est peut-être faisable, et encore&#8230;</li>
<li>Avec beaucoup d’acharnement et de détermination, pourquoi pas !</li>
<li>En étant bien organisé, je devrais y arriver.</li>
<li>C’est tout à fait jouable.</li>
</ol>
<h3>30. Qu’est-ce que la Google Dance ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>La Macarena revue par Larry Page et Sergey Brin.</li>
<li>La prochaine menace après Google Panda.</li>
<li>Un vieux truc dont on n’a plus rien à faire.</li>
<li>Le nom de code de Google Plus avant son lancement.</li>
</ol>
<h3>31. Existe-t-il une forte corrélation entre un PR élevé et un bon positionnement sur les résultats de recherche de Google ? </h3>
<p>Une seule bonne réponse. Cette question n&#8217;était pas éliminatoire.</h3>
<ol>
<li>Oui</li>
<li>Non</li>
</ol>
<h3>32. Voici une répartition schématique et hypothétique du trafic apporté à un site Internet par plusieurs mots-clés sur une période de 10 jours. Entre parenthèses le nombre de visites. Cocher celles qui font partie de la longue traîne.</h3>
<ol>
<li>Chaussures (700)</li>
<li>Chaussures de sport (450)</li>
<li>Chaussures de ville (300)</li>
<li>Chaussures de sport taille 46 (24)
</li>
<li>Chaussures taille 44 noires (16)</li>
<li>Etc.</li>
<li>Chaussures résistantes et sportives (5)</li>
<li>Chaussures d’hiver pour enfant (4)</li>
<li>Chaussures montantes confortables (4)</li>
<li>Etc.</li>
<li>Chaussures avec pierres précieuses incrustées (1)</li>
<li>Chaussures portées par Linus Torvalds le 12 décembre 2005 (1)</li>
</ol>
<h3>33. Que faire vis-à-vis des URLs avec et sans www. pour un site ? Par exemple www.traveldream.com et traveldream.com ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>S’assurer que le site est accessible par les deux adresses.</li>
<li>S’assurer que le site est accessible par les deux adresses et mettre en place une redirection 301 de l’une vers l’autre.</li>
<li>S’assurer que le site est accessible par les deux adresses et mettre en place une redirection par balise meta refresh de l’une vers l’autre.</li>
<li>Rendre le site accessible uniquement par l’une des deux.</li>
</ol>
<h3>34. Contrairement au référencement naturel, les campagnes de liens sponsorisés (comme Google Adwords, par exemple) ont des effets plus rapide en termes d’acquisition de trafic</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Pas du tout, comme pour le référencement naturel il faut parfois compter plusieurs mois avant d’avoir des résultats.</li>
<li>C’est un peu plus rapide mais pas non plus instantané.</li>
<li>C’est totalement instantané : du jour au lendemain on peut se retrouver avec 1&nbsp;000 visites par jour en provenance d’Adwords.</li>
</ol>
<h3>35. Vous lancez un nouveau site Internet. Cochez ci-dessous ce qu’il est déconseillé de faire  (car potentiellement dangereux) tout de suite après sa mise en ligne</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>Envoyer un mailing à 3&nbsp;000 prospects pour leur présenter le site Internet.</li>
<li>Soumettre le site Internet à l’annuaire DMOZ.</li>
<li>Soumettre le site à 3&nbsp;000 annuaires via un service de soumission automatisé.</li>
</ol>
<h3>36. Dans la vie d’un site, quel est le meilleur moment pour lancer une réflexion sur la stratégie à adopter en matière de référencement naturel ?</h3>
<p>Une seule bonne réponse.</p>
<ol>
<li>En amont, avant même de choisir le nom du site.</li>
<li>Tout de suite après avoir validé la maquette graphique.</li>
<li>2 à 3 semaines à avant la mise en ligne.</li>
<li>Dès la mise en ligne.</li>
<li>1 à 2 mois après le lancement du site.</li>
</ol>
<h2>Corrigé du quizz SEO n°3</h2>
<ol>
<li>Réponse 3</li>
<li>Réponse 4</li>
<li>Réponse 2</li>
<li>Réponse 2</li>
<li>Réponse 2</li>
<li>Réponse 3</li>
<li>Réponse 2</li>
<li>Réponse 1</li>
<li>Réponse 4</li>
<li>Réponse 5</li>
<li>Réponse 1</li>
<li>Réponse 3</li>
<li>Réponse 3</li>
<li>Réponse 6</li>
<li>Réponse 4</li>
<li>Réponse 2</li>
<li>Réponses : n°2 : Balise H1 ; n°5 : Balise meta Keywords ; n°4 : Balise meta Description ; n°1 : Balise title ; n°3 : URL de la page.</li>
<li>Réponse 2</li>
<li>Réponse 3</li>
<li>Réponse 5</li>
<li>Réponse 5</li>
<li>Réponse 3</li>
<li>Réponse 1</li>
<li>Réponse 1</li>
<li>Réponse 1</li>
<li>Réponse 2</li>
<li>Réponse 1</li>
<li>Réponse 2</li>
<li><strong>En une semaine</strong> : réponse 1 ;<br />
<strong>en un mois</strong> : réponse 1 ;<br />
<strong>en trois mois</strong> : réponses 1, 2 et 3 ;<br />
<strong>en six mois</strong> : réponses 2 et 3 ;<br />
<strong>en un an </strong>: réponses 2, 3 et 4 ;<br />
<strong>en deux ans </strong>: réponses 2, 3 et 4 ;<br />
<strong>en trois ans</strong> : réponses 3 et 4.</li>
<li>Réponse 3</li>
<li>Réponse 2 </li>
<li>Réponses 4 à 12 incluses</li>
<li>
Réponse 2</li>
<li>
Réponse 3</li>
<li>Réponse 3</li>
<li>Réponse 1</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-seo34/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Open du Web : corrigé de l’épreuve webdesign&#160;2 et 3/4</title>
		<link>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-webdesign-24/</link>
		<comments>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-webdesign-24/#comments</comments>
		<pubDate>Fri, 23 Mar 2012 14:26:56 +0000</pubDate>
		<dc:creator>Mathilde Boinet</dc:creator>
				<category><![CDATA[Open du Web]]></category>
		<category><![CDATA[concours]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.moon-websites.com/blog/?p=2431</guid>
		<description><![CDATA[La catégorie webdesign est soumise à des critères à part dans le concours des Open du Web, on l&#8217;a vu, il s&#8217;agit d&#8217;évaluer la qualité de l&#8217;objet réalisé et les arguments du candidat webdesigner. Après la création de logo, passons à la charte graphique qui en découle. Cette épreuve a été traitée par 4 participants [...]]]></description>
			<content:encoded><![CDATA[<p>La<strong> catégorie webdesign</strong> est soumise à des <strong>critères à part dans le concours des Open du Web</strong>, on l&#8217;a vu, il s&#8217;agit d&#8217;évaluer la qualité de l&#8217;objet réalisé et les arguments du candidat webdesigner. Après la <a href="http://www.moon-websites.com/blog/?p=2302" title="Corrigé de l’épreuve webdesign 1/4 - Open du Web" target="_blank">création de logo</a>, passons à la <strong>charte graphique</strong> qui en découle. Cette épreuve a été traitée par 4 participants et 3 candidats l&#8217;ont validée.<span id="more-2431"></span></p>
<h2>Épreuve 2 : webdesign &#8211; charte graphique</h2>
<h3>Énoncé de l&#8217;épreuve</h3>
<p>Le but de la deuxième épreuve de webdesign est de <strong>créer et rédiger dans un document définissant la charte graphique du site</strong> pour l&#8217;artiste précédemment choisi.</p>
<p>Cette charte doit définir au minimum les éléments suivants :</p>
<ol>
<li>Les dimensions des pages et le zoning des différents contenus.</li>
<li>Les principes de navigation, la description des différentes zones dans la page, ainsi que la disposition des différents éléments.</li>
<li>Les couleurs avec le code hexadécimal exprimé sous cette forme (#000000 pour du noir par exemple) pour l&#8217;arrière-plan, les titres, les textes, les liens, les liens actifs, les liens visités, les boutons, les puces.</li>
<li>Les styles de police à employer pour les textes (famille, taille, couleur&#8230;).</li>
<li>Les types d&#8217;images, formats, dimensions&#8230;</li>
</ol>
<p>À titre indicatif, voici un <a href="http://www.moon-websites.com/blog/?p=2302/#mentions" target="_blank">rappel des mentions spéciales de la catégorie webdesign</a>.</p>
<h2 id="charte">Corrigé de l&#8217;épreuve 2&nbsp;: charte graphique</h2>
<p>La création et la présentation de la charte graphique, la deuxième épreuve, avait pour but de créer un <strong>lien entre l&#8217;ambiance graphique du logo et le futur site</strong>.</p>
<p>C&#8217;est encore <strong>Paul Lecoanet</strong> qui s&#8217;est illustrée lors de cette épreuve avec un <strong>document précis, exhaustif et bien mis en page</strong>.</p>
<h2 id="maquette">Épreuve 3&nbsp;: webdesign &#8211; pré-maquette</h2>
<h3>Énoncé de l&#8217;épreuve</h3>
<ol>
<li>Créer la pré-maquette en affinant le zoning prévu dans la charte graphique.</li>
<li>Créer les éléments obligatoires.</li>
<li>Création des éléments graphiques (icônes, blocs, etc&#8230;)</li>
</ol>
<p>La création graphique doit être argumentée à l’écrit ou à l’oral lors de la remise du fichier.</p>
<h2 id="maquette">Corrigé de l&#8217;épreuve 3&nbsp;: pré-maquette</h2>
<p><a href="http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-webdesign14/maquette_stereosky/" rel="attachment wp-att-2386"><img class="alignright size-medium wp-image-2386" title="maquette_stereosky" src="http://www.moon-websites.com/blog/wp-content/uploads/2012/03/maquette_stereosky-300x225.jpg" alt="" width="300" height="225" /></a>La troisième épreuve, la pré-maquette, devait <strong>confirmer les bases définies dans la charte graphique et intégrer les éléments obligatoires</strong>.<br />
À nouveau, c&#8217;est <strong>Paul Lecoanet</strong> qui a convaincu le jury en proposant une pré-maquette respectant parfaitement la charte graphique et le logo. L&#8217;<strong>univers graphique est cohérent</strong> avec le sujet choisi et l&#8217;ensemble s&#8217;inscrit dans les <strong>tendances actuelles</strong> tout en ayant recours aux supports iconographiques fournis pour l&#8217;épreuve.</p>
<p>Aucun participant n&#8217;ayant atteint la quatrième épreuve, nous ne pouvons fournir de corrigé.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.moon-websites.com/blog/2012/03/open-du-web-corrige-de-l%e2%80%99epreuve-webdesign-24/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

