Comment installer facilement un cadre interne («Iframe) dans une page web

On voit de plus en plus de petits cadres internes, appelés «Iframe» en anglais, notamment dans les pages d'accueil des sites web, ce qui permet de mettre plus de matière dans une même page, notamment pour les listes de services ou autres. Vous en avez un exemple ci-dessous (dont le cadre est picoté).

On doit considérer le Iframe comme un cadre (Frame) normal, soit que la page qui y apparaît est totalement indépendante de la page dans laquelle vous l'avez installé.

Exemple :

Pour en installer un, deux étapes simples :

1. Créez la page qui apparaîtra dans le Iframe. Il s'agit d'une page web normale. C'est dans cette page que vous changerez, par exemple, les couleurs de la barre de défilement, si vous le désirez.

2. Insérer le code ci-dessous à l'endroit où vous voulez voir appraître le Iframe dans votre page web. (Ce code est celui du Iframe que vous voyez à votre droite).
NOTE : avec Front Page, on peut en insérer un automatiquement mais vous aurez aussi des codes superflus et ce n'est pas dit qu'il fonctionne.

Dans ce code, vous aurez à changer ce qui est en rouge, soit l'adresse de la première page que vous voulez voir apparaître dans le cadre interne :

<IFRAME marginWidth=2 marginHeight=0 src="../services.htm" frameBorder=0 width=199 scrolling=yes height=216 name="I1" target="_blank" style="border:1px dotted #45799C" align="right">
</IFRAME>

Par ailleurs, si vous voulez employer le Iframe comme cadre de référence parce que le menu des pages que vous voulez y voir apparaître est dans la page où est le Iframe (voir ce site pour l'exemple), il vous faudra mettre, dans le code des liens du menu, target="I1".

Finalement, vous pouvez employer des Iframes dans une page à titre de menu et de cadre de référence, comme dans ce site.

Et voilà... pour le reste, vous pouvez le mettre à la taille que vous voulez, changer le bord, etc.

Bonne chance !

Do

Vous êtes dans le site de :