Articles de la categorie "Conseils"

Moteur de recherche Google personnalisé

Categorie(s) : Conseils
Comment installer sur son site un moteur de recherche Google personnalisé ?

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 « Ascii ».
On pourrait bien sûr limiter le domaine de recherche à une partie du site.

Loading


Installation d’un moteur de recherche Google

Tout commence ici : Accès à la page des moteurs de recherche personnalisés

Ce lien vous conduit sur une page Google pourvue d’un bouton « Créer un moteur de recherche personnalisé » – « Create a Custom Search Engine ».


Il vous faudra alors vous identifier ou créer un compte Google, avec la classique validation par mail.

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.


Cliquez sur les « Conseils relatifs au format des URL » (Learn more about URL formatting) pour savoir comment indiquer les sites à explorer.
Ensuite, en étape 2 (Try it out), vous choisirez le style de moteur et pourrez vérifier son fonctionnement.

La troisième étape (Get the code) va permettre de récupérer un code à copier sur le site, à l’endroit adéquat.

Dans le bas de la page, un lien « look and feel » conduit vers des réglages d’apparence.

Phase finale, le code à copier

Le résultat est présenté en haut de cette page.

Espérant avoir aidé, merci de m’apporter tout commentaire utile (erreurs, imprécisions orthographe…)

Protection des adresses mail

Categorie(s) : Conseils

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 efficaces étant comme souvent les moins commodes.

Il n'y a pas de protection 100% fiable. Décrypter un code n'est qu'une question de moyens et de temps.

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 ?

Les solutions :

Le plus efficace : Ne rien mettre sur le net, mais pas vraiment commode !

Utiliser des images en lieu et place des adresses texte. Ouvrir le logiciel de dessin, composer l'adresse, l'enregistrer en taille et format adéquat...

Utiliser des redirections d'adresses

Déformation de l'adresse 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.

Utilisation d'un javascript. 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é".

Le javascript :

On trouve sur le net de nombreuses proposition d'encodage en ligne. J'utilise personnellement un outil du site "Aspirine.org" 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.

Lorsque le robot arrive sur le site et en épluche le code source, il trouve ceci :

[script type="text/javascript" language="javascript">// )^$-
+^$^$.i1/1*gecnrgt0)/dq/d)-+^$^$.i1l1*gecnrgt0)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))
// ]]>



alors que le navigateur affichera simplement .

Les codes Ascii sans pavé numérique

Categorie(s) : ConseilsMon 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 : En maintenant enfoncée les  touches  "ALT" et "Fn", composez le code avec les chiffres bleus des touches de droite du clavier.

Sinon :

pave numérique

Les principaux caractères spéciaux

Categorie(s) : Conseils - Tags: , , , , 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 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 tables ASCII sur ce lien

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 :

Pense bête Ascii

Espaces et ponctuation

Categorie(s) : Conseils - Tags: , ,

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 signe de ponctuation composé d'un seul élément [ . , ( ) ] il n'y a qu'une seule espace (après, sauf pour la parenthèse ouvrante[(])
Non, je n'ai pas fait de faute, le mot "espace" est féminin lorsqu'il désigne un caractère typographique. 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 espace insécable afin de ne pas avoir de ponctuation orpheline en début de ligne. Une autre difficulté supplémentaire : Cette règle ne tient pas pour les textes anglo-saxons pour lesquels on ne doit pas placer d'espace avant les signes de ponctuation. Merci de me laissez votre avis sur cet article.

Il faut accentuer les majuscules.

Categorie(s) : Conseils

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) Exemples de majuscules accentuéesLa 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 Alt Gr + ` (touche 7) 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.   Trouvez-vous cet article instructif ? Laissez-moi votre opinion sur le sujet.

Astuces web

Categorie(s) : Conseils - Tags: , , ,

le ROT 13

rot13 Encodage rapide

À quoi cela sert-il ?

Empêcher la lecture trop facile de la solution d'un problème, ajouter une note un peu hors sujet dans un message usenet...

Méthode

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).

Comment faire ?

Pour l'instant, et au plus simple, je me sers d'outils en ligne comme Sesame-ouvre-toi qui est toujours dans mes signets, merci aux trois frères... J'utilise aussi parfois l'extension Thunderbird Leetkey (Thunderbird et Firefox) qui remplit cette fonction d'encodage.

Exemple d'utilisation

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 ROT 13, 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.

Le fichier .htaccess

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 Google ".htaccess" Pour une page d'erreur personnalisée, 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 :
                  ErrorDocument 404 /mapage404.html
Vous pourrez de la même façon ajouter des lignes pour les erreurs 401, 405, 500... Pour protéger l'accès d'un répertoire par mot de passe,
  • Consultez les fichiers d'aide de votre hébergeur car les procédures peuvent varier légèrement.
  • Le principe est de placer dans le répertoire à protéger un fichier .htaccess contenant les instructions suivantes : (valable pour celeonet)
        AuthUserFile /home/www/login/www/repertoire_a_proteger/.htpasswd
        AuthGroupFile /dev/null
        AuthName "Nom De La Protection"
        AuthType Basic
    
        <Files .htaccess>
        order allow,deny
        deny from all
        </Files>
    
        <Files .htpasswd>
        order allow,deny
        deny from all
        </Files>
    
        <limit GET>
        require valid-user
        </Limit>
  • On place ensuite un fichier .htpasswd qui contient une ligne par utilisateur autorisé avec le mot de passe correspondant séparé par ":" exemple :
        bob:Passwd
        alice:MotDePasse
        chloe:UnAutreMotDePasse
    chez certains hébergeurs, le mot de passe doit être crypté, vous trouverez pour ce faire des scripts, par exemple ici.
  • Les lignes
        <Files .htaccess>
        order allow,deny
        deny from all
        </Files>
    du fichier .htaccess servent à interdire l'accès aux fichiers concernés.
  • 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.

FOUC (Flash Of Unstyled Content)

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 ici, sur le site www.bluerobot.com Ajouter la ligne en gras ci-dessous
        <head>
	<title>My Page</title>
	<script type="text/javascript"> </script>
	<style type="text/css" media="screen">@import "style.css";</style>
        </head>
Ou mieux encore (car ce n'est pas très logique d'avoir un script vide) :
        <head>
	<title>My Page</title>
	<link rel="stylesheet" type="text/css" media="print" href="print.css">
	<style type="text/css" media="screen">@import "style.css";</style>
	</head>

IE (<7) et les images PNG

IE7 gère maintenant correctement les png, cet article concerne IE6. IE (toujours les mêmes :-} ) n'affiche pas bien les images png transparentes. Voici une solution, un petit site simple et concis (bobosola). Un fichier script que vous téléchargerez ici et un appel au script que vous mettrez dans le <head> de vos pages.
        <!--[if gte IE 5.5000]>
        <script type="text/javascript" src="pngfix.js"></script>
        <![endif]-->

Divers outils Web

Categorie(s) : Conseils - Tags: , , , , ,
Quelques outils : Test de vitesse, Whois, TestMail, Test Java...

Votre adresse IP : 88.185.170.16

L'adresse IP est l'adresse unique des machines sur Internet. Définition (Wikipédia)

SpeedTest

Testez ici la vitesse de votre connexion Internet. Les liens vous conduisent à des outils d'analyse de débit de NEUF et de DegroupTest. ...laissez à la machine le temps de calculer... (entre 5 et 30 secondes)

Whois

Un Whois valable pour la plupart des extensions. Indiquez un nom de domaine :
Domaine :

Ce formulaire vous renvoie sur une page du site "Net@stuces.org".

Test de mail

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 :
Email :

Pour éviter les abus, le courrier contient l'adresse IP de la machine émettrice (88.185.170.16).

Test Java

Testez ici si vous disposez bien de la dernière version Java.