Cadres de base, cadres HTML débutant tutoriel, jeu de cadres - et - noframes
Maintenant qu'ils sont partis, je serais parti avec un groupe de personnes qui veulent apprendre quelque chose de nouveau, et certaines personnes qui n'écouter de la bonne raison. Génial. Commençons.
cadres expliqués
Les cadres sont un moyen d'afficher deux ou plusieurs pages à la fois. Ils sont aussi un moyen d'avoir une barre de navigation statique sur votre page en tout temps, avec votre contenu vers le bas de l'autre côté de la page. Voilà comment ils sont généralement utilisés. Donc, quand vous écrivez une page de cadres, le code semble très différent de l'un de vos autres pages. Par exemple:
Le diagramme ci-dessus est ce que vous voulez votre page pour ressembler. Une bande de nav igation sur la gauche, et le contenu de la page qui occupe le reste de l'écran. Si tel était votre conception, pour le faire, vous auriez besoin de 3 pages: la page de navigation, la page de contenu, et la page qui les contient à la fois. Oui, il est source de confusion.
Cette page « conteneur » contient toutes les commandes de cadre. Ceci est la page que vous ouvrez, et les deux autres ouverts dans ce. Vous avez le contrôle total sur la mise en page de cette page. Si vous voulez trois colonnes par exemple, il est tout simplement une question d'ajouter cette commande dans la page conteneur, et en faisant la troisième page supplémentaire.
Le format de page conteneur ne ressemble à aucune autre page, comme il ne contient pas le contenu de ses propres - seulement les éléments du cadre.
et que tout ce qui va dans la page. Vous devriez avoir remarqué qu'une page contenant ou frameset ne contient pas
section. C'est parce qu'il n'y a pas de texte, des liens ou quoi que ce soit d'être touchés par elle.Alors qu'est-ce qui se passe ici, de toute façon?
Donc, copiez et collez ce code dans un nouveau fichier HTML. Créer deux autres fichiers normaux HTML, nav.html et content.html, et les enregistrer avec le premier fichier. Lorsque vous l'ouvrez, vous aurez quelque chose comme ça frameset exemple.
Ajout de lignes à la mise en page
Grand, vous voulez le rendre encore plus compliqué. Merci. D'accord, mais je ne vous avertir. Voici ce que nous visons: