AW: Mein allererstes Werk mit Photoshop
Du hast es ja nicht anders gewollt. Sage nicht, ich hab dich nicht gewarnt.
Also, erstmal: die Größe.
Eine Website sollte sich in der Breite irgendwo zwischen 960 und 1000px bewegen. Oft kommt es auf die Zielgruppe an. Wenn man sich hier nicht so sicher ist, fährt man mit 980px in der Breite ganz gut.
Als nächstes dann der Hintergrund:
Dieser ist weder besonders schön, noch eignet er sich als Hintergrund für eine Website. Angenommen, Du hättest auf voller Breite gearbeitet (980px), hättest Du ein doch recht großes Hintergrundbild. Du müsstest später bei der Umsetzung das Bild komplett in den body laden. Zwar leben wir in Zeiten des WLAN, aber wirklich schön ist das dennoch nicht (persönliche Meinung). Wenn Du das aber unbedingt möchtest, dann wähle ein Hintergrundbild, das einen nicht hypnotisiert. Ich bin vollkommen vom Text abgelenkt, weil ich immer in diesen Tunnel gezogen werde.
Damit sind wir auch beim Inhalt. Ich beginne bei dem äh - Logo (?):
Logogestaltung ist ein eigenes komplexes Thema, das auch meist nicht mit Photoshop bearbeitet wird. Grundsätzlich sollte es aber etwas hermachen - auffallen. Deins hingehen geht ein wenig unter. Außerdem rückt die untere an die obere Zeile. Das sieht nicht nur unschön aus, sondern würde im Druck probleme machen.
Die Navigation:
Immerhin hast Du schonmal den Glow-Effekt bei Photoshop gefunden. Gratulation.
Dein "Home" sieht auf dem ersten Blick etwas nach "Mome" aus. Ich persönlich mag überhaupt keine Glow-Effekte, wenn dann dezent und farblich passend. Und nebenbei: die Voreinstellung von Photoshop ist nicht immer die beste.
Die Anordnung der Navigationspunkte finde ich auch nicht optimal.
Variante1: Entweder packst Du das "Kontaktformular" ans Ende und benennst es in "Kontakt" um, oder - Variante2: Du lagerst das aus.
Meist benutzt man Subnavigationen im Footer (Ende der Seite) in der dann Copyrighthinweise stehen und die Navipunkte "Startseite", "Kontakt" und "Impressum" zu finden sind.
Auch mag ich dieses "Denglisch" nicht. Home (englisch) und danach alles in deutsch. Entweder oder, oder?
Also vielleicht oben raus lassen, wobei dann deine Navi recht kläglich aussehen würde - vielleicht fallen dir noch Punkte ein, oder etwas lässt sich aufteilen? Wenn dir gar nichts einfällt, nutze einfach Variante 1.
Der Content (hast es gleich überstanden):
Zwar ist es ja heute möglich, dem Fließtext einen Schatten mitzugeben, aber nicht alle Browser können das umsetzen. Ich würde also davon abraten und nur Headlines durch "Spielereien" hervorherben.
Absätze tun dem Leser auch ganz gut. Außerdem zieht man nie den Text über die ganze Seite. Man verrutscht leicht in der Zeile beim lesen, wenn es zu lang wird.
Die Eigenschaft "justify" sagt dir doch auch was, oder?
Tadaaa - der Footer:
Den hast Du zwar nicht wirklich, aber ich möchte hier nur noch mal erwähnen, dass dieser durchaus Sinn macht, wie ich vorhin schon bei der Navigation erwähnt habe.
Wie Du siehst, stehst Du also am Anfang - ich darf dich aber beruhigen: alle standen dort und ich bin mir sicher, dass deren anfänglichen Versuche auch nicht besser aussahen. Ich weiß, wovon ich rede.
Also fleißig Tutorials durcharbeiten und ab und an mal einen Blick auf Website-Showcases wie z.B.
CSS Mania werfen. Hier findest Du viele tolle Anregungen, Websites zu gestalten. Für den Anfang kannst Du dort Seiten nachbauen, die Du natürlich ausschließlich zu Testzwecken verwendest, denn 1:1 nachbauen ist bekanntlich verboten. Kann aber helfen um Techniken kennenzulernen.
Nun hast es überstanden.
Bei Fragen, fragen.
LG
. Ein großes Hallo in die Menge 
