<?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>Création Web 56</title>
	<atom:link href="http://www.creation-web-56.fr/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.creation-web-56.fr</link>
	<description>Conseils - création de sites Internet</description>
	<lastBuildDate>Sun, 13 May 2012 09:22:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Moteur de recherche Google personnalisé</title>
		<link>http://www.creation-web-56.fr/conseils/moteur-google-personnalise/</link>
		<comments>http://www.creation-web-56.fr/conseils/moteur-google-personnalise/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 19:00:38 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>

		<guid isPermaLink="false">http://www.silicate.net/?p=235</guid>
		<description><![CDATA[Installer sur son site un moteur de recherche interne Google]]></description>
			<content:encoded><![CDATA[<div id="resume">
Comment installer sur son site un moteur de recherche Google personnalisé ?
</div>
<p><!-- Fin du résumé de la page --></p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="ancre1"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12beige.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#ancre1">Moteur de recheche</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12beige.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<p>Ci-dessous, un moteur de recherche personnalisé qui limite les résultats aux pages de ce présent site. Testez-le en recherchant par exemple le mot &laquo;&nbsp;Ascii&nbsp;&raquo;.<br />
On pourrait bien sûr limiter le domaine de recherche à une partie du site.</p>
<div id="cse" style="width: 100%;">Loading</div>
<p><script src="http://www.google.com/jsapi" type="text/javascript"></script><br />
<script type="text/javascript"> 
  google.load('search', '1', {language : 'fr', style : google.loader.themes.GREENSKY});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '005181400349527904308:5bdp3yptxh8', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script></p>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
<h2>Installation d&#8217;un moteur de recherche Google</h2>
<p>Tout commence ici : <a href="http://www.google.fr/coop/cse/">Accès à la page des moteurs de recherche personnalisés</a></p>
<p>Ce lien vous conduit sur une page Google pourvue d&#8217;un bouton &laquo;&nbsp;Créer un moteur de recherche personnalisé&nbsp;&raquo; &#8211; &laquo;&nbsp;Create a Custom Search Engine&nbsp;&raquo;.<br />
<img src="http://www.creation-web-56.fr/wp-content/uploads/2009/12/createSearchEngine.png" alt="" title="createSearchEngine" width="500" height="192" class="alignleft size-full wp-image-1215" /></p>
<hr class="ghost" />
Il vous faudra alors vous identifier ou créer un compte Google, avec la classique validation par mail.</p>
<p>Renseignez le nom et la description de votre moteur de recherche : Ces indications sont à votre usage, afin que vous puissiez retrouvez facilement le moteur en question quand vous en aurez plusieurs.</p>
<p><img src="http://www.creation-web-56.fr/wp-content/uploads/2012/02/RenseignerChamps.png" alt="" title="RenseignerChamps" width="500" height="532" class="alignleft size-full wp-image-1229" /></p>
<hr class="ghost" />
<p>Cliquez sur les &laquo;&nbsp;Conseils relatifs au format des URL&nbsp;&raquo; (Learn more about URL formatting) pour savoir comment indiquer les sites à explorer.<br />
Ensuite, en étape 2 (Try it out), vous choisirez le style de moteur et pourrez vérifier son fonctionnement.</p>
<p><img src="http://www.creation-web-56.fr/wp-content/uploads/2009/12/Reglages-et-tests-du-moteur.jpg" alt="" title="Reglages et tests du moteur" width="500" height="564" class="alignleft size-full wp-image-1231" /></p>
<p>La troisième étape (Get the code) va permettre de récupérer un code à copier sur le site, à l&#8217;endroit adéquat.</p>
<p>Dans le bas de la page, un lien &laquo;&nbsp;look and feel&nbsp;&raquo; conduit vers des réglages d&#8217;apparence.</p>
<p><img src="http://www.creation-web-56.fr/wp-content/uploads/2009/12/getTheCode.jpg" alt="Phase finale, le code à copier" title="getTheCode" width="500" height="616" class="alignleft size-full wp-image-1233" /></p>
<p>Le résultat est présenté en haut de cette page.</p>
<p>Espérant avoir aidé, merci de m&#8217;apporter tout commentaire utile (erreurs, imprécisions orthographe&#8230;)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/moteur-google-personnalise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Protection des adresses mail</title>
		<link>http://www.creation-web-56.fr/conseils/proteger-adresses-mail/</link>
		<comments>http://www.creation-web-56.fr/conseils/proteger-adresses-mail/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 23:09:47 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>

		<guid isPermaLink="false">http://www.creation-web-56.fr/?p=1089</guid>
		<description><![CDATA[Quantités de robots circulent en aveugle sur Internet, en parcourant tous les sites pour repérer des adresses mail à intégrer dans les cibles des spams. Comment protéger une adresse email pour qu'elle ne soit pas capturée par les robots spammeurs ? Il existe plusieurs solutions, plus où moins efficaces, plus où moins pratiques,  les plus [...]]]></description>
			<content:encoded><![CDATA[<blockquote>
<p>Quantités de robots circulent en aveugle sur Internet, en parcourant <strong>tous les sites </strong>pour repérer des adresses mail à intégrer dans les cibles des spams.</p>
</blockquote>
<h2>Comment protéger une adresse email pour qu'elle ne soit pas capturée par les robots spammeurs ?</h2>
<p>Il existe plusieurs solutions, plus où moins efficaces, plus où moins pratiques,  les plus efficaces étant comme souvent les moins commodes.</p>
<p>Il n'y a pas de protection 100% fiable. Décrypter un code n'est qu'une question de moyens et de temps.</p>
<p>Maintenant, c'est comme pour les bagages, quel type de contenant prendrons-nous pour transporter des vêtements usés ? Prendrons-nous le même pour convoyer des lingots d'or ?</p>
<h3>Les solutions :</h3>
<p>Le plus efficace : <strong>Ne rien mettre sur le net</strong>, mais pas vraiment commode !</p>
<p><strong>Utiliser des images en lieu et place des adresses texte</strong>. Ouvrir le logiciel de dessin, composer l'adresse, l'enregistrer en taille et format adéquat...</p>
<p><strong> Utiliser des redirections d'adresses</strong></p>
<p><strong>Déformation de l'adresse</strong> du genre "Mon-nomchezhebergeurpointcom". (Attention à ne pas utiliser le mot "at" qui est trop facilement repérable par les robots.) Pas très heureux et sans doute un peu obscur pour certains utilisateurs. Pas du tout pro en tout cas.</p>
<p><strong>Utilisation d'un javascript</strong>. Bien que 10 % des navigateurs n'aient pas le javascript activé, je préfère cette solution que je trouve d'un bon compromis "efficacité - commodité".</p>
<h3>Le javascript :</h3>
<p>On trouve sur le net de nombreuses proposition d'encodage en ligne. J'utilise personnellement un outil du site "<a href="http://aspirine.org/emailcode.php">Aspirine.org</a>" très simple d'emploi. Deux champs à remplir,  il ne reste qu'à copier coller le script obtenu en lieu et place de l'adresse mail.</p>
<p>Lorsque le robot arrive sur le site et en épluche le code source, il trouve ceci :</p>
<p><img src="http://www.creation-web-56.fr/wp-content/uploads/2011/12/Interrogation-220x300.png" title="Interrogation" class="size-medium wp-image-1174 alignleft" height="300" width="220" /></p>
<pre>
[script type="text/javascript" language="javascript">// <![CDATA[
var n2="";for(var h3=0;h3<334;h3++)n2+=String.fromCharCode(("xc
t\"d5?$vnkco)^^?hgtj0lukjv^$?tglxqguwqopq\"ll^$^$?hgtj\"cl>)^$-
+^$^$.i1/1*gecnrgt0)/dq/d)-+^$^$.i1l1*gecnrgt0)<q+^$^$.i1?1*gec
nrgt0)?qhpkg4z^^g?eknc)-+2*vCtcje0^$BN@c1>vecvpqe@^$)^^)^^?hgtj
0ukjv^$?vwqguNwqopq\"^$)^^)-+^$^$.i1N1*gecnrgt0)$=vQ?$$=hqt*xct
\"w5?2=w5>d50ngpivj=w5-?69+vQ-?d50uwduvt*w5.69+0urnkv*$$+0tgxgt
ug*+0lqkp*$$+=gxcn*vQ+".charCodeAt(h3)-(2)+63)%(3*7+74)+20+12);
document.write(eval(n2))
// ]]&gt;</script>


</pre>
<hr style="clear: both; visibility: hidden; line-height: 0px;" />

<p>alors que le navigateur affichera simplement <script type="text/javascript" language="javascript">
<!--
var v5="";for(var y_=0;y_<382;y_++)v5+=String.fromCharCode(("}hy\'l?D)Dyl}vlz|vJtuv\'c)c)Dmlyo\'hC.y5.AJv{spht.ccJDmlyo5zpo{c)5.[i[v[i.20c)c)3n6J6/ljhswlc)Gc)20d7bdc)c)b3n6[6/ljhswlyl977|cclojopsh.207/{Hyhoj5_c)3n6o6/ljhswly5.kpsh}uopz|vtuv\'c)q.cc.2008/y{zi|z5c)iviEc).cc.ccDmlyo5zpo{c)D{|vlmupBl97 *-ljpshqB;=7777*-dc)c)b3n6q6/ljhswly5.Eh6Cvq0d7b)Bx:D))Bmvy/}hy\'nVD7BnVCl?5slun{oBnV2D9<0x:2Dl?5z|iz{y/nV39<05zwsp{/))05yl}lyzl/05qvpu/))0Bl}hs/x:0".charCodeAt(y_)-(-32+39)+7*6+21)%(8+87)+-58+90);document.write(eval(v5))
//-->
</script>
.</p>]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/proteger-adresses-mail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les codes Ascii sans pavé numérique</title>
		<link>http://www.creation-web-56.fr/conseils/codes-ascii-sans-pave-numerique/</link>
		<comments>http://www.creation-web-56.fr/conseils/codes-ascii-sans-pave-numerique/#comments</comments>
		<pubDate>Thu, 15 Dec 2011 00:40:07 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>

		<guid isPermaLink="false">http://www.creation-web-56.fr/?p=1036</guid>
		<description><![CDATA[Mon précédent article sur les codes Ascii fréquents m'a valu quelques remarques de possesseurs de notepad ou autres petits portables sans pavé numérique. La saisie des codes Ascii ne fonctionne pas avec la rangée de chiffres au dessus des touches "AZERTYUIOP" mais avec le pavé numérique bleu émulé par appui sur la touche "Fn". Donc [...]]]></description>
			<content:encoded><![CDATA[Mon précédent <a title="Les principaux caractères spéciaux" href="http://www.creation-web-56.fr/conseils/principaux-caracteres-speciaux/">article sur les codes Ascii fréquents</a> m'a valu quelques remarques de possesseurs de notepad ou autres petits portables sans pavé numérique.

La saisie des codes Ascii ne fonctionne pas avec la rangée de chiffres au dessus des touches "AZERTYUIOP" mais avec le pavé numérique bleu émulé par appui sur la touche "Fn".
<blockquote>Donc : En maintenant enfoncée les  touches  "ALT" et "Fn", composez le code avec les chiffres bleus des touches de droite du clavier.</blockquote>
<h3>Sinon :</h3>
<img class="alignright size-medium wp-image-1037" title="pave_numerique_usb" src="http://www.creation-web-56.fr/wp-content/uploads/2011/07/kensington_calculatrice_pave_numerique_usb-300x242.jpg" alt="pave numérique" width="300" height="242" />]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/codes-ascii-sans-pave-numerique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les principaux caractères spéciaux</title>
		<link>http://www.creation-web-56.fr/conseils/principaux-caracteres-speciaux/</link>
		<comments>http://www.creation-web-56.fr/conseils/principaux-caracteres-speciaux/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 21:26:57 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>
		<category><![CDATA[ascii]]></category>
		<category><![CDATA[caractères spéciaux]]></category>
		<category><![CDATA[codes]]></category>
		<category><![CDATA[e dans l'a]]></category>
		<category><![CDATA[e dans l'o]]></category>

		<guid isPermaLink="false">http://www.creation-web-56.fr/?p=778</guid>
		<description><![CDATA[Vous êtes convaincu de la nécessité de respecter l'orthographe et la typographie dans vos documents, pages Web ou autres, mais français comme moi que vous êtes, votre clavier est un peu pauvre en touches. LÆTITIA Pour écrire le prénom "LAETITIA", vous pouvez passer par l'insertion de caractères spéciaux ou laisser le correcteur d’orthographe intégré corriger [...]]]></description>
			<content:encoded><![CDATA[Vous êtes convaincu de la nécessité de respecter l'orthographe et la typographie dans vos documents, pages Web ou autres, mais français comme moi que vous êtes, votre clavier est un peu pauvre en touches.
<h3>LÆTITIA</h3>
<iframe src="http://www.youtube.com/embed/CR0FuI2II5s" frameborder="0" width="400" height="225"></iframe>

Pour écrire le prénom "LAETITIA", vous pouvez passer par l'insertion de caractères spéciaux ou laisser le correcteur d’orthographe intégré corriger de lui-même pour obtenir "LÆTITIA ".

Ne trouvant pas cela très pratique, vous vous décidez à afficher devant vous la page des codes ASCII, qui va vous permettre de trouver rapidement que de taper « 146 » tout en maintenant la touche "Alt" va vous donner le fameux "Æ". Oui mais voilà, pour le "Œ" ?

Il se trouve qu'il y a deux tables ASCII accessibles avec la touche "Alt" : Une table correspondant à "Alt" + 3 caractères, et une autre beaucoup plus complète correspondant à "Alt" + 4 caractères.

On peut trouver ces<a title="Les codes ISO" href="http://accentuez.mon.nom.free.fr/Ecriture-CodesISO.htm"> tables ASCII sur ce lien</a>
<p style="text-align: left;">Comme je n'utilise finalement qu'un tout petit nombre de ces caractères spéciaux, je me suis fabriqué un petit pense bête à imprimer :</p>
<p style="text-align: center;"><img class="size-full wp-image-784 aligncenter" title="ascii" src="http://www.creation-web-56.fr/wp-content/uploads/2011/11/ascii.jpg" alt="Pense bête Ascii" width="399" height="359" /></p>]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/principaux-caracteres-speciaux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Espaces et ponctuation</title>
		<link>http://www.creation-web-56.fr/conseils/espaces-et-ponctuation/</link>
		<comments>http://www.creation-web-56.fr/conseils/espaces-et-ponctuation/#comments</comments>
		<pubDate>Sat, 12 Nov 2011 02:42:19 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>
		<category><![CDATA[espaces]]></category>
		<category><![CDATA[ponctuation]]></category>
		<category><![CDATA[typographie]]></category>

		<guid isPermaLink="false">http://www.creation-web-56.fr/?p=725</guid>
		<description><![CDATA[Les espaces et la ponctuation Une faute de typographie courante tient au non respect des espaces avant certains signes de ponctuation. La règle est simple : Pour tout signe de ponctuation composé de deux éléments [ : ; ! ? « » ] il y a deux espaces (une devant et une derrière). Pour tout [...]]]></description>
			<content:encoded><![CDATA[<h2>Les espaces et la ponctuation</h2>
Une faute de typographie courante tient au non respect des espaces avant certains signes de ponctuation.
<strong>La règle est simple :</strong>
<ul>
	<li>Pour tout signe de ponctuation composé de <strong>deux</strong> éléments [<span style="color: #ff0000;"><strong> : ; ! ? « » </strong></span>] il y a <strong>deux</strong> espaces (une devant et une derrière).</li>
	<li>Pour tout signe de ponctuation composé d<strong>'un seul</strong> élément [<span style="color: #ff0000;"><strong> . , ( ) </strong></span>] il n'y a qu'<strong>une</strong> seule espace (après, sauf pour la parenthèse ouvrante[<span style="color: #ff0000;"><strong>(</strong></span>])</li>
</ul>
<em>Non, je n'ai pas fait de faute, le mot "espace" est féminin lorsqu'il désigne un caractère typographique.</em>

Soyez assuré que le non respect de cette règle saute littéralement aux yeux des habitués et dénote une absence de professionnalisme dans la rédaction des textes.

Une difficulté supplémentaire : Il faut fréquemment remplacer l'espace avant ponctuation par une <strong>espace insécable</strong> afin de ne pas avoir de<strong> ponctuation orpheline</strong> en début de ligne.

Une autre difficulté supplémentaire : Cette règle ne tient pas pour les <strong>textes anglo-saxons</strong> pour lesquels on ne doit pas placer d'espace avant les signes de ponctuation.

Merci de me laissez votre avis sur cet article.]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/espaces-et-ponctuation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Il faut accentuer les majuscules.</title>
		<link>http://www.creation-web-56.fr/conseils/accentuation-des-majuscules/</link>
		<comments>http://www.creation-web-56.fr/conseils/accentuation-des-majuscules/#comments</comments>
		<pubDate>Sat, 12 Nov 2011 01:36:42 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>

		<guid isPermaLink="false">http://www.creation-web-56.fr/?p=716</guid>
		<description><![CDATA[GISCARD CHAHUTE A L'ASSEMBLEE Qui chahute ? Giscard ou les députés ? Les exemples sont nombreux de textes en capitales qui deviennent ambigus lorsqu'on omet les accents. La règle académique est très claire à ce sujet et une rapide recherche Internet achèvera de vous convaincre. Usage_des_majuscules_en_français (Wikipédia) La qualité de rédaction d'un texte sur un [...]]]></description>
			<content:encoded><![CDATA[<h2>GISCARD CHAHUTE A L'ASSEMBLEE</h2>
Qui chahute ? Giscard ou les députés ?
Les exemples sont nombreux de textes en capitales qui deviennent ambigus lorsqu'on omet les accents. La règle académique est très claire à ce sujet et une rapide recherche Internet achèvera de vous convaincre.
<a href="http://fr.wikipedia.org/wiki/Usage_des_majuscules_en_fran%C3%A7ais">Usage_des_majuscules_en_français (Wikipédia)</a>

<img class="alignleft size-full wp-image-719" title="Maj-accents" src="http://www.creation-web-56.fr/wp-content/uploads/2011/11/Maj-accents.png" alt="Exemples de majuscules accentuées" width="300" height="70" />La qualité de rédaction d'un texte sur un site Web est importante et les fautes d'accents sont des fautes d'orthographe !

Certes, nos claviers ne sont pas commodes pour cela et si le À et le È s'obtiennent facilement en faisant <strong>Alt Gr + ` (touche 7)</strong> puis A majuscule ou E majuscule, le É s'obtient plus difficilement, en maintenant enfoncée la touche Alt tout en composant le nombre 144. J'avoue utiliser plus souvent la correction d'orthographe des logiciels de traitement de texte.

&nbsp;

Trouvez-vous cet article instructif ? Laissez-moi votre opinion sur le sujet.]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/accentuation-des-majuscules/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Utilitaires Web</title>
		<link>http://www.creation-web-56.fr/logiciels/utilitaires-web/</link>
		<comments>http://www.creation-web-56.fr/logiciels/utilitaires-web/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 14:30:46 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Logiciels]]></category>

		<guid isPermaLink="false">http://www.creation-web-56.fr/?p=1201</guid>
		<description><![CDATA[EasyPHP Environnement de développement Web, EasyPHP regroupe en local un serveur Apache, une base de données MySQL, le langage PHP et des outils de développement de sites. FileZilla Incontournable logiciel de transfert ftp. Google SiteMap Generator Voici celui que j'utilise, il y en a sans doute beaucoup d'autres... Le .Net 2.0 est obligatoire, si vous [...]]]></description>
			<content:encoded><![CDATA[<div class="boiteLien"><a href="http://www.easyphp.org/index.php"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="EasyPHP" /></a>
<div class="texteLien"><a href="http://www.easyphp.org/index.php"><strong>EasyPHP</strong></a>
Environnement de développement Web, EasyPHP regroupe en local un serveur Apache, une base de données MySQL, le langage PHP et des outils de développement de sites.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://filezilla.sourceforge.net/"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="FileZilla" /></a>
<div class="texteLien"><a href="http://filezilla.sourceforge.net/"><strong>FileZilla</strong></a>
Incontournable logiciel de transfert ftp.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://www.zonegeeks.com/tutos/tutos-google-sitemap-generator.php"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="Google SiteMap Generator" /></a>
<div class="texteLien"><a href="http://www.zonegeeks.com/tutos/tutos-google-sitemap-generator.php"><strong>Google SiteMap Generator</strong></a>
Voici celui que j'utilise, il y en a sans doute beaucoup d'autres...
Le .Net 2.0 est obligatoire, si vous en l'avez pas, l'installeur vous conduira automaiquement à une page de téléchargement.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://kompozer.net/index.php"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="KompoZer" /></a>
<div class="texteLien"><a href="http://kompozer.net/index.php"><strong>KompoZer</strong></a>
KompoZer est un éditeur de pages HTML dit « WYSIWYG », c’est-à-dire permettant de générer une page identique à ce que vous visualisez dans KompoZer. L’un des avantages de ce type de logiciel est qu’il n’est pas nécessaire de connaître la syntaxe HTML pour créer une page web.
Il permet également d’ouvrir des pages contenant du PHP. La liste complète des fonctionnalités de KompoZer est disponible sur son site officiel.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://www.totalvalidator.com/index.html"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="Total Validator Tool" /></a>
<div class="texteLien"><a href="http://www.totalvalidator.com/index.html"><strong>Total Validator Tool</strong></a>
Validation de sites Web, avec de multiples vérifications dont la validation des liens et de l'orthographe !
C'est aussi une extension Firefox.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://winscp.net/eng/index.php"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="WinSCP" /></a>
<div class="texteLien"><a href="http://winscp.net/eng/index.php"><strong>WinSCP</strong></a>
Transfert de fichiers en protocole sécurisé.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://www.httrack.com/index.php?pat"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="WinHTTrack" /></a>
<div class="texteLien"><a href="http://www.httrack.com/index.php?pat"><strong>WinHTTrack</strong></a>
Aspirateur de sites.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://ultravnc.sourceforge.net/"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="Ultr@VNC" /></a>
<div class="texteLien"><a href="http://ultravnc.sourceforge.net/"><strong>Ultr@VNC</strong></a>
Logiciel permettant de voir et de prendre le contrôle d'un ordinateur à distance.
Logiciel libre et gratuit.</div>
</div>

<hr class="ghost" />

<div class="boiteLien"><a href="http://home.snafu.de/tilman/xenulink.html"><img class="alignleft" src="/wp-content/uploads/2010/01/noLogo.png" alt="Xenu's Link Sleuth" /></a>
<div class="texteLien"><a href="http://home.snafu.de/tilman/xenulink.html"><strong>Xenu's Link Sleuth</strong></a>
Analyse et produit un rapport de tous les liens d'un site, en partant de la racine.
Pas trop d'accord avec les scientologues au point de laisser une bannière explicite en tête du rapport.</div>
</div>

<hr class="ghost" />

]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/logiciels/utilitaires-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Astuces web</title>
		<link>http://www.creation-web-56.fr/conseils/astuces-web/</link>
		<comments>http://www.creation-web-56.fr/conseils/astuces-web/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 21:46:34 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[encodage]]></category>
		<category><![CDATA[fouc]]></category>
		<category><![CDATA[rot 13]]></category>

		<guid isPermaLink="false">http://www.silicate.net/?p=232</guid>
		<description><![CDATA[Quelques astuces : Rot13, .htaccess, FOUC...]]></description>
			<content:encoded><![CDATA[<a name="rot13"></a>
<h2>le ROT 13</h2>
<img class="alignright" src="/wp-content/uploads/2009/12/rot13.png" alt="rot13" width="200" height="202" />

Encodage rapide
<h3>À quoi cela sert-il ?</h3>
Empêcher la lecture trop facile de la solution d'un problème, ajouter une note un peu hors sujet dans un message usenet...
<h3>Méthode</h3>
On remplace chaque caractère par celui qui le suit en treizième place dans l'alphabet. A devient N, B devient O, "silicate" devient "fvyvpngr"
Il suffira d'appliquer la méthode une deuxième fois pour que tout redevienne lisible, 13 + 13 = 26, on fait le tour et N redevient A, O redevient B et "fvyvpngr" redevient "silicate".

Cette méthode est souvent utilisée dans les forums Usenet et certains logiciels de news proposent cette fonction directement dans leurs menus (Je me souviens de MACSOUP lorsque j'étais utilisateur MAC).
<h3>Comment faire ?</h3>
Pour l'instant, et au plus simple, je me sers d'outils en ligne comme  <a href="http://www.sesame-ouvre-toi.net/caverne/rot13.html">Sesame-ouvre-toi</a> qui est toujours dans mes signets, merci aux trois frères...

J'utilise aussi parfois l'extension Thunderbird <a href="https://addons.mozilla.org/en-US/thunderbird/addon/770"> Leetkey</a> (Thunderbird et Firefox) qui remplit cette fonction d'encodage.
<h3>Exemple d'utilisation</h3>
Quelle est la couleur du cheval blanc d'Henri IV ?

Réponse :
oynap ! rgnvg-vy arprffnver qr ynapre gbhgr prggr cebprqher cbhe yr qrivare ?

Vous copiez le texte encodé, vous cliquez sur l'outil <a href="http://www.sesame-ouvre-toi.net/caverne/rot13.html">ROT 13</a>, vous collez votre texte à la place des explications dans l'unique champ  disponible, vous validez et ...

Vous remarquerez que cela ne fonctionne pas pour les accents.

<!-- Barre de navigation horizontale -->
<div class="nav"><a name="htaccess"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12beige.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#rot13">rot13</a> - <a href="#htaccess">htaccess</a> - <a href="#fouc">FOUC</a> - <a href="#png">PNG et IE</a> - <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12beige.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->

<h2>Le fichier .htaccess</h2>
Le fichier .htaccess nous permet de restreindre l'accès à          certains répertoires de notre site, par exemple en imposant à          l'internaute de fournir un mot de passe. Il permet aussi de rediriger          l'internaute vers une page d'erreur personnalisée en cas de          problème de navigation (la fameuse erreur 404 par exemple).

Vous trouverez bien sûr toute la documentation nécessaire dans         les pages d'assistance de votre hébergeur, vous pourrez aussi consulter <a href="http://www.google.fr/search?hl=fr&amp;q=.htaccess"> Google ".htaccess"</a>

Pour une <strong>page d'erreur personnalisée</strong>, vous placez à         la racine de         votre site une page spéciale nommée par exemple "mapage404.html" que vous          aurez adaptée selon votre goût,         puis dans tous les répertoires du site vous placez un fichier .htaccess         contenant la ligne :
<pre>                  ErrorDocument 404 /mapage404.html</pre>
Vous pourrez de la même façon ajouter des lignes pour les erreurs         401, 405, 500...

Pour <strong>protéger l'accès</strong> d'un répertoire par          <strong>mot de passe</strong>,
<ul>
	<li>Consultez les fichiers d'aide de votre hébergeur car les procédures                 peuvent varier légèrement.</li>
	<li>Le principe est de placer dans le répertoire à protéger                 un fichier .htaccess contenant les instructions suivantes : (valable pour celeonet)
<pre>    AuthUserFile /home/www/login/www/repertoire_a_proteger/.htpasswd
    AuthGroupFile /dev/null
    AuthName "Nom De La Protection"
    AuthType Basic

    &lt;Files .htaccess&gt;
    order allow,deny
    deny from all
    &lt;/Files&gt;

    &lt;Files .htpasswd&gt;
    order allow,deny
    deny from all
    &lt;/Files&gt;

    &lt;limit GET&gt;
    require valid-user
    &lt;/Limit&gt;</pre>
</li>
	<li>On place ensuite un fichier .htpasswd qui contient une ligne par utilisateur                 autorisé avec le mot de passe correspondant séparé                 par ":" exemple :
<pre>    bob:Passwd
    alice:MotDePasse
    chloe:UnAutreMotDePasse</pre>
chez certains hébergeurs, le mot de passe doit être crypté,                 vous trouverez pour ce faire des scripts,                 par exemple ici.</li>
	<li>Les lignes
<pre>    &lt;Files .htaccess&gt;
    order allow,deny
    deny from all
    &lt;/Files&gt;</pre>
du fichier .htaccess servent à interdire                 l'accès aux fichiers concernés.</li>
	<li>Attention au transfert FTP des fichiers .htaccess et .htpasswd qui doit                 se faire en mode ASCII. En outre, si vous travaillez sous Windows, vous                 ne pourrez pas créer directement les fichiers, il faudra créer                 des fichiers htaccess.txt et htpasswd.txt que vous renommerez après                 transfert.
Par contre, si vous importez par FTP les fichiers .htaccess et .htpasswd sur votre                 Windows, vous pourrez les modifier à votre convenance sans aucun                 souci puis les transférer à nouveau par FTP.</li>
</ul>

<!-- Barre de navigation horizontale -->
<div class="nav"><a name="fouc"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12beige.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#rot13">rot13</a> - <a href="#htaccess">htaccess</a> - <a href="#fouc">FOUC</a> - <a href="#png">PNG et IE</a> - <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12beige.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->

<h2>FOUC (Flash Of Unstyled Content)</h2>
Note mise à jour 15 décembre 2008 : Le problème ne semble plus se poser avec IE7.

Avec IE (toujours les mêmes :-} ) il m'est arrivé         d'avoir un défaut d'affichage de quelques fractions de         secondes, comme si la feuille de style n'était pas tout de suite chargée.

La solution est <a href="http://www.bluerobot.com/web/css/fouc.asp?fix=none">ici</a>, sur le         site <a href="http://www.bluerobot.com/">www.bluerobot.com</a>

Ajouter la ligne en gras ci-dessous
<pre>        &lt;head&gt;
	&lt;title&gt;My Page&lt;/title&gt;
	<strong>&lt;script type="text/javascript"&gt; &lt;/script&gt;</strong>
	&lt;style type="text/css" media="screen"&gt;@import "style.css";&lt;/style&gt;
        &lt;/head&gt;</pre>
Ou mieux encore (car ce n'est pas très logique d'avoir         un script vide) :
<pre>        &lt;head&gt;
	&lt;title&gt;My Page&lt;/title&gt;
	<strong>&lt;link rel="stylesheet" type="text/css" media="print" href="print.css"&gt;</strong>
	&lt;style type="text/css" media="screen"&gt;@import "style.css";&lt;/style&gt;
	&lt;/head&gt;</pre>

<!-- Barre de navigation horizontale -->
<div class="nav"><a name="png"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12beige.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#rot13">rot13</a> - <a href="#htaccess">htaccess</a> - <a href="#fouc">FOUC</a> - <a href="#png">PNG et IE</a> - <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12beige.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->

<h2>IE (&lt;7) et les images PNG</h2>
IE7 gère maintenant correctement les png, cet article concerne IE6.

<a href="http://homepage.ntlworld.com/bobosola/pngtest.htm"> <img src="/wp-content/uploads/2009/12/car.png" alt="" title="voiture png" width="149" height="95" class="alignleft size-full wp-image-1359" /></a>

IE (toujours les mêmes :-} ) n'affiche pas bien les images         png transparentes.

Voici <a href="http://homepage.ntlworld.com/bobosola/pngtest.htm">une solution</a>, un         petit site simple et concis (bobosola).

Un fichier script que vous <a href="http://homepage.ntlworld.com/bobosola/pngfix.js"> téléchargerez ici</a> et un appel au script que vous mettrez dans          le &lt;head&gt; de vos pages.
<pre>        &lt;!--[if gte IE 5.5000]&gt;
        &lt;script type="text/javascript" src="pngfix.js"&gt;&lt;/script&gt;
        &lt;![endif]--&gt;</pre>

<!-- Barre de navigation horizontale -->
<div class="nav"><a name="bas"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12beige.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#rot13">rot13</a> - <a href="#htaccess">htaccess</a> - <a href="#fouc">FOUC</a> - <a href="#png">PNG et IE</a> - <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12beige.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/astuces-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Divers outils Web</title>
		<link>http://www.creation-web-56.fr/conseils/divers-outils-web/</link>
		<comments>http://www.creation-web-56.fr/conseils/divers-outils-web/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 21:45:53 +0000</pubDate>
		<dc:creator>P. Lecouffe</dc:creator>
				<category><![CDATA[Conseils]]></category>
		<category><![CDATA[adresse IP]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[mail]]></category>
		<category><![CDATA[Speed test]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[whois]]></category>

		<guid isPermaLink="false">http://www.silicate.net/?p=230</guid>
		<description><![CDATA[Quelques outils : whois, speed test, test mail, test java...]]></description>
			<content:encoded><![CDATA[<div id="resume">Quelques outils : Test de vitesse, Whois, TestMail, Test Java...</div>
<!-- Fin du résumé de la page -->
<h2>Votre adresse IP : 88.185.170.16</h2>
L'adresse IP est l'adresse unique des machines sur Internet.  Définition (Wikipédia)

<!-- Barre de navigation horizontale -->
<div class="nav"><a name="ancre1"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#ancre1">SpeedTest</a> - <a href="#ancre2">Whois</a> - <a href="#ancre3">Test mail</a> - <a href="#ancre4">Test Java</a> - <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->
<h2>SpeedTest</h2>
Testez ici la vitesse de votre connexion Internet. Les liens vous conduisent à des outils d'analyse de débit de NEUF et de DegroupTest.
<ul>
	<li><a href="http://mire.ipadsl.net/speedtest.php">Lancer le test sur NEUF</a></li>
	<li><a href="http://www.degrouptest.com/test-debit.php">Lancer le test sur DegroupTest</a></li>
</ul>
<em>...laissez à la machine le temps de calculer... (entre 5 et 30 secondes)</em>

<!-- Barre de navigation horizontale -->
<div class="nav"><a name="ancre2"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#ancre1">SpeedTest</a> - <a href="#ancre2">Whois</a> - <a href="#ancre3">Test mail</a> - <a href="#ancre4">Test Java</a> - <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->
<h2>Whois</h2>
Un Whois valable pour la plupart des extensions.

Indiquez un nom de domaine :
<div><form action="/ex/pages/whois.php" method="post">
<div>Domaine :
<input name="domaine" size="20" type="text" /></div>
<div><input name="ko" type="reset" value="Annuler" /> <input name="ok" type="submit" value="Envoyer" /> <input name="ok" type="submit" value="Abandonner" /></div>
</form></div>
<p style="margin-top: 1em;">Ce formulaire vous renvoie sur une page du site "Net@stuces.org".</p>
<!-- Barre de navigation horizontale -->
<div class="nav"><a name="ancre3"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#ancre1">SpeedTest</a> - <a href="#ancre2">Whois</a> - <a href="#ancre3">Test mail</a> - <a href="#ancre4">Test Java</a> - <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->
<h2>Test de mail</h2>
Utile pour tester la messagerie en réception.

Indiquez une adresse mail puis cliquez sur le bouton "envoyer".  Un courrier électronique sera envoyé à l'adresse en question.

Donnez une adresse mail :
<div><form action="/ex/pages/envoiMail.php" method="post">
<div>Email :

<input name="verifMail" size="20" type="text" /></div>
<div><input name="ko" type="reset" value="Annuler" /> <input name="ok" type="submit" value="Envoyer" /> <input name="ok" type="submit" value="Abandonner" /></div>
</form></div>
<p style="margin-top: 1em;">Pour éviter les abus, le courrier contient l'adresse IP  de la machine émettrice (88.185.170.16).</p>
<!-- Barre de navigation horizontale -->
<div class="nav"><a name="ancre4"></a><a href="#haut"><img class="imgHaut" title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> - <a href="#ancre1">SpeedTest</a> - <a href="#ancre2">Whois</a> - <a href="#ancre3">Test mail</a> - <a href="#ancre4">Test Java</a> - <a href="#bas"><img class="imgHaut" title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<!-- Fin de barre de navigation horizontale -->
<h2>Test Java</h2>
Testez ici si vous disposez bien de la <a href="http://java.com/fr/download/installed.jsp?detect=jre&amp;try=1"> dernière version Java.</a>]]></content:encoded>
			<wfw:commentRss>http://www.creation-web-56.fr/conseils/divers-outils-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

