au lieu de charger une page et une seule, et de l'afficher simplement, le navigateur récupère une première page HTML qui lui indique les URL d'autres pages HTML, les frames, et la façon dont il doit les afficher. Une page écran, disons, contenant trois frames correspond donc à quatre fichiers : un pour définir l'organisation des frames plus un par frame.
Cette astuce iWeb vous montre comment insérer une page dans une page, comment créer une iframe.
Vous pouvez créer une iframe sur iWeb en utilisant un fragment html.

1 Choisissez la page dans iWeb où vous voulez insérer une iframe.

2 Sélectionnez la fonction Widgets web
3 Copiez et collez le code ci-dessous dans le fragment html.
Changez le lien en bleu et inscrivez le lien de la page que vous voulez afficher.
Changez les paramètres de taille
pour changer la hauteur changez la valeur HEIGHT
pour changer la largeur changer la valeur WIDTH

Si vous voulez que votre iframe soit déroulante changer la valeur SCROLLING “yes” si vous voulez toujours qu’elle se déroule sinon choisissez “auto” pour qu’elle soit déroulante ou pas selon les besoins (n'oubliez pas de supprimer les astérisques).

<*IFRAME SRC = "http://clubiweb.com/default.aspx" WIDTH="300px" HEIGHT="500px" FRAMEBORDER="0" --"0"= pas de bordure, pour une bordure "1" MARGINWIDTH ="0px" MARGINHEIGHT="0px" SCROLLING="no" --"no" iframe non déroulante, "yes" toujours déroulante, "auto" déroulante si nécessaire > Votre navigateur ne supporte pas IFRAME <*/IFRAME>

4 Cliquez sur Appliquer

5 Expérimentez et amusez-vous un peu avec les iframes elles donnent une nouvelle dimension à iWeb.

Comment insérer un lien qui permet de changer le contenu de la iframe.

Comme pour la première iframe vous devez vous servir de la fonction Widgets web, et insérer un deuxième widget
1 Insérez le code ci-dessous dans un fragment html.

<*div style="width:180px;"height: 700" > <*frame style="bgcolor 2B2B2B">
<*style type="text/css">a {
color: #FFFF66;
text-decoration: none;
}
a:hover {
color: #CCFFCC;
text-decoration: underline;
}
a:visit {
color: #CCCCCC;
text-decoration: none;
}
<*/style>
<*br />
<*p><*a href="http://web.me.com/mireille2/Clubiweb/Accueil.html" target="Showframe" class="class1"><*font color="E8E8E8">Clubiweb Accueil<*/a>

<*p><*a href="http://web.me.com/mireille2/Clubiweb/Accueil.html" target="Showframe" class="class1"><*font color="0197FD">Astuces Clubiweb <*/a><*br>

Changez toutes les parties en gis en prenant soin d’inscrire le lien de la page que vous voulez afficher. (n'oubliez pas de supprimer les astérisques).

Changez les paramètres de taille
pour changer la hauteur changez la valeur HEIGHT
pour changer la largeur changer la valeur WIDTH

Pour ajouter des pages faites un copier-coller de la section d’une page et changez le lien.
2 Cliquez sur Appliquer
3 Il vous sera nécessaire d’expérimenter avec la taille pour arriver à ce que vous voulez. Si vous voyez la barre de déroulage horizontale mais vous n’en voulez pas cela indique que votre iframe est trop étroite, ajustez soit la taille de l’iframe soit la taille de la page que vous affichez.

Tags: Graphisme, F.A.Q. iWeb, Astuce