Frames (Classik)

von Neele | 01.05.2009 um 20:47 h

Typ: Layout
Stufe:Einfach

Ich erfülle mal ein Wunsch aus der Wishliste. Wie mache ich Farmes?
Was sind Frames?

Wichtig!:
Frames sind Layouts, die Spalten haben. In der einen ist zB das Menü und in der anderen der Text.

Was Du brauchst:
unbedingt ein Grundwissen in HTML

Ich werde alles in Beispiele Fassen.

Teil 1

<HTML>

<FRAMESET COLS="30%,70%">

   <FRAME SRC="menu.html">

   <FRAME SRC="text.html">

</FRAMESET>

<BODY>

<NOFRAMES>

Fehler. Es sind keine Frames in ihrem Browser möglich.

</NOFRAMES>



</BODY>

</HTML>

Unter dem FRAMESET Tag stehen die Links zum Menü und dem Index. Das heißt ihr könnt es beliebieg ändern.( Für Anfänger oder auch für alle, einfach stehen lassen. ) Allerdings fügt ihr hier keine Menü Links ein Sonder die Frame Links. Zum Menü kommen wie später.
Speichere diese Datei als frame.html ab

<HTML>

<BODY>



Link

Link

Link



</BODY>

</HTML>

Das ist das Menü. Die Links könnt ihr beliebig anpassen und sehr viel ist hier ja auch nicht. Speichert diesen code bitte als menu.html ab.

<HTML>

<BODY>



Vla bla bla. Willkommen auf meiner Seite... Sie ist im Aufbau. und sehr schlicht...



</BODY>

</HTML>

Der Index. Hier könnt ihr alles beliebig ändern. Die Farbe machtr ihr mit den gewohnten Color Tags und anderes ist unwichtig zu erklären^^.
Den code speichern wir als text.html.

Jetzt öffnet ihr frames.html und ihr müsstet das fertige Set sehen.

Teil 2

Mit Frames müsst ihr nicht auf ein Header oder Werbung oben verzichten. Hier erkläre ich euch, wie ihr ein Header in einer Spalte oben hin kriegt.

als erstes nehmen wir änderungen am frame.html Beispiel vor:



<html>

<head>

<title>Frameset</title>

</head>

<frameset Rows="20%,80%">

   <frame src="header.html">

   <Frameset  Cols="15%,80%">

   <FRAME SRC="menu.html">

   <FRAME SRC="text.html">

</FRAMESET>

<BODY>

<NOFRAMES>

Fehler. Es sind keine Frames in ihrem Browser möglich.

</NOFRAMES>



</BODY>

</HTML>

Dies speichert ihr einfach in frames.html ab.



<html>

<body>



Einfach der Link deines Headers hier rein setzten und verlinken natürlich.



</body>

</html>

das ist header.html. hier verlinkt ihr euren Header

Wieder öffnet ihr Frames.html und ihr seht das neue fertige Set.

Ich hoffe ich konnte euch, und natürlich Laika(oder so), weiterhelfen.

Bei Problemen bitte kommis.

Neele

7 Kommentare

Jel

Vielleicht habe ich es auch übersehen, aber wieso erklärst du nicht, was "<FRAMESET COLS="30%,70%"> " bedeutet? Du sagst zwar, man könne das ändern - aber lieber nicht als Anfänger - aber das war's dann schon.
Einige Tipp- bzw. Rechtschreibfehler sind noch drinne ;)
Vielleicht wäre noch eine Vorschau des Frame-Sets, welches du jetzt beschrieben hast, noch okay oder du hättest noch Varianten aufgezählt (naja...).
Jel. Smilie