<h2>Réalisations</h2>
<h3>Légende</h3>
<dl>
<dt class="colour1">Couleur 1</dt>
<dd class="colour1">Intégration uniquement, essentiellement <strong><acronym title="eXtensible HyperText Markup Language">XHTML</acronym></strong>, un peu de <strong>javascript</strong></dd>
<dt class="colour2">Couleur 2</dt>
<dd class="colour2">Réalisation de l'intégralité des site : <strong>Design</strong>, <strong>intégration</strong>, développement <strong>PHP</strong> & <strong>javascript</strong></dd>
<dt class="colour3">Couleur 3</dt>
<dd class="colour3"><strong>Design</strong> uniquement</dd>
</dl>
<ul class="refs">
<li class="inte"><a href="http://pixmania.fr"><img src="ressources/img/ref/pix.png" alt="pixmania" height="146" width="146" /></a></li>
<li class="all"><a href="http://epidermesurepiderme.online.fr"><img src="ressources/img/ref/ese.png" alt="Epiderme sur épiderme" height="146" width="146" /></a></li>
<li class="all"><a href="http://panthere43.online.fr"><img src="ressources/img/ref/panthere.png" alt="panthére 43" height="146" width="146" /></a></li>
<li class="all"><a href="http://leruisseau.fr"><img src="ressources/img/ref/ruisseau.png" alt="restaurant parisien Le ruisseau" height="146" width="146" /></a></li>
<li class="inte"><a href="http://www.societegenerale.fr"><img src="ressources/img/ref/sg.png" alt="société générale" height="146" width="146" /></a></li>
<li class="all"><a href="http://paul.emik.free.fr"><img src="ressources/img/ref/langua.png" alt="Langua" height="146" width="146" /></a></li>
<li class="all"><a href="http://gite-puymary.fr"><img src="ressources/img/ref/gite.png" alt="location gîte dans le cantal" height="146" width="146" /></a></li>
<li class="print"><a href="#"><img src="ressources/img/ref/print.png" alt="références print" height="146" width="146" /></a></li>
</ul>
<h2>C.V.</h2>
<h3><a href="#expertise">Compétences > Voir expertise</a></h3>
<h3><a href="#">Parcours professionnel</a></h3>
<div id="emplois" class="precisions vcalendar">
<p>
<strong class="date_duration">mai 2007 à ce jour</strong>
<span class="htitle">Intégrateur des modules ShopInShop au sein de l'entreprise PIXMANIA
<br />
<span class="summary">
> Intégration, maintenance et veille de plusieurs milliers de pages via un outil interne.
</span>
</span>
</p>
<p>
<strong class="date_duration">Juin 2006 > mai 2007</strong>
<span class="htitle">
Réalisateur de site vitrine en chaîne pour le compte de la société Partners développement.
<br />
<span class="summary">> Création, intégration, responsable des fax-mailings diffusés à 50 000 exemplaires, contact clients.</span>
</span>
</p>
<p>
<strong class="date_duration">Novembre 2003 > janvier 2006</strong>
<span class="htitle">
Webmestre des site recrutement de la Société Générale.
<span class="summary">
> Mise à jour, maintenance, site événementiels, bandeaux flash
</span>
</span>
</p>
</div>
<h3><a href="#" class="nuages" >Formations dîplomes</a></h3>
<div id="competences" class="precisions vcalendar">
<p>
<strong class="dtstart">2006</strong>
<span class="summary">Déclaration d'activité en tant qu'indépendant (Micro BNC)</span>
</p>
<p>
<strong class="dtstart">2005</strong>
<span class="summary">Obtention diplôme de l'école Multimédia (Paris 3), homologué par l'état : Réalisateur multimédia.</span>
</p>
<p>
<strong class="dtstart">2003</strong>
<span class="summary">Obtention BTS Communication Visuelle, option graphisme d'édition.</span>
</p>
</div>
<h3><a href="#">Loisirs</a></h3>
<div id="loisirs" class="precisions interests">
<p>
<strong>Centre d'intérêts</strong>
<span>BD, histoire, art</span>
</p>
</div>
<h2>Expertise</h2>
<h3>Une expérience humaine</h3>
<p>Chaque nouveau site ou travail est avant tout une nouvelle aventure humaine ; Le processus est systématiquement le même :</p>
<ol>
<li>Contact, rendez-vous.</li>
<li>Recueil des maquettes à fin d'estimation.</li>
<li>Estimation, devis, une avance est payée (en général la moitié).</li>
<li>Définition d'un interlocuteur privilégié. Phase de conseils et d'élaboration conjointe.</li>
<li>Elaboration du travail. Tout au long, les contacts sont naturellement maintenus afin de mener le projet à bien.</li>
<li>Définition d'un interlocuteur privilégié. Phase de conseils et d'élaboration conjointe.</li>
</ol>
<h3>Des compétences multiples</h3>
<p>L'élaboration d'un site comporte une multitude de facettes ; Au travers de mes formations,
j'ai eu l'occasion d'acquérir un certain niveau de base dans les domaines suivants :
</p>
<ul class="description">
<li>Développement javascript / <acronym title="Hypertext Preprocessor">PHP</acronym> (Back-office, etc.)</li>
<li>Gestion base de donnée (<acronym>mySQL</acronym>)</li>
<li>Gestion de l'hébergement : Interlocuteur avec les fournisseurs de services.</li>
<li>e-Mailing</li>
<li>Travaux illustratif, webdesign</li>
<li>Créations/gestion de médias et leur supports : Son, vidéo, flash, 3D...</li>
<li>Référencement</li>
<li>Traduction en différentes langues envisageable (anglais, russe, allemand, lituanien, portugais, etc., à voir au cas par cas)</li>
</ul>
<h3>Mais surtout un coeur de métier ;</h3>
<p>Bien que ces domaines ne me soient pas inconnus, il est possible que je ne soit pas capable de répondre à certaines demandes ;
Mon coeur de métier reste <strong>l'intégration</strong>.
Intervenant juste après la conception webdesign, je découpe et intégre les maquettes en <acronyme title="Extensible HyperText Markup Language">XHTML</acronym>, afin de garantir :</p>
<ul class="second">
<li>Un code <strong>pérenne</strong>, c'est à dire facilement <strong>lisible</strong> et manipulable par d'autres techniciens.</li>
<li>Un code <strong>léger</strong>.</li>
<li>Des pages <strong>accessibles</strong> pour les personnes visuellement déficientes.</li>
<li>Des pages présentant de véritables structure <strong>sémantique</strong>, notamment à l'aide des micros-formats, facilitant d'autant l'indexation de votre contenu par les moteurs de recherche (google, yahoo, etc.).</li>
<li>Un code qui suit scrupuleusement les normes est garant d'un affichage correct dans les navigateurs actuels, mais aussi et surtout <strong>futurs</strong>, et ce, quel que soit le support (portable, etc.)</li>
</ul>
<h2>Quelques liens</h2>
<div class="droite">
<script type="text/javascript" src="http://feeds.delicious.com/v2/js/Korvus01?title=My%20Delicious%20Bookmarks&icon=m&count=5&sort=date&showadd"></script>
</div>
<div class="gauche">
<h3><a href="#">CSS / Javascript / Web</a></h3>
<ul>
<li><a hreflang="en" href="http://www.quirksmode.org/dom/compatibility.html">Page 'Benchmark' qui test les différentes puissances des navigateurs.</a></li>
<li><a hreflang="fr" href="http://www.la-grange.net/w3c/xhtml1/#guidelines">Recommendations élémentaires en CSS.</a></li>
<li><a hreflang="en" href="http://www.w3.org/TR/1998/REC-CSS2-19980512/">CSS2, la page W3C, avec les recommantations de rigueur.</a></li>
<li><a hreflang="fr" href="http://www.lesintegristes.net/">Le blog de collégues et amis, particulièrement pointu qui décode les différentes évolutions du web.</a></li>
</ul>
<h3><a href="#">Graphisme</a></h3>
<ul>
<li><a hreflang="en" href="http://www.bgpatterns.com/">Générateur de background |(utilisé pour ce site)</a></li>
<li><a hreflang="en" href="http://www.bgpatterns.com/">Gestionnaire de couleurs poussé </a><a hreflang="en" href="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash&Lang=French">(dernier Player flash nécessaire)</a></li>
</ul>
<h3><a href="#">Autre</a></h3>
<ul>
<li><a hreflang="en" href="http://www.smashingmagazine.com/2006/11/09/online-generators/">Liste / Annuaire de liens facilitant la vie du webmaster</a></li>
<li><a hreflang="fr" href="http://www.wordreference.com/fr/">Traducteur en ligne <acronym title="Anglais">en</acronym>/<acronym title="France">fr</acronym>/<acronym title="Espagnol">es</acronym>/<acronym title="Portugal">pt</acronym>/<acronym title="Italie">it</acronym></a></li>
<!-- <li><a hreflang="fr" href="http://www.iabfrance.com/" >Le site de l'<acronym title="Interactive Advertising Bureau">IAB</acronym></a></li> -->
</ul>
</div>
<h2>Contact</h2>
<div class="droite">
<div class="gtalk">
<img src="http://www.google.com/talk/service/badge/Show?tk=z01q6amlqaf5seeabronpdh1uipkla9041lqao9rusihbinjbbkln99g58i19htjf485bsvtma6u8pf8fpkqbvq6v4ig2n07950bbaq9lkj997q6idp4vhj91trromintol0sv5to9ps8k2p74palaapejndf0iiddl2o6i5e8p1ich990pgqr1vjv3gv442ftc&w=9&h=9" alt="" width="9" height="9">
<a href="http://www.google.com/talk/service/badge/Start?tk=z01q6amlqaf5seeabronpdh1uipkla9041lqao9rusihbinjbbkln99g58i19htjf485bsvtma6u8pf8fpkqbvq6v4ig2n07950bbaq9lkj997q6idp4vhj91trromintol0sv5to9ps8k2p74palaapejndf0iiddl2o6i5e8p1ich990pgqr1vjv3gv442ftc" target="_blank" title="cliquez là pour dialoguer directement avec moi">Chattez directement avec moi</a>
</div>
<address class="vcard contact">
<a class="url fn" rel="me" href="http://korvus.free.fr/index.php#cv">Simon ERTEL</a>
<a class="email" href="mailto:ertel.simon@gmail.com"><span class="type">Mail : </span><span class="value">ertel.simon@gmail.com</span></a>
<div class="adr">
<span class="locality">Paris</span> /
<span class="country-name">France</span>
</div>
<div class="tel"><span class="type">Tel.:</span><span class="value"> 0614511475</span></div>
</address>
</div>
<div class="gauche">
<form id="mail" method="post" action="send.php" class="gauche">
<label for="nom">Nom/Prénom/Pseudo : </label><input type="text" id="nom" name="nom" /><br />
<label for="email">eMail : </label><input type="text" id="email" name="email" /><br />
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width:390px;height:200px;">Tapez ici votre message !</textarea>
<button type="submit" class="submit">submit</button>
<button type="reset" class="reset">search</button>
</form>
<div class="mssg"></div>
</div>
