ByteNation Forum » Clientseitiges (html-css-Javascript) » Tipps zur Vermeidung von Fehlern bei der Erstellung von Webseiten » Layouten ohne Tabellen » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Layouten ohne Tabellen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Byteandi
Administrator


Dabei seit: 23.09.2006
Beiträge: 383

Level: 35 [?]
Erfahrungspunkte: 790.171
Nächster Level: 824.290

34.119 Erfahrungspunkt(e) für den nächsten Levelanstieg

Layouten ohne Tabellen Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen


oder bin ich out, weil ich ein Tabello bin....

Es gibt im Internet schon sehr viele gut geschriebene Meinungen, wieso man auf ein Layouten mittels Tabellen verzichten sollte, trotzdem werde ich auch einmal meine Meinung dazu schreiben smile

Das Tabellen nur dafür da sind, um Tabellarische Daten anzuzeigen dürfte ja nun bereits jeder in irgendeinem Bericht dazu gelesen haben, und dass eine gewisse Barrierefreiheit mit Tabellen nicht gewährleistet ist ja wohl auch.
Ein weiterer Grund ist jedoch, dass erstens der Quelltext der HTML-Datei sehr viel Größer ist und in diesem dann ein solches Chaos herrscht, dass der Hersteller der Seite später selbst nicht mehr weiß, welche Spalte/Zeile wo hin gehört.

Hier mal ein kleines Beispiel wie ein solches Tabellenlayout, erstellt mit Frontpage oder anderen Programmen, die es zum einfachen erstellen von Webseiten oder zum slicen gibt, ungefähr aussieht.
code:




Der Code ist nur für Registrierte User sichtbar
Arghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh, lassen wir mal die CSS Angaben außer Acht, da sie ja in einer gesonderten Datei definiert werden sollten.

Tabellenlos würde das nun so aussehen
code:




Der Code ist nur für Registrierte User sichtbar
Das sieht auf den ersten Blick gar nicht so schlimm aus, auf eine ganze Webseite gesehen ist das jedoch ein erheblicher unterschied, zudem bekommt man mit einem ordentlich strukturiertem Aufbau eine Webseite zustande, die man jederzeit ohne große Probleme verändern kann, ist sie dann noch nach W3C Standard Valid, hat man schon fast gewonnen.

Klar, nun könnten einige sagen, was soll’s, ich mach meine Seite sowieso mit Frontpage oder einem anderem KlickiBunti Programm zum erstellen von Webseiten, da muss ich mich nicht drum kümmern wie verschachtelt meine Tabellen sind, denn alles lässt sich durch ein paar Klicks schnell und einfach an die gewollte Stelle setzen.

Denjenigen sei aber gesagt, auch der Internet Explorer selbst kann sich bei übelst verschachtelten Tabellen verhaspeln und diese falsch darstellen, Programme zum Erstellen von Webseiten schreiben mit jeder Änderung die man an der Seite vornimmt, mehr Datenmüll in die selbige und vergessen gerne mal HTML-Tags zu schließen.

Das nächste Problem besteht dann in der unterschiedlichen Darstellung (je nach Doctype Angabe) von Tabellen, in den verschiedenen Browsern. Es sieht auch immer wieder komisch aus, wenn ein User auf eure Webseite kommt und eine, sich langsam vom Rand zur Mitte zusammensetzende Webseite sieht.

Und wieder können die „Tabellos“ sagen,  mit einem Tabellenlosem Layout sieht auch nicht alles immer überall gut aus, da speziell unser Freund der Internet Explorer seine eigenen Vorstellungen hat den erstellten CSS und HTML-Code zu Interpretieren.

Den „Tabellos“ sei aber gesagt, dass dies nur teilweise stimmt und man sehr wohl, zum größten Teil, Crossbrowserfähige Seiten ohne ein Tabellenlayout erstellen kann, probiert es einfach mal aus HTML-Seiten nur mit einem Editor und ohne Tabellen zu erstellen, dann werdet Ihr sehen wie einfach und schnell das eigentlich geht, sollten dann doch Probleme auftreten, gebe Ich hier im Forum gerne Hilfestellungen mit Erklärungen und Beispielcodes, die für jeden Anfänger verständlich sind.

 

26.10.2006 18:20 Byteandi ist offline E-Mail an Byteandi senden Beiträge von Byteandi suchen

biggi_010
Eroberer


Dabei seit: 08.10.2006
Beiträge: 59

Level: 26 [?]
Erfahrungspunkte: 120.829
Nächster Level: 125.609

4.780 Erfahrungspunkt(e) für den nächsten Levelanstieg

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen


Hi,

darf dir da mal recht geben.

Habe seit ca. 2 Jahren mit Frontpage & Co. Seiten erstellt.
Eigentlich mehr schlecht als recht... irgendwie waren das nie schöne Seiten.

Vorallem: in den Quellcode schaute man lieber nicht.... diese Programme schreiben doch wirklich für jeden Satz die Grösse,Schrift und Schriftfarbe rein...

Das Summiert sich ganz schön - habe meine Seiten jetzt mit nem Editor gleich in html geschrieben - dazu ein wenig CSS (kann ich noch nicht wirklich) und meine Seiten sind von 20 auf 3 kB geschrumpft.

Ausserdem schauen sie sauberer aus (wohl wegen dem bischen CSS) .... Augenzwinkern

 



__________________
cucu

Birgit
03.11.2006 15:06 biggi_010 ist offline E-Mail an biggi_010 senden Beiträge von biggi_010 suchen

Baumstruktur | Brettstruktur
Neues Thema erstellen Antwort erstellen
ByteNation Forum » Clientseitiges (html-css-Javascript) » Tipps zur Vermeidung von Fehlern bei der Erstellung von Webseiten » Layouten ohne Tabellen