Vorstellung Fotostudio Seite

Hallo Daniel,

vom Design gefällt mir die Seite.
Der Bildwechsel ist angenehm langsam und die Fotos ansprechend.
Die Jeans als Hintergrund ist Geschmackssache, mir gefällt es nicht besonders.
Den PR-Balken am Ende kannst Du Dir eigentlich sparen, der bringt gar nichts.
Mühsam und auch nicht besonders userfreundlich ist Deine Navigation.
Z.B.: Klein übt sich... Babyfotografie -> kann man anklicken, es tut sich aber nichts,
...wer ein Großer werden will. Kinder- & Familienfotografie.. kommt man auf Deine Kontaktseite, die man gar nicht erwartet.
Als Kunde sind mir Deine Referenzfotos wichtig, die man aber nur scrollend unten findet.
Klickt man auf Vergrößerung und schließt das Bild, dann springt die Seite nach oben.
2 bis 3 Bilder schaut man sich so höchstens an, dann hat man als User genug.
Hier wäre eine eigene Seite "Referenzfotos" die bessere Lösung.

Zu Deinem Quellcode:

[HTML]
Reihenfolge Header:
Titel
utf8
meta
link rel
und am Schluss
<script>

Das kannst Du löschen:
<link type="text/plain" rel="author" href="http://foto-palm.de/humans.txt">
Die humans.txt in den Hauptordner reicht.

Für die google-site-verification gibt es bei den Google-WT auch
eine HTML-Version, das spart Code.

Du verwendest utf8 und hast trotzdem Enities.

Bei der Vielzahl an Requests solltest Du mal über CSS-Sprites
nachdenken, würde sich bei der Ladezeit bemerkbar machen.
[/HTML]
Bei Deiner CSS-Datei kann man nur sagen, dass sie in etwa funktioniert,
aber da solltest Du Dich mal schlau machen, was man alles zusammenfassen
und kürzen kann.
Nur ein paar kleine Beispiele:

[CSS]
a.leadTextHeadlineW - das ist kein CSS Selector mehr, sondern schon fast ein Roman
text-decoration:none - das hast Du gefühlte 50x in Deiner Datei - das steht normal 1x da.

oder

.leadButton { font-size:13px; color:rgb(254,254,254); text-decoration:none; text-shadow:rgb(0,0,0) 0 0 2px; margin:5px; }
a.leadButton { font-size:13px; color:rgb(254,254,254); text-decoration:none; text-shadow:rgb(0,0,0) 0 0 2px; margin:5px; }

ist

.leadButton,a.leadButton{font-size:13px;color:rgb(254,254,254);text-decoration:none;text-shadow:rgb(0,0,0) 0 0 2px; margin:5px}

oder: rgb(255,255,255) = #fff

usw.
[/CSS]

Gruß
hansen

Hallo Daniel,

die Diashow finde ich überraschend angenehm. Einzig der halbdurchsichtige weiße Balken stört mich, denn er verändert manche Bilder sehr. Könnte der "Herzlich Willkommen"-Schriftzug nicht ohne diesen Balken stehen, so wie links oben "Fotostudio"?

Mouse-over-Effekt bei den Links ist Geschmackssache. Besser leserlich werden sie dadurch nicht.

Bei der Produktfotografie gibst Du einen Referenzkunden an. Sind alle Fotos von Dir? Weitere Referenzen findet man verteilt… hier würde ich eine Extraseite anlegen und sie in der Navigation einbauen.

Schön, daß Du ein paar Preise nennst; so hat ein Interessent schon mal eine Vorstellung.

Fazit: gefällt mir!

Gruß
winelady

Hallo Daniel

Als allererstes irritiert mich der veraltete Doctype.

Dann wundert mich das die Startseite nicht gecacht wird oder habe ich übersehen das sich inhaltlich etwas ändert?

@Hannelore Schöne Zusammenfassung der wichtigeren Punkte.

Mich wundert nur das der Klassenselektor den du als Roman bezeichnet hast prinzipiell unnötig ist denn wenn ich die Startseite überfliege würde auch durch h1 a{css anweisung} also reinrassige Typselektoren halt eben etwas verschachtelt ansprechbar sein.

Gruß
Jörg

joerg schrieb:

Mich wundert nur das der Klassenselektor den du als Roman bezeichnet hast prinzipiell unnötig ist denn wenn ich die Startseite überfliege würde auch durch h1 a{css anweisung} also reinrassige Typselektoren halt eben etwas verschachtelt ansprechbar sein.

Hallo Jörg,

das war nur ein Beispiel. Ob sinnig oder nicht, war nicht der Grund warum ich es
erwähnt habe.
Ich hätte auch die Beispiele nehmen können:

[html]

transparencefooterLink

oder

styleFotoOverlayHeadline

[/html]
Das macht man nicht, da man sich nicht nur die CSS-Datei mit Code zumüllt,
sondern auch die Html.
Zudem nimmt man sich den Vorteil, bestimmte Anweisungen zusammenfassen zu können,
da bei der Länge dann kein Codevorteil mehr vorhanden ist.

Gruß
hansen

Hallo Hannelore

Gut die Zusammenfassungen im CSS sind die eine Position.

Ich denke aber es fängt schon an bei der Struktur des HTML wie man das von vorherein auslegt.

Und aus diesem Grunde bleibe ich auf dem Weg den ich eingeschlagen habe bereits bei der Struktur möglichst diese Klassen Selektoren zu vermeiden.

joerghuelsermann.de/artikel/barrierefreiheit-css-html.php

Super, vielen Dank schon mal Euch allen für die tolle, konstruktive Kritik und Hinweise. Ich werde versuchen, möglichst viel davon umzusetzen.