Du bist nicht angemeldet.

EFG 10.4 - Die Klassen Website (Isu #0.1 Beta)

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

1

Montag, 25. August 2003, 17:28

EFG 10.4 - Die Klassen Website (Isu #0.1 Beta)

Hallo,
ich arbeite gerade an einer Website für unsere Klasse. Das Design habe ich soweit zusammen. Und nun wollte ich mir mal Kritik von "außen" anhören, da ich gerne etwas selbst Kritisch bin :D .
URI: http://psi9design.pltg-datahaven.net/efg10d/
Also: Wie (en)findet ihr das Design? Die Farben wahl? Was dachten ihr beim ersten Betrachten der Seite? Was könnte ich besser machen?

Es ist nur die erste Seite mit einem Blindtext Online.

Ich hoffe auf (etwas) Konstruktive Kritik.

MfG Nash :)

lordoliver

Schüler

Beiträge: 75

  • Private Nachricht senden

2

Montag, 25. August 2003, 18:03

RE: EFG 10.4 - Die Klassen Website (Isu #0.1 Beta)

immer wieder fantastisch, wie die browser sowas unterschiedlich darstellen... bei IE hört das beim blauen balken auf und bei opera gehts weiter... is ja im endeffekt egal, wollts nur zeigen *g*


ansonsten ganz hübsch gemacht und erfüllt seinen zweck *G*
Signatur von »lordoliver« Webdesign, Webprogrammierung und Webhosting
ehog.de - Die Lösung aller Probleme

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »lordoliver« (25. August 2003, 18:04)

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

3

Montag, 25. August 2003, 19:09

Naja, eigentlich zeigt es der IE falsch an.
Der Footer hat die Formatierung margin-bottom: 10px; erhalten, Mozilla und Opera zeigen das richtig an, nur der IE wieder nicht :D . Aber das ist auch so OK.

MfG Nash :)

Investorman

Erleuchteter

Beiträge: 3 610

  • Private Nachricht senden

4

Montag, 25. August 2003, 19:37

RE: EFG 10.4 - Die Klassen Website (Isu #0.1 Beta)

Zitat

Original von Nash.Bridges
Wie (en)findet ihr das Design?
Ich empfinde nichts; finde aber, dass die Seite ihrem Zweck sicherlich gerecht wird. (Und dies ist kein Widerspruch, sondern Wortlogik.) :)
Signatur von »Investorman« ______________________________

Investorman.com || Webmasterrecht.de || Recht interessant - Die Linksammlung zum Internetrecht

Alex

EM2004 - Tippgott

Beiträge: 1 535

  • Private Nachricht senden

5

Montag, 25. August 2003, 21:13

wenn du schon XHTML 1.0 STRICT verwendest, dann frag ich mich, warum der W3-"LoveJoy" (;)) mir ganze 4 Fehler anzeigt?

Das Design ist aufgeräumt, ansonsten sieht man aber relativ wenig. Man würde gerne sehen, wo Fotos wie groß hingeklatscht werden, wie der Fließtext garniert wird (so wie jetzt ist's etwas langweilig, da muss wenigstens noch ein bisschen was mit dem Fließtext passieren... ein paar Links und Headlines reichen einklich schon), und wie die einzelnen Schüler angezeigt werden etc.
Signatur von »Alex« Man muss nichts sehen, um zu sehen, dass man nichts sieht, aber man muss etwas sehen, um zu sehen, was man nicht sieht.

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

6

Montag, 25. August 2003, 22:04

Zitat

wenn du schon XHTML 1.0 STRICT verwendest, dann frag ich mich, warum der W3-"LoveJoy" (;)) mir ganze 4 Fehler anzeigt?
Das liegt daran, dass ich...
  1. ...die Seite nicht Valdiert habe
  2. ...die Seite nicht Valdiert habe
  3. ...die Seite nicht Valdiert habe
    [/list=a] ;) :D

    Habe die Fehler jetzt behoben.

    Zitat

    Das Design ist aufgeräumt, ansonsten sieht man aber relativ wenig. Man würde gerne sehen, wo Fotos wie groß hingeklatscht werden, wie der Fließtext garniert wird (so wie jetzt ist's etwas langweilig, da muss wenigstens noch ein bisschen was mit dem Fließtext passieren... ein paar Links und Headlines reichen einklich schon), und wie die einzelnen Schüler angezeigt werden etc.
    Die "Details" der Unterseiten muss ich noch erarbeiten, ich wollte erst das grobe Design "absegnen" lassen.
    Ich habe ein paar Headlines eingefügt um den Fließtext aufzulockern.

    MfG Nash

    PS: Investi: Wunderbar, Danke :)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Nash.Bridges« (25. August 2003, 22:04)

mor

Profi

Beiträge: 716

  • Private Nachricht senden

7

Dienstag, 26. August 2003, 05:56

hallo,

also ich empfinde die seite als ein bissel dahingeklatscht; die schrift ist ZU GROSS. auch ist die zeilenlänge ein wenig zu laaaaaaaaang. das ist nicht gut fürs auge.

die bezeichnung für die menüpunkte hätte fast einen preis verdient:
"home & news", liest sich fast wie der titel eines schwulen-magazins;

"die schüler", "die lehrer"...
und tante grätchen und onkel carlsson (wo ist der überhaupt?!)... "die penner", "meine freundin", "des nachbars dackel"...

obendrein stehen alle menüpunkte so dicht beieinander, das sie keine sau richtig auseinanderhalten kann.

hmm. das design haut mich auch nicht vom hocker. hmm. tja. weiß nicht. spannend isses nich.

aber wirklich schlimm ist, wie gesagt, das layout.

gruss, der mor.
Signatur von »mor« Demnächst sitzt einer mehr vor dem Bildschirm: Ihr Verstand. WELTVOX kommt.
························································· MACHT noch immer AN! ··

ARESOL

Profi

Beiträge: 1 050

  • Private Nachricht senden

8

Dienstag, 26. August 2003, 08:43

Der mor hat recht! Aber so ist mir das garnicht erst aufgefallen.

Was mir aber aufgefallen ist, dass die Tapete , die Du im Hintergrund benutzt, sehr altmodisch aussieht. Wie ist der Altersdurchschnitt Deiner Klasse ;-).

Gruß
ARESOL
Signatur von »ARESOL« wieder da

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

9

Dienstag, 26. August 2003, 10:32

Danke für die Kritiken. :)

[q=mor]also ich empfinde die seite als ein bissel dahingeklatscht; die schrift ist ZU GROSS. auch ist die zeilenlänge ein wenig zu laaaaaaaaang. das ist nicht gut fürs auge.[/q]Beides ist relativ und hängt von den einstellungen des Users ab: Fenstergröße, Schriftgröße, etc.
Aber ich kann die Schrift auch kleiner machen, was auf andern System dann aber vielleicht schon zu klein ist. Mal schauen.

[q=mor]die bezeichnung für die menüpunkte hätte fast einen preis verdient:
"home & news", liest sich fast wie der titel eines schwulen-magazins;[/q]Danke :D . Nein, im ernst: ist nur "Home" besser?

[q=mor]"die schüler", "die lehrer"...
und tante grätchen und onkel carlsson (wo ist der überhaupt?!)... "die penner", "meine freundin", "des nachbars dackel"...[/q]Was wäre deiner Meinung nach besser? "Schüler" "Lehrer"?!?

[q=mor]obendrein stehen alle menüpunkte so dicht beieinander, das sie keine sau richtig auseinanderhalten kann.[/q]Das ist, wie gesagt, realativ.

[q=ARESOL]Was mir aber aufgefallen ist, dass die Tapete , die Du im Hintergrund benutzt, sehr altmodisch aussieht. Wie ist der Altersdurchschnitt Deiner Klasse ;-).[/q]82 ;) :D . Also im ernst: bei der Tapete ist mir nichts eingefallen, also hab ich einfach mal in meine Resourcen-Kiste gegriffen.
Was meinst du? Querstreife? Die Machen Schlank! :)

MfG Nash :)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

10

Dienstag, 26. August 2003, 11:33

Sieht aufgeräumt aus, allerdings passt das SO IMO nicht sehr gut zu einer Seite von und für Schüler. Zudem ist es etwas unglücklich, den Text unaufgepeppt über die gesamte Breite gehen zu lassen, weil dann bei breiten Brauserfenstern der Text sehr schlecht lesbar wird. Wenn max-width endlich auch von Wurstbrotbrausern aus Redmond ;) unterstützt wird, kann man aber auch damit arbeiten.

Der Header sieht ganz interessant aus. Vielleicht kannst Du die optische Lockerheit desselben irgendwie in dem unteren Teil wiederholen lassen? Vielleicht in den Überschriften? Wozu brauchst Du Überschriften bis zur sechsten Ordnung?

Und dann noch ein kleiner Tipp: verlinke nicht auf $verzeichnis/index.html sondern nur auf $verzeichnis/ -- der Server sollte sowieso eine vorhandene index.htm(l) ausliefern und wenn Du die URIs (die ja auch so in Suchmaschinen aufgenommen werden) mit einem Anhängsel verwendest, musst Du auch vorerst bei html bleiben, sonst liefen die Links ins Leere. Lieber URIs verwenden, die längere Bestanddauer haben.

Gruß
Mirko :)
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

11

Dienstag, 26. August 2003, 16:39

Ich habe mich mal daran gesetzt und die Seite etwas Überarbeitet.
Noch mal die URI: http://psi9design.pltg-datahaven.net/efg10d/

Was haltet ihr von den Neuerungen? Ist die Seite jetzt lockerer?

---

[q=memowe]Sieht aufgeräumt aus, allerdings passt das SO IMO nicht sehr gut zu einer Seite von und für Schüler. Zudem ist es etwas unglücklich, den Text unaufgepeppt über die gesamte Breite gehen zu lassen, weil dann bei breiten Brauserfenstern der Text sehr schlecht lesbar wird.[/q]Ich habe mich bemüht es zu ändern. Ist es jetzt besser oder hast du andere Vorschläge?

[q=memowe]Wenn max-width endlich auch von Wurstbrotbrausern aus Redmond ;) unterstützt wird, kann man aber auch damit arbeiten.[/q]Das max-width Element benutze ich im Moment als Würg-Äround damit die Seite bei der Gecko-Engine nicht länger ist als das Fenster. Denn sonst habe ich wegen dem Padding einen horizontalen Scrollbar.

[q=memowe]Der Header sieht ganz interessant aus. Vielleicht kannst Du die optische Lockerheit desselben irgendwie in dem unteren Teil wiederholen lassen?[/q]Habe es Versucht. Aber ich weiß nicht ob ich das so lassen soll.

[q=memowe]Vielleicht in den Überschriften?[/q]Habe dafür keine Konkrete Idee.

[q=memowe]Wozu brauchst Du Überschriften bis zur sechsten Ordnung?[/q]Im moment nur zu Test zwecken. Wie viele Ordnungen ich brauchen werde, wird sich zeigen.

[q=memowe]Und dann noch ein kleiner Tipp: verlinke nicht auf $verzeichnis/index.html sondern nur auf $verzeichnis/ -- der Server sollte sowieso eine vorhandene index.htm(l) ausliefern und wenn Du die URIs (die ja auch so in Suchmaschinen aufgenommen werden) mit einem Anhängsel verwendest, musst Du auch vorerst bei html bleiben, sonst liefen die Links ins Leere. Lieber URIs verwenden, die längere Bestanddauer haben.[/q]Tipp ist Angekommen. Und (teilweise) umgesetzt.

MfG Nash :)

PS: Neue Tapete ist auch dran gekleistert ;)

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

12

Dienstag, 26. August 2003, 23:23

Zitat

Original von Nash.Bridges
[q=memowe][...] ist es etwas unglücklich, den Text unaufgepeppt über die gesamte Breite gehen zu lassen, weil dann bei breiten Brauserfenstern der Text sehr schlecht lesbar wird.[/q]Ich habe mich bemüht es zu ändern. Ist es jetzt besser oder hast du andere Vorschläge?
<vorsichtig mit="einschr&auml;nkungen">Hmja...</vorsichtig> jetzt ist da latür eine Menge freier Raum, wo ich als Normalsurfer eine Navigation erwarten würde... Hast Du einen kleinen Newskasten oder sowas, der dorthin passen könnte?

Gruß
Mirko :)
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

mor

Profi

Beiträge: 716

  • Private Nachricht senden

13

Mittwoch, 27. August 2003, 02:37

hallo nash,

Beides ist relativ und hängt von den einstellungen des Users ab: Fenstergröße, Schriftgröße, etc.
Aber ich kann die Schrift auch kleiner machen, was auf andern System dann aber vielleicht schon zu klein ist. Mal schauen.
ich möchte es mal so formulieren: hängt die zeilenbreite in einer zeitung davon ab, ob du sie auf einen kleinen tisch oder auf einen grossen tisch hinlegst?

Danke . Nein, im ernst: ist nur "Home" besser?
was meinst du denn?

Was wäre deiner Meinung nach besser? "Schüler" "Lehrer"?!?
ich weiß nicht?
wir bewerten hier seiten, der webmaster aber bist du selber. es ist deine seite. mach was draus.

Das ist, wie gesagt, realativ.
alles ist relativ, und deswegen ist deine aussage relativ irrelevant. ;-)

gruss, der mor.
Signatur von »mor« Demnächst sitzt einer mehr vor dem Bildschirm: Ihr Verstand. WELTVOX kommt.
························································· MACHT noch immer AN! ··

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

14

Mittwoch, 27. August 2003, 09:32

Zitat

Original von mor
Beides ist relativ und hängt von den einstellungen des Users ab: Fenstergröße, Schriftgröße, etc.
Aber ich kann die Schrift auch kleiner machen, was auf andern System dann aber vielleicht schon zu klein ist. Mal schauen.
ich möchte es mal so formulieren: hängt die zeilenbreite in einer zeitung davon ab, ob du sie auf einen kleinen tisch oder auf einen grossen tisch hinlegst?
Da muss ich dir leider etwas sagen: Du kannst nicht (bzw. niemals) eine Website mit einem Print-Dokument vergleichen. Das sind zwei Verschiedene Sachen. Du kannst Äpfel ja auch nicht mit Bohnen oder anderem Gemüse vergleichen.
Also ist deine Aussage hyperfluid bzw. nicht richtig bzw. Falsch.

MfG Nash :)

PS: Bitte nicht böse verstehen ;) .

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Nash.Bridges« (27. August 2003, 09:34)

ARESOL

Profi

Beiträge: 1 050

  • Private Nachricht senden

15

Mittwoch, 27. August 2003, 10:10

Sorry Nash, aber da bin ich anderer Meinung, ich denke schon, dass man ein Webprojekt mit einem Print-Projekt vergleichen kann.

Z.B.: Die Aufteilung einer Website kann man auch nach dem Muster von DIN A4 vornehmen.

Verstehst Du was ich meine?

Ich weiß ja jetzt nicht ob mor das auch in der Richtung so meinte..

Bemerke: Die Aufteilung (s.o.) war ein Beispiel, ich kann auch noch andere nennen
Signatur von »ARESOL« wieder da

Alex

EM2004 - Tippgott

Beiträge: 1 535

  • Private Nachricht senden

16

Mittwoch, 27. August 2003, 11:27

man kann sie (Print- und Web-Layout) vergleichen, und wird feststellen, dass sie nicht 100% übereinstimmen. Versuch mal, Webseiten mit Silbentrennung zu schreiben, skalierbaren Fließtext in mehrere Spalten zu quetschen etc. Diese ollen Kamellen will ich hier jetzt eigentlich nicht wieder aufwärmen... wenn's interessiert, gehe man einfach in ältere Threads dieses Forums ;)

Ich finde es auf einem 17"-Monitor gut anzuschauen (Auflösungen 1024*768-2048*1536), farblich und grafisch nett gemacht (der Header sieht etwas zu streng und "ordentlich" aus ;)) und funktioniert in gängigen Browsern*.

My opinions (=Meine Zwiebeln):
-> Evtl. ist die h1 etwas zu groß.
-> gegen die Breite der Textzeilen helfen gefloatete Bilder und DIVs.
-> eventuell hilft es uns bei der Bewertung, wenn so nach und nach die Darstellung des später einzubauenden Inhalts erfolgt (sprich: fiktive News, Schüler-/Lehrerlisten, fiktive Fotogalerie etc.)

*Mozilla 1.3.1, Opera 6.04, Opera 7.11, Lynx 2.85
Signatur von »Alex« Man muss nichts sehen, um zu sehen, dass man nichts sieht, aber man muss etwas sehen, um zu sehen, was man nicht sieht.

memowe

Erleuchteter

Beiträge: 3 324

Vorname: Mirko

  • Private Nachricht senden

17

Mittwoch, 27. August 2003, 11:47

Ich gebiete Einhalt!

Um das Thema Print-Web hier nicht noch weiter besprechen zu müssen, habe ich einen neuen Fred zu dem Thema aufgemacht: http://www.webstyleboard.de/wsb/thread.php?threadid=3416

Bitte äußert Euch hier wieder zu der Seite von Nash.

Gruß
Mirko :)
Signatur von »memowe« Mirko Westermeier - Public key: 0x730E195D
Key fingerprint = 55A8 9646 9B58 60AC B5BC 9661 FDD4 93C0 730E 195D

Nash.Bridges

Profi

  • »Nash.Bridges« ist der Autor dieses Themas

Beiträge: 1 426

  • Private Nachricht senden

18

Mittwoch, 27. August 2003, 19:03

[q=Alex]Ich finde es auf einem 17"-Monitor gut anzuschauen (Auflösungen 1024*768-2048*1536), farblich und grafisch nett gemacht (der Header sieht etwas zu streng und "ordentlich" aus ) und funktioniert in gängigen Browsern*.[/q] Schön das ich das noch mal bestätigt bekomme :)) .
Für den Header muss ich mir noch was einfallen lassen. Wahrscheinlich werde ich versuchen ein Klassenfoto in den Hintergrund zu machen.
Dafür brauch ich aber erst mal ein gutes und das auch noch am besten in Digitaler form - Alles in allem: Ich arbeite dran.

[q=Alex]My opinions (=Meine Zwiebeln):
-> Evtl. ist die h1 etwas zu groß.[/q]Da habe ich noch keine Schriftgröße difiniert. So wie noch keine Schriftgröße für den Fließtext und die Überschriften von h2 - h6 defininert sind.

Zitat

-> gegen die Breite der Textzeilen helfen gefloatete Bilder und DIVs.
In arbeit...

Zitat

-> eventuell hilft es uns bei der Bewertung, wenn so nach und nach die Darstellung des später einzubauenden Inhalts erfolgt (sprich: fiktive News, Schüler-/Lehrerlisten, fiktive Fotogalerie etc.)
Ich werde mich später daran setzten. Werde es aber mal ausprobieren.

[q=Mirko]Ich gebiete Einhalt!

Um das Thema Print-Web hier nicht noch weiter besprechen zu müssen, habe ich einen neuen Fred zu dem Thema aufgemacht: <strong>http://www.webstyleboard.de/wsb/…d=3416</strong>

Bitte äußert Euch hier wieder zu der Seite von Nash.[/q] Bedankt :)



MfG Nash :)

Lesezeichen: