<?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>Spawnrider.Net :: Blog &#187; W3C</title>
	<atom:link href="http://www.spawnrider.net/blogs/tag/w3c/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.spawnrider.net/blogs</link>
	<description>Le blog de Yohann CIURLIK</description>
	<lastBuildDate>Fri, 10 Feb 2012 20:28:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Imagination, un thème WordPress aux multiples facettes</title>
		<link>http://www.spawnrider.net/blogs/2009/06/03/imagination-un-theme-wordpress-aux-multiples-facettes/</link>
		<comments>http://www.spawnrider.net/blogs/2009/06/03/imagination-un-theme-wordpress-aux-multiples-facettes/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 22:01:13 +0000</pubDate>
		<dc:creator>Yohann CIURLIK</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[thèmes]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.spawnrider.net/blogs/?p=3817</guid>
		<description><![CDATA[Imagination est un thème WordPress Premium gratuit totalement customisable. Il est, de base, fourni avec 9 styles (adapté à l&#8217;écran) pré-définis. Voici les différents styles : mais également : L&#8217;intégration de Twitter, Feedburner et Flickr sont très réussies. Le thème est Widget Ready, compatible WordPress MU et aux normes W3C. Que demander de plus ? [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #003366;"><a title="http://www.cssjockey.com/imagination/" href="http://www.cssjockey.com/imagination/" target="_blank"><strong>Imagination</strong></a></span> est un thème <span style="color: #003366;"><strong><a href="http://www.spawnrider.net/blogs/tag/wordpress/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Wordpress">WordPress</a></strong> <strong>Premium</strong></span> gratuit totalement customisable. Il est, de base, fourni avec <span style="color: #003366;"><strong>9 styles</strong></span> (adapté à l&#8217;écran) pré-définis. Voici les différents styles :</p>
<p><img title="200906022351.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022351.jpg" alt="200906022351 Imagination, un thème Wordpress aux multiples facettes"  /></p>
<p>mais également :</p>
<p><a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/2009060223511.jpg" rel="lightbox[3817]"><img title="200906022351.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022351-tm.jpg" alt="200906022351 tm Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/2009060223522.jpg" rel="lightbox[3817]"><img title="200906022352.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022352-tm2.jpg" alt="200906022352 tm2 Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022352.jpg" rel="lightbox[3817]"><img title="200906022352.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022352-tm.jpg" alt="200906022352 tm Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/2009060223521.jpg" rel="lightbox[3817]"><img title="200906022352.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022352-tm1.jpg" alt="200906022352 tm1 Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022353.jpg" rel="lightbox[3817]"><img title="200906022353.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022353-tm.jpg" alt="200906022353 tm Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/2009060223534.jpg" rel="lightbox[3817]"><img title="200906022353.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022353-tm4.jpg" alt="200906022353 tm4 Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/2009060223531.jpg" rel="lightbox[3817]"><img title="200906022353.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022353-tm1.jpg" alt="200906022353 tm1 Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/2009060223533.jpg" rel="lightbox[3817]"><img title="200906022353.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022353-tm3.jpg" alt="200906022353 tm3 Imagination, un thème Wordpress aux multiples facettes"  /></a> <a href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/2009060223532.jpg" rel="lightbox[3817]"><img title="200906022353.jpg" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/06/200906022353-tm2.jpg" alt="200906022353 tm2 Imagination, un thème Wordpress aux multiples facettes"  /></a></p>
<p>L&#8217;intégration de Twitter, Feedburner et Flickr sont très réussies. Le thème est <strong><a href="http://www.spawnrider.net/blogs/tag/widget/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec widget">Widget</a></strong> Ready, compatible <strong>WordPress MU</strong> et aux normes <strong><a href="http://www.spawnrider.net/blogs/tag/w3c/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec W3C">W3C</a></strong>.</p>
<p>Que demander de plus ? Moi j&#8217;ai ma petite préférence pour le style <strong><a href="http://imagination.cssjockey.com/light_paper/">Light Paper</a></strong> .</p>
<p><span style="color: #003366;"><strong>Téléchargements et informations :</strong></span></p>
<ul>
<li><strong><a href="http://www.cssjockey.com/imagination/">Site Imagination EN</a></strong></li>
<li><strong><a href="http://www.cssjockey.com/imagination/languages/imaginationFR.zip">Imagination FR</a></strong></li>
<li><strong>Source : <a title="http://www.blogperfume.com/theme-imagination-fully-customizable-wp-theme/" href="http://www.blogperfume.com/theme-imagination-fully-customizable-wp-theme/" target="_blank">BlogPerfume</a><br />
</strong></li>
</ul>
<img src="http://www.spawnrider.net/blogs/?ak_action=api_record_view&id=3817&type=feed" alt=" Imagination, un thème Wordpress aux multiples facettes"  title="Imagination, un thème Wordpress aux multiples facettes" />]]></content:encoded>
			<wfw:commentRss>http://www.spawnrider.net/blogs/2009/06/03/imagination-un-theme-wordpress-aux-multiples-facettes/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>IE6 à sa rubrique nécrologique !</title>
		<link>http://www.spawnrider.net/blogs/2009/05/08/ie6-a-sa-rubrique-necrologique/</link>
		<comments>http://www.spawnrider.net/blogs/2009/05/08/ie6-a-sa-rubrique-necrologique/#comments</comments>
		<pubDate>Thu, 07 May 2009 22:09:17 +0000</pubDate>
		<dc:creator>Yohann CIURLIK</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[navigateur]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.spawnrider.net/blogs/?p=3589</guid>
		<description><![CDATA[RIPIe6 est le site nécrologie dédié à Internet Explorer 6, le navigateur de Microsoft sorti en Octobre 2001. Ce dernier, tous le monde le sait, est mort il y a bien longtemps… Tout est-il que beaucoup d’internautes l’utilise encore… trop d’ailleurs… et notamment dans les entreprises. IE6 à été remplacé depuis longtemps par IE 7/8, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ripie6.com/">RIPIe6</a> est le site nécrologie dédié à <strong><span style="color: #003366;">Internet Explorer 6</span>,</strong> le <a href="http://www.spawnrider.net/blogs/tag/navigateur/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec navigateur">navigateur</a> de <span style="color: #003366;"><a href="http://www.spawnrider.net/blogs/tag/microsoft/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec microsoft">Microsoft</a> </span>sorti en Octobre 2001. Ce dernier, tous le monde le sait, est mort il y a bien longtemps…</p>
<p><a rel="lightbox" href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/05/image26.png"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" title="image" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/05/image-thumb25.png" border="0" alt="image thumb25 IE6 à sa rubrique nécrologique !" width="454" height="374" /></a>Tout est-il que beaucoup d’internautes l’utilise encore… trop d’ailleurs… et notamment dans les entreprises. IE6 à été remplacé depuis longtemps par IE 7/8, <a href="http://www.spawnrider.net/blogs/tag/firefox/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec firefox">Firefox</a>, Opéra et IE9 plus récemment.</p>
<p>Certains tentent de l’éradiquer en lançant des <a href="http://zzz.rezo.net/Campagne-pour-l-eradication-d-IE-6.html">campagnes dédiées</a>… ou <a href="http://www.korben.info/comment-se-debarrasser-dinternet-explorer-6-en-douceur.html">la méthode douce</a>…</p>
<p>Ce n’est plus un secret : Internet Explorer est le cauchemar des développeurs. <a href="http://fr.wikipedia.org/wiki/Internet_Explorer">Wikipédia</a> nous explique le pourquoi de la chose :</p>
<blockquote><p>En second lieu, avec l&#8217;adoption croissante du modèle de développement <a href="http://www.spawnrider.net/blogs/tag/web/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec web">web</a> normalisé par le W3C au début des années 2000, le moteur Trident d&#8217;IE6 a été critiqué de plus en plus visiblement par des webmestres, à cause de son implémentation incomplète et défaillante de <a href="http://www.spawnrider.net/blogs/tag/css/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec CSS">CSS</a>2<sup>[10]</sup> et du gel de son développement après IE6<sup>[11]</sup>.</p>
<p>Enfin, le support uniquement propriétaire<sup>[12]</sup> de l&#8217;annexe de la norme PNG concernant les images translucides a également été vu comme une faiblesse d&#8217;Internet Explorer jusqu&#8217;à sa version 6.0 incluse<sup>[13]</sup>, obligeant les webmestres qui souhaitaient l&#8217;utiliser à surcharger leurs développements avec des scripts ou des feuille de style en commentaires conditionnels<sup>[14]</sup>.</p>
<p>Depuis la version 7, cette translucidité est supportée par Windows Internet Explorer sans recours à une implémentation propriétaire. Cette version améliore également le support de CSS2.1. Enfin, Microsoft a annoncé en décembre 2007 que la version en développement de Internet Explorer 8 passait avec succès le test Acid2<sup>[15]</sup>, suggérant ainsi de nouveaux progrès au regard de la spécification CSS2.1.</p></blockquote>
<p>A ce sujet, <a href="http://www.journaldugeek.com/2009/05/07/internet-explorer-continue-de-reculer/">les parts de marché d’Internet Explorer sont en baisse</a> au profit de Firefox qui à le vent en poupe ces temps-ci.</p>
<p>Pour en finir une fois pour toute avec<span style="color: #003366;"> IE 6</span>, voici la <a href="http://ripie6.com/obituary.pdf">notice nécrologique</a> :</p>
<p><a rel="lightbox" href="http://www.spawnrider.net/blogs/wp-content/uploads/2009/05/image27.png"><img style="border-right: 0px; border-top: 0px; display: inline; border-left: 0px; border-bottom: 0px" title="image" src="http://www.spawnrider.net/blogs/wp-content/uploads/2009/05/image-thumb26.png" border="0" alt="image thumb26 IE6 à sa rubrique nécrologique !" width="404" height="243" /></a></p>
<p>Via <a title="http://ripie6.com/" href="http://ripie6.com/">ripie6.com</a></p>
<img src="http://www.spawnrider.net/blogs/?ak_action=api_record_view&id=3589&type=feed" alt=" IE6 à sa rubrique nécrologique !"  title="IE6 à sa rubrique nécrologique !" />]]></content:encoded>
			<wfw:commentRss>http://www.spawnrider.net/blogs/2009/05/08/ie6-a-sa-rubrique-necrologique/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Des layouts CSS Seo-friendly</title>
		<link>http://www.spawnrider.net/blogs/2007/09/07/css_layouts_seo_friendly/</link>
		<comments>http://www.spawnrider.net/blogs/2007/09/07/css_layouts_seo_friendly/#comments</comments>
		<pubDate>Fri, 07 Sep 2007 03:32:17 +0000</pubDate>
		<dc:creator>Yohann CIURLIK</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Seo]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.spawnrider.net/blogs/2007/09/07/css_layouts_seo_friendly/</guid>
		<description><![CDATA[Vous trouverez sur le site layouts.ironmyers.com des layouts optimisés pour les moteurs de recherches (Seo-friendly). Ces layouts permettrait un meilleur référencement sur les moteurs de recherches du fait de leur structure. La description en anglais faite par le site : These CSS Layout offers full Grade-A browser support. That means that these CSS Layout will [...]]]></description>
			<content:encoded><![CDATA[<p>Vous trouverez sur le site <strong><a href="http://layouts.ironmyers.com/" title="layouts.ironmyers.com" target="_blank">layouts.ironmyers.com</a> </strong>des layouts <font color="#99cc00"><strong>optimisés </strong></font>pour les moteurs de recherches (<a href="http://www.spawnrider.net/blogs/tag/seo/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Seo">Seo</a>-friendly).</p>
<p>Ces <font color="#99cc00"><strong>layouts </strong></font>permettrait un meilleur <font color="#99cc00"><strong>référencement </strong></font>sur les moteurs de recherches du fait de leur structure.</p>
<p><img src="http://www.spawnrider.net/blogs/wp-content/uploads/2007/09/main750.jpg" alt="main750 Des layouts CSS Seo friendly" height="118" width="121" title="Des layouts CSS Seo friendly" /><img src="http://www.spawnrider.net/blogs/wp-content/uploads/2007/09/main950.jpg" alt="main950 Des layouts CSS Seo friendly" height="118" width="121" title="Des layouts CSS Seo friendly" /><img src="http://www.spawnrider.net/blogs/wp-content/uploads/2007/09/main100.jpg" alt="main100 Des layouts CSS Seo friendly" height="118" width="121" title="Des layouts CSS Seo friendly" /></p>
<p>La description en anglais faite par le site :</p>
<blockquote><p>These <a href="http://www.spawnrider.net/blogs/tag/css/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec CSS">CSS</a> Layout offers full Grade-A browser support. That means that these <a href="http://www.spawnrider.net/blogs/tag/css/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec CSS">CSS</a> Layout will look and behave the same in <a href="http://www.spawnrider.net/blogs/tag/internet/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Internet">internet</a> browsers like <a href="http://www.spawnrider.net/blogs/tag/internet/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Internet">Internet</a> Explores 6 (IE6), <a href="http://www.spawnrider.net/blogs/tag/internet/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Internet">Internet</a> Explorer 7 (IE7), <a href="http://www.spawnrider.net/blogs/tag/firefox/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec firefox">Firefox</a>, Opera, Safari and so on. Since Search Engine Optimization (SEO) is very important to websites, these CSS layout has been optimized to give you the best possible search engine results. Use these CSS Layout anywhere you wish. It is perfect for Website templates, <a href="http://www.spawnrider.net/blogs/tag/blog/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Blog">Blog</a> themes, Content Management Systems (CMS) or as a starting point for your <a href="http://www.spawnrider.net/blogs/tag/web/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec web">Web</a> projects. Use these CSS Layout to optimize your <a href="http://www.spawnrider.net/blogs/tag/web/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec web">Web</a> Development workflow. These CSS Layout is done in Pure CSS, not tables.</p></blockquote>
<p>Je ne les ai pas encore testés par moi même, cela ne saurait tarder&#8230;</p>
<img src="http://www.spawnrider.net/blogs/?ak_action=api_record_view&id=319&type=feed" alt=" Des layouts CSS Seo friendly"  title="Des layouts CSS Seo friendly" />]]></content:encoded>
			<wfw:commentRss>http://www.spawnrider.net/blogs/2007/09/07/css_layouts_seo_friendly/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Faire un CV en XML via une DTD et du XSL</title>
		<link>http://www.spawnrider.net/blogs/2007/04/10/faire-un-cv-en-xml-via-une-dtd-et-du-xsl/</link>
		<comments>http://www.spawnrider.net/blogs/2007/04/10/faire-un-cv-en-xml-via-une-dtd-et-du-xsl/#comments</comments>
		<pubDate>Tue, 10 Apr 2007 16:11:20 +0000</pubDate>
		<dc:creator>Yohann CIURLIK</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Cv]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[DTD]]></category>
		<category><![CDATA[schéma]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[XSL]]></category>
		<category><![CDATA[XSLT]]></category>

		<guid isPermaLink="false">http://www.spawnrider.net/blogs/2007/04/10/faire-un-cv-en-xml-via-une-dtd-et-du-xsl/</guid>
		<description><![CDATA[J&#8217;ai écris cet article pour vous aider à écrire votre CV en XML et le mettre en forme via du XSL. Une petite formation sur le XSL ? Une petite formation sur les DTD ? Le XSL (eXtensible Stylesheet Language) est le langage de description de feuilles de style du W3C associé à XML. Une [...]]]></description>
			<content:encoded><![CDATA[<p>J&#8217;ai écris cet article pour vous aider à écrire votre <a href="http://www.spawnrider.net/blogs/tag/cv/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec Cv">CV</a> en XML et le mettre en forme via du <a href="http://www.spawnrider.net/blogs/tag/xsl/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec XSL">XSL</a>.</p>
<p><a title="CCM XSL" href="http://www.commentcamarche.net/xml/xmlxsl.php3" target="_blank"> Une petite formation sur le XSL</a> ? <a title="CCM DTD" href="http://www.commentcamarche.net/xml/xmldtd.php3" target="_blank">Une petite formation sur les DTD</a> ?</p>
<p>Le<strong> </strong><strong>XSL</strong> (<em>eXtensible Stylesheet Language</em>) est le langage de description de <a title="Feuilles de style" href="http://fr.wikipedia.org/wiki/Feuilles_de_style">feuilles de style</a> du <a title="W3C" href="http://fr.wikipedia.org/wiki/W3C">W3C</a> associé à <a title="Extensible markup language" href="http://fr.wikipedia.org/wiki/Extensible_markup_language">XML</a>.</p>
<p>Une <a title="Feuille de style" href="http://fr.wikipedia.org/wiki/Feuille_de_style">feuille de style</a> XSL est un fichier qui décrit comment doivent être présentés (c&#8217;est-à-dire affichés, imprimés, épelés) les documents <a title="XML" href="http://fr.wikipedia.org/wiki/XML">XML</a> basés sur une même <a title="DTD" href="http://fr.wikipedia.org/wiki/DTD">DTD</a> ou un même <a title="XML Schéma" href="http://fr.wikipedia.org/wiki/XML_Sch%C3%A9ma">schéma</a>.</p>
<p><img title="XSL Transformation" src="http://www.spawnrider.net/blogs/wp-content/uploads/2007/04/231px-TempFrXslt015.svg.png" alt="231px TempFrXslt015.svg Faire un CV en XML via une DTD et du XSL" width="231" height="438" /></p>
<p>L&#8217;objectif principal est la transformation d&#8217;un document <a title="Extensible markup language" href="http://fr.wikipedia.org/wiki/Extensible_markup_language">XML</a> vers un autre, ou un <a title="Dialecte XML" href="http://fr.wikipedia.org/wiki/Dialecte_XML">dialecte XML</a> (<a title="Extensible hypertext markup language" href="http://fr.wikipedia.org/wiki/Extensible_hypertext_markup_language">XHTML</a>, <a title="XSL-FO" href="http://fr.wikipedia.org/wiki/XSL-FO">XSL-FO</a>, <a title="Hypertext markup language" href="http://fr.wikipedia.org/wiki/Hypertext_markup_language">HTML</a>, etc.). Cependant, le langage XSLT permet aussi les transformations vers tout autre type de document, au format texte ou dans un format binaire (bien que ceci ne soit pas nativement prévu par la recommandation XSLT).</p>
<p><em>Source : <a title="Wiki XSL" href="http://fr.wikipedia.org/wiki/Extended_stylesheet_language_transformations" target="_blank">Wikimédia</a></em></p>
<hr />Bon, maintenant que vous en savez un peu plus sur le contexte&#8230;voyons en détails la réalisation d&#8217;un CV au format XML.<strong> </strong><br />
<strong>Le fichier XML:</strong></p>
<pre name="code" class="xml"> Developpeur

CIURLIK
Yohann

 	Votre email
./img/ma_photo.png

 	23

 	Française

 	mon_status

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100" height="100" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><embed type="application/x-shockwave-flash" width="100" height="100"> </embed></object>

 		Master 1 Informatique (IUP)

 		Génie Mathématiques et Informatique
IUP de Rouen, technopôle du Madrillet (76)

 		Licence Informatique (IUP)

 		mention Assez Bien

 		Génie Mathématiques et Informatique
IUP de Rouen, technopôle du Madrillet (76)	

 		Office

 		Eclipse

 		Java

 		Delphi

 		C++

 		Visual Basic

 		Agenda électronique / (Nokia 6600) Symbian OS - C++ - Chef de projet (5 personnes)

 		Logiciel de publication - <a href="http://www.spawnrider.net/blogs/tag/html/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec html">Html</a> 4.01, PHP, CSS, DOM - Développeur indépendant

 		LSA(Specimen) - Mont Saint Aignan (76)
Développeur stagiaire, responsable de projet
 		Conception et développement de 5 sites spécialisées dans la gestion de la clientelle, des partenaires distributeurs ainsi que des consultants

 			PHP 5

 			P <a href="http://www.spawnrider.net/blogs/tag/html/" class="st_tag internal_tag" rel="tag" title="Voir les articles classés avec html">Html</a> 4.01

 			Css

 			Dom

 			SqlServer

 			Serveur IIS

 		maternelle

 		maternelle

 		technique

 		technique

 	Electronique (éléctro-jazz, lougne, deep house).

 	Echecs, Jeux de reflexion, Ski nautique.</pre>
<p>Le fichier XML posséde une syntaxe qui doit être conforme à notre fichier de définition (DTD) ci-dessous :</p>
<pre name="code" class="html"><!--ELEMENT cv (titre, header, section+)--><!--ELEMENT header (nom,prenom,adresse,tel,mail,photo,permis,age,natalite,nationalite,status)-->

<!--ELEMENT nom (#PCDATA)-->

<!--ELEMENT prenom (#PCDATA)-->

<!--ELEMENT age (#PCDATA)-->

<!--ELEMENT nationalite (#PCDATA)-->

<!--ELEMENT status (#PCDATA)-->

<!--ELEMENT adresse EMPTY-->

<!--ATTLIST adresse<br /-->	rue		CDATA	#REQUIRED

 cp		CDATA	#REQUIRED

 ville	CDATA	#REQUIRED

&gt;

<!--ELEMENT tel EMPTY-->

<!--ATTLIST tel<br /-->	fixe	CDATA	#IMPLIED

 mobile	CDATA	#IMPLIED

 fax		CDATA	#IMPLIED

&gt;

<!--ELEMENT mail (#PCDATA)-->

<!--ELEMENT photo (#PCDATA)-->

<!--ELEMENT permis EMPTY-->

<!--ATTLIST permis<br /-->	titre		CDATA	#IMPLIED

&gt;

<!--ELEMENT natalite EMPTY-->

<!--ATTLIST natalite<br /-->	jour	CDATA	#IMPLIED

 mois	CDATA	#IMPLIED

 annee	CDATA	#IMPLIED

 lieu	CDATA	#IMPLIED

&gt;

<!--ELEMENT section (formation|objectif|stage|emploi|competence|langue|rubrique|projet)*-->

<!--ELEMENT rubrique (#PCDATA)-->

<!--ELEMENT objectif (nom)+-->

<!--ATTLIST section<br /-->	nom		CDATA	#IMPLIED

&gt;

<!--ATTLIST rubrique<br /-->	nom		CDATA	#IMPLIED

&gt;

<!--ELEMENT formation (titre, mention, specialite, lieu)-->

<!--ELEMENT titre (#PCDATA)-->

<!--ELEMENT specialite (#PCDATA)-->

<!--ELEMENT lieu (#PCDATA)-->

<!--ELEMENT mention (#PCDATA)-->

<!--ATTLIST formation<br /-->	debut	CDATA	#REQUIRED

 fin		CDATA	#IMPLIED

&gt;

<!--ELEMENT stage (entreprise, poste, mission, competence)-->

<!--ELEMENT entreprise (#PCDATA)-->

<!--ELEMENT poste (#PCDATA)-->

<!--ELEMENT mission (#PCDATA)-->

<!--ELEMENT competence (nom)+-->

<!--ELEMENT projet (nom)+-->

<!--ATTLIST stage<br /-->	debut	CDATA	#REQUIRED

 fin		CDATA	#IMPLIED

&gt;

<!--ATTLIST competence<br /-->	nom		CDATA	#IMPLIED

&gt;

<!--ELEMENT emploi (entreprise, poste, mission)-->

<!--ATTLIST emploi<br /-->	debut	CDATA	#REQUIRED

 fin		CDATA	#IMPLIED

&gt;

<!--ELEMENT langue (oral, ecrit)-->

<!--ELEMENT oral (#PCDATA)-->

<!--ELEMENT ecrit (#PCDATA)-->

<!--ATTLIST langue<br /-->	nom		CDATA	#REQUIRED

 drapeau		CDATA	#REQUIRED

&gt;</pre>
<p>Rien ne vous empêche cependant de modifier la <strong>DTD </strong>fournie afin de créer de nouvelles rubriques ou sections (je ne sais pas comment vous les appelées) afin d&#8217;ajouter des éléments à votre <strong>CV XML</strong>.</p>
<p>Nous avons ensuite à créer un fichier <strong>XSL </strong>qui permettra de mettre en forme le fichier <strong>XML </strong>. Ce fichier nous permettra, par l&#8217;intermédiaire d&#8217;une feuille de style CSS associée, d&#8217;avoir un rendu sympatique pour notre CV.<br />
<strong><br />
Le fichier <strong>XSL </strong>associé : </strong></p>
<pre name="code" class="html">
<table border="0" width="100%">
<tbody>
<tr>
<td>

 									, 

 									<strong>

 									</strong>

<img src="./img/email.png" alt="email Faire un CV en XML via une DTD et du XSL"  title="Faire un CV en XML via une DTD et du XSL" />

 									<img src="./img/tel.png" alt="tel Faire un CV en XML via une DTD et du XSL"  title="Faire un CV en XML via une DTD et du XSL" />

 									<img src="./img/telp.png" alt="telp Faire un CV en XML via une DTD et du XSL"  title="Faire un CV en XML via une DTD et du XSL" />

 									<em><a href="mailto:{//header/mail}">

 									</a></em></td>
<td>

 									<img id="photo" src="{//header/photo}" alt=" Faire un CV en XML via une DTD et du XSL"  title="Faire un CV en XML via une DTD et du XSL" />

 									Age :  ans

 									Nationalité : 

Permis</td>
</tr>
</tbody>
</table>
<table border="0">
<tbody>
<tr>
<td class="partDate">

 										 -</td>
<td class="partContent"><strong></strong> 

 										Spécialité :</td>
</tr>
<tr>
<td class="partDate"></td>
<td class="partContent"><strong></strong>

 										Poste : 

 										Mission : 

 										Moyens : 

 											,</td>
</tr>
<tr>
<td class="partDate"></td>
<td class="partContent">

 											.

 											,</td>
</tr>
<tr>
<td class="partDate">Projets</td>
<td class="partContent">

 											.</td>
</tr>
<tr>
<td class="partDate"><img title="{./@nom}" src="./img/lang/{./@drapeau}.gif" alt="@drapeau} Faire un CV en XML via une DTD et du XSL"  /></td>
<td class="partContent"> Oral :</td>
<td> Ecrit :</td>
</tr>
<tr>
<td class="partDate"></td>
<td class="partContent" valign="top"></td>
</tr>
<tr>
<td valign="top"><strong></strong>.</td>
</tr>
</tbody>
</table>
</pre>
<p>et pour finir, le fichier CSS que j&#8217;utilise :</p>
<pre name="code" class="css">body {

 font:12px Verdana,Arial,Helvetica,sans-serif;

 margin:0;

 padding:0;

 background-color: #2C3D4F;

 text-align:center;

}a {

 text-decoration:none;

 color:#3E5D8F;

}

#photo{

 border: 4px solid #DEE1E4;

}

table {

 font-size:12px;

}

.partTitle{

 font-weight:bold;

 background-color:#3E5D8F;

 border: 1px solid #1B3C6F;

 padding: 2px;

 color: white;

 text-transform:uppercase

}

table tr {

 border: 1px solid #3E5D8F;

}

.partDate{

 width: 150px;

 border-right: 1px solid #3E5D8F;

 text-align:right;

 vertical-align:top;

 font-weight: bold;

}

.partContent{

 padding-left: 10px;

}

#titre {

 font:19px Verdana,Arial,Helvetica,sans-serif;

 color: #1F447F;

 position: absolute;

 margin-left: 300px;

 padding-top: 60px;

}

#top{

  background:url("./img/top.png") top left repeat-y ;

  width: 800px;

  height:15px;

 }

#body{

  background:url("./img/body.png") bottom left repeat-y ;

  width: 800px;

 }

#body-content {

  width: 750px;

  padding-left: 25px;

  text-align: left;

}

#bottom{

  background:url("./img/bottom.png") top left no-repeat;

  width: 800px;

  height:24px;

 }

#wrapper {

 width:800px;

 margin-left:auto;

 margin-right:auto;

}

#Nom {

 font-variant:small-caps;

 font-weight:900;

 font-size:16px;

 font-size:large;

}</pre>
<p>Nous obtenons ainsi un CV très agréable visuellement tout en gardant le coté pratique du format <strong>XML</strong>.</p>
<p>Vous pouvez télécharger les sources de cet article <a title="Téléchargement des sources" href="http://www.spawnrider.net/blogs/wp-content/uploads/2007/04/cv%20specimen.rar">ici</a>.</p>
<img src="http://www.spawnrider.net/blogs/?ak_action=api_record_view&id=210&type=feed" alt=" Faire un CV en XML via une DTD et du XSL"  title="Faire un CV en XML via une DTD et du XSL" />]]></content:encoded>
			<wfw:commentRss>http://www.spawnrider.net/blogs/2007/04/10/faire-un-cv-en-xml-via-une-dtd-et-du-xsl/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

