|
|||
[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 |
Sponsored Links |
Sponsored Links |
|
||||
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). |
|
|||
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 |
|
||||
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 |
Sponsored Links |
|
||||
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. |
Sponsored Links |
Stichwörter |
layout-check, php, verschiebung, w3c |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |