Pour afficher des informations provenant de plusieurs sources sur une seule page, le mécanisme de fractionnement de page HTML est souvent utilisé. Vous trouverez ci-dessous une description des constructions de langage pour l'insertion de cadres.
Nécessaire
Connaissances de base en HTML
Instructions
Étape 1
Le langage de balisage hypertexte (HTML) fournit deux types de cadres. Le flottant est plus flexible et plus facile à insérer dans une page existante. En général, la construction décrivant un cadre de fenêtre à l'aide d'un cadre flottant ressemble à ceci: Ici, la page principale d'un site existant est spécifiée comme source de données pour ce cadre (attribut src). Il s'ouvrira dans un cadre de 400 x 300 pixels, comme spécifié dans les attributs largeur et hauteur. Vous pouvez également spécifier la page de votre site dans l'attribut src. Dans ce cas, il suffit de spécifier une adresse relative (c'est-à-dire l'adresse relative à la page dans laquelle le cadre est inséré): Dans cet exemple, la largeur et la hauteur du cadre ne sont pas spécifiées, mais il existe un identifiant attribut-identifiant. En l'utilisant, vous pouvez utiliser CSS () pour définir les dimensions requises pour ce cadre:
#frameOne {largeur: 700px; hauteur: 200 px;}
Étape 2
Un autre type de cadres - "classiques" - nécessite une page séparée, qui contiendra une description de la structure du cadre. Les cadres eux-mêmes seront sur des pages séparées, peut-être même sur des sites séparés. Le code HTML d'une telle page de conteneur de cadres pourrait ressembler à ceci:
Il ne devrait pas y avoir de blocs… et… requis pour les pages normales. Dans cet exemple, la balise d'ouverture du conteneur contient un attribut rows, ce qui signifie que l'espace de la page doit être divisé verticalement et que le haut sera attribué au premier cadre. Si vous remplacez les lignes par des cols, la division sera alors horizontale. La valeur de cet attribut "*, *" indique que les proportions fractionnées sont égales - 50 % chacune. Si vous spécifiez, par exemple, "20%, *", alors seulement 20% sera donné au premier cadre, et le reste de l'espace au second. L'utilisateur peut modifier ces proportions en faisant glisser les bordures des cadres avec la souris, mais il est possible de désactiver cette action. Pour ce faire, ajoutez l'attribut noresize à la balise d'un cadre spécifique. Vous pouvez également spécifier la taille des retraits verticaux et horizontaux du cadre adjacent (les attributs marginwidth et marginheight): Il est possible de définir les règles de comportement des barres de défilement de chaque cadre séparément. Pour cela, l'attribut scrolling est utilisé, qui peut contenir l'une des trois valeurs prédéfinies. Si spécifié, des barres de défilement apparaîtront lorsque le contenu du cadre ne rentre pas dans ses bordures. Si "oui", les rayures seront présentes tout le temps, quel que soit leur besoin. Si "non" - cela signifiera l'interdiction des barres de défilement pour ce cadre.
Étape 3
Sur la base des informations fournies dans les deux étapes précédentes, vous devez concevoir le code html le plus adapté à la résolution de votre problème. Après cela, il ne reste plus qu'à l'insérer dans le code source de la page. Pour ce faire, vous pouvez utiliser l'éditeur de page du système de gestion de votre site - ouvrez la page souhaitée dans celui-ci, passez en mode d'édition de code html et collez votre code à l'endroit souhaité sur la page. Vous pouvez également télécharger le fichier de code source de la page par le gestionnaire de fichiers de gestion d'hébergement ou le système de gestion de contenu, l'ouvrir dans un éditeur de texte et y coller le code. Et puis, de la même manière, téléchargez le code modifié sur le serveur.
