Les développeurs Web trouvent parfois nécessaire ou souhaitable d'inclure le contenu d'un site web dans une autre. Ceci est utile si vous souhaitez mettre en valeur plusieurs sites Web dans une seule page. En utilisant une balise HTML appelé "iframe" (Abréviation de cadre en ligne) vous permet d'importer une (ou plusieurs) site complet à une page Web, puis spécifiez les critères de comment ces sites importées sont affichées. IFrames sont largement utilisés, soutenu par la plupart des navigateurs Web et facile à mettre en œuvre.
Créez une sauvegarde de tous les fichiers que vous envisagez de modifier.
Ouvrez le fichier HTML ou PHP dans lequel vous souhaitez inclure le site externe, en utilisant soit un Design Suite Web- tel que Dreamweaver ou un éditeur de texte tel que Notepad.
Trouver l'emplacement, dans le code brut du site primaire, que vous aimeriez le site Web externe de comparaître.
Collez le code suivant dans cet endroit, en remplaçant le texte à l'intérieur parenthèses avec vos valeurs souhaitées. (Ne pas utiliser les parenthèses.) Remplacez le "largeur" et "hauteur" attributs avec votre largeur et la hauteur souhaitée, en gardant à l'esprit que la largeur et la hauteur peut être spécifié soit sous forme de pourcentages (100%, 50%, etc.) ou pixels (100px, 50px, etc).
<iframe src ="(the url of the website you'd like to import)" width="100%" height="100%">
(Un message à afficher si le navigateur de l'utilisateur ne supporte pas les iframes.)
Ajouter tous les attributs facultatifs suivants à la balise iframe, remplaçant le texte à l'intérieur de parenthèses avec vos valeurs souhaitées. (Ne pas inclure des parenthèses.) Ces attributs ne sont pas nécessaires pour l'iframe pour afficher ou de la fonction, mais y compris un certain nombre d'entre eux vous donnera plus de contrôle sur la façon dont iframe est affiché.
frameborder ="(1)" - Cet attribut contrôle si oui ou non il ya une bordure autour de l'iframe. La valeur numérique représente l'épaisseur de la bordure.
marginheight ="(1px)" et marginwidth ="(1px)" - Ces attributs spécifient haut / bas de l'iframe et des marges gauche / droite, respectivement. La marge, qui est indiquée en pixels, est la quantité d'espace entre l'extérieur de l'iframe et l'élément conteneur.
scrolling ="(Oui)" - Cet attribut contrôle si oui ou non une barre de défilement apparaît à côté d'un iframe. Cet attribut peut être défini comme "oui" (Affiche toujours une barre de défilement), "aucun" (Jamais affiche une barre de défilement) ou "auto" (Peut afficher une barre de défilement, en fonction de certains critères). Si vous définissez la valeur de cet attribut pour "non," le contenu de l'iframe sera limitée à ce qui convient à l'intérieur de la hauteur et la largeur spécifiées.
Enregistrez le fichier modifié.
Téléchargez le fichier modifié à votre serveur Web ou hôte Web, en remplaçant le fichier original.