zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Wie findet ihr dieses Design

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.05.2011, 22:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.04.2011
Ort: Bad Salzuflen
Beiträge: 28
newbie88 befindet sich auf einem aufstrebenden Ast
Standard Wie findet ihr dieses Design

Hallo wie ihr vielleicht noch wisst habe ich für meine erste Vorgestellte seite viel berechtigte Kritik bekommen, habe mich jetzt mal an einem neuen Design für einen neuen Kunden versucht und mich würde mal interessieren wie das Design so ankommt. Habe versucht ordnungsgemäß mit divs zu arbeiten, valides HTML zu schreiben und die der Seitenbreite eine konstante größe von 960 px zu geben.

Doctype und meta tags sind bewusst noch nicht drin weil sich dies erstmal nur um eine Vorschau handelt.

Dazu ist noch zu sagen das es erstmal nur das Design ist und das Logo noch etwas schäbbig aussieht, das aber noch überarbeitet wird.

Hier der Link:

http://sea-louce.cwsurf.de/design.html
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.05.2011, 22:36
Benutzerbild von cebito
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 18.07.2009
Ort: Dresden
Beiträge: 688
cebito sorgt für eine eindrucksvolle Atmosphärecebito sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von newbie88 Beitrag anzeigen
Doctype ... sind bewusst noch nicht drin weil sich dies erstmal nur um eine Vorschau handelt.
Was hat der Doctype damit zu tun? Er sagt dem Browser, nach welchem Standart er die Seite darstellen soll.
Sonst, "with" ist kein css-Attribut. Und ohne Content lässt sich zu einer Seite eh nicht viel sagen - bisher ziemlich langweilig.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.05.2011, 22:43
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von newbie88 Beitrag anzeigen
Hallo wie ihr vielleicht noch wisst habe ich für meine erste Vorgestellte seite viel berechtigte Kritik bekommen, habe mich jetzt mal an einem neuen Design für einen neuen Kunden versucht und mich würde mal interessieren wie das Design so ankommt. Habe versucht ordnungsgemäß mit divs zu arbeiten, valides HTML zu schreiben und die der Seitenbreite eine konstante größe von 960 px zu geben.
Man layoutet nicht mit divs. Man zeichnet mit HTML Inhalte aus!
Zitat:
Zitat von newbie88 Beitrag anzeigen
Doctype und meta tags sind bewusst noch nicht drin weil sich dies erstmal nur um eine Vorschau handelt.
Der doctype gehört zwingend in eine Seite, auch bei einem Entwurf. Die Browser arbeiten sonst anders (Stichwort: Quirks Modus).
Zitat:
Zitat von newbie88 Beitrag anzeigen
Dazu ist noch zu sagen das es erstmal nur das Design ist und das Logo noch etwas schäbbig aussieht, das aber noch überarbeitet wird.

Hier der Link:

http://sea-louce.cwsurf.de/design.html
Meine Kritik:
Zum Code:
  • Doctype fehlt, siehe oben
  • CSS bitte auslagern
  • #wholeSite und #header sind überflüssig.
  • Der Seite fehlt eine Hauptüberschrift. Ersetze das Bild in #header durch ein h1 und benutze Image-Replacement.
  • #table ist unnötig.

Zum Design:
  • Die Seite heißt "HumanColours", dafür fehlt mir ein bisschen die Farbe auf der Seite. Das Dunkelblau reicht da noch nicht IMHO.
  • Den Navigationselementen würde ein bisschen padding nach oben und unten gut tun. Außerdem sollte die Hintergrundfarbe beim hovern bis zum Rahmen gehen. (Auch IMHO )
Viel mehr kann man bei dem bisschen noch nicht sagen

gruß,
take

EDIT: Ach ja: Valide ist die Seite nicht.
Mit Zitat antworten
  #4 (permalink)  
Alt 17.05.2011, 14:27
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Man layoutet nicht mit divs. Man zeichnet mit HTML Inhalte aus!
Zitat:
Zitat von take_a_7 Beitrag anzeigen
Layouts macht man auch nicht "mit divs" sondern mit CSS. Im HTML stehen die Inhalte. Punkt.
Kannst du das mal näher erläutern? Der zweite Satz stammt noch von einem älteren Post, als du noch mein unfertiges Tutorial bewertet hast. Was meinst du damit? Man verwendet div's für die Struktur und CSS für das Layout. Ist doch klar...
__________________
http://unics.bplaced.net
Mit Zitat antworten
  #5 (permalink)  
Alt 17.05.2011, 14:30
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von newbie88 Beitrag anzeigen
...mich würde mal interessieren wie das Design so ankommt.
Zitat:
Zitat von newbie88 Beitrag anzeigen
Dazu ist noch zu sagen das es erstmal nur das Design ist und das Logo noch etwas schäbbig aussieht, das aber noch überarbeitet wird.
Ich stimme mit dir überein.
__________________
http://unics.bplaced.net
Mit Zitat antworten
  #6 (permalink)  
Alt 17.05.2011, 16:56
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von behalx Beitrag anzeigen
Kannst du das mal näher erläutern? Der zweite Satz stammt noch von einem älteren Post, als du noch mein unfertiges Tutorial bewertet hast. Was meinst du damit? Man verwendet div's für die Struktur und CSS für das Layout. Ist doch klar...
Eben. Divs für die inhaltliche Struktur. Daher war bei deinem Beispiel fast jedes div nicht sinnvoll gesetzt, da es keine inhaltlich zusammengehörigen Elemente zusammenfasst.

gruß,
take
Mit Zitat antworten
  #7 (permalink)  
Alt 17.05.2011, 17:03
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Ersetze das Bild in #header durch ein h1 und benutze Image-Replacement.
Wobei Image-Replacement nicht nötig ist, folgende Auszeichnung ist vollkommen ausreichend und birgt im Gegensatz zu IR weniger Zugänglichkeitsprobleme:
HTML-Code:
<h1><img src="logo.png" alt="Überschrift der Seite" /></h1>
Mit Zitat antworten
  #8 (permalink)  
Alt 17.05.2011, 17:13
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von take_a_7 Beitrag anzeigen
Eben. Divs für die inhaltliche Struktur. Daher war bei deinem Beispiel fast jedes div nicht sinnvoll gesetzt, da es keine inhaltlich zusammengehörigen Elemente zusammenfasst.
In diesem Beispiel habe ich divs verwendet, um die Struktur tabellarisch darzustellen und divs sind die einzigen Elemente die dafür gedacht sind.
__________________
http://unics.bplaced.net
Mit Zitat antworten
  #9 (permalink)  
Alt 17.05.2011, 17:24
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von behalx Beitrag anzeigen
In diesem Beispiel habe ich divs verwendet, um die Struktur tabellarisch darzustellen und divs sind die einzigen Elemente die dafür gedacht sind.
Um etwas tabellarisch darzustellen, gibt es <table>. Wenn man (wie in deinem Beispiel keine Tabellarischen Daten hat, nimmt man keine Tabelle. Der Dateiname lässt auf ein weiteres Missverständnis schließen: Layout macht man nicht mit divs, sondern mit CSS.

gruß,
take
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 17.05.2011, 17:27
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

jetzt weiß ich endlich was du mit dem Satz meintest... es lag also am verwirrenden Dateinamen
__________________
http://unics.bplaced.net
Mit Zitat antworten
Sponsored Links
Antwort

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 Darstellung dessauer CSS 22 03.05.2010 16:46
Design Scrollbalken in IE FF und O (mit Bildern) MarkusStar CSS 1 08.03.2009 15:27
Was haltet ihr von Design? tobik999 Offtopic 10 29.11.2008 00:03
Sitecheck: Barrierearm - Design - Ajax Schmidt Site- und Layoutcheck 16 21.08.2008 21:06
Design fertig aber welche Herangehensweise JanW1989 (X)HTML 12 28.08.2006 19:06


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:44 Uhr.