Feedback von den Profis

[Felix Riesterer]

Liebe Moppel,

1.) Wenn Du einen Link zu Deiner Seite angibst, dann erspare uns bitte den Quelltext hier im Forum. Den finden wir garantiert auch so.

2.) Die Bilder auf Deiner Seite sind reine Gestaltungselemente und sollten deswegen nicht als <img>-Elemente im Quelltext vorhanden sein. Generiere eine Bilderleiste als _einzelne_ Bilddatei und verwende sie über Deinen CSS-Code als Hintergrundbild.

3.) Deine waagrechte Navigation ist eine Navigation und eine Navigation ist eine _Liste_ von Links. Wie man das sinnvoll macht, steht in SELFHTML: <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal@title=CSS-basierte Navigationsleisten horizontal>. Das gleiche gilt natürlich ebenso für Deine senkrechte Navigation, nur eben senkrecht: <http://de.selfhtml.org/css/layouts/navigationsleisten.htm#vertikal@title=CSS-basierte Navigationsleisten vertikal>.

4.) Fettschrift als Hover-Effekt bei Linktexten ist eine schlechte Idee, da sie in manchen Browsern ein nervöses Herumgezucke im Layout auslöst, da manchmal die Linktexte breiter werden und plötzlich Zeilenumbrüche erzwingen, die das Layout auseinander reißen. Verwende Hintergrundfarben, verwende Unterstreichung (die sich ein- oder ausschaltet), verwende Schriftfarben (Aufhell-Effekte o.ä.) - aber keine Fettschrift!

5.) Verwende die HTML-Elemente, die die Natur Deiner Inhalte widerspiegeln. Was das bedeutet? Dazu ein paar Beispiele.

Das hier ist keine Überschrift:
<span class="Inhaltueberschrift">Wann macht eine Paarberatung Sinn?</span>

Das hier dagegen schon:
<h1>Wann macht eine Paarberatung Sinn?</h1>

Das hier ist kein Textabsatz (oder gar eine Gruppe von Textabsätzen):

<span class="Inhaltkorpus1">Eine Paarberatung sollte dann in Betracht gezogen werden, wenn die Beziehung über längere Zeit  
unerfreulich Verlaufen ist.<br>  
Wo früher Aufmerksamkeit und normale Kommunikation unter den Partnern üblich waren, finden heute endlose, ermüdende  
und destruktive Auseinadersetzungen statt &mdash; immer nach gleichem Muster verlaufend.<br>  
Sie fühlen sich in der Partnerschaft zu kurz gekommen, erschöpft, ratlos, enttäuscht, traurig und wütend. Sie befinden  
sich in einer Krise, die das normale Maß übersteigt.<br><b>  
Hier kann eine Paarberatung helfen!</b></span>

Das hier dagegen schon:

<p>Eine Paarberatung sollte dann in Betracht gezogen werden, wenn die Beziehung über längere Zeit unerfreulich Verlaufen ist.</p>  
<p>Wo früher Aufmerksamkeit und normale Kommunikation unter den Partnern üblich waren, finden heute endlose, ermüdende und destruktive Auseinadersetzungen statt &mdash; immer nach gleichem Muster verlaufend.</p>  
<p>Sie fühlen sich in der Partnerschaft zu kurz gekommen, erschöpft, ratlos, enttäuscht, traurig und wütend. Sie befinden sich in einer Krise, die das normale Maß übersteigt.</p>  
<p><strong>Hier kann eine Paarberatung helfen!</strong></p>

Das hier ist kein Zitat:
<span class="Inhaltueberschrift2">In jeder Krise liegt die Chance für einen Neuanfang oder<br>eine persönliche weiterentwicklung</span>

Das hier dagegen schon:

<blockquote>  
    <p>In jeder Krise liegt die Chance für einen Neuanfang oder eine persönliche Weiterentwicklung</p>  
</blockquote>

Wenn Du die sinntragenden HTML-Elemente benutzt, dann kannst Du auf viele Deiner Klassennamen verzichten und stattdessen über die Elemente direkt Dein Layout umsetzen. Dabei kann Dir auch der http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=Nachfahren-Selektor helfen, da Du dann Formatierungen für Textabsätze auf Dein <div id="Hauptfenster"> beschränken kannst, sodass sie außerhalb dessen nicht gelten - und umgekehrt.

Liebe Grüße,

Felix Riesterer.