Einfache Beispiele

Die folgenden Beispiele sind einfach und übersichtlich gestaltet, Formatierungen sind in ein zentrales StyleSheet eingebunden. Sie sollen denjenigen als Hilfestellung dienen, die noch wenig Erfahrung mit HTML und CSS haben und dennoch eine kleine Internetpräsenz planen. Alle Beispiele sind mit der HTML-Variante Strict gestaltet. Das zugehörige StyleSheet wird jeweils zum Runterladen angeboten.
Optimierung für Firefox, Flock, Opera und Netscape. Wer den InternetExplorer zum Interpretieren der HTML-Seiten verwendet, muss machmal schlechte Darstellungen in Kauf nehmen (kein Einbau von Browserweichen), so wird z.B. das Schlüsselwort "opacity" nicht vom IExplorer interpretiert, auch manche Farbnamen bereiten Schwierigkeiten.

  1. Beispiel: Kein JavaScript, alle Seiten über Schaltflächen oben erreichbar.
  2. Beispiel: Siehe Beispiel 1: Andere Farbgestaltung, vgl. StyleSheet.
  3. Beispiel: Mausbewegung nach links lässt das Menü erscheinen (DHTML ). Mit JS!
  4. Beispiel: Pulldownmenüs mit JavaScript und Frames
  5. Beispiel: Ein Layout in 3 Spalten ohne JavaScript
  6. Beispiel: Zerschneiden eines Bildes mit HTML-Variante Strict
  7. Beispiel: Einsatz transparenter Grafik als Hintergrund, ohne JavaScript
  8. Beispiel: Farbspielereien mit Frames, ohne JavaScript, Variante Strict
  9. Beispiel: Titel, Menü und Copyright-Zeile in Rahmen (frames) gepackt
  10. Beispiel: Verwendung von verweissensitiven Grafiken
  11. Beispiel: Einsatz von Fotos, ohne JavaScript, ohne Frames
  12. Beispiel: Einsatz von Fotos, ohne JavaScript, ohne Frames, 3-spaltig
  13. Beispiel: Fester Menübereich, ohne Frames, fixiertes Hintergrundbild, ohne JS
  14. Beispiel: Arbeiten mit der Lightbox und Bildeffekte, mit JS
  15. Beispiele aus dem Internet mit schön gestalteten Startseiten
  16. Beispiele für Startseiten mit (verweissensitiven) Apophysis-Grafiken
  17. Fotopräsentation auf eigener HP mit LIGHTBOX
© 2010/12 Asti PoVRay-Site Mathematische Streiflichter Algorithmische Kunst Webdesign Digital art, FAA