+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte
Ergebnis 1 bis 10 von 22
  1. #1
    Benutzer Meilensteine
    Palla92 befindet sich auf einem aufstrebenden Ast Avatar von Palla92
    Registriert seit
    01.01.2009
    Ort
    NRW, Duisburg
    Alter
    18
    Beiträge
    58
    Renommee-Modifikator
    2

    Standard 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

  2. #2
    HTML-Guru Meilensteine
    vitus37 befindet sich auf einem aufstrebenden Ast Avatar von vitus37
    Registriert seit
    31.10.2009
    Ort
    WWW
    Alter
    15
    Beiträge
    1.161
    Blog-Einträge
    13
    Renommee-Modifikator
    2

    Standard

    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ß

  3. #3
    Benutzer Meilensteine
    Palla92 befindet sich auf einem aufstrebenden Ast Avatar von Palla92
    Registriert seit
    01.01.2009
    Ort
    NRW, Duisburg
    Alter
    18
    Beiträge
    58
    Renommee-Modifikator
    2

    Standard

    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!
    Geändert von Palla92 (10.03.2010 um 20:38 Uhr)

  4. #4
    HTML-Guru Efchen wird schon bald berühmt werden Avatar von Efchen
    Registriert seit
    01.04.2008
    Alter
    40
    Beiträge
    8.421
    Renommee-Modifikator
    11

    Standard

    Zitat Zitat von Palla92 Beitrag anzeigen
    ich befürchte, dass der semantisch (immer noch) nicht korrekt ist
    Du benutzt <p>, um zwei Zeilenumbrüche einzufügen. <p> zeichnet aber einen Textabsatz aus. Dazu gehört auch immer ein schließendes Tag.
    Code:
    <p>Herzlich willkommen auf <span>DP Fotografie.com</span>, dem Internet Projekt von Diana Palavandishvili.</p>
    
    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>.
    <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!

  5. #5
    Benutzer Meilensteine
    Palla92 befindet sich auf einem aufstrebenden Ast Avatar von Palla92
    Registriert seit
    01.01.2009
    Ort
    NRW, Duisburg
    Alter
    18
    Beiträge
    58
    Renommee-Modifikator
    2

    Standard

    Efchen:
    die Bedeutung von <p> hat sich Dir bisher wohl nicht erschlossen
    Kann man durchaus so sagen
    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

  6. #6
    HTML-Guru Meilensteine
    vitus37 befindet sich auf einem aufstrebenden Ast Avatar von vitus37
    Registriert seit
    31.10.2009
    Ort
    WWW
    Alter
    15
    Beiträge
    1.161
    Blog-Einträge
    13
    Renommee-Modifikator
    2

    Standard

    Zitat Zitat von Efchen Beitrag anzeigen
    Du benutzt <p>, um zwei Zeilenumbrüche einzufügen. <p> zeichnet aber einen Textabsatz aus. Dazu gehört auch immer ein schließendes Tag.
    Das dachte ich mir auch, aber der Validator hat keine Fehlermeldung gegeben. Weshalb?
    Gruß

  7. #7
    HTML-Guru Meilensteine
    mermshaus wird schon bald berühmt werden
    Registriert seit
    11.08.2009
    Beiträge
    1.518
    Renommee-Modifikator
    3

    Standard

    Zitat Zitat von vitus37
    Das dachte ich mir auch, aber der Validator hat keine Fehlermeldung gegeben. Weshalb?
    Wahrscheinlich, weil die HTML-Syntax kompliziert ist.

  8. #8
    HTML-Guru Efchen wird schon bald berühmt werden Avatar von Efchen
    Registriert seit
    01.04.2008
    Alter
    40
    Beiträge
    8.421
    Renommee-Modifikator
    11

    Standard

    Zitat Zitat von Palla92 Beitrag anzeigen
    nur bei dem Footer will ich eigentlich nicht aufs div verzichten, weil ich den Absatz (den p nun mal erzeugt) nicht rauskriege
    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).

  9. #9
    Benutzer Meilensteine
    Palla92 befindet sich auf einem aufstrebenden Ast Avatar von Palla92
    Registriert seit
    01.01.2009
    Ort
    NRW, Duisburg
    Alter
    18
    Beiträge
    58
    Renommee-Modifikator
    2

    Standard

    Danke Efchen, habs jetzt hingekriegt!
    Ist der Code denn jetzt komplett richtig?

  10. #10
    HTML-Guru Efchen wird schon bald berühmt werden Avatar von Efchen
    Registriert seit
    01.04.2008
    Alter
    40
    Beiträge
    8.421
    Renommee-Modifikator
    11

    Standard

    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.

+ Antworten
Seite 1 von 3 1 2 3 LetzteLetzte

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Ähnliche Themen

  1. Bitte Code bewerten [EDITOR]
    Von sunoghlin im Forum Websitecheck
    Antworten: 10
    Letzter Beitrag: 27.07.2009, 13:32
  2. [Editor]Design und Code bitte bewerten
    Von borussenliebe im Forum Websitecheck
    Antworten: 7
    Letzter Beitrag: 29.03.2008, 18:41
  3. Bitte Design und Aufbau und Code bewerten (EDITOR)
    Von carlotta im Forum Websitecheck
    Antworten: 3
    Letzter Beitrag: 01.08.2007, 08:42
  4. [EDITOR] Bitte bewerten: Code, Design, Inhalte
    Von GreatStuff im Forum Websitecheck
    Antworten: 10
    Letzter Beitrag: 30.09.2006, 13:13
  5. [Editor]: Bitte bewerten: Code, Aufbau (Inhalt)
    Von Celebrin im Forum Websitecheck
    Antworten: 7
    Letzter Beitrag: 29.09.2006, 22:22

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein