Dîtes NON aux frames ! (1/3) Rendre le net accessible à tous !

Cet article fait le point sur une technique qui a trop vécu : Les frames !

Que celui qui n'a jamais utilisé les frames lève la main !
Ah ??? Personne ne répond ! :P

A quoi servent les frames ?

Dans la logique de départ, les frames servaient à structurer l'interface d'une page Internet de manière à avoir plusieurs éléments distincts pouvant défiler indiféremment les uns des autres.

Bien vite cette balise fût détournée pour afficher d'autres informations non voulues par le visiteur, allant même jusqu'à masquer son contenu (taille à 0 par exemple).
Avec l'apparition des navigateurs de version 5 sont arrivées les balises IFRAME pour Internet Explorer et ILAYER pour Netscape, avec le même principe que les frames, ces balises sont capables d'afficher des informations provenant d'une autre source, mais avec une nuance, dans le flux de la page.

Pourquoi abandonner les frames ?

Certaines personnes l'ignorent peut-être mais les frames ne sont pas compatibles avec tous les navigateurs. Prenons comme exemple, les navigateurs en mode texte. J'en entend qui disent "mais personne ne les utilise ! "... personne sauf les déficients visuels ou autres handicapés. D'autres catégories de navigateurs existent, citons par exemple PocketIE pour Windows CE, la taille de l'écran n'étant pas toujours adapté à la lecture d'une page comportant des frames, c'est pourquoi ces navigateurs ne les reconnaissent pas !
Et quoi de plus frustant que d'arriver sur une page où il est inscrit "Votre navigateur ne supporte pas les frames, vous ne pouvez donc pas accéder à ce site !".

Comment remplacer les frames ?

La solution consiste en fait à utiliser les fameuses balises DIV. Elles permettent tellement de choses que je crois qu'on va avoir du mal à en trouver les limites !
Bref ! les hébergements gratuits ASP et/ou PHP étant de plus en plus courant voici une solution pour le moins facile et qui ne coûte pas grand chose !

<div> <? include($_GET['page']); ?>  </div>

<div> <%Server.Execute request("page")%>  </div>

il suffit de formater son lien de la manière suivante :

< a href="index.php?page=mapage.php" >ma page !</a>

Ceci est bien sûr théorique, nous allons voir comment le mettre en pratique au travers des différents types de liens qui existent !