Tabellenfreies Design mit Hilfe von CSS
Früher war alles anders. Websites beispielsweise wurden ähnlich wie Tabellenkalkulationen in Word aufgebaut. Hier nutzte man die Felder zur Einbettung von komplizierten Benutzerinterfaces um die genaue Positionierung der Grafiken hinzubekommen. Heute geht dies wesentlich besser dank moderner CSS Scripte. Diese neue Umsetzungsmethode hat viele Vorteile, lesen Sie mehr darüber in diesem Artikel.
Tabellen sind keine Designelemente sondern ausschließlich zur Auswertung von Daten gedacht. Dass sie auch heute noch von dem ein oder anderen zur Gestaltung von Webseiten missbraucht werden, lässt professionelle Webdesigner aufschreien. Manche wissen nichts von den Vorteilen von CSS, andere trauen sich nicht an die Materie heran. Es ist aber kein Hexenwerk und gar nicht so schwer zu erlernen.
Vorteile von CSS gegenüber Tabellendesigns
Die Vorteile von CSS überwiegen klar. Zum einen erspart man sich viele Zeilen Code und damit auch Ladezeit. Denn Tabellen sind komplexe Konstrukte, vor allem wenn das Design anspruchsvoll sein soll. Durch die Anwendung von CSS mit Klassen und Identifikationsnummern kann man einzelne Definitionen mehrfach zur Anwendung bringen und dabei in einer zentralen Datei für alle Unterseiten hinterlegen. Somit muss der Browser des Besuchers den Quelltext nicht mehrfach berechnen.
Ein weiterer, großer Vorteil ist die Möglichkeit zur Barrierefreiheit. Wer schonmal einen Browser für Blinde gesehen hat, weiß wovon die Rede ist. Diese Screenreader lesen die Website vor. Durch eine klare Trennung des Inhalts vom Design durch den Einsatz von CSS, erleichtert man so den Besuch für Blinde erheblich. Der Browser erkennt den Inhalt und liest nur das, was zu selbigem gehört. Codezeilen, komplexe Tabellen und unwichtige Platzhalter-Grafiken werden dabei vom Programm ignoriert.
Auch ein klarer Pluspunkt ist die einfache Veränderung von Designelementen. Wer sein Layout komplett auf CSS verlagert, kann ohne Probleme ein neues Design für die komplette Seite entwerfen, ohne dabei jede Unterseite einzeln bearbeiten zu müssen. Die Angabe von Klassen und IDs macht es möglich. Diese werden, wie bereits erwähnt, in einer zentralen CSS Datei definiert. Die einzelnen Unterseiten greifen alle auf diese Datei zu und holen sich ihre entsprechenden Informationen daraus.
Sollten Sie nicht über genug Zeit und/ oder Wissen verfügen empfiehlt es sich, das ganze an bewanderte Webdesigner zu übergeben. Ein Professioneller Programmierer entwirft für Sie die optimale Lösung die ihren Quelltext auf ein Minimum schrumpfen lässt ohne dabei an dem Erscheinungsbild Ihrer Website zu sparen. Die Investition in barrierefreies Webdesign zahlt sich aus.
Mehr Informationen erhalten Sie unter www.wisewebmaster.de
Weitere Artikel in der Rubrik Webdesign und Optimierung
Bewertung: 0.0 - von 1 bis 5 (1 = sehr gut)