Miroir du site http://www14.brinkster.com/proxomitron
[Copie du site en format ZIP: mirroir.zip]

logo titre

 
Accueil
Présentation
Pour commencer
      Télécharger/Installer
      Fenêtre Principale
      Fenêtre Config.
      Fenêtre Filtres HTML
      Fenêtre Filtres HTTP
      Fenêtre Log
      Fenêtre Proxy.
Travailler avec les filtres
      Introduction
      Editeur Filtres HTML
      Editeur Filtres HTTP
      Fenêtre Test
      Importer des filtres
      Trucs & Astuces
      Caractères Spéciaux
Détails
      Block List
      Filtre d'URL
      Commandes d'URL
      Comm. de recherche
      Conn. Sec.
      Proxies CGI
      Pile
Mise en œuvre
      JavaScript
      Exercices
      Aide mémoire (.pdf)
      Menus déroulants
FAQ
Version Beta
Misc
Liens
Fil d'infos (RSS)
 


Exercices

Avec ces exercices, vous apprendrez à utiliser certaines instructions ; de là, vous serez vite capable de créer les filtres que vous voulez. Nous partons du fait que vous avez lu attentivement la rubrique Travailler avec les filtres .

 

Exercice n°1   <end> et \u

Vous naviguez, consultez quelques pages. Lorsque certaines vous intéressent, vous les enregistrez sur votre disque dur pour une lecture ultérieure plus attentive. Bien plus tard, lorsque vous voulez aller les consulter en ligne pour voir ce qu'il y a de neuf, vous vous apercevez que vous ne vous rappelez plus de l'URL et qu'aucun lien de la page ne pointe vers le site que vous cherchez. Afin que ceci ne se reproduise plus, vous décidez de créer un filtre afin qu'au bas de chaque page consultée soit ajouté son URL. Comment vous y prendre ? (Les deux instructions nécessaires à la réalisation de ce filtre sont <end> qui place ce que vous voulez au bas d'une page et \u qui capture l'URL de la page courante. Si vous désirez placer l'URL dans le haut de la page utilisez l'instruction <start>.)

  1. Si vous ne souhaitez pas que l'URL soit visible à l'affichage dans le navigateur, vous allez l'insérer sous forme de commentaire au code source de la page. Le filtre ressemblera à ceci :
    Filter name :  insert URL
    Matching Expression :  <end>
    Replacement Text :  <!-- \u -->

  2. Si vous souhaitez que l'URL soit visible au bas de la page (en petits caractères "courier" rouges), votre filtre ressemblera à ceci :
    Filter name :  insert URL (2)
    Matching Expression :  <end>
    Replacement Text :  <P><FONT SIZE="-2" COLOR="red" FACE="courier">\u</FONT>

  3. Si vous souhaitez voir l'URL et pouvoir cliquer dessus, votre filtre aura cette allure :
    Filter name :  insert URL (3)
    Matching Expression :  <end>
    Replacement Text :  <P><A HREF="\u"><FONT SIZE="-2" COLOR="red" FACE="courier">\u</FONT></A>

     

Exercice n°2   \# ( ) |  \s

Il va s'agir maintenant d'attraper ces quatre URLs (fictives) et de les transformer en liens hypertextes :

http://freeware.org/index.php3
ftp://unserveurftp/archive.zip
http://www.site.ca/dossier1/page2.html
http://www.documentation.net/detail.html

  1. Consultez le code source de cette page, (pour localiser rapidement la partie qui vous intéresse faites une recherche pour, par exemple, freeware.org).

  2. Choisissez un URL et cherchez comment le convertir en lien hypertexte. Il vous faudra donc attraper l'URL et l'intégrer au texte de remplacement. Sachant que le lien hypertexte ressemblera à ceci : <A HREF="URL">URL</A> , cela ne devrait pas être bien difficile (faites des tests ).

  3. Elargissez aux autres URLs en complexifiant le filtre

  4. Vous devriez aboutir à un résultat brut, du type :
    Filter name :  URL to Link
    Byte Limit :  256
    Matching Expression : (>|\s)\1((ht|f)tp://)\2\3(<|\s)\4
    Replacement Text :  \1<a href="\2\3">\2\3</a>\4

  5. Afin de distinguer rapidement ces URLs, transformés en liens, des autres liens, on pourra préférer quelquechose de la sorte
    Replacement Text :  \1<a href="\2\3"><font color="#FF9678"><B>[\2\3]</B></font></a>\4

  6. N'oubliez pas de vous intéresser à la zone URL match , c'est là que, au besoin, vous indiquerez les pages sur lesquelles appliquer ou non ce filtre. A vous de voir si ce filtre peut avoir de l'intérêt et dans quelles circonstances.

 

Exercice n°3   \#  ( ) & \s [n] [#n-n] ^

Dans cet exercice vous allez devoir créer un filtre pour changer la couleur des nombres de 5 à 11, sauf le 9. Affichez-les par exemple en rouge... Voici la cible :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

  1. Dans un premier temps vous allez capturer les nombres de 5 à 11. Les nombres sont séparés par des espaces. Le filtre pourra se présenter ainsi :
    Matching Expression : (\s[#5-11])\1
    Replacement Text : <font color="red"> \1</font>

  2. Ensuite vous affinerez le filtre pour capturer les nombres de 5 à 11 sauf le 9, ce qui devrait vous amener à ceci :
    Matching Expression : (\s([#5-11]&[^9]))\1
    Replacement Text : <font color="red"> \1</font>

  3. Vous constaterez que ce filtre a tendance à "déborder" sa cible. Pour l'appliquer uniquement à ce qui vous intéresse, vous allez délimiter la zone d'action du filtre en renseignant le champ Bounds Match. Pour appliquer plusieurs fois le filtre à la cible, vous activerez l'option Allow for multiple matches, il vous faudra alors être très attentif pour ne pas créer un filtre récursif (vous pourrez également renseigner la zone URL match pour n'appliquer ce filtre qu'à cette page). Vous devriez finir par aboutir à quelque chose de satisfaisant ressemblant à ceci :
    Bounds Match : <font*face=courier>*<P>
    Allow for multiple matches : Oui
    Match. exp. : (<font*face=courier>*)\2(\s([#5-11]&[^9])+)\1(\s*<P>)\3
    Repl. text : \2<font color="red" face=courier>\1</font>\3

 

Exercice n°4

Dans l'exercice n°2 vous avez appris à transformer des URLs en liens hypertextes, nous allons à présent voir une application possible pour ce filtre, et le développer quelque peu.
Imaginons qu'un moteur de recherche (fictif), vous donne des réponses présentées de la sorte :

 Proxomitron - FAQ
...plus aventureux, ouvrez la fenêtre log de Proxomitron. Cela vous indiquera quels(...)de navigation pour utiliser le Proxomitron. Premièrement trouvez le Panneau de(...)pas certains des critères que le Proxomitron utilise pour filtrer les fenêtres...
http://www14.brinkster.com/proxomitron/prox2.html

Vous allez modifier ceci afin de pouvoir accèder à la page désirée sans être redirigé par le moteur de recherche, et créer un autre lien pour ouvrir la page à atteindre dans une nouvelle fenêtre (ce qui sera beaucoup plus pratique).

Vous avez quelques jours pour chercher (si vous avez déjà fait l'exercice n°2 cela devrait vous prendre moins de 5 minutes)...  

 

Si vous avez quelques flottements en HTML, un bon aide mémoire peut être la HTLM library (en anglais, pour des ressources en français consultez les moteurs de recherche avec des requêtes du type "apprendre le HTML") . Si vous êtes à la recherche d'un très bon et très personnalisable éditeur HTML, Arachnophilia , qui sert à la réalisation de ce site, serait celui que je vous suggérerais...


The Proxomitron is Copyrighted to Scott R. Lemmon