• Startseite
    • Grundlagen
  • CSS-Spielereien
    • Vorwort
    • Navigation »
      • Einfache Menues »
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
      • DropDownMenues »
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
      • DropLineMenues
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
      • Fly-Out-Menues »
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
      • Weitere...
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
    • Grafikspielereien »
      • Grafiken präsentieren »
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
      • Grafiken vergrössern »
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
      • Effekte »
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
      • Weitere... »
        • Beispiel 1
        • Beispiel 2
        • Beispiel 3
        • Beispiel 4
    • Textspielereien
    • Boxen
    • Weitere... »
      • Kalender
      • Image Map
      • Pop-up
      • Guckloch
      • Irrgarten?!?
  • CSS-Designs
    • Einleitung
    • Glowing Rose
    • Standard
    • Beauty
    • Old Fashion
    • Emotion
    • Ballerina
    • Love
    • Flower Dreams
    • Antarctica
    • Elements
    • Kein Design
  • Portfolio
    • Hinweise
    • Webseiten
    • Logos etc.
    • Eigene Projekte
  • Diverses
    • Kontakt
    • Impressum
    • Gästebuch
    • Links
    • Free Websets »
      • Bemerkungen
      • Business
      • Calypso
      • Atomic Illusion
      • Green Metal
      • Copper Melody
      • Dark Jewels
      • Rubin
      • Country
      • Metallica
      • Mechanic
      • Golden Autumn
      • Turtles
Sie befinden sich hier: Startseite

Das Letzte ...

Hier können Sie sich regelmässig informieren, ob und was es auf diesen Seiten an Neuem gibt.

30. Juni 2007

Der CSS-Grundlagenkurs ist fertig und komplett online. Das nächste sind die ersten Navigations-Menues, die ich in den kommenden Tagen in Angriff nehmen möchte, um sie hier vorzustellen.


 

Einstellen der Schriftgrösse:


Schriftgrösse einstellen:

 

Suchen nach Inhalten auf dieser Seite:

Suchen nach Inhalten:

 


Info

Da ich es leid bin, meine Seiten auch auf "Uralt"-Browser zu optimieren, funktioieren diese Seiten ab dem IE 7 und dem Mozilla Firefox 1.5.0.12. Im Opera kommt es zu kleinen Darstellungsunterschieden.

Für einige grafische Effekte wurden transparente PNG-Formate eingesetzt, die leider vom IE 6 (und älter) alles andere als transparent dargestellt werden.

 

Mitglied im Webring:

Diese Seite ist Mitglied bei:


 


Linktipp

Das Script, das auf dieser Seite verwendet wurde, um Schriftgrössen zu verändern, stammt von "Einfach für alle".

Die Initiative wurde 2000 von der "Aktion Mensch" gestartet. Sie beschäftigt sich mit "barrierefreiem Webdesign" und wurde für Menschen mit Behinderung konzipiert.

"Einfach für alle" besuchen und mehr lesen ... »

Willkommen bei Crealyss

Mahlzeit lieber Besucher

Crealyss präsentiert sich nicht nur im neuen Design, sondern auch mit neuen Inhalten. Auf diesen Seiten soll sich alles um (Web-)Design, Grafik und CSS drehen. Ich habe mich in den letzten Wochen auf der Suche nach Ideen und Problemlösungen viel im Netz bewegt und bin dabei auf einiges gestossen, was mir ein "Ahhhhh" oder "WOW" entlockt hat - und per CSS realisiert wurde.

0Da ich mich selber noch in der "Lern- und Verstehphase" befinde, wird man auf diesen Seiten (noch) keine Hilfestellungen und Tutorials finden, sondern eher eine Sammlung interessanter Spielereien - mal sinnvoll oder auch "Just for Fun". Sofern mir bekannt, werden selbstverständlich auch die Quellen mit angegeben, die immer am Ende einer Seite bzw. Kapitels zu finden sind.

Was ist eigentlich "CSS"?

CSS ist die Abkürzung für Cascading Style Sheets, eine "Sprache", mit der man das Layout von HTML-Dokumenten einfach und übersichtlich festlegen kann. So kann beispielsweise über Schrift, Schriftfarbe, Schriftgrösse, Linien, Bilder, Hintergründe, die Positionierung einzelner Elemente und vielem mehr, das Aussehen kompletter Websites mit CSS definiert werden.

Zwar kann man (fast) alles auch im HTML-Dokument tun, aber letztendlich bietet CSS wesentlich mehr und ausgereiftere Formatierungsmöglichkeiten für die Gestaltung, die mit HTML nicht möglich wären.

Warum "CSS" ?

Der eigentlich wesentlichste Aspekt dabei ist: Die saubere Trennung von Inhalt/Struktur einer Webseite (wird im HTML-Dokument festgelegt) und Layout (CSS). CSS wird von allen Browsern gelesen - aber leider zum Teil noch immer unterschiedlich umgesetzt. Allerdings steht das in keinem Verhältnis mehr zu früheren Zeiten, als auf jeder zweiten WEB-Seite zu lesen stand: "Optimiert für Browser XX".

0Ein weiterer, nicht zu unterschätzender Vorteil der CSS-gesteuerten Layout-Programmierung ist die vereinfachte Pflege der Inhalte als auch die optische Veränderung der Webseite, da beides in unterschiedlichen Dokumenten vorgenommen wird. So muss zum Beispiel bei einer Layout-Veränderung die Anpassung nicht in jedem HTML-Dokument vorgenommen werden, sondern einzig und allein in der CSS-Datei. Durch den Wegfall von Formatierungs-Befehlen im HTML-Dokument wird dieses einfacher und übersichtlicher und Fehler können sich nicht so leicht einschleichen.

Last not Least ...

Die Ladezeiten werden verkürzt, denn die Formatierungs-Datei .css muss nur einmal geladen werden. CSS ist ein Standard, der zwar von einigen der alten Browser nocht nicht unterstützt wird, aber trotzdem bleibt eine Seite auch ohne CSS betracht- und navigierbar. Es fehlt halt "nur" das Layout - aber die Informationen können trotzdem an den Besucher weitergegeben werden.

Crealyss

Crealyss ist eine Seite, die zwar (noch) keine Hilfestellung geben kann, die aber dem interessierten Besucher anhand der gezeigten Beispeile die Möglichkeit bieten möchte, sich mit näher mit dem Thema "Gestaltung" sowie "Trennung von Inhalten und Layout per CSS" auseinander zu setzen.

  • zum Seitenanfang
Validierung xhtml 1.0 strict ~ css
• © 1999-2007 Sylvia Polkowski • Alle Rechte vorbehalten.