Pour insérer une page d'un site dans une page de votre site, vous pouvez utiliser la capacité du langage de balisage hypertexte (HTML) pour diviser les pages en plusieurs cadres. Comment faire exactement cela est décrit ci-dessous.
Instructions
Étape 1
"Frame" est une section indépendante de la page qui peut avoir sa propre source de données affichées. Il peut y avoir plusieurs cadres de ce type dans la page et vous pouvez les placer les uns à côté des autres, et l'un au-dessus de l'autre, et l'un à l'intérieur de l'autre, et de manière combinée dans n'importe quel ordre. Pour mettre en œuvre ce mécanisme de division d'une page, vous devez commencer par le placer dans son code conteneur html d'origine pour tous les cadres. Un tel conteneur se compose de deux balises - ouverture et fermeture:
Dans la balise d'ouverture, vous devez définir l'ordre des cadres sur la page. Ici, vous devez spécifier dans quelle proportion le navigateur doit diviser l'espace de la page entre les cadres. Pour ce faire, ajoutez l'attribut approprié à la balise:
Ici, l'attribut "cols" spécifie la division de la page en deux cadres verticalement dans un rapport de un à trois. Si l'attribut "cols" est remplacé par l'attribut "rows", la page sera scindée horizontalement:
Il n'est pas nécessaire de spécifier les deux tailles - le navigateur calculera lui-même la valeur du cadre non spécifié, si vous écrivez un astérisque (*) au lieu d'un nombre:
Vous pouvez donner à l'un des cadres tout l'espace libre de la page, si vous spécifiez 100%, et dans ce cas le contenu de l'autre cadre ne sera pas visible. Souvent, d'autres unités de mesure sont utilisées pour définir les dimensions - "pixels":
Étape 2
Nous devons maintenant placer les balises des cadres eux-mêmes à l'intérieur du conteneur. Une telle balise ressemble à ceci: Elle contient un attribut avec l'adresse de la page Internet qui sera la source de données pour cette trame. Si l'adresse est écrite sous cette forme (commence par le nom du protocole https://), alors elle est dite "absolue". Pour les pages de votre site qui se trouvent dans le même dossier (ou dans un sous-dossier de celui-ci), vous n'avez pas besoin de spécifier d'adresse absolue - le nom de fichier et le chemin d'accès au sous-dossier suffisent. Dans ce cas, l'adresse sera dite « relative » et ressemblera à ceci: - Vous pouvez ajouter un attribut à cette balise qui désactive la possibilité de déplacer la bordure entre les cadres avec la souris. La balise s'appelle "noresize": - Deux autres attributs sont utilisés pour spécifier la taille des marges entre les cadres adjacents - marginheight pour l'indentation verticale et marginwidth - pour l'indentation horizontale: - L'attribut "scrolling" est utilisé pour spécifier les règles pour le comportement des barres de défilement des cadres. Si vous le définissez sur "auto", des barres de défilement apparaîtront au besoin - lorsque le contenu du cadre ne rentre pas dans ses bordures: si vous remplacez cette valeur par "oui", les barres de défilement seront toujours présentes dans ce cadre, et la valeur " no " désactivera leur affichage dans un ordre inconditionnel.
Étape 3
Sachant cela, vous pouvez commencer à créer une page simple qui contiendra une page d'un autre site dans l'un des cadres. Pour cela, vous aurez besoin d'un simple éditeur de texte - un bloc-notes standard. Créez un nouveau document et écrivez-y les balises html suivantes:
Enregistrez ce code avec l'extension html ou htm - par exemple sample.html. Ensuite, créez un nouveau document texte dans lequel vous n'avez rien à écrire, enregistrez-le simplement sous le nom blank.html et vous avez terminé. Maintenant, si vous ouvrez la page sample.html dans un navigateur, vous ne verrez que la page spécifiée dans la première balise frame, puisque vous lui avez donné 100 % de l'espace de la page. Et la deuxième page ne sera pas visible du tout. Vous pouvez préparer un ensemble similaire de balises avec les paramètres et les adresses dont vous avez besoin et télécharger sur votre site à l'aide du gestionnaire de fichiers du système de contrôle. Ou ouvrez la page existante dont vous avez besoin dans l'éditeur de page du système de contrôle et remplacez son code par le vôtre.
