Zur Ergänzung, wozu Tabellen da sind:
Die dienen dazu, komplexe, korrelierte Daten darzustellen, etwa
Statistiken, Fahrpläne, Stundenpläne etc.
Wenn du das dringende Bedürfnis hast, die Ränder um
Tabellenzellen nicht darstellen lassen zu wollen, ist das meist ein
Anzeichen dafür, daß dein Inhalt nicht tabellenartig ist.
Wenn du keine Elemente wie th oder caption verwenden willst und
du dir nicht überlegt hast, wie du mit den dafür spezifischen
Attributen Tabelleninhalte verständlicher machen kannst, ist das
auch ein deutliches Zeichen dafür, daß dein Inhalt nicht
tabellenartig ist.
Die falschen Elemente zu verwenden, zeigt erstmal, daß kein
Verständnis für (X)HTML vorhanden ist.
Daneben gibt es wie teils bereits erwähnt, praktische Probleme.
Das liegt daran, daß die Darstellung von Tabellen im browser
darauf optimiert sein sollte, den Inhalt lesbar und verständlich
für korrelierte Daten zu machen. Daher kann der browser immer
deine Angaben zur Dekoration ignorieren, wenn dies vermutlich
die Lesbarkeit verbessert. Daher ist damit auch rein praktisch kein
zuverlässiges Layout möglich.
Letztlich hat man dann also etwa zur Jahrtausendwende damit
aufgehört, Tabellen für das Layout zu mißbrauchen - ist rund
zehn Jahre her, auch in Australien ;o) Zuvor - genauer
bevor CSS 2 halbwegs sinnvoll in browsern implementiert wurde -
ergaben Tabellenlayouts wenigstens noch praktisch einen Sinn,
da hat man dann aber auch gar kein CSS verwendet ;o)
Schon da hat der Mißbrauch von Tabellen aber schon angezeigt,
daß die Autoren mehr Wert auf die äußere Erscheinung als auf
die inhaltliche Relevanz gelegt haben, was letztlich immer einen
sehr oberflächlichen Eindruck macht ;o)
Alles selbermachen ist sicherlicher ein guter Ansatz - und dazu muß
man selfhtml auch nicht komplett durchlesen.
Und wenn man mit photoshop oder Gimp oder mit wem auch
immer eine Pixelgraphik bastelt, ist das erstmal ein davon
getrenntes Problem und unproblematisch. Das läßt sich als
Lernaufgabe ebenso separieren wie die Aufbereitung des Inhaltes
mit (X)HTML vom Layout mit CSS.
Hinsichtlich der Struktur empfiehlt es sich, sich darüber Gedanken
zu machen, welche inhaltlichen Grobfragmente im Dokument
vorkommen, etwa Textinhalt, Menü, Projektkopf, Projektfuß.
Dafür gibt es in (X)HTML in dem Sinne meist keine spezifischen
Elemente, die kann man also mit div-Elementen voneinander
separieren. Die div-Elemente ordnet man dann Klassen zu
(class-Attribut), deren Name die inhaltliche Funktion kennzeichnet
(class=“menue” etwa).
Wie bereits empfohlen werden dann darin vorhandene
Unterstrukturen wie Überschriften und Absätze mit den dafür
vorgesehenen Elementen gekennzeichnet (ist auf deiner Seite
meine ich zum großen Teil passiert).
Eigenartig ist auf deiner Seite noch sowas wie
’
Vorstellung
’
da ist nicht klar, warum da ein em im h2 steht. Wenn da sonst
nichts im h2 steht, warum ist dann alles betont? Es ist nicht
auszuschließen, daß das inhaltlich einen Sinn ergibt, scheint mir
hier aber eher unwahrscheinlich zu sein. Das scheint mir eher
eine dekorative Angelegenheit für das h2 zu sein, insofern würde
man die Dekoration in der Stilvorlage notieren, statt inhaltlich
den ganzen Inhalt von h2 zu betonen - als Überschrift ist das ja
schon betont/herausgestellt.