Frames - Grundkurs
Apricot hat auf ihrer Homepage einen Framekurs erstellt, der die Sache supereinfach erklärt. Für euch Lizzys durften wir ihn hier im KnowHow-Bereich unterbringen :-)
Frames? Was ist das?
Mit sogenannten "Frames" kannst du das Browser-Fenster in mehrere kleine Teile unterteilen, in die du dann verschiedene Dateien deiner Homepage laden kannst. Frames ermöglichen dir also z.B. deine Navigation in einem Teil des Fensters stehen zu lassen und in einem anderen Teil befindet sich dann halt dein Inhalt. So hast du alles übersichtlich in einem Browserfenster und verhinderst damit, dass sich ständig neue, manchmal recht nervige Fenster öffnen (müssen).
Grundbegriffe
Wenn du Frames auf deiner Homepage haben möchtest, musst du ein sogenanntes Frameset erstellen. Dieses leitest du mit dem Tag <frameset> ein und schließt es mit </frameset>
Dieses Frameset kann aus Reihen (englisch=rows) und Spalten (englisch=cols) bestehen, deren Größe du selbst bestimmen kannst. Hier siehst du 2 Beispielcodes, an denen ich erklären will, wie das funktioniert ;):
<frameset cols="80%,20%">
<frame src="datei1.htm" name="frame1">
<frame src="datei2.htm" name="frame2">
</frameset>
<frameset rows="10%,90%">
<frame src="datei1.htm" name="frame1">
<frame src="datei2.htm" name="frame2">
</frameset>
cols="80%, 20%"
Damit teilst du das Browserfenster in 2 Frame-Spalten, die 20% und 80% des gesamten Fensters einnehmen. Das heißt, der linke (80 %) Frame ist 4mal so breit, wie der rechte (20%). Natürlich kannst du auch ganz andere Prozentwerte einsetzen! Du musst nur aufpassen, dass sie zusammen 100% ergeben ;)
rows="10%, 90%"
Hiermit teilst du das Browserfenster in 2 Frame-Reihen auf. Die erste Reihe (90%) ist allerdings 9mal so hoch, wie die zweite (10%). Auch hier sind die Prozentangaben logischerweise variabel ;) Du kannst das Browserfenster in beliebig viele Teile mit beliebigen Größen einteilen. Du musst halt nur darauf achten, dass sie zusammen 100% ergeben! Alle Werte werden mit Komma voneinander getrennt. Für einen Wert kannst du einfach das Sternchen-Zeichen (**) einsetzen, wenn du zu faul bist, alle zusammenzurechnen. Er ist dann so groß, wie 100% - der Summe aller anderer Werte.
cols="400,624"
Du kannst auch anstatt der Prozentangaben Pixelangaben machen. D.h. du bestimmst nicht, wieviel Prozent, sondern wieviel Pixel (Bildpunkte) des Browserfensters die Frames einnehmen sollen.
rows="500,*"
Dies ist allerdings in der Hinsicht problematisch, dass einzelne Personen, die sich deine Seite anschauen möchten, z.T. ganz unterschiedliche Bildschirmeinstellungen haben (z.B. 1024x768 Pixel, 800x600 Pixel etc). Deshalb kann es passieren, dass dann auf einmal ein Teil des Fensters nicht ausgefüllt ist, oder gar nicht alles reinpasst. Das lässt deine Seite dann unschön erscheinen. Aufgrund dessen würde ich empfehlen, dann einen Wert durch ** zu ersetzen. So wird die Frame-Verteilung nämlich für jede Bildschirmeinstellung passend berechnet.
Hier geht's weiter
LizzyNet-Sitemap
