- 10.03.2010 18:52 #1Benutzer Meilensteine


- Registriert seit
- 01.01.2009
- Ort
- NRW, Duisburg
- Alter
- 18
- Beiträge
- 58
- Renommee-Modifikator
- 2
Bitte Design und Code bewerten! [EDITOR] Hallo Leute
,
ich hab mich mal wieder dran gesetzt und ein neues Design gebastelt!
Den Link findet ihr hier Follow-designs.de
[Ich werde mit der Seite umziehen, daher der andere Name im Header]
Mich interessiert jetzt natürlich wie ihr die Seite findet bzw. wie sie bei euch ankommt!
Meine zweite Frage wäre dann ob die Grüntöne zu hell / grell sind und was euch sonst noch verbesserungswürdig erscheint?
Es wäre auch wirklich nett, wenn sich jemand meinen Code angucken würde, denn ich befürchte, dass der semantisch (immer noch) nicht korrekt ist
Irgendwie habe ich das noch nich ganz geblickt
Schon mal vielen Dank für eure Mühen
- 10.03.2010 19:28 #2HTML-Guru Meilensteine



- Registriert seit
- 31.10.2009
- Ort
- WWW
- Alter
- 15
- Beiträge
- 1.161
- Blog-Einträge
- 13
- Renommee-Modifikator
- 2
Zum Design: Gefällt mir eigentlich ganz gut.
Was mir weniger gefällt ist dieser schwarze Balken als Navigation, das zerstört ein wenig das Wohlfühlgefühl auf der Seite, finde ich.
Den Footer finde ich etwas zu grell.
Zum Code: Zwei Divs könntest/solltest du weglassen, da sie zum gruppieren mehrerer Elemente sind, du aber in ihnen nur eines hast. Zum einen das um der Navigation und zum anderen das des Footers (dort könntest du auch ein <p> nutzen).
Bei deinen Bildern hast du häufig das Pflichtattribut "alt" vergessen, das solltest du nachtragen.
Der HTML-Validator ([Invalid] Markup Validation of http://follow-designs.de/mich.html - W3C Markup Validator) meint du hättest irgendwo noch ein DIV-Tag zu gemacht, welches nicht offen ist. (konnte aber nicht finden welches :S )
Meiner Meinung nach kann sich die Site wirklich blicken lassen.Gruß
- 10.03.2010 20:28 #3Benutzer Meilensteine


- Registriert seit
- 01.01.2009
- Ort
- NRW, Duisburg
- Alter
- 18
- Beiträge
- 58
- Renommee-Modifikator
- 2
Danke für dein Feedback vitus37!
Die Divs in der Navi hab ich jetz entfernt und die Alt-Tags gesetzt!
Das Div im Footer hab ich drin gelassen, da ich wenn ich <p> einsetze so einen unschönen Absatz rein kriege.
Der überflüssige </div> tag sollte jetzt auch beseitigt sein ^^
Und jetzt wo du es sagst, finde ich auch, dass der Footer zu grell ist: werds also gleich ändern!
- 11.03.2010 16:39 #4
Du benutzt <p>, um zwei Zeilenumbrüche einzufügen. <p> zeichnet aber einen Textabsatz aus. Dazu gehört auch immer ein schließendes Tag.
Ich hab aus dem <b> (das weil es physische Inhaltsauszeichnung ist und keine Semantik beschreibt, nichts im HTML-Code zu suchen hat) mal in ein <span> geändert, weil ich nicht weiß, welche Bedeutung Du mit der Fettschrift vermitteln willst. Wenn es nur fett sein soll ohne Bedeutung, dann bleibt <span> und Du nutzt CSS zum fett machen. Wenn es wichtig sein soll, dann nutzt du <em>, wenn es sehr wichtig sein soll <strong>.Code:<p>Herzlich willkommen auf <span>DP Fotografie.com</span>, dem Internet Projekt von Diana Palavandishvili.</p>
<br> ist physische Inhaltsauszeichnung und hat daher hier auch nichts verloren.
Wenn Du unbedingt willst, dass Dein Textabsatz nur eine bestimmte Breite hat, dann gib für das <p> eine fest Breite (width) an.
div#foot wäre als <p> besser ausgezeichnet, es handelt sich immerhin um Text und nicht um eine Gruppe ("Gruppe" ist die Bedeutung von <div>).
div#grafik sollte wohl auch keine Gruppe sein (enthält ja auch nur ein Element), sondern eine Überschrift. Wahrscheinlich ersten Grades, also ersetze das <div> durch ein <h1>.
Die Adresse im Impressum kannst Du auch als <address> auszeichnen, da sind die <br> erlaubt, weil sie eine logische Einteilung bedeuten. Aber das <b> muss natürlich auf allen Seiten weg.
IGuG ist das Ergebnis ganz gut, nur die Bedeutung von <p> hat sich Dir bisher wohl nicht erschlossen. Ich hoffe, das ist jetzt klar.
Wenn nicht, fragen!
- 12.03.2010 21:45 #5Benutzer Meilensteine


- Registriert seit
- 01.01.2009
- Ort
- NRW, Duisburg
- Alter
- 18
- Beiträge
- 58
- Renommee-Modifikator
- 2
Efchen:
Kann man durchaus so sagendie Bedeutung von <p> hat sich Dir bisher wohl nicht erschlossen
Ich hab jetzt alles so gemacht, wie du es gesagt hast, nur bei dem Footer will ich eigentlich nicht aufs div verzichten, weil ich den Absatz (den p nun mal erzeugt) nicht rauskriege
Ich danke dir auf jeden Fall für deine Tipps
ich versteh das nach deiner Erklärung auf jeden Fall schon besser 
Vielleicht kann ja jemand noch ein Feedback zum Design geben?
Vielen lieben Dank -
Diana
- 12.03.2010 23:27 #6HTML-Guru Meilensteine



- Registriert seit
- 31.10.2009
- Ort
- WWW
- Alter
- 15
- Beiträge
- 1.161
- Blog-Einträge
- 13
- Renommee-Modifikator
- 2
- 13.03.2010 00:16 #7HTML-Guru Meilensteine


- Registriert seit
- 11.08.2009
- Beiträge
- 1.518
- Renommee-Modifikator
- 3
Wahrscheinlich, weil die HTML-Syntax kompliziert ist.
Zitat von vitus37
- 15.03.2010 12:03 #8
Das ist aber sinnfrei. Das wäre so, wie wenn Du sagst, dass Du zum Briefkasten um die Ecke lieber mit dem Auto fahren willst, weil Du nicht weißt, wie Du Deine Schuhe putzen kannst.
Und: <p> erzeugt nicht "nunmal" einen Absatz. Es gibt in CSS keine Vorschriften, wie ein Browser ein Element darzustellen hat, also mit welchen Default-Eigenschaften es belegt ist. Es gibt zwar eine Empfehlung, und in diesem Falle halten sich bisher auch alle dran. Aber wissen kann man das nicht.
Wenn Du den Absatz nicht willst, dass musst Du den Absatz entfernen. Wenn Du stattdessen ein anderen HTML-Tag nimmst, änderst Du ja die Bedeutung Deines Inhalts (hier zu etwas völlig sinnfreiem).
Abstände setzt eman über die CSS-Eigenschaften "margin" (Außenabstand) und "padding" (Innenabstand).
- 15.03.2010 14:56 #9
- 15.03.2010 16:11 #10
Das kann man nie so genau sagen

Letztendlich musst Du wissen, ob die Bedeutung, die Du vermittelst, das ist, was Du damit vermitteln möchtest.
Zum Beispiel, ob der Footer wirklich als "wichtig" ausgezeichnet sein soll.
Und ob Der Sitename nach "Herzlich willkommen" wirklich als "sehr wichtig" und Dein Name kurz danach als "wichtig" ausgezeichnet sein soll. Das würde ich vermutlich nicht so auszeichnen, ich habe dabei so ein bisschen das Gefühl, dass Du die Namen einfach nur irgendwie hervorheben willst. Stelle Dir einen Vorlesebrowser vor, der bei <em> eine Betonung auf den Inhalt legt und bei <strong> eine starke Betonung. Wenn das Ergebnis das ist, was Du Dir vorstellst, dann ist der Code wohl semantisch richtig.
Aktive Benutzer
Aktive Benutzer
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Ähnliche Themen
-
Bitte Code bewerten [EDITOR]
Von sunoghlin im Forum WebsitecheckAntworten: 10Letzter Beitrag: 27.07.2009, 13:32 -
[Editor]Design und Code bitte bewerten
Von borussenliebe im Forum WebsitecheckAntworten: 7Letzter Beitrag: 29.03.2008, 18:41 -
Bitte Design und Aufbau und Code bewerten (EDITOR)
Von carlotta im Forum WebsitecheckAntworten: 3Letzter Beitrag: 01.08.2007, 08:42 -
[EDITOR] Bitte bewerten: Code, Design, Inhalte
Von GreatStuff im Forum WebsitecheckAntworten: 10Letzter Beitrag: 30.09.2006, 13:13 -
[Editor]: Bitte bewerten: Code, Aufbau (Inhalt)
Von Celebrin im Forum WebsitecheckAntworten: 7Letzter Beitrag: 29.09.2006, 22:22



LinkBack URL
About LinkBacks
Zitieren



Lesezeichen