Du bist nicht angemeldet.

Seiten bewerten

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

1

Dienstag, 18. Mai 2004, 09:44

Seiten bewerten

Hallo,

habe mal mehrere Designs für einen Kunden entworfen. Könnt Ihr Euch die mal bitte anschauen und bewerten.
Also Design und Quellcode.

Hier Design 1:
http://www.der-belegungsplan.de/Baumtraum/index2.php

Design 2:
http://www.der-belegungsplan.de/Baumtraum/index3.php

Design 3:
http://www.der-belegungsplan.de/Baumtraum/index4.php

Vielen Dank schonmal!
Signatur von »ARESOL« wieder da

Ingo

Fortgeschrittener

Beiträge: 570

  • Private Nachricht senden

2

Dienstag, 18. Mai 2004, 11:40

RE: Seiten bewerten

Hi,
das erste gefällt mir am besten, lediglich das Blumentopfbild sollte direkt am linken Rand stehen und die Überschrift wirkt auf dem angegrauten Hintergrund nicht optimal. Beim zweiten Design stört mich der Freiraum und das dritte wirkt zu gedrängt.

Die Umsetzung ist jedoch fehlerhaft und führt bei anderen Browsern als dem IE auch zu Fehldarstellungen. Das Problem ist das Box-Modell i.V. mit Positionsangaben. Der Quellcode ist zwar aufgeräumt, enthält aber überflüssige DIVs.
Dieses Layout läßt sich problenmlos ohne "position" realisieren - sieh' Dir meine Umsetzung zu Deinem anderen Thread an...

Bei den Einheiten zur Breite solltest Du statt pt px verwenden und dem body mit font-size:101% definieren, um Bugs beim IE zu vermeiden.
Gruß
Ingo

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Ingo« (18. Mai 2004, 11:41)

LapisInfernalis

Super Moderator

Beiträge: 2 817

  • Private Nachricht senden

3

Dienstag, 18. Mai 2004, 11:50

Hi ARESOL,

noch kann man zu Deiner Seite nicht wirklich viel sagen, da außer ein wenig Blindtext ja nicht viel vorhanden ist... ;)

Bau doch schnon mal die Maus-Effekte für die Navigation ein. Dadurch wirkt auch eine Testseite schon etwas "lebendiger" aus...

Hier, was mir auf die Schnelle aufgefallen ist:

- Die Hintergrundfarbe (dieses Dünnpfiff-Braunton) und das Rot der Navigationsleiste harmonieren nicht wirklich, finde ich.

- Der FireFox und Opera zeigen beide ein merkwürdiges Verhalten in bezug auf den Header. Zusätzlich entsteht im Opera eine Zeile, in welcher der Hintergrund durchscheint.

Beides siehe: >>Screenshot

Eine Sache noch: Wenn Du bei der gleichen Seite nur dreimal den Header ein wenig umgestaltest, finde ich es etwas "überzogen" von drei Designs zu sprechen... ;)

Soweit auf die Schnelle...

LapisInfernalis
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »LapisInfernalis« (18. Mai 2004, 11:50)

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

4

Dienstag, 18. Mai 2004, 12:17

Danke schonmal.
Bezüglich Design ode rnicht hast Du sicherlich recht. Sind keine verschiedenen Designs! ;-).

Welche Divs, sind den überflüßig? Und warum sollte man ohne position arbeiten?
Signatur von »ARESOL« wieder da

LapisInfernalis

Super Moderator

Beiträge: 2 817

  • Private Nachricht senden

5

Dienstag, 18. Mai 2004, 12:36

Für den Header brauchst Du z.B. nur einen Div und nicht einen Extra für die Grafik. Das im übrigen ist auch ein Grund dafür, dass das Bild im Opera und FireFox so merkwürdig aussieht.

Was Ingo mit der Positions-Angabe meint siehst Du am besten, wenn Du Dir seine Beispielseite in Deinem "mein Menü verschiebt sich"-Threadansiehst...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

6

Dienstag, 18. Mai 2004, 12:45

Mit den Divs zu viel hab ich mir angeschaut im anderen Thread, aber ist das denn wirklich so schlimm? Das mit der Grafik ändere ich mal schnel, dass sehe ich ja auch noch ein, aber warum sollte man denn bei DIV-Containern sparen. Die Ladezeiten werden dadurch doch nicht wirklich beeinträchtigt, oder?
Und der Quellcode ist immer noch übrsichtlich, oder etwa nicht?
Signatur von »ARESOL« wieder da

LapisInfernalis

Super Moderator

Beiträge: 2 817

  • Private Nachricht senden

7

Dienstag, 18. Mai 2004, 13:01

Es geht nicht darum, dass ein DIV mehr oder weniger die Ladezeit verändert oder den Quellcode unübersichtlicher macht.

Es ist mehr eine Prinzipfrage, dass man versucht, nur mit den notwendigen Mitteln sein Ziel zu erreichen. So dass Du z.B. keine Elemente verwendest, die _eigentlich_ unnötig sind.

Ein kleines (wenn auch zugegeben an den Haaren herbei gezogenes) Beispiel:

Angenommen, Du möchtest ein Bild aufhängen. Dafür könntest Du z.B. einen angemessen großen Nagel nehmen, ihn in die Wand hauen und das Bild daran aufhängen...

Da Du aber keinen großen Nagel nehmen kannst/willst oder keinen hast und nicht extra in den Baumarkt rennen willst, nimmst Du vier kleine Nägel die Du noch immer Keller hast. Damit Du sie verwenden kannst, klebst Du noch drei weitere Aufhängungen, die Du von den Rückseiten alter Bilder abgenommen hast, welche Du entsorgen willst, auf die Rückseite Deines Bildes.

Jetzt schlägst Du alle vier Nägel in die Wand und hängst das Bild auf.

Das Bild wird auf diese Weise hängen bleiben, niemals herunter fallen und nach außen sieht man keinen Unterschied, ob Du einen oder was weiß ich wieviele Nägel verwendet hast.

Willst Du aber die Wand für etwas anderes benutzen, oder umgestalten, hast Du ein Problem.

In a nutshell: Wenn Du mehr Elemente verwendest, als eigentlich nötig, dann musst Du auch entsprechend mehr Elemente überarbeiten, wenn z.B. im CSS etwas geändert wird. Bei einem einzigen Element mag dies vernachlässigbar erscheinen, aber mit voranschreitender Du machst Deinen Quellcode und Dein Layout dadurch künstlich etwas "unflexibler", bzw. fehleranfälliger.

Denn jedes zusätzliche (und vor allem unnötige) Element ist irgendwo auch eine zusätzliche potentielle Fehlerquelle...
Signatur von »LapisInfernalis« Eine Milde Gabe...

Der Horizont vieler Menschen ist ein Kreis mit dem Radius Null - und das nennen sie ihren Standpunkt.
Albert Einstein (1879-1955)

A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams (1952-2001)

ARESOL

Profi

  • »ARESOL« ist der Autor dieses Themas

Beiträge: 1 050

  • Private Nachricht senden

8

Dienstag, 18. Mai 2004, 13:35

Ich lass mir das mal durch den Kopf gehen, okay? Was man so weg machen kann.

Würde mich jetzt aber noch über viele weitere Meinungen bezüglich der verschiedenen Header freuen. Da ich diesbezüglich sehr unentschlossen bin.
Signatur von »ARESOL« wieder da

Ingo

Fortgeschrittener

Beiträge: 570

  • Private Nachricht senden

9

Dienstag, 18. Mai 2004, 14:10

Hi,
schönes Beispiel mit dem Bildaufhängen.
ergänzend vielleicht noch, daß DIV und SPAN bedeutungslose Elemente sind, die nur dann verwendet werden sollten, wenn keine für den Zweck passende Elemente vorhanden sind. Gerade bei DIVs läuft man leicht Gefahr, eine "Div-Suppe" zu erzeugen, die im Endeffekt auch nicht besser als verschachtelte Tabellen sind.
Obwohl... es gibt auch Fälle, in denen eine solche Verschachtelung wieder Sinn macht, z.B. in http://www.1ngo.de/web/zielscheibe.html ;-)
Gruß
Ingo

Lesezeichen: