Raconte-moi le web!

Ce tutorial vous indique les étapes à suivre pour pouvoir créer un iframe sous Dreamweaver.

Un iframe est une sorte de frame flottant qui vous permet d’insérer le contenu d’une autre page dans votre page.

Commencez par créer 2 fichiers HTML index.htm et iframe.htm avec Dreamweaver. Le fichier iframe.htm va contenir le contenu que nous souhaitons afficher dans la page index.htm.

Mettez le contenu que vous voulez dans le fichier iframe.htm, puis ouvrez index.htm avec Dreamweaver et cliquez sur l’onglet “Code”.

Allez à l’endroit où vous voulez mettre le iframe. Si vous n’êtes pas très confiant avec le code, alors placez votre souris dans l’endroit souhaité en mode Design, puis cliquez sur le bouton “Code”. Vous serez alors automatiquement placé dans le code de l’endroit que vous avez sélectionnez.

Ajoutez ensuite ce bout de code que nous allons expliciter :

<iframe src=”iframe.htm” width=”327″ height=”150″ scrolling=”auto” frameborder=”0″/>

L’attribut src prend le nom du frame, les attributs width et height déterminent la largeur et l’hauteur de l’iframe à créer. Scrolling vous permet de choisir entre afficher une barre de défilement ou ne pas l’afficher (mettez “no” à la place de “auto” ). Et enfin frameborder ajoute une borde à votre iframe s’il est défini à 1.