zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden [Layout-Check] - Ferienwohnung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.06.2009, 16:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2009
Beiträge: 7
DerJeff befindet sich auf einem aufstrebenden Ast
Standard [Layout-Check] - Ferienwohnung

Liebe Foren-Mitglieder,

ersteinmal ein fröhliches Hallo in die Runde, ich hab schon öfter hier mitgelesen, aber angemeldet bin ich erst seit gerade eben.

Dies hat natürlich einen Grund: Ich habe meine erste Homepage erstellt, und da tauchen natürlich fragen auf.

1. Was haltet ihr vom generellen Layout? (Hierbei weiss ich natürlich, das noch nicht alles perfekt ist, vor allem das Clipart bei den Preisen soll wirklich nur eine Übergangslösung sein).

2. Was kann ich sonst an der Gestaltung, dem Seitenaufbau, etc. noch verbessern? (Bemerkung: auch die Inhalte, z.B. über den Nationalpark und dem Bayerischen Wald an sich sind vorläufig, momentan handelt es sich lediglich um die Einführung des Wikipedia-Artikels).

3. Einen Effekt den ich bislang nicht verstehe: Die Seiten [Start, Wald, Nationalpark, Fuchsenstein, Kontakt, Links] gehen nahtlos ineinander über, ebenso die Seiten [Wohnungen, Preise, Ausflugsziele, Impressum, Haftungsausschluss]. Wechselt man aber von einer Seite der ersten Gruppe auf eine Seite der zweiten Gruppe kommt es zu einem "Linksruck", bzw. umgekehrt zu einem "Rechtsruck". Woran kann das liegen?

4. Ich hab die Seite mit dem W3C-Validator überprüft, sie müssten demnach valide sein. Beim Kontaktformular wird nach dem "Klick" auf Abschicken jedoch eine Seite per PHP erstellt. Kann ich hierbei auch eine Validierung vornehmen?

So, dann hoffe ich auf eure Meinungen, Anregungen und Antworten. Ich hoffe mein erster Versuch ist nicht so schlimm geworden.

Achja, und sorry: momentan liegt die Seite noch bei einem kostenlosen Anbieter, so dass ihr hin und wieder Werbung wegklicken müsst. Das sollte sich aber demnächst ändern. Aber lange Rede ... hier ist der Link:

Ferienwohnung Bayerischer Wald

Lg,
DerJeff
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.06.2009, 17:37
Benutzerbild von David
auch, ja!
XHTMLforum-Kenner
 
Registriert seit: 08.11.2007
Beiträge: 2.626
David ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer Anblick
Standard

Das Layout ist schlicht aber zweckmäßig, das Design aber nicht weltbewegend.
An der Hintergrundfarbe würde ich noch etwas ändern, dieses grelle Türkies empfinde ich als nicht sonderlich angenehm (Auflösung 1400x1050).

Die optischen Trenner der Menüpunkte, diese drei Punkte, finde ich persönlich viel zu groß. Die Menüliste lässt sich dadurch nur schwer und holprig lesen.

Auf der linken Seite ist der Abstand zwischen Header bzw. Menü zum Rahmen gleich groß, auf der rechten Seite ist der Inhalt weiter vom Rahmen entfernt als der Header. Hier könnte man die Abstände noch angleichen und zwar auf den Wert, den der Inhalt zum Rahmen trägt. Der andere Abstand ist etwas zu gering für meinen Geschmack.

Der Links-/ Rechtsruck ist, denke ich, durch das Einblenden des Scrollbars im Browser bedingt.

Zur Technik: Eine Antwortseite die z.B. von einem Kontaktscript erstellt wird, nach dem das Formular gesendet wurde, kannst du z.B. mit Hilfe der "Webdeveloper Toolbar" für den Firefox testen. Dort gibt es unter "Tools" die Option "validate local HTML". Dabei wird die Seite so wie du sie siehst an den Validator geschickt, ohne dass der sich selber die Resource über einen Request holt.

Ansonsten gibts an der technischen Umsetzung nix auszusetzen.
__________________
github | http://dnaber.de
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.06.2009, 18:56
Neuer Benutzer
neuer user
 
Registriert seit: 24.04.2008
Beiträge: 2
nikkola befindet sich auf einem aufstrebenden Ast
Standard

Bin kein Profi, aber die Werbung nervt
Mit Zitat antworten
  #4 (permalink)  
Alt 18.06.2009, 19:39
Benutzerbild von Manko10
Webstandardsevangelist
XHTMLforum-Mitglied
 
Registriert seit: 08.06.2008
Beiträge: 351
Manko10 befindet sich auf einem aufstrebenden Ast
Standard

Der Header gefällt mir nicht. Das sieht aus wie 5 Minuten Photoshop mit ein paar Ebeneneffekten, nicht wie professionelles Design.
Außerdem erschließt sich mir die Navigation nicht. Die Menüpunkte sind nicht wirklich als solche erkennbar und die Knödel dazwischen irritieren mich auch.
Zum Validatorproblem: im Zweifelsfalle immer den generierten HTML-Code kopieren und dann beim Validator einfügen (Tab »Validate by Direct Input« wählen).
Mit Zitat antworten
  #5 (permalink)  
Alt 18.06.2009, 19:40
Benutzerbild von David
auch, ja!
XHTMLforum-Kenner
 
Registriert seit: 08.11.2007
Beiträge: 2.626
David ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer Anblick
Standard

Ich denke mal, die Seite liegt nur zu Testzwecken bei dem Hoster.
__________________
github | http://dnaber.de
Mit Zitat antworten
  #6 (permalink)  
Alt 18.06.2009, 21:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.06.2009
Beiträge: 7
DerJeff befindet sich auf einem aufstrebenden Ast
Standard

Erstmal herzlichen Dank für alle bisherigen Antworten, da kann ich mich ja ans verbessern machen (wobei es ja auch so noch einiges zu tun gibt).

Zu den einzelnen Kommentaren:

@David:
-Hab inzwischen auch gemerkt, dass das "hellgrün" auf verschiedenen Computern/Bildschirmen/Auflösungen (woran das auch immer liegen mag) sehr grell aussieht, ich werd mich um etwas dezenteres bemühen
- Werd auch das Menü nochmal überdenken.
- Der Punkt mit Abstand Rahmen/Header bzw. Rahmen/Inhalt. Ich glaub ich weiss was du meinst, aber nochmal die Nachfrage, damit ichs richtig verstehe: du würdest Abstand Rahmen/Inhalt und Abstand Rahmen/Menü gleich groß machen, und den Header im Gegenzug kleiner und an den anderen Abständen ausgerichtet, richtig?
- Zum Links/Rechts-Ruck, das kann sein, muss ich morgen nochmal nachprüfen, wenn ich mehr Auflösung zur Verfügung habe. Aber wäre das dann sehr hässlich, oder würdest du es umgehen, oder wie würdest du das regeln?(also erscheinende und verschwindende Scrollbars)


@nikkola:
Wie ich und auch David schon geschrieben haben handelt es sich um eine Übergangslösung zu Testzwecken und hat ja mit der eigentlichen Seite nichts zu tun.

@Manko10:
- Optimal find ich den Header auch noch nicht, aber mehr als 5 Minuten hab ich schon gebraucht Bin aber auch kein Design-Profi. Aber ich werde mich bemühen mal noch einen hübscheren zu zaubern.
- Wie bei David scheinen meine "Trenn-Knödel" nicht so gut anzukommen Aber was meinst du mit "Navigation erschließt sich nicht"? Ist die Menuleiste echt so schlecht als solche erkennbar? Oder weiss man nicht sofort was sich hinter den einzigen Punkten verbirgt? Hm, wie gesagt, hübscher gehts sicherlich, aber erkennbar finde ich sie schon ... naja, wird überarbeitet.

Dann danke euch Dreien, ich schau mal was sich machen lässt.
Lg,
DerJeff
Mit Zitat antworten
  #7 (permalink)  
Alt 18.06.2009, 21:21
Benutzerbild von David
auch, ja!
XHTMLforum-Kenner
 
Registriert seit: 08.11.2007
Beiträge: 2.626
David ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer AnblickDavid ist ein wunderbarer Anblick
Standard

Das problem mit dem Scrollbar kannst du so lösen:
Code:
html {
   overflow-y:scroll;
}
Ist aber eigentlich erst in CSS 3 vorgesehen.
__________________
github | http://dnaber.de
Mit Zitat antworten
  #8 (permalink)  
Alt 18.06.2009, 22:17
Benutzerbild von Manko10
Webstandardsevangelist
XHTMLforum-Mitglied
 
Registriert seit: 08.06.2008
Beiträge: 351
Manko10 befindet sich auf einem aufstrebenden Ast
Standard

Die Navigation ist nicht wirklich als solche erkennbar. Ich denke, die Knödel tragen ihren großen Teil dazu bei. Auch eine Linkfarbe, die sich vom Fließtext unterscheidet wäre sehr gut.
Mit Zitat antworten
  #9 (permalink)  
Alt 19.06.2009, 08:05
Benutzerbild von mantiz
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.02.2007
Beiträge: 2.843
mantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz seinmantiz kann auf vieles stolz sein
Standard

Ich habe mal ein wenig mit der Developer-Toolbar gespielt, wobei das wirklich nur einen kleinen Eindruck vermitteln soll (s. Anhang).

Insbesondere habe ich den Abstand vom Rahmen nach innen erhöht, damit es nicht so "angeklatscht" wirkt. Dann habe ich die Kanten rechts und links auf eine Linie verschoben (rechte Kante Header, rechte Kante Bild und rechte Kante Text ergeben eine Linie, ebenso auf der linken Seite), so wirkt es deutlich ruhiger, imo.
Die Schrift habe ich auf Arial gesetzt, da ich Serifen-Schriften im Web nicht mag, weiterhin habe ich einen Zeilenabstand von 1.5 eingestellt, was den Lesefluss nochmal erhöhen soll.
Insgesamt würde ich die Seite noch verbreitern, min. 60px, falls möglich auch ruhig liquid mit eine Mindest- und Maximalbreite, wäre bei dem Header ganz gut möglich.
Der Header ist nur deshalb abgeschnitten, weil das Hintergrundbild (der Rahmen) sonst in den Content-Bereich ragen würde, daher konnte ich die Seite so nicht verbreitern, sah einfach mies aus.
Für das Menü müsste man sich noch was einfallen lassen, die Punkte sind auf jeden Fall nicht so dolle, auf keine Fall gehören diese aber in den Quelltext, sondern ins CSS.
Realisieren könntest Du das dort mit einer Hintergrundgrafik, wobei Du dan dem ersten oder letzten Menüpunkt eine ID geben solltest, wo die Hintergrundgrafik dann nicht gesetzt ist, um diese nur zwischen den Menüpunkten anzuzeigen.

Naja, das wäre zumindest so das erste, was ich ändern würde.

Geändert von mantiz (04.11.2009 um 12:31 Uhr) Grund: Screenshot entfernt
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 19.06.2009, 20:34
Benutzerbild von Manko10
Webstandardsevangelist
XHTMLforum-Mitglied
 
Registriert seit: 08.06.2008
Beiträge: 351
Manko10 befindet sich auf einem aufstrebenden Ast
Standard

Andere Linkfarbe sollte aber trotzdem sein. Sieht aber schon deutlich besser aus.
Die ganz normale Standard-Serifenschrift (unter Windows Times New Roman, ansonsten Times) hat aber auch wirklich ein fürchterliches Schriftbild. Nicht nur im Web, auch im Print. Man sieht es sofort, wenn ein Text in Word mit Times New Roman geschrieben wurde.
Georgia hat hingegen ein sehr schönes Schriftbild (besonders die Minuskelzahlen gefallen mir sehr gut). Georgia eignet sich für das Web auch hervorragend, vor allem für Überschriften. Ob man Georgia auch im Fließtext einsetzt, sollte man aber von Fall zu Fall abwägen.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
layout-check, php, verschiebung, w3c

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Design/Technik: Homepage einer Ferienwohnung (HTML5) [editor] LichtAnd Site- und Layoutcheck 13 08.09.2010 13:51
[Layout / Techniktest] Redesign meiner Seite tronix Site- und Layoutcheck 1 14.02.2007 16:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:35 Uhr.