http://www.dismoitic.net/MasterIPM/index.html FRAMESET FRAMES (page).html  Un exemple
Frame « Sommaire »    Frameset FRAMESET FRAMES (page).html  http://www.dismoitic.net/MasterIPM/index.html J’ai découpé m...
Quel code pour la page mère <FRAMESET> ? FRAMESET (page).html 
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
Quel code pour intégrer un contenu  dans le  bandeau  ? Frame « Bandeau » FRAMESET (page).html  FRAME Bandeau bandeau.html
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
Quel code pour intégrer un  sommaire   ? Frame « Sommaire » FRAMESET (page).html  FRAME Bandeau bandeau.html FRAME Sommai...
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
Frame « Contenu » FRAMESET (page).html  FRAME Bandeau bandeau.html FRAME Sommaire sommaire.html Quel code pour intégrer u...
<ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></hea...
FRAMESET (page).html     src= « contenu.html&quot; name= &quot;contenu&quot;  <ul><li><html> </li></ul><ul><li><head> <...
FRAMESET (page).html  FRAME Bandeau bandeau.html FRAME Sommaire sommaire.html Comment créer des liens entre les FRAMES ? ...
> Situation-Problème > HTML > Flash Sommaire Clic En cliquant sur l’item  Situation-Problème , je désire en voir son contenu
> Situation-Problème > HTML > Flash Sommaire Clic name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbl...
> Situation-Problème > HTML > Flash Sommaire Clic name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbl...
> Situation-Problème > HTML > Flash Sommaire Clic name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbl...
> Situation-Problème > HTML > Flash Sommaire Clic name= &quot;contenu&quot; name= &quot;bandeau&quot; name= &quot;sommaire...
> Situation-Problème > HTML > Flash Sommaire Clic name= &quot;contenu&quot; name= &quot;bandeau&quot; name= &quot;sommaire...
Alors bon Week-End  et surtout n’oubliez pas…
Alors bon Week-End  et surtout n’oubliez pas… Vive le HTML !
Prochain SlideShare
Chargement dans…5
×

Frameset

762 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
762
Sur SlideShare
0
Issues des intégrations
0
Intégrations
21
Actions
Partages
0
Téléchargements
11
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Frameset

  1. 1. http://www.dismoitic.net/MasterIPM/index.html FRAMESET FRAMES (page).html  Un exemple
  2. 2. Frame « Sommaire »  Frameset FRAMESET FRAMES (page).html  http://www.dismoitic.net/MasterIPM/index.html J’ai découpé ma page web FRAMESET en trois zones, donc en trois FRAMEs Frame « Bandeau » Frame « Contenu »
  3. 3. Quel code pour la page mère <FRAMESET> ? FRAMESET (page).html 
  4. 4. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80 ,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>target=&quot;sommaire&quot; src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul>index.html (par exemple)  80 pixels de haut 1 er « découpage » de la page mère (index.html) pour y positionner un bandeau FRAMESET (page).html  *
  5. 5. Quel code pour intégrer un contenu dans le bandeau ? Frame « Bandeau » FRAMESET (page).html  FRAME Bandeau bandeau.html
  6. 6. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul> Cette FRAME est nommée ‘name’ Bandeau. FRAMESET (page).html  name= &quot; bandeau &quot;  Frame « Bandeau » Frame « Bandeau »
  7. 7. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul><ul><li>Cette FRAME est nommée ‘name’ Bandeau. </li></ul><ul><li>Pour pouvoir y mettre du contenu on va lui associer un fichier ‘src’ bandeau.html. </li></ul>FRAMESET (page).html  Frame « Bandeau » name= &quot; bandeau &quot;  Frame « Bandeau »
  8. 8. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul>FRAMESET (page).html  Frame « Bandeau »  bandeau.html name= &quot; bandeau &quot;  Frame « Bandeau »
  9. 9. Quel code pour intégrer un sommaire ? Frame « Sommaire » FRAMESET (page).html  FRAME Bandeau bandeau.html FRAME Sommaire sommaire.html Frame « Bandeau » bandeau.html
  10. 10. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>target=&quot;sommaire&quot; src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul>FRAMESET (page).html  200px  2éme découpage Ce FRAMESET va permettre de composer le reste de la page avec 2 colonnes (FRAMES) dont celle de gauche aura une taille de 200px
  11. 11. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>target=&quot;sommaire&quot; src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul>FRAMESET (page).html  200px name= &quot; sommaire&quot;  Frame « Sommaire »
  12. 12. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>target=&quot;sommaire&quot; src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul>FRAMESET (page).html  200px Frame « Sommaire »  src= &quot;sommaire.html&quot; name= &quot; sommaire&quot; 
  13. 13. Frame « Contenu » FRAMESET (page).html  FRAME Bandeau bandeau.html FRAME Sommaire sommaire.html Quel code pour intégrer un contenu ? FRAME Contenu contenu.html Frame « Bandeau » bandeau.html Frame « Sommaire » sommaire.html
  14. 14. <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>target=&quot;sommaire&quot; src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu.html » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul>FRAMESET (page).html  name= &quot;contenu&quot;  Frame « Contenu »
  15. 15. FRAMESET (page).html   src= « contenu.html&quot; name= &quot;contenu&quot;  <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>[Master IPM :: 2009/2011]</title> </li></ul><ul><li></head> </li></ul><ul><li><!-- <body>--> </li></ul><ul><li><FRAMESET Frameborder=&quot;0&quot; rows=&quot;80,*&quot;> </li></ul><ul><ul><li><FRAME name=&quot;bandeau&quot; scrolling=&quot;no&quot; noresize </li></ul></ul><ul><ul><li>target=&quot;sommaire&quot; src=&quot;bandeau.html&quot; </li></ul></ul><ul><ul><li>marginheight=&quot;0&quot; marginwidth=&quot;0&quot;> </li></ul></ul><ul><ul><ul><li><FRAMESET cols=&quot;200,*&quot;> </li></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;sommaire&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>target=&quot;contenu&quot; src=&quot;sommaire.html&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;no&quot;> </li></ul></ul></ul></ul><ul><ul><ul><ul><li><FRAME name=&quot;contenu&quot; </li></ul></ul></ul></ul><ul><ul><ul><ul><li>src=« contenu.html » </li></ul></ul></ul></ul><ul><ul><ul><ul><li>scrolling=&quot;auto&quot;> </li></ul></ul></ul></ul><ul><ul><ul><li></FRAMESET> </li></ul></ul></ul><ul><li></FRAMESET> </li></ul><ul><li><!-- </body> --> </li></ul><ul><li></html> </li></ul>Frame « Contenu »
  16. 16. FRAMESET (page).html  FRAME Bandeau bandeau.html FRAME Sommaire sommaire.html Comment créer des liens entre les FRAMES ? Le fameux target  FRAME Contenu contenu.html
  17. 17. > Situation-Problème > HTML > Flash Sommaire Clic En cliquant sur l’item Situation-Problème , je désire en voir son contenu
  18. 18. > Situation-Problème > HTML > Flash Sommaire Clic name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbleme.html Requête En cliquant sur l’item Situation-Problème , j’appelle la page ( Requête ) PageSituationProbleme.html name= &quot;contenu&quot;
  19. 19. > Situation-Problème > HTML > Flash Sommaire Clic name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbleme.html <a href=&quot; PageSituationProbleme.html &quot;> En cliquant sur l’item Situation-Problème , j’appelle la page ( Requête ) PageSituationProbleme.html name= &quot;contenu&quot;
  20. 20. > Situation-Problème > HTML > Flash Sommaire Clic name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbleme.html Requête Affichage PageSituationProbleme.html, que je désire afficher dans le FRAME &quot;contenu&quot; name= &quot;contenu&quot;
  21. 21. > Situation-Problème > HTML > Flash Sommaire Clic name= &quot;contenu&quot; name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbleme.html R equête A ffichage <a href=&quot;PageSituationProbleme.html&quot; target=&quot;contenu&quot; > C’est le fameux target qui donne l’information du lieu d’affichage
  22. 22. > Situation-Problème > HTML > Flash Sommaire Clic name= &quot;contenu&quot; name= &quot;bandeau&quot; name= &quot;sommaire&quot; P ageSituationProbleme.html R equête A ffichage <a href=&quot;PageSituationProbleme.html&quot; target=&quot;bandeau&quot; > Si je désire afficher cette page dans le bandeau je met comme target…
  23. 23. Alors bon Week-End et surtout n’oubliez pas…
  24. 24. Alors bon Week-End et surtout n’oubliez pas… Vive le HTML !

×