<?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>SILICATE.NET &#187; .htaccess</title>
	<atom:link href="http://www.silicate.net/tag/htaccess/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.silicate.net</link>
	<description>Informatique, photos, retouche d&#039;images, astuces…</description>
	<lastBuildDate>Sat, 17 Jul 2010 11:08:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Astuces web</title>
		<link>http://www.silicate.net/web/astuces-web/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=astuces-web</link>
		<comments>http://www.silicate.net/web/astuces-web/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 21:46:34 +0000</pubDate>
		<dc:creator>yerbouti</dc:creator>
				<category><![CDATA[Web]]></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[<p><a name="rot13"></a></p>
<h2>le ROT 13</h2>
<p><img class="alignright" src="/wp-content/uploads/2009/12/rot13.png" alt="rot13" width="200" height="202" /></p>
<p>Encodage rapide</p>
<h3>A quoi cela sert-il ?</h3>
<p>Empêcher la lecture trop facile de la solution d&#8217;un problème, ajouter une note un peu hors sujet dans un message usenet&#8230;</p>
<h3>Méthode</h3>
<p>On remplace chaque caractère par celui qui le suit en treizième place dans l&#8217;alphabet. A devient N, B devient O, &laquo;&nbsp;silicate&nbsp;&raquo; devient &laquo;&nbsp;fvyvpngr&nbsp;&raquo;<br />
Il suffira d&#8217;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 &laquo;&nbsp;fvyvpngr&nbsp;&raquo; redevient &laquo;&nbsp;silicate&nbsp;&raquo;.</p>
<p>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&#8217;étais utilisateur MAC).</p>
<h3>Comment faire ?</h3>
<p>Pour l&#8217;instant, et au plus simple, je me sers d&#8217;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&#8230;</p>
<p>J&#8217;utilise aussi parfois l&#8217;extension Thunderbird <a href="https://addons.mozilla.org/en-US/thunderbird/addon/770"> Leetkey</a> (Thunderbird et Firefox) qui remplit cette fonction d&#8217;encodage.</p>
<h3>Exemple d&#8217;utilisation</h3>
<p>Quelle est la couleur du cheval blanc d&#8217;Henri IV ?</p>
<p>Réponse :<br />
oynap ! rgnvg-vy arprffnver qr ynapre gbhgr prggr cebprqher cbhe yr qrivare ?</p>
<p>Vous copiez le texte encodé, vous cliquez sur l&#8217;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&#8217;unique champ  disponible, vous validez et &#8230;</p>
<p>Vous remarquerez que cela ne fonctionne pas pour les accents.</p>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="htaccess"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#rot13">rot13</a> &#8211; <a href="#htaccess">htaccess</a> &#8211; <a href="#fouc">FOUC</a> &#8211; <a href="#png">PNG et IE</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>Le fichier .htaccess</h2>
<p>Le fichier .htaccess nous permet de restreindre l&#8217;accès à          certains répertoires de notre site, par exemple en imposant à          l&#8217;internaute de fournir un mot de passe. Il permet aussi de rediriger          l&#8217;internaute vers une page d&#8217;erreur personnalisée en cas de          problème de navigation (la fameuse erreur 404 par exemple).</p>
<p>Vous trouverez bien sûr toute la documentation nécessaire dans         les pages d&#8217;assistance de votre hébergeur, vous pourrez aussi consulter         <a href="http://www.google.fr/search?hl=fr&amp;q=.htaccess&amp;btnG=Recherche+Google&amp;meta=lr%3Dlang_fr"> Google &laquo;&nbsp;.htaccess&nbsp;&raquo;</a></p>
<p>Pour une <strong>page d&#8217;erreur personnalisée</strong>, vous placez à         la racine de         votre site une page spéciale nommée par exemple &laquo;&nbsp;mapage404.html&nbsp;&raquo; 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 :</p>
<pre>                  ErrorDocument 404 /mapage404.html</pre>
<p>Vous pourrez de la même façon ajouter des lignes pour les erreurs         401, 405, 500&#8230;</p>
<p>Pour <strong>protéger l&#8217;accès</strong> d&#8217;un répertoire par          <strong>mot de passe</strong>,</p>
<ul>
<li>Consultez les fichiers d&#8217;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 &laquo;&nbsp;:&nbsp;&raquo; exemple :
<pre>    bob:Passwd
    alice:MotDePasse
    chloe:UnAutreMotDePasse</pre>
<p>chez certains hébergeurs, le mot de passe doit être crypté,                 vous trouverez pour ce faire des scripts,                 <a href="http://www.celeonet.fr/doc/htpasswd.php">par exemple ici</a>.</li>
<li>Les lignes
<pre>    &lt;Files .htaccess&gt;
    order allow,deny
    deny from all
    &lt;/Files&gt;</pre>
<p>du fichier .htaccess servent à interdire                 l&#8217;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.<br />
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>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="fouc"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#rot13">rot13</a> &#8211; <a href="#htaccess">htaccess</a> &#8211; <a href="#fouc">FOUC</a> &#8211; <a href="#png">PNG et IE</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>FOUC (Flash Of Unstyled Content)</h2>
<p>Note mise à jour 15 décembre 2008 : Le problème ne semble plus se poser avec IE7.</p>
<p>Avec IE (toujours les mêmes :-} ) il m&#8217;est arrivé         d&#8217;avoir un défaut d&#8217;affichage de quelques fractions de         secondes, comme si la feuille de style n&#8217;était pas tout de suite chargée.</p>
<p>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></p>
<p>Ajouter la ligne en gras ci-dessous</p>
<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>
<p>Ou mieux encore (car ce n&#8217;est pas très logique d&#8217;avoir         un script vide) :</p>
<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>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="png"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#rot13">rot13</a> &#8211; <a href="#htaccess">htaccess</a> &#8211; <a href="#fouc">FOUC</a> &#8211; <a href="#png">PNG et IE</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
<h2>IE (&lt;7) et les images PNG</h2>
<p>IE7 gère maintenant correctement les png, cet article concerne IE6.</p>
<p><a href="http://homepage.ntlworld.com/bobosola/pngtest.htm"> <img src="http://www.silicate.net/wp-content/uploads/2009/12/car.png" alt="" title="voiture png" width="149" height="95" class="alignleft size-full wp-image-1359" /></a></p>
<p>IE (toujours les mêmes :-} ) n&#8217;affiche pas bien les images         png transparentes.</p>
<p>Voici <a href="http://homepage.ntlworld.com/bobosola/pngtest.htm">une solution</a>, un         petit site simple et concis (bobosola).</p>
<p>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.</p>
<pre>        &lt;!--[if gte IE 5.5000]&gt;
        &lt;script type="text/javascript" src="pngfix.js"&gt;&lt;/script&gt;
        &lt;![endif]--&gt;</pre>
<p><!-- Barre de navigation horizontale --></p>
<div class="nav"><a name="bas"></a><a href="#haut"><img title="Haut de page" src="/wp-content/uploads/2009/12/haut12.png" alt="Haut de page" width="12" height="12" /></a> &#8211; <a href="#rot13">rot13</a> &#8211; <a href="#htaccess">htaccess</a> &#8211; <a href="#fouc">FOUC</a> &#8211; <a href="#png">PNG et IE</a> &#8211; <a href="#bas"><img title="Bas de page" src="/wp-content/uploads/2009/12/bas12.png" alt="Bas de page" width="12" height="12" /></a></div>
<p><!-- Fin de barre de navigation horizontale --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.silicate.net/web/astuces-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
