astuces-webmaster

Astuces pour webmasters

SOMMAIRE

Proxy anonyme sur votre serveur

Website Monitor + IP

traduire automatiquement une page dans un site

GOOGLE PAGES PERSO

Créer un compte GOOGLE

Un fichier batch pour lancer des ping sur plusieurs adresses

Page en PHP pour afficher l'adresse IP de vos visiteurs.

Tests de connexion

Les liens

NOUVEAU : SITEUP 1.0 un freeware pour surveiller plusieurs sites et savoir s'ils sont "down"...

OPEN DNS FEED

Bientôt ... du nouveau ! Comment utiliser votre serveur en Proxy Anonyme, très facilement (à condition que celui-ci accepte le PHP, inutile d'essayer avec les GooglePages ou Wanadoo / Orange, ça ne fonctionne pas ! ). Sur SMM, il y a déjà un Proxy Anonyme, très rapide, qui fonctionne parfaitement. Mais pas question de l'ouvrir au public car l'hébergeur de SMM risque de ne pas être d'accord ... Il est donc protégé par mot de passe (la page d'accès au lien n'est d'ailleurs normalement pas accessible aux visiteurs). Mais pourquoi pas vous ? Si vous avez une hébergement de qualité (acceptant le PHP), c'est tout-à-fait possible... Bientôt... sur cette page !

Vous avez plusieurs sites web ?

Voici ma création perso (version 7): Website Monitor. Cet utilitaire est affiché comme élément Web sur mon Bureau Windows ce qui me permet de toujours savoir si mes sites fonctionnent correctement mais aussi dans ma page d'accueil perso . Il ne s'agit donc pas en général d'un utilitaire pour les internautes mais pour l'usage personnel d'un webmaster voire du responsable d'un petit réseau. Dans la nouvelle version 6, les Leds ne clignotent que lors de la réactualisation: toutes les 60 sec pour SMM (le plus important), 10 mn pour SMM2 et Accueil (cet utilitaire étant sur http://saint.martin.meteo.googlepages.com , il n'y a pas besoin d'un rafraîchissement trop fréquent pour ce site...puisque s'il ne fonctionne pas, on le saura déjà...), 5 mn pour SMIs. L'utilitaire comporte maintenant (version 6) un affichage de l'adresse IP de l'utilisateur. Important, si l'on passe par un proxy anonyme pour vérifier que l'adresse IP affichée en surfant est bien différente de la véritable adresse. Elle est affichée dans un i-frame, on peut donc le supprimer si on n'en a pas l'usage. La Version 7 reçoit en plus un affichage miniaturisé de la webcam qui est remis à jour tous les 10 mn ce qui permet de controller que tout va bien de ce côté. Il va changer bientôt, ce qui permettra d'afficher différents stades de la webcam. Autre petite nouveauté: l'utilitaire est maintenant hébergé sur un autre site GooglePages qui ne contient rien d'autre. il est donc autonome.

Comment est conçu cet utilitaire ? C'est beaucoup plus simple à faire que de l'expliquer ! Je redonnerai une autre explication par la suite car celle ci-dessous n'est pas très satisfaisante... Mais les habitués de la création de site comprendront, j'espère ! En gros, il suffit de créer une page légère, très simple sur le site que l'on veut surveiller et dont on fera apparaître l'angle en haut et à gauche dans un i-frame...

J'ai créé sur mes différents site une page que l'on peut appeler website-test.htm. Sur chacune de ces pages, un signal lumineux en Flash ou un gif animé voire même tout simplement un fond de couleur vert. Eliminez les marges de la page pour que le signal se situe juste au raz de la bordure de la page. Uploadez le signal lumineux sur chacun de vos site dans une page (par exemple test-smm.htm, test-smm2.htm, test-smi.htm. Incluez un code de rafraîchissement de 300 secondes dans chacune. Créez une page sur le site maître (ici, http://saint.martin.meteo.googlepages.com/ ) qui est très fiable. La barre de test est dans un i-frame pour vous la présenter sur SMM. Plutôt qu'une longue explication obscure, voici le code HTM de la barre de test, + un exemple plus bas de page test-xxx.htm (version 3) (j'ai surligné en blanc les passages les plus importants):

<html>

<head>

<title>testeur de site web</title>

<tr>

<tr>

<p align="center"><font size="2" face="Arial Black" color="#666666"><span style="letter-spacing:6;">websites monitor</span></font></p>

</td>

</tr>

<tr>

<p align="center"><font size="2"> </font><span style="letter-spacing:2;"><a href="accueil-perso.htm" title="Ma page d'accueil perso" target="_blank"><font size="2" face="Arial Narrow" color="#333333">Accueil</font></a><font size="2" face="Arial Narrow" color="#333333"> </font><font size="2" color="#333333"><iframe name="ifrm5" src="http://www.stmartin-meteo.com/test-smm.htm" width="20" height="20" vspace="0" hspace="0" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" align="absmiddle"></iframe></font></span></p>

</td>

</td>

</td>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

Précision: ce code est celui de la version 3 qui est plus légère et plus simple à réaliser, la version affichée en haut étant la version 4.

On voit que la barre contient donc 3 i-frames qui sont nos 3 pages sur les 3 sites différents. Si un des sites ne fonctionne pas, vous le saurez car le signal en Flash ne fonctionnera pas non plus et vous apercevrez peut-être un signal d'erreur. Ce système peut fonctionner avec n'importe quelle page, même si elle ne vous appartient pas, sauf que vous ne pourrez pas avoir de signal mais seulement une couleur ou un élément de ce site. Exemple (là, c'est encore plus simple, puisqu'on utilise seulement une page de ce site dans un i-frame): Site de http://hebergement.lycos.fr/about/ (attention, là, on ne dispose peut-être pas d'un rafraîcissement automatique ...). L'i-frame fait 20x20 pixels. A noter que "wx-underg_70.jpg" est l'image d'arrière-plan métallique qui doit être aussi sur le même serveur. Evidemment, l'intérêt du système est tout relatif... Si le serveur qui héberge cet utilitaire tombe en panne, on n'aura RIEN du tout ! Ce qui ne veut pas dire que les autres sites sont aussi en panne ! Mais GooglePage semble très fiable.

Tous les sites devraient l'utiliser ! Imaginez une page de liens avec à côté de chaque adresse un témoin pour signaler "OK! je suis ouvert" ou vide parce que le lien est brisé. C'est assez facile de le faire avec une page quelconque d'un site, malheureusement, s'il s'agit d'une page lourde à charger avec plein de pubs, cette page de lien risque de mettre des heures à se charger elle-aussi. La parade consiste donc à trouver une petite image, un logo par exemple sur ce site, de noter son adresse et de la faire apparaître dans un I-Frame (exemple pour http://www.sxmsaintmartin.com/ ).

Le site de la NOAA fonctionne-t-il ? Pour ce témoin, j'ai utilisé la "Favicon" de la NOAA : http://www.noaa.gov/favicon.ico . C'est une image extrèmement légère, mais malheureusement, tous les sites n'ont pas de favicon... Si on veut que cette image soit rafraîchie régulièrement, il faut créer une page où sera insérée cette image et appliquer des paramètres de rafraîchissement à cette page de 5 mn par exemple. Il faudra dans ce cas faire apparaître cette page dans l'I-Frame et non pas l'image directement.

Notez bien que si la page ou l'image que vous testez se met dans votre cache, le test risque d'être faussé... Enfin, on peut aussi intégrer cet utilitaire au Bureau Windows de manière à savoir dès le démarrage si tout fonctionne normalement.

Précision: le site SMI est un nouveau site que j'ai créé sur GooglePages. Il est tout nouveau et à peine commencé. Il est donc "en construction".

Ci-dessous le code d'une des pages servant de témoin: test-smm2.htm. Notez qu'il est facile de récupérer les différents éléments (flash et jpg) avec Firefox et même avec Internet explorer...(voir plus bas)

<html>

<head>

<title>Sans titre</title>

</body>

</html>

adresses de téléchargement des éléments graphiques

http://saint.martin.meteo.googlepages.com/webmonitor.jpg (arrière-plan pour version 4)

http://saint.martin.meteo.googlepages.com/wx-underg_70.jpg (arrière-plan pour version 3) c'est une simple ligne en dégradé)

http://saint.martin.meteo.googlepages.com/wx-underg_23.jpg (idem, arrière-plan pour page test-xxx.htm)

http://saint.martin.meteo.googlepages.com/smm-led-verte.swf (led verte en Flash)

Afficher une traduction automatique dans un I-Frame

Page de traduction.france2.fr

Comment afficher une page automatiquement traduite ? Prenons le cas des bulletins météo de la station d'Anguilla. Ici, il est affiché en Anglais dans un I-Frame

Voici le code HTML pour l'i-frame à insérer dans le BODY ( à noter que "meteo" est le nom de l'i-frame; il faut toujours nommer un i-frame):

Ensuite, pour afficher la page traduite en Français, allez sur le site http://traduction.france2.fr/url/default.asp (qui utilise le moteur de traduction Reverso) dans l'i-frame du haut de cette page et cliquez sur l'onglet "page web". Tapez l'adresse à traduire ou copiez-collez par exemple: http://www.antiguamet.com/Antigua_Met_files/ANG_Fcast.html qui est ici l'adresse de Anguilla Weather. Puis cochez En/Fr et ... OK. Pour terminer, une fois la page traduite affichée, sélectionnez l'adresse dans la barre d'adresse de votre navigateur et faites un lien classique ou même vers un i-frame:

Weather in English (Anguilla Weather)

Traduction en Français (ci-dessous)

Voici le code pour l'i-frame de traduction séparé, ci-dessous. A remarquer que pour le cadre ci-dessus, la traduction s'affiche dans le même i-frame... et que le nom d'i-frame est "Traduction" (ci-dessous). En effet, il faut bien nommer différemment chaque frame ou i-frame dans une même page, sinon des conflits risquent de se produire...

ou un lien: Traduire en Français

<p align="left">ou un lien: <a href="http://traduction.france2.fr/url/result.asp?directions=524289&templates=General&autotranslate=on&url=http://www.antiguamet.com/Antigua_Met_files/ANG_Fcast.html">Traduire en Français</a></p>

Voici le code du tableau et des liens (celui du haut, donc avec affichage dans le même i-frame):

<p align="center" style="line-height:100%; margin-top:0; margin-bottom:0;"><b><font size="2" color="black"><a href="http://www.antiguamet.com/Antigua_Met_files/ANG_Fcast.html" target="ifrm2">Weather in English (Anguilla Weather)</a></font></b></p>

</td>

<p align="center"><b><font size="2" color="black"><a href="http://traduction.france2.fr/url/result.asp?directions=524289&templates=General&autotranslate=on&url=http://www.antiguamet.com/Antigua_Met_files/ANG_Fcast.html" target="meteo">Traduction en Français</a> (ci-dessous) </font></b></p>

</td>

</tr>

</table>

Attention, tous les outils de traduction n'autorisent pas ce genre de "bidouille". Reverso, est un des meilleurs (ou des moins mauvais ?) pour les traductions météo.

Un autre excellent service gratuit de traduction http://www.worldlingo.com/ mais il n'est pas possible de l'utiliser comme décrit ci-dessus. Son avantage: la possibilité de choisir un domaine particulier en cliquant sur "options avancées". Malheureusement le domaine "météo" n'est pas disponible.

GOOGLE PAGES

C'est un service gratuit de Google. L'assistant de création de site en ligne est facile à prendre en main. Il faut d'abord avoir un compte gratuit Google. Google offre de nombreux services gratuits.

GooglePages, explication Créer un compte Google

Un excellent site de scripts www.javascript.internet.com

Un fichier batch pour lancer des Ping sur plusieurs adresses en utilisant un nouveau composant DOS: Tping.exe

TPING.BAT (télécharger)

tping.exe est un tout petit programme en Ligne de commande (DOS) trouvé sur Sourceforge.net. Il est beaucoup plus performant et précis que Ping.exe de Windows. J'en ai fait un fichier batch:"tping.bat" qui permet de tester mes 3 sites à la fois. Plus le nombre de milli secondes est faible, plus le site est rapide. Il permet aussi de "pinguer" les sites ( peu orthodoxes) de GooglePages ou Wanadoo pages perso alors que le Ping.exe originel ne le fait pas.

...>Installation:

1. décompresser le zip.

2. Aller chercher dans le dossier tping1.13, l'éxécutable tping.exe. Copier-coller tping.exe dans le dossier c:\windows\system32

3. Ouvrez le fichier tping.bat (clic droit > modifier) et modifiez le nom du serveur que vous voulez "pinguer" (ici nommé http://mon-site.com). Enregistrez. C'est tout.

4. Copiez-collez tping.bat dans C:\

5. Clic droit sur c:\tping.bat > envoyer vers ... Bureau (créer un raccourci).

Pour l'utiliser, cliquez sur le raccourci sur votre Bureau.

Télécharger TPING.BAT

@ECHO OFF

tping http://www.monsite.com

tping http://monsite2.googlepages.com

tping http://monsite3.googlepages.com

PAUSE

Note: Attention! surtout, ne renommez pas "tping.bat" en "ping.bat", ça ne fonctionnerait pas ...

webmaster SMM

Une page en PHP pour afficher l'IP de vos visiteurs.

Pour les non-connaisseurs: pas d'inquiétude...! Ce code ne sert qu'à vous révéler votre propre adresse IP et à personne d'autre !

Copier-coller ce code dans votre Bloc-note. Enregistrer > type de fichier: tous les fichiers > nom du fichier > adresse_ip.php

Ensuite, uploader le fichier vers la racine de votre serveur FTP. Essai: appelez le fichier en tapant http://monsite.com/adresse_ip.php. Il est conseillé ensuite de l'utiliser dans un i-frame ou de le lancer dans un Pop-up: Adresse IP en popup.

En cas d'erreur (toujours possible), télécharger le fichier à décompresser: adresse_ip.zip (1 ko !)

<html>

<head>

<title>Sans titre</title>

</head>

<body bgcolor="#333333" text="#CCCCCC" link="#009EE7" vlink="#6666FF" alink="red" LEFTMARGIN="0" MARGINWIDTH="0" TOPMARGIN="4" MARGINHEIGHT="4"><p align="center"><b><FONT COLOR="#CCCCCC"><?php

// On récupère l'IP et on la stocke dans une variable.

$ip_adresse = $_SERVER['REMOTE_ADDR'];

if(!empty($ip_adresse))

// Si oui on l'affiche. {

echo 'IP : ',$ip_adresse;

}

else

{

echo 'Impossible d\'afficher l\'IP';

}

?></FONT></b></p>

</body>

</html>

http://www.klondik.net

Ce site est né de la volonté commune de deux webmasters de proposer un outil simple de recensement de tutoriels de qualité à tous les internautes désireux de parfaire leurs compétences en webdesign. Klondik propose une vaste sélection de tutoriels classés par type d'apprentissage (Actionscript, effet de texte, texture...) et bien entendu par logiciel (Photoshop, Flash).

Liens vers des sites de test de connexion par http://perso.orange.fr/test-adsl/

Il n'y a rien de plus incertain qu'un test de connexion... En effet, de nombreux paramètres et éléments entrent en jeu et peuvent fausser les résultats. Pour bien faire, fermez tout ce qui peut-être en relation avec internet, et même, si possible, fermez toutes les applications superflues. Pour ce faire ... les liens ci-dessous s'ouvrent dans une nouvelle fenêtre ce qui permet de fermer le reste. Certains tests utilisent une image de 1 x 1 pixel, minuscule de dimension mais relativement "lourde" (par exemple 200 ko) pour tester le temps de chargement. Hélas, le "cache" de votre navigateur fait son boulot ... et si vous faîtes un 2è essai ensuite, le résultat sera époustouflant ... mais complètement faux ! A utiliser donc en connaissance de cause ... Pour avoir des résultats relativement sûrs, mieux vaut utiliser la fonction ping.exe en ligne de commande, ou mieux, créer un fichier batch avec tping.exe comme plus haut dans cette page. Ici, aux Antilles, il vaut mieux choisir aussi un service de test aux USA comme ci-dessous le Bandwidth Meter de ZdNet (zone Area: mettez "PR" (Porto-Rico) et ISP, choisissez "no in list", Other: "Orange")

Débit par stmartin-meteo.com: www.stmartin-meteo.com/speedtest/speedtest4.php Cet utilitaire en Pop-Up (vous pouvez fermer tout le reste !)

Bandwidth Meter de ZdNet (USA)

aux USA: me semble excellent.... vous pouvez faire des tests avec les USA, vos résultats n'en seront que meilleurs ...

http://bandwidthcontroller.com/bandwidthTest.html

Débit par Mire IPADSL : mire.ipadsl.net/speedtest/speedtest4.php
Débit par alaide.com : www.alaide.com/outils_testbandepassante.php
Débit par 60 millions de Consommateurs (réputé): www.60millions-mag.com/page/bases.12_services_plus_60.1_le_testeur.
Débit par Zébulon : www.zebulon.fr/outils/speedtest/speedtest.php
Test de SDV : bw.sdv.fr/
Test de Suisse (TSR) : www2.tsr.ch/bandtest/test.php
Test de Suisse (Libellules) : www.libellules.ch/speedtest/speedtest4.php
Test par Speedometre : www.abeltronica.com/velocimetro...
Test des Pays Bas : www.speedtest.nl/TestSuite/TestController.asp
Test du Bresil : www.modemclub.com.br/speedstat.html
Test de Las Vegas : test.lvcm.com/
Test d'Australie : www.cyberwizards.com.au/modemspeed/

Test DomainTools (pas mal) : http://ip-address.domaintools.com/ (test Ping) et http://centralops.net/asp/co/Ping.vbs.asp

Liens vers des sites intéressants pour les webmasters
http://www.alaide.com/	http://www.commentcamarche.net/faq
tucows.com Célèbre site de téléchargement proposant ici de nombreux utilitaires gratuits pour réseau (excellent)	5 Trucs simples pour accélérer réellement votre connexion
OPEN DNS , une manière intéressante, gratuite et facile pour Booster votre connexion: icyberg.phenixmedia.ch