[LichtAnd]

Achtung: Seite steht nicht mehr zur Verfügung, Danke für die Anmerkungen

Hallo,

Ich hab ein aktuelles Kleinprojekt mal zum Anlass genommen um mal ein wenig mit HTML5 zu experimentieren.

Ich wollte mir erstmal Feedback zu Layout und Code von euch holen, bevor ich mit der Umsetzung der einzelnen Unterseiten weitermache.

Wichtigster Kritikpunkt wäre erstmal die Optik - die Seite soll ja schließlich zur Buchung motivieren.

Der Zweite Punkt ist der Quellcode

• HTML5 Tags richtig verwendet?
• sauber, nachvollziehbar, keine unnötigen Container ... ?

Gruß, LichtAnd

EDIT: Hier ist übrigens das Original (von dem ich mich ausdrücklich distanzieren möchte) zu bestaunen

[EvT]

Cooler Link

edit: hat sich mit deinem edit überschnitten.

[EvT]

Zitat von LichtAnd

Wichtigster Kritikpunkt wäre erstmal die Optik - die Seite soll ja schließlich zur Buchung motivieren.

Für mich stehen Friesenhäuser für Stolz, Tradition, Beständigkeit, Weite, Schönheit, Anmut, Freiheit. Diese Werte finden sich meiner Meinung nach nicht in dem verwendeten Farbschema.

Die Header- und Footerfarbe erinnert mich an Auberginen oder auch an Pflaumen. Sie ist recht dunkel und mächtig und dominiert das visuelle Empfinden - jedenfalls charakterisiert sie die o. g. Werte nicht.

Reetgedeckte Dächer färben sich im Lauf der Zeit braun, grau und schwarz in allen Schattierungen. Also Farben, die für Altes, Vergehendes stehen und einen leicht bedrückenden Touch vermitteln. Um diese Symbolik abzumildern, bräuchte man Farben auf der Seite, die Frische und etwas mehr Lebendigkeit reinbringen. Da Reethäuser meist dicht an der Küste stehen, würden sich hierzu Farben anbieten, die das Meer, den Wind und die Wolken charakterisieren.

Nächster Punkt wäre das verwendete Foto. Eine alte Fotografenregel besagt: Näher rangehen. Des Weiteren würde ich dazu raten, das Bild nicht so in die Ecke zu quetschen, dort wirkt es ziemlich verloren. Mach es ruhig groß und platzier es an prominenter Stelle, damit der Charme von Reethäusern sich auch entfalten kann und sich vermittelt. Das Foto würde ich übrigens neu machen. Achte dann darauf, dass die Schatten auf der Frontseite verschwinden - ebenso wie die Schmuddelecke auf dem rechten Querdach.

[heiko_rs]

Offtopic:

Zitat von LichtAnd

das Original

Super, ich habe sofort am Design erkannt, dass es mit Netobjects Fusion 4 gemacht wurde (noch in HTML 3.2...), damit habe ich Ende 1999 angefangen

[EvT]

Erinnere mich bloß nicht an NOF. Mein allererster Auftrag war es, eine sehr große mit NOF-4 gemachte Site umzustellen - das war der Albtraum überhaupt. Mal ganz abgesehen vom Auftraggeber, der alles genauso haben wollte, wie es bisher war und mit einem Pixellineal nachschaute. Mir richten sich heute noch die Nackenhaare auf, wenn ich an diese Zeit zurück denke.

[heiko_rs]

Ich habe meine allererste Seite damit gemacht, dabei nur ca. dreimal in den Quelltext geschaut, nur Bahnhof verstanden und sofort wieder zur WYSIWYG-Ansicht gewechselt

[fricca]

@LichtAnd: Willst du wirklich eine HTML5-Seite für Kunden online stellen, bei der im IE die Darstellung weitgehend von JavaScript abhängt? Oder ist das nur eine Spielerei?

edit: Die Fettung als Kennzeichnung für Links im Fließtext finde ich keine gute Idee. Da hab ich erst beim zufällig Drüberfahren kapiert, dass es was zu klicken gibt. Und wenn nicht Hauptnavigation drüberstände würde ich die Navigation auch nicht als solche erkennen.

[OT] Heiko, kann man die NOF-Seite noch irgendwo sehen? [/OT]

[heiko_rs]

Zitat von fricca

Willst du wirklich eine HTML5-Seite für Kunden online stellen, bei der im IE die Darstellung weitgehend von JavaScript abhängt?

Absolut korrekt, das kann man nicht machen. Ich empfehle folgendes (letzter Absatz): http://xhtmlforum.de/59402-xhtml-1-0...tml#post452246

Zitat von fricca

[OT]Heiko, kann man die NOF-Seite noch irgendwo sehen?[/OT]

Leider nicht, ich habe sie noch nicht einmal mehr auf meinem damaligen PC, der mittlerweile seit Jahren ungenutzt im Schrank steht, denn ich habe diese HTML-Dateien irgendwann überschrieben/gelöscht - schade eigentlich

[EvT]

Zitat von heiko_rs

Ich habe meine allererste Seite damit gemacht, dabei nur ca. dreimal in den Quelltext geschaut, nur Bahnhof verstanden und sofort wieder zur WYSIWYG-Ansicht gewechselt

Kommt mir so verdammt bekannt vor.

@Fricca. "Und wenn nicht Hauptnavigation drüberstände ..." Schade, dass es noch keinen Ironie-Tag in HTML 5 gibt.

[LichtAnd]

Farbschema:
Die Kritik am Farbschema ist absolut nachvollziehbar. Ich fand es irgendwie "schön", aber irgendwie am Thema vorbei ... zu unfreundlich, schwermütig.
Die von EvT aufgezählten Assoziationen zu Friesenhäusern werden hier sicherlich sehr hilfreich sein.

Foto:
Das Foto ist momentan ein Platzhalter, da ich noch keine Gelgenheit hatte selber Fotos zu machen. Wahrscheinlich is es auch nur so klein in der Ecke gelandet, weil ich es unterbewusst verstecken wollte.

HTML5:
Der Einsatz von HTML5 ist hier als Spielerei zu verstehen. Die "Kundenversion" wird selbstverständlich wieder in XHTML 1.0 Strict sein.

Fette Links:
Mit der Darstellung der Links war ich auch noch nicht zufrieden, hatte aber noch keine tolle Idee, wie ich sie passend zum gewählten Farbschema darstellen möchte. Mal gucken wie ich das mache ...