E
Efchen
Guest
Semantisch sieht es schon gut aus. Eine Sache muss ich aber noch bemängeln und die mag im ersten Moment wie Haarspalterei klingen, ist sie aber nicht:
Deine IDs und Klassennamen sind nicht semantisch korrekt gewählt!
Warum das auf einmal?
Eine der Stärken von CSS ist, dass das KOMPLETTE Layout und Design im externen Stylesheet liegt und nur durch Tausch dieser einen Datei völlig umgekrempelt werden kann. Wie sowas aussieht, siehst Du sehr eindrucksvoll auf css Zen Garden: The Beauty in CSS Design
Wenn Du nun irgendwann mal Dein Menü div#left auf die rechte Seite packen willst, hast Du den Salat. Du hast nun auf etlichen Seiten ein Element mit ID "left", was aber eigentlich rechts steht. Das macht Dich dann irgendwann wahnsinnig und Du baust Fehler ein. Du wirst sicher nicht hergehen wollen, und in allen Dateien, wo das drin steht, den Namen ändern.
HTML ist für die Semantik zuständig, das gilt für alles, nicht nur den Inhalt, sondern auch die Bezeichnungen des Inhalts. Wenn man Semantik strikt von Layout trennt, dann hat man eine Website, die perfekt einfach zu warten ist. Nenne Dein div#left z.B. div#Sidebar oder div#Menubalken. Das selbe gilt für alle anderen Namen/IDs/Klassen, die Du aufgrund ihres Layouts gewählt hast.
"content" und "clearall" sind okay.
Und weils mir gerade noch auffällt...Dein menubg_footer.png enthält keinen Content, sollte also per CSS als Hintergrundbild eingebunden werden. Nur Content kommt per <img> rein. Schalte mal die Grafiken ab und guck Dir die Seite an. Da steht jetzt überall "menufooter". Keiner weiß, was das bedeuten soll. Das nervt, das macht die Seite seltsam, wenn nicht sogar unübersichtlich. Das könnte schon die ersten wieder vergraulen. Installier Dir Lynx (Textbrowser), dann wird es noch grauenvoller :-)
Aber das waren jetzt schon Tipps für HTML-Fortgeschrittene. Aber wenn Du das jetzt so verstanden und verinnerlicht hast, dann kannst Du Dich problemlos mindestens so nennen!
Und ich hoffe, Du hast erkannt, wie leicht HTML eigentlich ist und dass HTML rein gar nichts mit der Anzeige im Browser zu tun hat. Wenn es *klick* bei Dir gemacht hat, dann ist auch die strikte Trennung von Inhalt und Layout (dazu müsstest Du natürlich Deine Styles noch in ein externes Stylesheet auslagern) kein Problem mehr für Dich und dann kannst Du Dich auf die Besonderheiten von CSS stürzen und Dich mit Browserunterschieden rumschlagen, dann bist Du nur noch einen Schritt weit weg vom Experten!
Viel Spaß weiterhin,
-Efchen
Deine IDs und Klassennamen sind nicht semantisch korrekt gewählt!
Warum das auf einmal?
Eine der Stärken von CSS ist, dass das KOMPLETTE Layout und Design im externen Stylesheet liegt und nur durch Tausch dieser einen Datei völlig umgekrempelt werden kann. Wie sowas aussieht, siehst Du sehr eindrucksvoll auf css Zen Garden: The Beauty in CSS Design
Wenn Du nun irgendwann mal Dein Menü div#left auf die rechte Seite packen willst, hast Du den Salat. Du hast nun auf etlichen Seiten ein Element mit ID "left", was aber eigentlich rechts steht. Das macht Dich dann irgendwann wahnsinnig und Du baust Fehler ein. Du wirst sicher nicht hergehen wollen, und in allen Dateien, wo das drin steht, den Namen ändern.
HTML ist für die Semantik zuständig, das gilt für alles, nicht nur den Inhalt, sondern auch die Bezeichnungen des Inhalts. Wenn man Semantik strikt von Layout trennt, dann hat man eine Website, die perfekt einfach zu warten ist. Nenne Dein div#left z.B. div#Sidebar oder div#Menubalken. Das selbe gilt für alle anderen Namen/IDs/Klassen, die Du aufgrund ihres Layouts gewählt hast.
"content" und "clearall" sind okay.
Und weils mir gerade noch auffällt...Dein menubg_footer.png enthält keinen Content, sollte also per CSS als Hintergrundbild eingebunden werden. Nur Content kommt per <img> rein. Schalte mal die Grafiken ab und guck Dir die Seite an. Da steht jetzt überall "menufooter". Keiner weiß, was das bedeuten soll. Das nervt, das macht die Seite seltsam, wenn nicht sogar unübersichtlich. Das könnte schon die ersten wieder vergraulen. Installier Dir Lynx (Textbrowser), dann wird es noch grauenvoller :-)
Aber das waren jetzt schon Tipps für HTML-Fortgeschrittene. Aber wenn Du das jetzt so verstanden und verinnerlicht hast, dann kannst Du Dich problemlos mindestens so nennen!
Und ich hoffe, Du hast erkannt, wie leicht HTML eigentlich ist und dass HTML rein gar nichts mit der Anzeige im Browser zu tun hat. Wenn es *klick* bei Dir gemacht hat, dann ist auch die strikte Trennung von Inhalt und Layout (dazu müsstest Du natürlich Deine Styles noch in ein externes Stylesheet auslagern) kein Problem mehr für Dich und dann kannst Du Dich auf die Besonderheiten von CSS stürzen und Dich mit Browserunterschieden rumschlagen, dann bist Du nur noch einen Schritt weit weg vom Experten!
Viel Spaß weiterhin,
-Efchen