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>.) - 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 --> - 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> - 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 - Consultez le code source de cette page, (pour localiser rapidement la partie
qui vous intéresse faites une recherche pour, par exemple, freeware.org).
- 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 ).
- Elargissez aux autres URLs en complexifiant le filtre
- 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 - 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 - 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 - 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> - 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> - 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°4Dans 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 | |