Frames/Fenster
Diese Datei dient nur der Beschreibung!
Alternativ zum Composer kann man/sollte man einen HTML-Editor benuzten.
Phase5 ist einer der bekanntesten Editoren.
Oberer Bereich -> unterste Symbolleiste -> erstes linkes ICON ->
Dateisystem-> zu Ihrem HTML-Arbeitsverzeichnis gehen.
Handling:
In der linken unteren Spalte eine Datei öffnen.
Änderungen vornehmen (Rückgängigicon!!!!)
Speichern
Änderungen im browser ansehen.
Änderungen im Editor wieder Rückgängig machen (Trotz Speicherung!!!)
Datei schließen : mit der rechten Maustaste auf den Dateinamen im Kopf der
rechten Spalte klicken.
Fenster = Frames in HTML
Sie benötigen drei Dateien, um eine Fensterdarstellung in HTML zu erreichen:
1. die Steuerungsdatei -> hier g_frame.html genannt
2. die Navigationsdatei (i.d.R. linkes. schmales Fenster) -> hier
g_menue.html genannt
3. die Startdatei im rechten Fenster -> hier f_selfhtml.html genannt (kann jede beliebige schon bestehende Seite/Datei sein)
Man ruft später nur die Steuerdatei auf, um die Fensterdarstellung zu aktivieren.
Folgenden Inhalt in eine neue leere Datei schreiben und diese unter dem Namen:
g_frame.html abspeichern:
Alternativ können Sie auch die Inhalte
kopieren!!!!!!!
<html>
<head>
<title>Text des universellen Titels</title>
</head>
<frameset cols="250,*">
<frame src="g_menue.html" name="Navigation">
<frame src="f_selfhtml.html" name="Daten">
<noframes>
Ihr Browser kann diese Seite leider nicht anzeigen!
</noframes>
</frameset>
</html>
-------
Hinweis:
<frame src="f_selfhtml.html" name="Daten">
In der obigen Zeile den Dateinamen "f_selfhtml.html" durch den Namen Ihrer
Startdatei ersetzen = beliebige existierende Datei
-------
Eine zweite neue leere Datei anlegen und folgenden Inhalt unter dem Namen:
g_menue.html abspeichern:
<html>
<head>
<title>Menue</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000"
vlink="#FF0000">
<a href="a1.html" target="Daten">Wordpad-Seite</a><br>
<a href="a2.html" target="Daten">überarbeitete Wordpad-Seite</a><br>
<a href="b2.html" target="Daten">zweite Composer Seite</a><br>
<a href="c_Tabelle1.html" target="Daten">Tabellenseite</a><br>
</body>
</html>
------
Hinweis:
Die Dateinamen nach <a href=".....html" durch Ihre Dateinamen ersetzen
------
Wenn Sie die beiden Dateien gespeichert haben - rufen Sie im browser die
Datei g_frame.html auf.
------
Hinweis:
Wenn man statt g_frame.html diese Datei index.html nennen würde, braucht
man nur noch die URL ohne Dateinamen im browser einzugeben. Bsp: www.siemens.de/index.html
wird zu www.siemens.de
------
------
Aufgabe:
Versuchen Sie Ihre Menuespalte mit blauen Hintergrund darzustellen!
Ihr Editor bietet Ihnen bestimmt eine Hilfe bei der Hexa-Farbnummer.
Versuchen Sie nun auch noch Ihren Namen über die Menuepunkte zu setzen.