<?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>Config hardware : Le site de l&#039;actualité high-tech et web</title>
	<atom:link href="http://www.confighardware.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.confighardware.com</link>
	<description>Un site utilisant WordPress</description>
	<lastBuildDate>Wed, 18 Aug 2010 11:27:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>La gestion du texte (partie  1)</title>
		<link>http://www.confighardware.com/2010/03/06/la-gestion-du-texte-partie-1/</link>
		<comments>http://www.confighardware.com/2010/03/06/la-gestion-du-texte-partie-1/#comments</comments>
		<pubDate>Sat, 06 Mar 2010 13:04:21 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Tutoriel]]></category>
		<category><![CDATA[XHTML/CSS]]></category>
		<category><![CDATA[xhtml 5; Html 5;lien:paragraphe;]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3595</guid>
		<description><![CDATA[Nous avons vu dans le précédent tutoriel quel est la structure minimal d&#8217;une page (x)html 5. Aujourd&#8217;hui, nous allons voir les balises qui permettent d&#8217;agir sur les paragraphes, le texte au sein de votre site web. Alors accrochez-vous bien  . Organiser ses paragraphes Avant tout, n&#8217;oubliez pas que l&#8217;on écrit le conteu de notre site [...]]]></description>
			<content:encoded><![CDATA[<p>Nous avons vu dans le précédent tutoriel quel est la structure minimal d&#8217;une page (x)html 5. Aujourd&#8217;hui, nous allons voir les balises qui permettent d&#8217;agir sur les paragraphes, le texte au sein de votre site web. Alors accrochez-vous bien <img class="wpml_ico" src="http://www.confighardware.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif" alt="" /> .</p>
<hr />
<h3 style="text-align: center;"><span style="color: #003366;">Organiser ses paragraphes</span></h3>
<p style="text-align: left;">Avant tout, n&#8217;oubliez pas que l&#8217;on écrit le conteu de notre site web à l&#8217;intérieur des balise <span style="color: #ff0000;">&lt;body&gt;&#8230;&lt;/body&gt;</span>.</p>
<p style="text-align: left;">En (x)html, créer des paragraphes est une chose très simple. Il suffit d&#8217;entourer votre texte des balises &lt;p&gt; et &lt;/p&gt;.</p>
<pre>[codesyntax lang="html4strict" lines="normal"]
<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"&gt;
  &lt;head&gt;
    &lt;title&gt;Votre première page web&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
    &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;Voici un exemple de document XHTML.&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;</pre>
<p>[/codesyntax]</pre>
<p>Copiez le texte dans votre éditeur,enregistrez et lancez. Comme vous pouvez-le voir, le texte &nbsp;&raquo; Voici un exemple de document XHTML&nbsp;&raquo; s&#8217;affiche. Vous me direz : &laquo;&nbsp;<span style="text-decoration: underline;">Heee, il n&#8217;y a aucune différence entre cette page et celle d&#8217;avant!</span> &laquo;&nbsp;. Je vais vous répondre que d&#8217;apparence, il n&#8217;y aucun changement pour le moment mais que ses balises sont nécessaire car elles permettent de structurer votre code et votre texte.</p>
<p>Maintenant que nous avons vu comment créer un paragraphe, voyons comment sauter des lignes.</p>
<hr />
<h3 style="text-align: center;"><span style="color: #003366;">Sauter des lignes</span></h3>
<p style="text-align: left;">Tout d&#8217;abord, un petit exemple pratique <img class="wpml_ico" src="http://www.confighardware.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif" alt="" /> :</p>
<p style="text-align: left;">Essayez le code ci-dessous :</p>
<p style="text-align: left;">[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"&gt;
  &lt;head&gt;
    &lt;title&gt;Votre première page web&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
    &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;Voici un exemple de document XHTML.
    On a sauter une ligne.
    Allez hop, une troisieme.&lt;/p&gt;
    &lt;/body&gt;
&lt;/html&gt;</pre>
<p>[/codesyntax]</p>
<p style="text-align: left;">Testez maintenant ce code, et surprise aucune ligne n&#8217;est sauté. Eh oui, il ne suffit pas de sauter une ligne dans l&#8217;éditeur de texte pour sauter une ligne dans la page web.</p>
<p style="text-align: left;">Maintenant, voyons comment nous pouvons sauter des lignes. Pour cela, nous avons deux façon de procéder :</p>
<ul>
<li>Soit avec <strong><span style="color: #ff0000;">la balise &lt;br /&gt;</span></strong> qui permet de sauter des ligne. Essayer là, copier collez le code ci-dessus mais rajoutez la balise &lt;br /&gt; à chaque fin de ligne. Miracle, les lignes sont sautées. Mail il existe encore une autre façon de sauter des lignes</li>
<li>Il suffit pour cela de fermer les balise &lt;p&gt; &lt;/p&gt; puis de les réouvrir. Essayez, par exemple, le code ci dessous: [codesyntax lang="html4strict" lines="normal"]
<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"&gt;
  &lt;head&gt;
    &lt;title&gt;Votre première page web&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
    &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;Voici un premier paragraphe.&lt;/p&gt;
    &lt;p&gt;Voici un second paragraphe.&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;</pre>
<p>[/codesyntax] Comme vous le voyez, les lignes ont été sauté mais sans la balise &lt;br /&gt;.</li>
</ul>
<p>Retenez donc bien qu&#8217;il existe deux façon  pour sauter des lignes la balise &lt;br /&gt; et les balises &lt;p&gt; &lt;/p&gt;</p>
<hr />
<h3 style="text-align: center;"><span style="color: #003366;">Créer des liens</span></h3>
<p style="text-align: left;">Bon je suppose que tous le monde sait ce qu&#8217;est qu&#8217;un lien: un lien est un texte sur lequel on peut cliquer et qui nous conduit sur une autre page. Très utile me direz-vous&#8230;</p>
<p>Tout d&#8217;abord, on distingue deux types de liens :</p>
<ul>
<li><strong><span style="color: #003366;"><span style="text-decoration: underline;">les liens relatif:</span></span></strong> Les liens relatif sont des liens qui dépendent de la page où vous vous situez. <span style="text-decoration: underline;">Ces liens ne peuvent être fait qu&#8217;entre différentes pages de votre site web.</span> Ainsi, pour faire un lien de ce type, il suffit de faire &laquo;&nbsp;dossier/fichier.html&nbsp;&raquo;.<br />
<strong><span style="color: #003366;"> </span></strong></li>
<li><strong><span style="color: #003366;"><span style="text-decoration: underline;">les liens absolu:</span></span></strong> Les liens absolu sont des liens qui pointent vers d&#8217;autres site ou votre site. Par exemple, le lien que vous avez dans la barre de navigation de votre navigateur est un lien absolu. Ils sont donc de la forme &laquo;&nbsp;http://www.confighardware.com&nbsp;&raquo; par exemple. <strong><span style="color: #003366;"> </span></strong></li>
<li><strong><span style="color: #003366;"><span style="text-decoration: underline;">les liens vers une ancre: </span></span></strong>Une ancre est une sorte de point de repère au seins de votre page. Un lien qui pointe pointe à un endroit précis de votre page.</li>
</ul>
<h4><span style="color: #003366;"><span style="text-decoration: underline;">1. Les liens absolu et relatif</span></span></h4>
<p>Maintenant que nous avons vu la différence entre les deux types de liens, voyons comment les créer. Les deux liens utilisent la même architecture qui est :</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;p&gt; Je connais un site super sympa, c'est &lt;a href="http://www.confighardware.com"&gt;Config hardware&lt;/a&gt;.&lt;/p&gt;</pre>
<p>[/codesyntax]</p>
<p>Voilà le code nécessaire pour ajouter un lien vers un site. La balise <span style="color: #ff0000;">&lt;a&gt; &lt;/a&gt;</span> sert à créer les liens.</p>
<p>Il faut renseigner l&#8217;attribut <span style="text-decoration: underline;">href</span> avec la lien de votre page vers laquelle pointe votre lien.</p>
<p>Maintenant que nous avons vu le code pour un lien absolu, voyons quel est la syntaxe pour un lien relatif. Tout d&#8217;abord, imaginons que nous avons 2: &laquo;&nbsp;page.html&nbsp;&raquo; et &laquo;&nbsp;page2.html&nbsp;&raquo; et que ses deux pages se trouve <span style="text-decoration: underline;">dans le même dossier</span>. Voilà le code qu&#8217;il suffira d&#8217;utiliser pour faire un lien de la page.html à la page1.html :</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;p&gt;Ici, on est sur la page d'accueil. Veux-tu visiter la page 2? &lt;a href="page2.html"&gt;Page2&lt;/a&gt;.&lt;/p&gt;</pre>
<p>[/codesyntax]</p>
<p>Comme vous pouvez l&#8217;observer, il suffit juste d&#8217;écrire le lien de votre page par rapport à l&#8217;emplacement où vous vous trouvez. Imaginez maintenant que la page2.html se trouve dans le dossier &laquo;&nbsp;dossier&nbsp;&raquo;, il suffit de faire :</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;p&gt;Ici; on est sur la page d'accueil. Veux-tu visiter la page 2? &lt;a href="dossier/page2.html"&gt;Page2&lt;/a&gt;.&lt;/p&gt;</pre>
<p>[/codesyntax]</p>
<p>&laquo;&nbsp;Ok, mais je fais comment si je veux remonter dans un dossier?&nbsp;&raquo;</p>
<p>Pour remonter dans un dossier, il faut utiliser &laquo;&nbsp;../&nbsp;&raquo;. Par exemple, votre page.html se trouve dans le dossier accueil et la page2.html se trouve dans le dossier parent du dossier page.html. Il faudra donc écrire le code suivant:</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;p&gt;Ici; on est sur la page d'accueil. Veux-tu visiter la page 2? &lt;a href="../page2.html"&gt;Page2&lt;/a&gt;.&lt;/p&gt;</pre>
<p>[/codesyntax]</p>
<p>Et voilà, vous irez directement sur page2.html. Pratique hein?</p>
<h4><span style="color: #003366;"><span style="text-decoration: underline;">2. Les liens vers une ancre</span></span></h4>
<p>Avant de créer le lien vers l&#8217;ancre, il faut d&#8217;abord créer l&#8217;ancre. Et pour ceci, il faut attribuer l&#8217;attribut id à une de vos balise. Par exemple à la balise &lt;p&gt;.</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;p id="paragraphe1"&gt; Voilà le premier paragraphe &lt;/p&gt;
&lt;p id="paragraphe2"&gt; Voilà le second paragraphe &lt;/p&gt;</pre>
<p>[/codesyntax]</p>
<p>Maintenant que nous avons créer le lien vers notre ancre, il suffit de faire un lien vers celle-ci de la façon suivante :</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;p&gt;Se rendre directement au:&lt;br /&gt;</pre>
<pre>&lt;a href="#paragraphe2"&gt;Paragraphe 2&lt;/a&gt;
&lt;p/&gt;
&lt;p id = "paragraphe1" &gt;Et quoniam inedia gravi adflictabantur, locum petivere Paleas nomine, vergentem in mare, valido muro firmatum, ubi conduntur nunc usque commeatus distribui militibus omne latus Isauriae defendentibus adsueti. circumstetere igitur hoc munimentum per triduum et trinoctium et cum neque adclivitas ipsa sine discrimine adiri letali, nec cuniculis quicquam geri posset, nec procederet ullum obsidionale commentum, maesti excedunt postrema vi subigente maiora viribus adgressuri.&lt;/p&gt;

&lt;p id = "paragraphe2" &gt;Haec subinde Constantius audiens et quaedam referente Thalassio doctus, quem eum odisse iam conpererat lege communi, scribens ad Caesarem blandius adiumenta paulatim illi subtraxit, sollicitari se simulans ne, uti est militare otium fere tumultuosum, in eius perniciem conspiraret, solisque scholis iussit esse contentum palatinis et protectorum cum Scutariis et Gentilibus, et mandabat Domitiano, ex comite largitionum, praefecto ut cum in Syriam venerit, Gallum, quem crebro acciverat, ad Italiam properare blande hortaretur et verecunde.&lt;/p&gt;</pre>
<p>[/codesyntax]</p>
<p>Essayez ce code ci-dessus et cliquer sur les différents liens. vous êtes directement amené sur le l&#8217;ancre correspondant au paragraphe.  Vous pouvez faire des ancres n&#8217;importes où sur la page et faire des liens contenant des ancres vers n&#8217;importe quel page. Exemple:</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>
<pre>&lt;p&gt; Voici le méga lien : &lt;a href="dossier/page.html#paragraphe1"&gt;lien vers la page "page.html" du dossier "dossier" et amenant directement au paragraphe 1&lt;/a&gt;</pre>
</pre>
<p>[/codesyntax]</p>
<h4><span style="color: #003366;"><span style="text-decoration: underline;"><span style="text-decoration: underline;">2. Embellir un peu ses liens<br />
</span></span></span></h4>
<p>Nous allons juste voir une dernière petite chose, histoire d&#8217;embellir un peu vos lien: l&#8217;attribut <span style="text-decoration: underline;">title</span>. L&#8217;attribut title sert à afficher une info-bulle lorsque vous passez dessus. Essayez:</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>
<pre>&lt;a href="htpp://www.confighardware.com" title="lien vers confighardware"&gt;Confighardware&lt;/a&gt;</pre>
</pre>
<p>[/codesyntax]</p>
<p>Sympa, hein?</p>
<p>Voilà, on en a fini avec ce chapitre. je sais qu&#8217;il est très condensé donc ne vous inquiétez pas, le prochain sera bien moins condensé.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/03/06/la-gestion-du-texte-partie-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Votre première page XHTML 5</title>
		<link>http://www.confighardware.com/2010/02/28/votre-premiere-page-xhtml-5/</link>
		<comments>http://www.confighardware.com/2010/02/28/votre-premiere-page-xhtml-5/#comments</comments>
		<pubDate>Sun, 28 Feb 2010 13:49:17 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Tutoriel]]></category>
		<category><![CDATA[XHTML/CSS]]></category>
		<category><![CDATA[tutoriel; html/css; XHTML;]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3571</guid>
		<description><![CDATA[Bon vous êtes prêt à créer votre première page XHTML 5? Alors on y va! Mais tout d&#8217;abord, il faut que je vous présente deux très bon amies à vous : Les balises et les attributs. Les balises et attributs Voyons tout d&#8217;abord le cas des balises : une balise commence par &#171;&#160;&#60;&#160;&#187; et se [...]]]></description>
			<content:encoded><![CDATA[<p>Bon vous êtes prêt à créer votre première page XHTML 5? Alors on y va!</p>
<p>Mais tout d&#8217;abord, il faut que je vous présente deux très bon amies à vous : <span style="color: #ff0000;">Les balises et les attributs</span>.</p>
<hr />
<h3 style="text-align: center;"><span style="color: #003366;">Les balises et attributs</span></h3>
<p style="text-align: left;">Voyons tout d&#8217;abord le cas <span style="text-decoration: underline;">des balises</span> : une balise commence par &laquo;&nbsp;<span style="color: #ff0000;">&lt;</span>&nbsp;&raquo; et se termine par &laquo;&nbsp;<span style="color: #ff0000;">&gt;</span>&nbsp;&raquo; . De plus elle est invisible pour le visiteur et permettent de faire n&#8217;importe quoi. Mais il existe deux types de balises.</p>
<ul>
<li><span style="text-decoration: underline;"><strong><span style="color: #003366;">Les balises fonctionnant par paire</span></strong></span></li>
</ul>
<p style="padding-left: 60px;">Ce premier type de balise nécessite en faite deux balise: une dite &laquo;&nbsp;ouvrante&nbsp;&raquo; et l&#8217;autre dite &laquo;&nbsp;fermante&nbsp;&raquo;. Petit exemple:</p>
<p>[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;p&gt;
Voici un exemple de balise fonctionnant par paire.
&lt;/p&gt;</pre>
<p>[/codesyntax]</p>
<p style="padding-left: 60px;">La première balise indique le début du paragraphe alors que la seconde indique la fait du paragraphe.</p>
<ul>
<li><span style="text-decoration: underline;"><span style="color: #003366;"><strong>Les balise fonctionnant seule</strong></span></span></li>
</ul>
<p style="padding-left: 60px;">Les balises qui fonctionnent seule sont toute de la forme de la balise fermante:</p>
<p style="padding-left: 60px;">[codesyntax lang="html4strict" lines="normal"]</p>
<pre>&lt;br /&gt;</pre>
<p>[/codesyntax]</p>
<p>Voilà pour les balises. Passons maintenant aux <span style="text-decoration: underline;">attributs</span>.</p>
<ul>
<li><span style="text-decoration: underline;"><strong><span style="color: #003366;">Les attributs</span></strong></span></li>
</ul>
<p>Les attributs permettent de faire passer un message aux balises. Ce sont en quelque sorte les options des balises.</p>
<p>[codesyntax lang="html4strict"]</p>
<pre>&lt;img src="image.png" alt="texte de remplacement de l'image" /&gt;</pre>
<p>[/codesyntax]</p>
<p>Ici, nous disposons de deux attributs : l&#8217;attribut <span style="color: #003366;">src</span> qui permet de dire où se trouve l&#8217;image et l&#8217;attribut <span style="color: #003366;">alt</span> qui permet de mettre un texte en remplacement de l&#8217;image au cas où l&#8217;image ne s&#8217;afficherait pas.</p>
<p>Vous savez maintenant ce que sont les balises et les attributs, nous pouvons donc passer à la suite du tutoriel et attaquer les choses sérieuses.</p>
<hr />
<h3 style="text-align: center;"><span style="color: #003366;">Votre première page XHTML </span></h3>
<p style="text-align: left;">Bon allez, on ouvre notepad ++ ou votre éditeur et on écrit les première ligne de votre site web. Voici le code que doit obligatoirement comporté chaque site web :</p>
<p style="text-align: left;">[codesyntax lang="html4strict"]</p>
<pre>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"&gt;
  &lt;head&gt;
    &lt;title&gt;Votre première page web&lt;/title&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
    &lt;/head&gt;
  &lt;body&gt;
    Voici un exemple de document XHTML.
  &lt;/body&gt;
&lt;/html&gt;</pre>
<p>[/codesyntax]</p>
<p>Copier,collez ce code dans votre éditeur puis enregistrez le sous n&#8217;importe quel nom avec l&#8217;extension &laquo;&nbsp;.html&nbsp;&raquo; . Par exemple : page.html .</p>
<p>Une fois ceci fait, lancez le fichier en double-cliquant dessus et admirez. Vus avez maintenant une page qui se nomme <span style="text-decoration: underline;">&laquo;&nbsp;Votre première page web&nbsp;&raquo;</span> et où il est écrit: <span style="text-decoration: underline;">Voici un exemple de document XHTML</span>. Pas mal, non?</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/première-page-xhtml.png" rel="lightbox[3571]"><img class="aligncenter size-medium wp-image-3591" title="première page xhtml" src="http://www.confighardware.com/wp-content/uploads/2010/02/première-page-xhtml-300x182.png" alt="première page xhtml" width="300" height="182" /></a>Passons maintenant au explication du code ci-dessus:</p>
<ul>
<li>La première ligne contient la balise <span style="color: #ff0000;"><strong>&lt;html&gt; &lt;/html&gt;</strong></span> qui est une balise paire. On peut voir quel se ferme tout en bas. En effet, cette balise englobe toute votre page XHTML autant vous dire qu&#8217;elle est importante. De plus, elle sert à dire au navigateur web comment vous coder en quelque sorte. Et nous pouvons observer 2 attributs différents :
<ul>
<li><span style="text-decoration: underline;">l&#8217;attribut xmnls </span>: Il indique une page web, ne vous en occuper pas et laissez-le comme cela.</li>
<li><span style="text-decoration: underline;">L&#8217;attribut xml:lang</span>: qui permet de spécifier en quelle langue sera votre site. Pour nous, on utilisera bien sur le français d&#8217;où le fr.</li>
</ul>
</li>
<li>La seconde ligne contient elle aussi une balise fonctionnant par paire, la balise <strong><span style="color: #ff0000;">&lt;head&gt; &lt;/head&gt;</span></strong> qu&#8217;on pourrait traduire par&#8230;.<span style="text-decoration: underline;"> tête</span> <img class="wpml_ico" src="http://www.confighardware.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif" alt="" />. Et elle contient des balises très importante:
<ul>
<li>La balise &lt;title&gt;&lt;/title&gt; qui permet de spécifier le titre de votre page, celui qui va apparaître en haut du navigateur.</li>
<li>La balise &lt;meta /&gt; qui permet dans ce cas là, de spécifier quels caractères vous allez taper. On utilisera dans le format d&#8217;encodage UTF-8 qui est vraiment très polyvalent. Notez qu&#8217;il existe une multitude de balise &lt;meta /&gt; mais que cela est sans doute la plus importante.</li>
</ul>
</li>
<li>Maintenant, nous rencontrons la balise &lt;body&gt; &lt;/body&gt; qui veut dire&#8230;. <span style="text-decoration: underline;">corps</span>. C&#8217;est ici que vous taperez le contenu de votre page web. Tout à l&#8217;heure, vous avez vu apparaitre à l&#8217;écran &laquo;&nbsp;Voici un exemple de document XHTML&nbsp;&raquo;, le même code que nous avons écrit dans le fichier HTML. C&#8217;est donc en écrivant ici que nous pouvons afficher des choses sur notre page web.</li>
</ul>
<p>Ouf, on en à fini avec l&#8217;explication de cette première page web. Si vous devez retenir quelque chose de ce chapitre, c&#8217;est cette page! Car toutes les pages que nous créerons seront de cette forme là. Donc mettez-le vous dans la tête.</p>
<p>Et voilà, c&#8217;est fini pour le moment! Rendez-vous au prochain tutoriel.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/28/votre-premiere-page-xhtml-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le commencement : XHTML 5 et CSS3, question de longétivité !</title>
		<link>http://www.confighardware.com/2010/02/21/le-commencement-xhtml-5-et-css3-question-de-longetivite/</link>
		<comments>http://www.confighardware.com/2010/02/21/le-commencement-xhtml-5-et-css3-question-de-longetivite/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 11:45:06 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Tutoriel]]></category>
		<category><![CDATA[XHTML/CSS]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3544</guid>
		<description><![CDATA[Bonjours et bienvenue à toutes et à tous. On va passer pas mal de temps ensemble donc autant que je me présente tout de suite: Flo69. Et si vous êtes ici c&#8217;est bien sûr pour apprendre à créer votre site web. Le cours sera décomposé en 2 grandes parties : Le XHTML et CSS qui [...]]]></description>
			<content:encoded><![CDATA[<p>Bonjours et bienvenue à toutes et à tous.</p>
<p>On va passer pas mal de temps ensemble donc autant que je me présente tout de suite: <strong>Flo69</strong>. Et si vous êtes ici c&#8217;est bien sûr pour apprendre à créer votre site web. Le cours sera décomposé en 2 grandes parties : Le XHTML et CSS qui constitue la base de votre site web et le PHP et le Mysql que je présenterais bien plus tard.</p>
<p>Je serais donc votre guide tout au long de ces tutoriels et essayera de rendre votre apprentissage drôle et amusant <img class="wpml_ico" src="http://www.confighardware.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif" alt="" />. Alors on y va? C&#8217;est partie&#8230;</p>
<hr />
<h2 style="text-align: center;"><!--pagetitle:Avant de commencer--><span style="color: #003366;"> </span></h2>
<h3 style="text-align: center;"><span style="color: #003366;">XHTML / CSS, de quoi tu nous parle?</span></h3>
<p>Le XHTML et le CSS sont des langages de programmations, c&#8217;est à dire qu&#8217;ils vous permettent de parler à votre ordinateurs en quelque sorte. Ils sont nécessaire dès que l&#8217;on veut faire comprendre quelque chose à l&#8217;ordinateur. Et dans le domaine internet, les principaux langages sont le XHTML et CSS pour gérer l&#8217;affichage et le style de votre page web. Ils sont très simple à utiliser et ont été créer dans se but là.</p>
<p><span style="color: #003366;"><span style="color: #000000;"><strong><span style="color: #003366;">Deux questions viennent à votre esprit, j&#8217;en suis sur: Pourquoi apprendre deux langages en même temps? Et pourquoi prendre le XHTML 5 et le CSS 3? </span></strong></span></span></p>
<p>Tout d&#8217;abord, je vais répondre à la première question car je m&#8217;en servirais pour répondre à la seconde :</p>
<p><span style="text-decoration: underline;">XHTML:</span> Le XHTML est l&#8217;abréviation de eXtensible HyperText Markup Language. Ne vous inquiétez pas, je ne vais pas vous demandez de le retenir <img class="wpml_ico" src="http://www.confighardware.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif" alt="" />. C&#8217;est avec ce langage que vous taperez le contenu de votre site web et que vous allez créer le squelette de votre site web. Vous avez certainement déjà du entendre parler du HTML. Le XHTML est un peu comme son petit frère mais permet l&#8217;utilisation de XML dans vos script et repose sur des règles un peu plus strict que ce dernier. Mais ne vous inquiétez pas, si vous savez programmer en XHTML, vous savez programmer en HTML.</p>
<p><span style="text-decoration: underline;">CSS: </span>Le CSS pour Cascading Style Sheets (&laquo;&nbsp;Feuille de style&nbsp;&raquo;) permet de mettre en forme votre page. C&#8217;est à lui qu&#8217;on dit par exemple: &nbsp;&raquo; Mets les titres en rouge, mets ce mot <strong>en gras</strong>, fait un alinéa ici&nbsp;&raquo;. Il permet donc de faire la présentation de votre site web.</p>
<p>Maintenant que vous savez ce qu&#8217;est le XHTML et le CSS, je vais vous dire pourquoi j&#8217;ai fait le choix de faire un tutoriel complet sur le XHTML 5 et le CSS 3. Pour sa, on va faire un rapide bon en arrière. Le HTML 5 est l&#8217;évolution du HTML 4.01.Et donc le XHTML 5 est l&#8217;évolution du XHTML. De plus, il apporte énormément de nouvelles balises. Ainsi, il est encore plus facile à utiliser que le XHTML. Cela va de même pour le CSS 2 et le CSS3. Le seul hic est que certain navigateur n&#8217;intègrent pas encore leurs fonctions. Mais ne vous inquiétez pas, il existe des moyens de parer à ses problème de compatibilités.</p>
<p>En résumé, le XHTML 5 sert à écrire le contenu de vos pages web et à créer le squelette de celle-ci alors que le CSS 3 permet de gérer l&#8217;affichage et la présentation de ce contenu.</p>
<hr />
<h3 style="text-align: center;"><span style="color: #003366;">Les éditeurs</span></h3>
<p style="text-align: left;">Les éditeurs sont les logiciels dont vous aurez besoin pour créer votre site web. Il existe bien sur des tonnes et des tonnes d&#8217;éditeurs payant ou gratuit. Pourtant, un éditeur tels que votre bloc note suffit amplement pour créer votre site web. Oui, oui le bloc note, vous savez l&#8217;éditeur de texte que vous n&#8217;utilisez jamais sous Windows.  Bien sûr, l&#8217;interface est très rudimentaire et pas très pratique mais, il vous suffit pour créer votre site web.</p>
<p style="text-align: left;">Je suis plus à l&#8217;aise sous notepad ++ qui est l&#8217;éditeur de texte avec lequel j&#8217;ai appris à coder. Donc j&#8217;utiliserais durant tous le long de ce tutoriel, cette éditeur de texte. Pour le télécharger, rendez-vous sur <a href="http://sourceforge.net/projects/notepad-plus/files/notepad%2B%2B%20releases%20binary/">la page de téléchargement de notepad ++</a> puis installer le.</p>
<p style="text-align: left;">Maintenant, allez dans le menu langage puis H puis sélectionner HTML. Voilà vous aurez le droit à une belle coloration syntaxique et nous allons pouvoir attaquer les choses sérieuses.</p>
<p style="text-align: center;"><a href="http://www.confighardware.com/wp-content/uploads/2010/02/notepad-++.png" rel="lightbox[3544]"><img class="aligncenter size-medium wp-image-3562" title="notepad ++" src="http://www.confighardware.com/wp-content/uploads/2010/02/notepad-++-300x201.png" alt="notepad ++" width="300" height="201" /></a>Voilà,voilà c&#8217;est fini pour l&#8217;introduction de ce tutoriel. Préparez vous à faire chauffer vos méninges car on attaque vraiment à partir du prochain tutoriel.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/21/le-commencement-xhtml-5-et-css3-question-de-longetivite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google va proposer du très très haut débit aux USA</title>
		<link>http://www.confighardware.com/2010/02/11/google-va-proposer-du-tres-tres-haut-debit-aux-usa/</link>
		<comments>http://www.confighardware.com/2010/02/11/google-va-proposer-du-tres-tres-haut-debit-aux-usa/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 20:09:38 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3539</guid>
		<description><![CDATA[Non sans surprise, Google va bientôt lancer sur le marché une offre de très très haut débits aux USA. En effet, on parle de 1 gigabits/s! Sa vous fait rêvez hein? Une des nouvelles les plus surprenantes est que se réseaux sera totalement ouvert. C&#8217;est à dire que tout pourra être fait sur ces réseaux. [...]]]></description>
			<content:encoded><![CDATA[<p>Non sans surprise, <strong>Google</strong> va bientôt lancer sur le marché une offre de très très haut débits aux USA. En effet, <strong>on parle de 1 gigabits/s!</strong> Sa vous fait rêvez hein?</p>
<p>Une des nouvelles les plus surprenantes est que se réseaux sera totalement ouvert. C&#8217;est à dire que tout pourra être fait sur ces réseaux. Ce qui n&#8217;est pas possible pour le moment car les opérateurs limitent certaines fonctions.</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/Photo-Fibre-OptiqueY-J-1243-3.jpg" rel="lightbox[3539]"><img class="aligncenter size-full wp-image-3540" title="google lance son offre fibre optique" src="http://www.confighardware.com/wp-content/uploads/2010/02/Photo-Fibre-OptiqueY-J-1243-3.jpg" alt="google lance son offre fibre optique" width="565" height="394" /></a></p>
<p>En annonçant mercredi la construction d&#8217;un réseau internet utilisant de la fibre optique, Google veut démontrer que les opérateurs peuvent facilement gérer des applications complexes exigeant beaucoup de bande passante sans forcément détériorer les performances d&#8217;ensemble du réseau et la rentabilité de leurs investissements. Pour le moment, on ne sait pas quel &laquo;&nbsp;mappage&nbsp;&raquo; sera utilisé par Google pour équiper maison et immeuble mais cette façon devrait être révolutionnaire d&#8217;après Google.</p>
<p>De fait, le groupe californien a précisé qu&#8217;il n&#8217;entendait pas bâtir un réseau national concurrent de celui des opérateurs mais qu&#8217;il voulait offrir à un public compris entre 50.000 et 500.000 personnes un accès 100 fois plus rapide que les réseaux actuels pour un prix compétitif.</p>
<p>L&#8217;avantage pour Google est assez conséquent : il pourra transmettre des données à très haut débit comme de la video <em>full HD</em> sur Youtube sans être obliger de louer de la bande passante aux opérateurs internet. Pour avoir un exemple précis, sur le blog de Google, on peut voir le lancement de nouveaux services. Un docteur regardant une image en trois-dimensions (3D) tout en discutant avec son patient situé à l&#8217;autre bout du pays, des étudiants assistant à des cours en 3D ou encore un internaute téléchargeant un film en haute définition en quelques minutes.</p>
<p>Cela nous fait rêvez! A quand cette technologie chez nous?</p>
<p><a href="http://www.confighardware.com/2010/02/11/google-va-proposer-du-tres-tres-haut-debit-aux-usa/"><em>Cliquer ici pour voir la vidéo.</em></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/11/google-va-proposer-du-tres-tres-haut-debit-aux-usa/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>KDE 4.4 : Caikaku est sorti</title>
		<link>http://www.confighardware.com/2010/02/10/kde-4-4-caikaku-est-sorti/</link>
		<comments>http://www.confighardware.com/2010/02/10/kde-4-4-caikaku-est-sorti/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 21:13:57 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Non classé]]></category>
		<category><![CDATA[KDE: linux;Unix; KDE 4.4;]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3535</guid>
		<description><![CDATA[Sa y est, pour les plus impatient, KDE 4.4 du nom de code Caikaku vient d&#8217;être rendu disponible au téléchargement. L&#8217;équipe de développement aura corrigé pas moins de 7293 bugs&#8230; Oui c&#8217;est assez énorme! KDE est un environnement de bureau destiné aux systèmes Unix ou Linux et est basé sur Qt 4.6. Au programme, de [...]]]></description>
			<content:encoded><![CDATA[<p>Sa y est, pour les plus impatient, <strong>KDE 4.4</strong> du nom de code Caikaku vient d&#8217;être rendu disponible au téléchargement. L&#8217;équipe de développement aura corrigé pas moins de 7293 bugs&#8230; Oui c&#8217;est assez énorme!</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/kde-caikaku-02-10-2010.jpg" rel="lightbox[3535]"><img class="aligncenter size-full wp-image-3536" title="kde-caikaku-02-10-2010" src="http://www.confighardware.com/wp-content/uploads/2010/02/kde-caikaku-02-10-2010.jpg" alt="kde-caikaku-02-10-2010" width="540" height="338" /></a></p>
<p>KDE est un environnement de bureau destiné aux systèmes Unix ou Linux et est basé sur Qt 4.6. Au programme, de multiples améliorations ainsi que des nouveautés plutôt sympathique. <span onmouseover="_tipon(this)" onmouseout="_tipoff()">Cela inclut toute une gamme de fonctionnalités intégrées de réseau social et, surtout, un composant Plasma Netbook qui est spécifiquement conçue pour &laquo;&nbsp;une utilisation ergonomique sur les netbooks et les portables.&nbsp;&raquo;</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span style="direction: ltr; text-align: left;"> </span>Sinon, vous pouvez vous attendre à voir certaines fonctions de gestion de fenêtre améliorées , un nouveau Desktop Search, et, bien sûr, beaucoup d&#8217;autres améliorations. Pour voir toutes les améliorations <a href="http://www.kde.org/announcements/4.4/">par ici</a> et pour le téléchargement il faudra attendre le dépôt de chaque distribution soit mise à jours.<br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/10/kde-4-4-caikaku-est-sorti/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AMD annonce la HD 5570</title>
		<link>http://www.confighardware.com/2010/02/09/amd-annonce-la-hd-5570/</link>
		<comments>http://www.confighardware.com/2010/02/09/amd-annonce-la-hd-5570/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 13:54:58 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Composants]]></category>
		<category><![CDATA[ATI;HD5570;carte graphique;]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3525</guid>
		<description><![CDATA[Après la HD 5450, voila que AMD lance sa HD 5570, une enieme solution graphique compatible DirectX 11. Plus performante que la HD 5450, elle profite d&#8217;un format &#160;&#187; Low profil&#160;&#187;, c&#8217;est à dire qu&#8217;elle est plus petite et moins haute qu&#8217;une carte graphique normal. La puce graphique de la carte graphique est une RedWood [...]]]></description>
			<content:encoded><![CDATA[<p>Après la<strong> HD 5450</strong>, voila que<strong> AMD</strong> lance sa <strong>HD 5570</strong>, une enieme solution graphique compatible DirectX 11. Plus performante que la HD 5450, elle profite d&#8217;un format &nbsp;&raquo; Low profil&nbsp;&raquo;, c&#8217;est à dire qu&#8217;elle est plus petite et moins haute qu&#8217;une carte graphique normal.</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/AMD_HD_5570.jpg" rel="lightbox[3525]"><img class="aligncenter size-full wp-image-3526" title="AMD_HD_5570" src="http://www.confighardware.com/wp-content/uploads/2010/02/AMD_HD_5570.jpg" alt="AMD_HD_5570" width="450" height="299" /></a></p>
<p>La puce graphique de la carte graphique est une RedWood équipé de 400 processeurs de flux, 20  unités de textures et 8 ROPs&#8230; Le tout avec une fréquence de 650 MHz contre 900 MHz pour les 1Go de  DDR3 qui accompagne la carte pour un totale de 520 GigaFLOPs.</p>
<p>Coté consomation, la HD 5570 consomme 9,7 Watts en idle mais 42,7 Watts en pleine charge. De plus, un petit ventilateur est présent pour refroidir le tout. Bien sûr, pour les fan de silence, il sera possible de le désactiver.</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/ati-hd-5570.jpg" rel="lightbox[3525]"><img class="aligncenter size-medium wp-image-3528" title="ati hd 5570" src="http://www.confighardware.com/wp-content/uploads/2010/02/ati-hd-5570-300x217.jpg" alt="ati hd 5570" width="300" height="217" /></a>Niveau conectique, des connecteurs VGA, DVI et HDMI sont présent. Elle est Compatible Eyefinity mais aucun port DisplayPort est présent. Pourtant, il est indispensable pour connecter trois écrans. Avec le design de référence AMD cela sera par conséquent impossible, mais certains fabricants devraient nous concocter des versions Eyefinity avec DisplayPort du HD 5570. Autre particularité du design de référence, il n’y a aucun port CrossFire alors que sur le papier le HD 5570 devrait pouvoir gérer la solution multi GPU d’AMD.</p>
<p>Vous pouvez voir le premier test en français <a href="http://www.revioo.com/articles/a13777_0.html">sur revioo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/09/amd-annonce-la-hd-5570/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fusion chez AMD avec ses puces APU</title>
		<link>http://www.confighardware.com/2010/02/09/fusion-chez-amd-avec-ses-puces-apu/</link>
		<comments>http://www.confighardware.com/2010/02/09/fusion-chez-amd-avec-ses-puces-apu/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 13:25:48 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Composants]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3516</guid>
		<description><![CDATA[La firme texane, AMD, a annoncé à  l&#8217;International Solid State Circuit Conference, ses premiers processeurs gravés en 32nm et utilisant la technologie APU. Ces nouvelles puces ont pour nom de code Llano. La technologie APU pour Application Processor Unit consiste à rassembler des cœur CPU et le GPU ( cœur de la carte graphique)  au [...]]]></description>
			<content:encoded><![CDATA[<p>La firme texane, <strong>AMD</strong>, a annoncé à  l&#8217;International Solid State Circuit Conference, ses premiers processeurs gravés en 32nm et utilisant la technologie APU. Ces nouvelles puces ont pour nom de code <strong>Llano.</strong></p>
<p><strong><a href="http://www.confighardware.com/wp-content/uploads/2010/02/1136711-32nm.jpg" rel="lightbox[3516]"><img class="aligncenter size-full wp-image-3517" title="1136711-32nm" src="http://www.confighardware.com/wp-content/uploads/2010/02/1136711-32nm.jpg" alt="1136711-32nm" width="550" height="374" /></a><br />
</strong></p>
<p>La technologie APU pour Application Processor Unit consiste à rassembler des cœur CPU et le GPU ( cœur de la carte graphique)  au sein d&#8217;une même puce. Du coté processeur, celui-ci sera composé de quatre cœurs avec une architecture dérivé de l&#8217;architecture du Phenom II, mais sans cache L3. Il devrait donc en résulter un Athlon II qui pourrait être légèrement amélioré.</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/80271-amd-llano.jpg" rel="lightbox[3516]"><img class="aligncenter size-full wp-image-3521" title="80271-amd-llano" src="http://www.confighardware.com/wp-content/uploads/2010/02/80271-amd-llano.jpg" alt="80271-amd-llano" width="550" height="359" /></a></p>
<p>Mesurant 9,69 mm² seulement, le llano contiendra un peu plus de 35 millions de transistors. Il sera cadencé au dessus des 3 GHz, et avec une tension située entre 0,8 et 1,3 volts. Sa consommation ne devrait pas dépasser les 25 watts (2,5 watts en idle grâce au « Power Gating » permettant d&#8217;éteindre complètement des portions entières du processeur). Chaque cœur disposera de 1 Mo de cache L2, en 16-way et Llano en comportera quatre et disposera donc de 4 Mo de L2. Le tout gravé en 32nm.</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/80272-amd-llano.jpg" rel="lightbox[3516]"><img class="aligncenter size-full wp-image-3522" title="80272-amd-llano" src="http://www.confighardware.com/wp-content/uploads/2010/02/80272-amd-llano.jpg" alt="80272-amd-llano" width="550" height="362" /></a></p>
<p>Coté partie graphique, AMD ne nous a pas donné beaucoup d&#8217;information. Le GPU sera compatible Directx 11 et sera dérivée de la gamme Evergreen qui équipe la gamme Radeon HD 5k. Par contre aucune spécification sur sa puissance ou encore le nombre d&#8217;unités intégrées, et donc si les performances seront au rendez-vous ou non.</p>
<p>Voyons voir si AMD revient sur le devant de la scène avec cette fameuse puce Llano!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/09/fusion-chez-amd-avec-ses-puces-apu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gmail : de nouvelles fonctionnalités communautaire arrivent</title>
		<link>http://www.confighardware.com/2010/02/09/gmail-de-nouvelles-fonctionnalites-communautaire-arrivent/</link>
		<comments>http://www.confighardware.com/2010/02/09/gmail-de-nouvelles-fonctionnalites-communautaire-arrivent/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 11:42:51 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Gmail;Google;Talk;]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3513</guid>
		<description><![CDATA[D&#8217;après un article du Wall Street Journal, Google devrait bientôt proposer un flux d&#8217;activité communautaire pour Gmail. Il vous est déjà possible de communiquer grâce à GTalk ou encore de changer son statut profil de Google. Cependant, Google aimerait y intégrer un service communautaire à la façon de Twitter. Le projet de Google serait de [...]]]></description>
			<content:encoded><![CDATA[<p>D&#8217;après un article du Wall Street Journal, <strong>Google</strong> devrait bientôt proposer un flux d&#8217;activité communautaire pour <strong>Gmail</strong>. Il vous est déjà possible de communiquer grâce à GTalk ou encore de changer son statut profil de Google. Cependant, Google aimerait y intégrer un service communautaire à la façon de Twitter.</p>
<p>Le projet de Google serait de permettre d&#8217;intégrer plus facilement les vidéos de ses services tels que Picasa,Blogger ou encore Youtube pour ses internautes pour leur profil. Ainsi, chaque utilisateurs pourraient voir, un peu à la façon de FaceBook, les dernières activités de ses contacts.</p>
<p>Plusieurs Webmails on déjà lancé des services comparables tels que Windows Live ou encore Yahoo! Mail. Comme toujours, pour activer ces options, rendez-vous sur le <strong>Gmail Labs</strong>.</p>
<p><a href="http://www.confighardware.com/wp-content/uploads/2010/02/gmail.png" rel="lightbox[3513]"><img class="aligncenter size-full wp-image-3514" title="gmail" src="http://www.confighardware.com/wp-content/uploads/2010/02/gmail.png" alt="gmail" width="320" height="168" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/09/gmail-de-nouvelles-fonctionnalites-communautaire-arrivent/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Apps : lancement prochain</title>
		<link>http://www.confighardware.com/2010/02/05/google-apps-lancement-prochain/</link>
		<comments>http://www.confighardware.com/2010/02/05/google-apps-lancement-prochain/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 00:19:51 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Logiciels,jeux]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/?p=3511</guid>
		<description><![CDATA[Selon le Wall Street Journal, le lancement de Google Apps, un service permettant au utilisateurs le téléchargement d&#8217;applications, est prévu pour le mois de Mars prochain. L&#8217;acces a ce service sera public a partir d&#8217;un menu en haut de la page d&#8217;accueil Google qui s&#8217;affiche lorsqu&#8217;un membre est connecté a son compte. Il présentera des [...]]]></description>
			<content:encoded><![CDATA[<p>Selon le <strong>Wall Street Journal</strong>, le lancement de <strong>Google Apps</strong>, un service permettant au utilisateurs le téléchargement d&#8217;applications, est prévu pour le mois de Mars prochain.</p>
<p><img class="aligncenter" src="http://www.logiciel.net/wp-content/uploads/2010/02/googleapp-300x296.jpg" alt="" width="300" height="296" /></p>
<p>L&#8217;acces a ce service sera public a partir d&#8217;un menu en haut de la page d&#8217;accueil Google qui s&#8217;affiche lorsqu&#8217;un membre est connecté a son compte. Il présentera des applications développées par des utilisateurs indépendants.</p>
<p>Certes, cette nouvelle ne fera pas le bonheur d&#8217;<strong>Apple</strong>, qui n&#8217;a pas encore commenté l&#8217;information, mais pour nous, les consommateurs, on ne peut espérer qu&#8217;une amélioration de la qualité due a cette concurrence entre les deux géants <strong>Américains</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/05/google-apps-lancement-prochain/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jeux vidéos : édition spéciale bioshock 2</title>
		<link>http://www.confighardware.com/2010/02/03/jeux-videos-edition-speciale-bioshock-2/</link>
		<comments>http://www.confighardware.com/2010/02/03/jeux-videos-edition-speciale-bioshock-2/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 19:37:15 +0000</pubDate>
		<dc:creator>flo69</dc:creator>
				<category><![CDATA[Logiciels,jeux]]></category>
		<category><![CDATA[Jeux-vidéos]]></category>

		<guid isPermaLink="false">http://www.confighardware.com/2010/02/03/jeux-videos-edition-speciale-bioshock-2/</guid>
		<description><![CDATA[Salut a tous c&#8217;est Khoreguile, oui oui c&#8217;est moi le nouveau ^^ Aujourd&#8217;hui je vous propose un petit tour dans le domaine des jeux vidéos avec bioshock 2, de 2k games. Pour rappel, Bioshock 2 est un FPS réservé aux 18+ et il sortira le 9 de ce mois.]]></description>
			<content:encoded><![CDATA[<p>Salut a tous c&#8217;est Khoreguile, oui oui c&#8217;est moi le nouveau ^^<br />
Aujourd&#8217;hui je vous propose un petit tour dans le domaine des jeux vidéos avec bioshock 2, de 2k games.<br />
<a href="http://www.dailymotion.com/video/xc34lb_bioshock-2-deballage-de-ledition-sp_videogames" target="_blank"></a><p><a href="http://www.confighardware.com/2010/02/03/jeux-videos-edition-speciale-bioshock-2/"><em>Cliquer ici pour voir la vidéo.</em></a></p></p>
<p>Pour rappel, Bioshock 2 est un FPS réservé aux 18+ et il sortira le 9 de ce mois.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.confighardware.com/2010/02/03/jeux-videos-edition-speciale-bioshock-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 0.594 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2010-09-08 15:29:05 -->
