|
10. Rahmen
Rahmen (Fenster) <frameset rows="" cols=""> <frame name="" src="">... </frameset>
<noframes> ... </noframes>: Ermöglicht eine Ersatzangabe für Browser ohne Frame-Fähigkeit. Eine verstaubte Anweisung, denn aktuelle Browser ohne Frame-Fähigkeit gibt es sicherlich nicht mehr.
1) 2 Fenster - rechts/links (einfaches Modell)
Der Bildschirm wird in Hälften aufgeteilt: Rechte Hälfte - linke Hälfte <html> <head> <title>Rahmen: 2 Fenster - rechts/links</title> </head> <frameset cols="50%,*"> <frame name="definition-1" src="datei-1"> <frame name="definition-2" src="datei-2">> </frameset> <noframes> Sie haben eine Homepage mit Rahmen (Frames) aufgerufen. Leider beherrscht<br> ihr Browser die Frames-Technik nicht, er ist zu alt. Für Homepages dieser Art<br> benötigen Sie einen neueren Browser, z.B. den Microsoft Internet-Explorer in<br> einer Fassung mindestens ab 3.0, besser: ab 5.0, doch die beste Lösung wäre<br> die aktuelle Fassung: 6.0 SP2 (SP2 = Service Pack 2) </noframes> </html> 2) 2 Fenster - oben/unten (einfaches Modell)
Der Bildschirm wird in Hälften aufgeteilt: Obere Hälfte - untere Hälfte <html> <head> <title>Rahmen: 2 Fenster - oben/unten</title> </head> <frameset rows="50%,*"> <frame name="definition-1" src="datei-1"> <frame name="definition-2" src="datei-2"> </frameset> <noframes> Text siehe oben </noframes> </html>3) 3 Fenster (komplexeres Modell)
Der Bildschirm hat drei Fenster. Links 25% der Bildschirmbreite, volle Bildschirmhöhe. Rechts 75% der
Bildschirmbreite, aber querhalbiert: obere Hälfte (50% der Bildschirmhöhe), untere Hälfte.
<html>
<head>
<title>Rahmen: 3 Fenster</title>
</head>
<frameset rows="100%" cols="25%",* frameborder="no">
<frame name="definition-1" src="datei-1" scrolling="yes", ="auto", ="no">
<frameset rows="50%",*>
<frame name="definition-2" src="datei-2" scrolling="yes", ="auto", ="no">
<frame name="definition-3" src="datei-3" scrolling="yes", ="auto", ="no">
</frameset>
</frameset>
<noframes>
Text wie oben
</noframes>
</html>
Anwendungen 1) Rahmen A Quellcode: a) Steuerungsdatei <html> <head> <title>Rahmen A (HTML-Notizen)</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <frameset cols="20%,*" frameborder="no"> <frame name="rahm_a_n" src="rahm_a_n.html"> <frame name="rahm_in" src="rahm_in2.html"> </frameset> <noframes> Falls Ihr Browser gerade eben keine Rahmen bzw. Fenster (Frames, Windows)<br> angezeigt hat, ist er für diese Anweisungen nicht ausgerüstet.<br> </noframes> </html> b) Navigationsdatei <html> <head> <title>Navigation A (Rahmen A, HTMl-Notizen)</title> <base target="rahm_in"> </head> <body bgcolor="#ffffff" text="maroon" link="#aa00ff" vlink="#aa00ff" alink="#800000"> <h1>Überblick</h1> <br> <a href="rahm_in2.html">Inhalt II</a> <p> <a href="rahm_in3.html">Inhalt III</a> <p><br> <h2>Rahmen B<br> im Rahmen A</h2> <a href="rahm_b.html">Rahmen-B</a> <p><br> <h2>Binnen-Links</h2> HTML-Notizen: <p> <a href="h10grund.html" target="_top">Anfang</a> <p> <a href="h10grund.html#inhalt" target="_top">Inhaltsverzeichnis</a> <p> <a href="h55rahm.html" target="_top">Rahmen</a> <p><br> <h2>Fremd-Links</h2> <a href="http://www.google.de" target="_blank">www.google.de</a> <p> <a href="http://www.hr-online.de" target="_blank">www.hr-online.de</a> <p> <a href="http://www.dpmusik.de" target="_blank">www.dpmusik.de</a> <p><br><br> Wie man sieht, eine feststehende Mavigationsseite ist sehr praktisch; von hier aus läßt sich eine überschaubare Homepage (ein Buch, eine wissenschaftliche Arbeit usw.) bequem steuern und selbstverständlich kann auf einer solchen Unterseite auch mancherlei untergebracht werden: Text, Tabellen, Bilder usw. Man bedenke aber: Ausufernder, zieratbehängter Stil ist nicht gerade ein Kennzeichen für Kompetenz. Das rechte Feld dem Inhalt, nicht das linke! </body> </html>Ergebnis Rahmen A: 2 Fenster (Navigation links, Inhalt rechts) 2) Rahmen B Quellcode: a) Steuerungsdatei <html> <head> <title>Rahmen B (HTML-Notizen)</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <frameset cols="20%,*"> <frame name="rahm_b_n" src="rahm_b_n.html"> <frame name="rahm_in" src="rahm_in2.html"> </frameset> <noframes> Sie haben eine Homepage mit Rahmen (Frames) aufgerufen. Leider beherrscht<br> ihr Browser die Frames-Technik nicht, er ist zu alt. Für Homepages dieser Art<br> benötigen Sie einen neueren Browser, z.B. den Microsoft Internet-Explorer in<br> einer Fassung mindestens ab 3.0, besser: ab 5.0, doch die beste Lösung wäre<br> die aktuelle Fassung: 6.0 SP2 (SP2 = Service Pack 2) </noframes> </html>b) Navigationsdatei <html> <head> <title>Navigation B (Rahmen B, HTML-Notizen)</title> <base target="rahm_in"> </head> <body bgcolor="#ffffff" text="maroon" link="#aa00ff" vlink="#aa00ff" alink="#800000"> <h1>Überblick</h1> <br> <a href="rahm_in2.html">Inhalt II</a> <p> <a href="rahm_in3.html">Inhalt III</a> <p><br> <h2>Rahmen D<br> im Rahmen B</h2> <a href="rahm_d.html">Rahmen C</a> <p><br> <h2>HTML-Notizen<br> im Rahmen</h2> <center> <pre> <a href="h10grund.html#oben">Nach oben (der Weg zurück im Zorn)</a><br> <u>0. Befehle/Tags - kurzgefaßt</u><br> <a href= "h10grund.html#grund">1. Grundbegriffe</a><br> <a href= "h15anfng.html">2. Schreiben (a)</a><br> <a href= "h20schri.html">3. Schreiben (b), Schrift</a><br> <a href= "h25block.html">4. Blockformate u.ä.</a><br> <a href= "h30list.html">5. Listen</a><br> <a href= "h35verw.html">6. Verweise (Links)</a><br> <a href= "h40graf.html">7. Graphisches</a><br> <a href="h40graf.html#grafeck">7a. Graphikecke</a><br> <a href= "h45taf.html">8. Tafeln, Tabellen</a><br> <a href= "h50formu.html">9. Auswahl-, Eingabeformulare</a><br> <a href="h55rahm.html">10. Rahmen</a><br> <u>11. Praxis, Kniffe</u><br> <a href="h10grund.html#quellen">Quellen, Einführungen, Referenzwerke</a><br> <a href="h55rahm.html#ende">Open End</a> </pre> </center> <br> <h2>Binnen-Links</h2> HTML-Notizen: <p> <a href="h10grund.html" target="_top">Anfang</a> <p> <a href="h10grund.html#inhalt" target="_top">Inhaltsverzeichnis</a> <p> <a href="h55rahm.html" target="_top">Rahmen</a> <p><br> <h2>Fremd-Links</h2> <a href="http://www.google.de" target="_blank">www.google.de</a> <p> <a href="http://www.hr-online.de" target="_blank">www.hr-online.de</a> <p> <a href="http://www.dpmusik.de" target="_blank">www.dpmusik.de</a> <p><br><br> Wie man sieht, eine feststehende Mavigationsseite ist sehr praktisch; von hier aus läßt sich eine überschaubare Homepage (ein Buch, eine wissenschaftliche Arbeit usw.) bequem steuern und selbstverständlich kann auf einer solchen Unterseite auch mancherlei untergebracht werden: Text, Tabellen, Bilder usw. Man bedenke aber: Ausufernder, zieratbehängter Stil ist nicht gerade ein Kennzeichen für Kompetenz. </body> </html>Ergebnis Rahmen B: 2 Fenster (Navigation für HTML-Notizen, Inhalt) 3) Rahmen C Quellcode: a) Steuerungsdatei <html> <head> <title>Rahmen C (HTML-Notizen)</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> </head> <frameset rows="50%,*" frameborder="no"> <frame name="rahm_a_n" src="rahm_a_n.html"> <frame name="rahm_in" src="rahm_in2.html"> </frameset> <noframes> Siehe oben </noframes> </html>b) Navigationsdatei Wie Rahmen A Ergebnis Rahmen C: 2 Fenster, jeweils 50 % (Navigation oben, Inhalt unten) 4) Rahmen D Quellcode: Beispiel: Anmerkung zum obigen Beispiel: Im Firefox (1.5.0.7) kann der Quelltext des linken Rahmens mit der rechten Maustaste angezeigt, das heißt, angesehen werden. Im Internet Explorer (6.0, SP2) hingegen nicht. Hier geht das nur über das Pulldown-Menü. Warum beim MSIE der Quelltext des linken Rahmens mit der rechten Maustaste nicht angezeigt wird, wissen vielleicht PC-Götter zu beantworten. Lädt man allerdings mit dem src-Attribut eine HTML-Datei, ist der Quelltext auch im MSIE (6.0, SP2) mit der rechten Maustaste anzeigbar. Der Einfachheit halber ist der Quelltext des linken Rahmens - das ist die Steuerungsdatei der Rahmenkonstruktion - unten gesondert wiedergegeben. Es ist geplant, die HTML-Web-Seite vollständig zu überarbeiten (ist dringend nötig). Dann werden wir uns genauer mit dem Rahmen-Thema beschäftigen. Rahmen-Konstruktionen sind in allerlei PC-Literatur zu Unrecht verrufen. Sie gehören vielmehr mit zu den besten Eigenschaften der HTML-Möglichkeiten. Quellcode:
<html>
<head>
<title>Rahmen C (HTML-Notizen)</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<frameset rows="100%" cols="25%,*">
<frame name="rahm_in1" src="salomo01.jpg">
<frameset rows="50%,*">
<frame name="rahm_in2" src="rahm_in2.html">
<frame name="rahm_in3" src="rahm_in3.html">
</frameset>
</frameset>
<noframes>
Ihr Browser zeigt keine Rahmen (Frames) an.
</noframes>
</html>
Verweise (Links) in einem Rahmen sind nicht nur möglich, davon leben Rahmen-Konstruktionen geradezu, siehe
als Beispiele die Navigations- und Inhaltsdateien der Rahmen A und B. Auch können Inhalte aller Art
können geladen werden, siehe oben den Quellcode Rahmen C: Es wird mit Hilfe des src-Attributs eine JPG-Graphik geladen (es geschieht hier schon in der frameset-Steuerungsdatei, Einzelheiten in Vorbereitung).
Externe Verweise (Internet) z.B. <a href="http://www.domain.de" target="_blank"> ... Bezeichnung ... </a> Anwendung siehe die Verweise in den obigen Rahmen-Beispielen.
Sprung von Rahmen zu Rahmen und zu einer Markierung <a href="datei#verweis" target="frame name">... Bezeichnung ...</a>
Merke: Der Verweis nach #... und die Definition name="..." in der Zieldatei (<a name="verweis"> ... </a>) müssen in Bezug auf Groß- und Kleinschreibung exakt gleich sein.
|