Heute ist

---

---

TurboPascal
Delphi
Lazarus
OOP
HTML und CSS
JavaScript
PHP
XML
Grafik
Datenbanken
SQL
MS LOGO
Prolog
Kara
Wissen/Spiele
Unterrichtsprojekte
Tools
Info-Links

HTML und CSS - Homepages

[Startseite] [Homepages] [Scripte] [Tools] [Links]

Die Vielfalt der Gestaltung von Homepages ist unüberschaubar. Dennoch gibt es nur wenige grundlegende Unterschiede im Aufbau einer Website. In der folgenden Tabelle werden die wesentlichsten Gestaltungsvarianten beschrieben.

Variante	Vorteile	Nachteile	Beispiele
Flash-Layout	Große Freiheit in der Gestaltung von Schrift und Bild (Schriftzüge in alle Richtungen, Animation)	eventuell große Ladezeiten, falls nur eine langsame Internetverbindung existiert.	teutoracer.cabanova.de
Frames-Layout	Häufiger Aufbau: Kopfbereich oben, Menübereich links, Inhaltsbereich rechts. Diese Einheitlichkeit hilft, dass der Besucher sich auf solchen Seiten schnell zurechtfindet. Bei Änderungen in der Seitenstruktur - etwa wenn ein Menüpunkt dazukommt - müssen nur wenige betroffene Seiten verändert werden (statt alle Seiten). Frames besitzen unabhängige Scrollbalken. Die Navigation verschiebt sich nicht mit, wenn Seiten mit grösserem Inhalt gescrollt werden. Mitunter lohnt es sich, einen Banner- oder Fuß-Frame einzufügen. In diesem Frame können Informationen platziert werden, nach denen ein Besucher nicht lange suchen muss. Z.B. für das aktuelle Datum oder das Copyright. Auch spezielle Links wie denjenigen zur Suchseite oder das Gästebuch lassen sich in einem solchen Frame unterbringen.	Wenn von außen eine als Frame gestaltete Seite geöffnet wird, ist Javascript nötig, um die komplette Seite (mit den anderen Frames) darzustellen. Der Ausdruck kann mitunter Schwierigkeiten machen, es muss immer bewusst die entsprechende Framseite zum Drucken ausgewählt werden. Auch Suchmaschinen kommen mit den Frames nicht gut zurecht. Hier wird mitunter z.B. nur der Bannerframe von der Suchmaschine gefunden und die Navigation fehlt.	www.gnoerich.de www.walter-fendt.de/ bcgsr.gmxhome.de Und so wird's gemacht: peter.bittner.it
Tabellen-Layout	wirkt professionell, sehr gute Ausnutzung des Seitenplatzes möglich, Bilder und Text lassen sich leicht über- und nebeneinander anordnen, auch unterschiedlich große Zellen (mit colspan, rowspan) möglich, auch auf Unterseiten können Lesezeichen gesetzt werden	längere Ladezeit, da mehr HTML-Code geladen werden muss, kompliziert zu gestalten: für HTML-Unkundige ist die Tabellenstrukur nicht mehr überschaubar, Veränderungen lassen sich nur schwer realisieren	www.mathe-online.at Und so wird's gemacht: www.html-seminar.de
CSS-Stylesheet-Layout	Stylesheets unterstützen die professionelle Gestaltung beim Web-Design und helfen beim Corporate Design für große Projekte oder für unternehmensspezifische Layouts, zentrale Formatierung des Webdesigns, man muss nicht auf jeder Seite irgendwelche Formate (von Text, Farben oder Bilder) ändern, sondern muss diese Eigenschaften nur in einer einzigen Datei einstellen	keine bedeutsamen, einige ältere Browser können die CSS-Dateien nicht korrekt interpretieren	www.web-toolbox.net und auch diese Homepage www.frank-kaden.com