Moderne Seiten ohne Frames

[Hubert]

Hallo Zusammen,

bis jetzt habe ich mich nur hobbymäßig der Web-Programmierung gewidmet.
Meist javascript oder php und habe die Seiten immer mit Framesets angelegt und die Seiten kaum designt.
Nun habe ich aber schon öfters gehört das man Framsets meiden soll.
Meine Frage:

Warum?
und was ist die alternative? Wie ist eine moderne 0815 Website mit zentriertem Seitenbereich und links und rechts 2 spalten mit Navigation etc. denn Code mäßig aufgebaut?
Nur mit Tabellen oder gibts da andere "Tricks"?

mfg Hubert

[ChrisB]

Hi,

Nun habe ich aber schon öfters gehört das man Framsets meiden soll.
Meine Frage:

Warum?

Wegen der zahlreichen Nachteile, die sie mit sich bringen.

http://www.subotnik.net/html/frames.html
http://www.woodshed.de/publikationen/dialog-robot.html

und was ist die alternative?

HTML-Code, der die struktur der Inhalte bestmoeglich abbildet.

Wie ist eine moderne 0815 Website mit zentriertem Seitenbereich und links und rechts 2 spalten mit Navigation etc. denn Code mäßig aufgebaut?

Nur mit Tabellen oder gibts da andere "Tricks"?

Ohne Tabellen, sondern mit sinnvollem HTML (Ueberschriften, Absaetze, Listen, Divs fuer die Gruppierung von Elementen, ...), und anschliessend mit CSS formatiert.

MfG ChrisB

[EKKi]

Mahlzeit ChrisB,

Wie ist eine moderne 0815 Website mit zentriertem Seitenbereich und links und rechts 2 spalten mit Navigation etc. denn Code mäßig aufgebaut?

Nur mit Tabellen oder gibts da andere "Tricks"?

Ohne Tabellen, sondern mit sinnvollem HTML (Ueberschriften, Absaetze, Listen, Divs fuer die Gruppierung von Elementen, ...), und anschliessend mit CSS formatiert.

Als Ergänzung dazu würde ich Hubert gerne die "<http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=Einführung in CSS-basierte Layouts>" innerhalb von SELFHTML empfehlen wollen ...

MfG,
EKKi

[Hubert]

Danke für die klaren und ausführlichen Antworten, habt mir sehr geholfen. :)

mfg Hubert

[THE STELL]

Hi,

Nun habe ich aber schon öfters gehört das man Framsets meiden soll.
Meine Frage:
Warum?

ChrisB hat eh schon auf ein bar Seiten verlinkt.
In SELFHTML gibts auch noch so ne Argumentensammlung, wo nicht nur die Nachteile (wo man Frames nicht anwenden sollte und warum), sondern auch wo es sinnvoll ist, Frames zu benutzen: <http://de.selfhtml.org/html/frames/layouts.htm@title=SELFHTML: Frames als Mittel für Seiten-Layouts>

und was ist die alternative?

Mit PHP include()ieren, mit CSS formatieren.

Wie ist eine moderne 0815 Website mit zentriertem Seitenbereich und links und rechts 2 spalten mit Navigation etc. denn Code mäßig aufgebaut?

<http://de.selfhtml.org/css/layouts/mehrspaltige.htm@title=Hier (Mehrspaltige CSS-basierte Layouts)> finden sich auch Beispiele, zu 0815-Webseiten.

Nur mit Tabellen oder gibts da andere "Tricks"?

Ja, der 'Trick' besteht darin, mit PHP GET (indem die der Name der Unterseite vermerkt ist) auszulesen und dann die richtige URL zu include()ieren. Hier gibt es eine Gute Möglichkeitensammlung. Die 2. Variante ist die üblichere.

Dann werden die verschiedenen include()ierten Seiten (Unterseiten, Sidebars, usw.) mit CSS formatiert. Um den üblichen Spalteneffekt zu erreiche benutzt man <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float (Textumfluss)>. Dabei sind das eigentlich garkeine Spalten sonder umflüsse.
Weil ja, wenn das Element mit float kürzer ist, der andere Text, der das Element umfliest, dann auch unter das mit float versehene Element reichen würde, gibt man dem Text, der das Element umfliest, einen margin-left. Dieser wirkt sich, solang er kleiner/gleichgroß wie das zu umfleßende Element ist, garnicht aus. Nur wenn das mit float formatierte Element schon zu Ende ist (weil es kürzer als der andere Text ist), wirkt er sich aus. Somit erreicht man den typischen Spalteneffekt.
Eine genaue Beschreibung findest du hier: <http://de.selfhtml.org/css/layouts/mehrspaltige.htm@title=Mehrspaltige CSS-basierte Layouts>.

Wenn du den frametypeischen Effekt, das die Frames unabgehengig vom scrollen der anderen Frames sind, weiterhin nutzen willst, dann http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=positioniere sie fix.
Und (! WICHTIG !) gib dem Element eine Höhe von 100% (Das ist nicht in SELFHTML beschrieben). Somit ist, auch wenn die Navi höher als das Browserfenster ist, der Text nicht abgeschnitten, sondern extra scrollbar.
<http://de.selfhtml.org/css/layouts/fixbereiche.htm@title= Hier eine genaue SELFHTML-Beschreibung>.

lg the stell

[suit]

Dann werden die verschiedenen include()ierten Seiten (Unterseiten, Sidebars, usw.) mit CSS formatiert.

aus schon oft genannten gründen rate ich auch an dieser stelle von include() zugunsten von require() ab

noch besser ist eine templatesystem aber mit file_get_contents() umzusetzen - danach ersetzt man vorgefertigte marker in diesem enigelesenen string durch den gewünschten inhalt (aus einer datenbank zb)