Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Tutorials und FAQ (https://www.gegen-bilderklau.net/board.php?boardid=45)
----- [HTML] Verschiedene Layouts (https://www.gegen-bilderklau.net/thread.php?threadid=52848)


Geschrieben von Sidney am 26.02.2006 um 16:44:

  Verschiedene Layouts

Da einige Leute immer noch keine Ahnung haben, welche Unterschiede zwischen den einzelnen Layouts herrschen, versuche ich mich mal an einer Aufklärung.

Pop-Up:
Ein Pop-Up-Layout besteht aus einer Enter- und einer Index-Seite. Die Enterseite beinhaltet entweder ein grafisches oder ein schriftliches Enter. Bei Klick öffnet sich dann eine neue Seite, die in einer schon vorher festgelegten Größe gecodet wurde. Meistens besteht das Layout eines Pop-Ups aus einem Iframe, oder Frame. Viele User benutzen zwei oder mehrere Frames, da es aber auch häufig sehr kleine Layouts gibt, ist die Imagemap sehr beliebt.
Beispiel: Klick

IFrame:
Ein Iframe-Layout ist eine der gängigsten Varianten unter jungen Webdesigner. Es ist einfach zu Coden und das Layout ist schnell hergestellt. Der Nachteil eines Iframes ist häufig der, dass nicht jeder Browser das Lay so anzeigt, wie es ursprünglich gecodet wurde. So verschieben sich z.B. die Frames oder sie sind nicht mehr transparent.
Die grafischen Layouts sind meist für Auflösungen von 800x600 und 1024x768 geeignet.
Beispiel: Klick

Frame:
Ein Frame-Layout lässt sich eigentlich in jedem Browser richtig anzeigen, wenn es richtig gecodet ist.
Ansonsten ist es mit dem Iframe vergleichbar.
Beispiel: ---

Table:
Ein Table-Layout besteht, grafisch gesehen, aus einem Header, einem Footer und einem Background. Gecodet besteht es aus einer Tabelle. Vorteil des Lays ist: es ist an jede Auflösung anpassbar. Der Nachteil: man muss jede Unterseite nach der Indexseite gestalten. Jeder Link muss neu eingefügt werden.
Beispiel: Klick

Div-Layer:
Der Div ist wie der Table an jede Aufläsung anpassbar. Er besteht grafisch gesehen aus einem Header und einem Background. Gecodet besteht er aus einem oder mehreren Divs, die sich - je nach Textmenge - verlängern.
Der Div hat den selben Nachteil wie der Table, man muss jede Unterseite komplett neu verlinken.
Beispiel: Klick

Allerdings werden sämtliche Layouts auch gerne Verknüpft. So kann man z.B. ganz einfach ein Div mit einem Iframe verknüpfen. Oder ein Table mit einem Iframe.



Geschrieben von Herodius am 02.03.2009 um 21:38:

 

Danke, dein Tut hat mir sehr gut weitergeholfen :-).


Forensoftware: Burning Board, entwickelt von WoltLab GmbH