| maison  | Hardware  | réseaux  | programmation  | Logiciel  | Dépannage  | systèmes |  
programmation  
  • C /C + + Programming

  • Computer Programming Languages

  • Delphi Programming

  • Programmation Java

  • Programmation JavaScript

  • PHP /MySQL Programmation

  • programmation Perl

  • Programmation Python

  • Ruby Programming

  • Visual Basics programmation
    		•
    		 
    * Connaissances Informatiques >> programmation >> Computer Programming Languages >> Content
    Comment créer un jeu de cadres dans une page HTML Doc
    cadres HTML permettent aux développeurs web d'afficher plusieurs pages Web , des vues ou des composants de page dans une seule fenêtre de navigateur. Souvent, les cadres sont utilisés pour les composants de pages web distinctes, telles que des bannières et le contenu , et permettent la manipulation de chaque section indépendamment . Framesets , ou un groupement de cadres , peuvent être définis comme des lignes ou des colonnes , ou une combinaison des deux. Une fois placée dans un cadre au sein d'un jeu de cadres , les pages Web incluses font partie de l'interface utilisateur globale et peuvent être programmés pour l'interaction. Choses que vous devez
    texte éditeur
    navigateur Web
    Voir Plus Instructions
    1

    Ouvrez un éditeur de texte et créez un fichier nommé pageInsideFrame1.html . Ajouter un tag " " , une étiquette " ", un " " tag , une étiquette " body ", un " " tag et un " "tag dans le fichier . Placer une balise " " entre le " <head> " et " </head> " tags , donner la page de la " page dans l'image 1 " du titre et fermer la " " tag . Placez une étiquette «

    " entre le " body " et " " balises et donner à la page l'en-tête " Page chargée dans l'image 1 . " Fermez la fenêtre "

    " tag et enregistrez et fermez pageInsideFrame1.html .



    Page intérieure cadre 1 Photos

    Photos


    page chargée en image 1

    Photos < p> < /body> Photos


    2

    Utilisez l'éditeur de texte pour créer un second fichier nommé pageInsideFrame2.html . Ajouter un tag " " , une étiquette " ", un " " tag , une étiquette " body ", un " " tag et un " "tag dans le fichier . Placez une étiquette « " entre le " <head> " et " </head> " tags , donner la page la page " Inside Frame 2 " titre et fermer la " " tag . Placez une étiquette «

    " entre le " body " et " " balises et donner à la page l'en-tête " Page chargée en Frame 2 . " Fermez la fenêtre "

    " tag et enregistrez et fermez pageInsideFrame2.html .



    Page intérieure frame 2 Photos

    Photos


    page chargée en frame 2

    Photos < p> < /body>


    3

    Utilisez l'éditeur de texte pour créer un troisième fichier nommé frameHolder.html . Ajouter un tag " " , une étiquette " ", un " " tag , une étiquette " body ", un " " tag et un " "tag dans le fichier . Placez une étiquette « " entre le " <head> " et " </head> " tags , donner à la page intitulée « Cadre Page " et fermer la " " tag . Placez une étiquette « " entre le " body " et " " tags. Définir les « lignes » du jeu de cadres d'attributs à "150 , * " pour indiquer le jeu de cadres doit avoir deux colonnes : l'une est de 150 pixels de large et qui devrait être aussi large que le reste de la page Web. Fermez la fenêtre " " tag et économisez frameHolder.html .



    Cadre Page Photos

    Photos


    Photos

    < /body> Photos

    < /html >
    4

    Placer une balise " " entre le " " et "< /frameset > " tags . Réglez " src" la valeur de la trame pour " pageInsideFrame1.html . " Cette balise indique la première image ( 150px ) devrait charger la page pageInsideFrame1.html .



    Cadre Page < /title> Photos <p> </head> Photos <p> <frameset cols="150,*"> <br> <p> <frame src="pageInsideFrame1.html"> Photos <p> </frameset > Photos <p> </body> Photos <p> </html> <br> 5 <p> place une deuxième " <frame> , "tag dans le fichier entre le " <frameset> "et" </frameset > " tags. Réglez " src" la valeur de la trame pour " pageInsideFrame2.html . " Enregistrer et fermer frameHolder.html . Cette balise indique le deuxième cadre ( *) devrait charger la page pageInsideFrame2.html . <br> <p> <html> <br> <p> <head> <br> <p> <title> Cadre Page < /title> Photos <p> </head> Photos <p> <frameset cols="150,*"> <br> <p> <frame src="pageInsideFrame1.html"> Photos <p> <frame src="pageInsideFrame2.html"> <br> <p> </frameset > Photos <p> </body> Photos <p> </html> ; <br> 6 <p> Ouvert frameHolder.html dans un navigateur Web. Vérifiez les deux trames charge avec les attributs attendus. Vérifiez la première charge cadre pageInsideFrame1.html et le second charges cadre pageInsideFrame2.html . <br> <br> <div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div> </div> </td> </tr> </table> <table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE"> <tr> <td></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/programmation/computer-programming-languages/87759.html' >Comment trouver Scripts </a></li></p></td> </tr> <tr> <td width="49%"> next ： <a class='LinkNextArticle' href='/programmation/computer-programming-languages/87761.html' >Comment centrer une Div Tag largeur fixe </a></li></td> </tr> </table></td> </tr> </table> <table width="100%" height="7" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm"> articles connexes </td> </tr> </table> <table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88358.html" title="Comment utiliser un formulaire MDI en C # " target="_self">Comment utiliser un formulaire MDI en C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87263.html" title="Qu'est-ce que Microsoft WPF " target="_self">Qu'est-ce que Microsoft WPF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86806.html" title="Comment concevoir un CSS Sprite Navigation Bar " target="_self">Comment concevoir un CSS Sprite Navigation Bar </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86751.html" title="Comment Passer une ligne dans MATLAB " target="_self">Comment Passer une ligne dans MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86539.html" title="Comment Convolve une fonction dans MATLAB " target="_self">Comment Convolve une fonction dans MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87480.html" title="Comment créer Divs flottantes " target="_self">Comment créer Divs flottantes </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88504.html" title="Outils de programmation langage d'assemblage " target="_self">Outils de programmation langage d'assemblage </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87824.html" title="Comment élaborer un plan de test " target="_self">Comment élaborer un plan de test </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87755.html" title="Comment supprimer un dossier en VB.Net " target="_self">Comment supprimer un dossier en VB.Net </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87019.html" title="Comment le code RSA " target="_self">Comment le code RSA </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> <td width="20" valign="top"></td> <td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian"> <tr> <td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE"> <tr> <td width="4%" height="29"> </td> <td width="96%" class="lan_lm">articles en vedette </td> </tr> </table> <table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90615.html" title="Comment faire des jeux Java " target="_self">Comment faire des jeux Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86305.html" title="COBOL peut afficher une valeur Hex " target="_self">COBOL peut afficher une valeur Hex </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/94313.html" title="Comment lire port COM jusqu'à ce qu'un caractère spécial est passé Visual Basic " target="_self">Comment lire port COM jusqu'à ce qu'un caractère spé…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/96297.html" title="Comment faire pour capturer un local Nom de l'ordinateur utilisant VBS " target="_self">Comment faire pour capturer un local Nom de l'ordinateu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90344.html" title="Comment fusionner deux listes d'ADT Ordre " target="_self">Comment fusionner deux listes d'ADT Ordre </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/90038.html" title="Comment faire pour créer une classe d'implémentation en Java " target="_self">Comment faire pour créer une classe d'implémentation …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95611.html" title="Comment calculer une valeur Spreadsheet cellulaire " target="_self">Comment calculer une valeur Spreadsheet cellulaire </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86893.html" title="Comment ajouter un Preloader " target="_self">Comment ajouter un Preloader </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/96417.html" title="Comment faire pour convertir le code source depuis Csharp à vb.Net et Retour avec le logiciel libre " target="_self">Comment faire pour convertir le code source depuis Csha…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/91909.html" title="Comment créer un Tag en PHP " target="_self">Comment créer un Tag en PHP </a></td></tr><tr></tr></table></td> </tr> </table></td> </tr> </table></td> </tr> </table></td> </tr> </table> <table width="980" height="8" border="0" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90> <tr> <td class=bs height=90 align=middle>Copyright © Connaissances Informatiques http://fr.wingwit.com <script language='javascript' src='/ad/201310/1.js'></script></td> </tr> </table> </div> </body> </html>