WebStyleBoard

Anfänger

Mittwoch, 17. Juli 2002, 01:18

Bitte um Sitebewertung

Hallo liebe WSB-Member und -Leser,

habe meine neue Seite zum Test online, derzeit geht es mir nur um das Design, nicht um etwaige Fehler in HTML oder CSS (werden aber noch validiert und ausgebessert, derzeit sind das glaube ich fehlende "ALT-Tags").

Schaut mal unter
http://webhomer.de/test_/index.php

und sagt mir Eure offene und ehrliche Meinung dazu

Recht schönen Dank.

Gruß,

Fritz

PS: Der derzeitige Inhalt dient nur als Platzhalter.

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 01:20

PPS: Ich vergaß, die Links funktionieren natürlich alle noch nicht, wie sie mal sollen, bisher steht nur die Startseite

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Investorman

Erleuchteter

Beiträge: 3 610

Mittwoch, 17. Juli 2002, 01:53

RE: Bitte um Sitebewertung

Zitat

Original von Fritz Löblein
PPS: Ich vergaß, ...

Für solche Sachen hat mal irgendein Mensch die Edit-Funktion erfunden ...

Zitat

Original von Fritz Löblein
Hallo liebe WSB-Member und -Leser

Dito! Fühl Dich wie unter uns ...

Zur Seite: Sieht gut uns ansprechend aus, obwohl es jetzt keine umhauend neue Kreation ist. Mehr zum Design etc. können die unsere Experten sagen. Wenn Du dann bald noch ein schönes Impressum mit in die Page aufnimmst, dann habe auch ich nichts mehr zu meckern ...

So long,
Investorman

Signatur von »Investorman« ______________________________

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

Zum Seitenanfang

Sniffer

Schüler

Beiträge: 100

Mittwoch, 17. Juli 2002, 07:39

Moin,

und herzlich wilkkomen on Board!

Also die seite gefällt mir richtig gut, trotz dem muss ich meckern, die titel "Filesharing, ..." finde ich etwas zu unleserlich! Ich denke mal, das es bei einer Auflösung von 1280x1024 noch schlimmer wird, kann ich jetzt aber noch nicht sagen!

Aber nichts desto trotz gefällt mir das Design an sich gut!

*CU* Sniffer

Signatur von »Sniffer« Sniffer

http://www.coolbits.net

Zum Seitenanfang

Erleuchteter

Vorname: Mirko

Mittwoch, 17. Juli 2002, 10:44

Erstmal auch von mir ein herzliches Willkommenschön!

Dann will ich mal gleich zu dem Internetauftritt kommen:

Testsystem
Mozilla 1.0 @ cs. 1000x1000
DSL

Erster Eindruck
Standardlayout, aber sehr schön.

Einzeln:

Sieht wirklich ordentlich aus. Ich bin zwar eher gegen drei Spalten (abgedroschen und nicht so klar wie zum Bleistift beim alten Layout), aber dafür ist die Optik ansonsten sehr clean und sauber.
Dass der Code noch nicht valide ist, weisst Du ja. Das liegt einmal an dem doppelten <title> und dann noch an den ganzen fehlenden alt-Attributen. Entsprechend wirr siehts dann auch im Textbrauser aus.
Gut: In Mozilla 1, Opera 6 und IE 6 siehts annähernd gleich aus. Bis auf einen Unterschied:
Du hast für die Links folgendes:
Quellcode

1 2 3

a.m:link,a.m:visited,a.m:active { [...] border-bottom : 1px dotted Gray;
Und vermutlich soll das so gestrichelt aussehen, wie im IE. Was der IE da aber macht, ist "dashed" und nur, wenn Du dashed angibst, siehts auch in den neueren Brausern so aus. Ansonsten gips halt in Mozilla und Opera ganz kleine Punkte, was auch richtig ist. Was für eine Farbe ist eigentlich "Gray"? Ich kenn nur "grey". Aber die Idee gefällt mir ganz gut!
Die Bildchen "filesharing" und co. sind sehr schlecht lesbar. Kannst Du die etwas größer machen?
Dann gibt es noch ein Problem mit der Pseudoliste per ">>". Wie Du rechts oben sehen kannst, fließt der Text um das Zeichen herum. Das ist nämlich auch kein gutes Markup. Ich empfehle da eine Liste per <ul><li...></li></ul>. Die in den meisten Brausern gerenderten kreisrunden Scheibchen würden auch ganz gut zu der LP aus dem Logo passen. Meine Empfehlung: Du kannst die Listen für die Links so machen, dass die Punkte nicht schwarz, sondern grau wären, ich glaube, das sähe recht stylish aus:
Quellcode

1 2

li { color : grey } li a, li span { color : black }
Dann müsste der Punkt grau und die Links schwarz sein. Wenn Du keinen Link in einem Listenpunkt hast, dann nimmst Du einfach
Quellcode

1

<li><span>Texttexttext</span></li>
Probier das mal aus!
Dann noch was kurzes: Rechts oben hast Du bei "Weiterempfehlen" zwei Punkte für eigentlich nur einen.

HTH
mem

PS: Hat Tobias Dich geschickt?

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

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »memowe« (17. Juli 2002, 10:59)

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 10:44

@ Investorman,

Impressum kommt mit der neuen Seite, mit der Alten habe ich Designmäßig nichts zu tun, aber wie Du siehst, gibt es ja bereits ganz unten neben "HOME" den Link "Impressum". Und beim nächsten Mal benutze ich auch die "Edit-Funktion"

@ Sniffer:

Danke für den Hinweis mit den Titeln, ich arbeite hier an einem recht großen Monitor, habe aber ur eine Auflösung von 1024 x 768 eingestellt, deswegen geht mir da manchmal der Überblick verloren :]

Leider ließ sich diese Pixelschrift nur auf 6pt ordentlich lesen, alles andere war noch schlimmer, kennst Du zufällig eine dieser Schriften (möglichst gleich oder ähnlich), der andere Schriftgrößen "durchsteht" und diese auch noch schön bzw. ordentlich anzeigt?

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 11:09

Konnte leider nicht die Editfunktion benutzen, da mein seniles Hirn dann nicht mehr den Post von memowe gesehen hätte, denn die anderen Postings werden beim Editieren leider nicht mit angezeigt

@ memowe:

Danke erst einmal für Deine Tipps, mein Standardbrowser ist ebenfalls Moz 1.0, bin bereits seit Milestone 18 begeisterter Nutzer des kleinen feuerspeienden Drachen. Ich habe die Webseite natürlich auch unter IE 5.5, IE 6, Opera 6 und Netscape 4.79 unter Windows, unter IE und Netscape unter Mac OS 9 getestet, sieht meiner IMHO alles recht ordentlich aus. Zudem soll es natürlich auch noch valide werden, damit es auch in zukünftigen Browsergenerationen einen ordentlichen Eindruck macht und einen guten Ausdruck verschafft

Den Code habe ich mir gestern Nacht / heute morgen noch einmal beim guten alten Validator durchgejgt, sehr erschreckend, was da alles zu Tage tritt

Alles in allem schreibe ich mein HTML jedoch für Mozilla, und so wie Du es gesehen hast, sollte es eigentlich aussehen.

Das

	Quellcode
1 2 3	a.m:link,a.m:visited,a.m:active { [...] border-bottom : 1px dotted Gray;

ist also schon so gewollt, der IE stellt nur statt die mir persönlich wesentlich besser gefallenden "Mini-Dots" etwas längere Striche als "dotted" dar.

Die Farbe "Gray" hat mir TopStyle 2.5 so angegeben, welches ich für die schnelle Änderung von Stylesheets verwende, laut Wörterbuch ist "gray" aber lediglich eine andere Schreibweise für "grey" und somit hoffentlich auch in CSS 2 gültig.

Die kleinen "Navigationsbildchen" werde ich wohl ändern müssen, wie Du und Sniffer sagten, sind diese doch sehr klein geraten.

Zu den Listenpunkten
----------------------------

Ich hoffe, ich habe Dich richtig interpretiert, Du beziehst Dich NICHT auf die Pseudoliste in der "Navigation" sondern auf die in der mittleren Tabelle unterhalb der Bilder? Ich werde das mal ausprobieren so wie von Dir vorgeschlagen und dann noch einmal bescheid geben.

Den 2. Punkt neben "Weiterempfehlen" konnte ich leider nicht entdecken, was Du meist ist sicherlich "Letzte Postings", dort werden dann die 5 letzten Topics aus dem Forum dynamisch eingefügt, das ist derzeit aber noch deaktiviert und ich weiß auch noch nicht, ob ich das so realisieren werde, da es die Ladezeiten noch einmla unnötig verlängert.

@ Alle:

Vielen Dank für die Kritik, hilft mir schon einmal sehr viel weiter!

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Erleuchteter

Vorname: Mirko

Mittwoch, 17. Juli 2002, 11:19

Zitat

Original von Fritz Löblein
@ memowe:
Danke erst einmal für Deine Tipps

Aber sowas von gern.

Zitat
Das
Quellcode
1
2
3
a.m:link,a.m:visited,a.m:active  {
        [...]
border-bottom : 1px dotted Gray;
ist also schon so gewollt, der IE stellt nur statt die mir persönlich wesentlich besser gefallenden "Mini-Dots" etwas längere Striche als "dotted" dar.

Ahso, hatte gedacht, Du wolltest dashed. Aber da Du für Mozi schreibst, ist das latür so richtig.

Zitat

Die kleinen "Navigationsbildchen" werde ich wohl ändern müssen, wie Du und Sniffer sagten, sind diese doch sehr klein geraten.

Genau, tu das mal, ist dann einfach besser lesbar.

Zitat

Zu den Listenpunkten

Die Zitatfunktion hier im Board könnte Dein Freund werden.

Zitat

Ich hoffe, ich habe Dich richtig interpretiert, Du beziehst Dich NICHT auf die Pseudoliste in der "Navigation" sondern auf die in der mittleren Tabelle unterhalb der Bilder? Ich werde das mal ausprobieren so wie von Dir vorgeschlagen und dann noch einmal bescheid geben.

Ich meinte alle Pseudolisten. Versuch das bitte einfach mal auch bei der Navigation aus.

Zitat

Den 2. Punkt neben "Weiterempfehlen" konnte ich leider nicht entdecken

Bei "Weiterempfehlen" hast Du wieder so eine Pseudoliste. Zwei Punkte, die eigentlich nur einer sind.

mfG

mem

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

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »memowe« (17. Juli 2002, 11:20)

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 11:26

Ich glaube wir haben hier das erste richtige Problem entdeckt, die Schriftarten...

Ich habe "»" dieses Zeichen (zwei eckige Klammern, die einen HTML-Tag schliessen) bei mir vor den Links, ich hoffe das sieht bei allen von Euch so aus ?

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Erleuchteter

Vorname: Mirko

Mittwoch, 17. Juli 2002, 11:30

Zitat

Original von Fritz Löblein
Ich glaube wir haben hier das erste richtige Problem entdeckt, die Schriftarten...

die Schriftarten... was? *confused*

Zitat

Ich habe "»" dieses Zeichen (zwei eckige Klammern, die einen HTML-Tag schliessen) bei mir vor den Links, ich hoffe das sieht bei allen von Euch so aus ?

Jaja, schon klar. Das stimmt schon, ich war nur zu faul, das Sonderzeichen in den Beitrag zu schreiben.

mem

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

Zum Seitenanfang

t-ob-i

Profi

Beiträge: 1 221

Mittwoch, 17. Juli 2002, 11:40

Hallo Fritz,

schön einen Partner meines Top-Referer von FileShare-Queue hier mal zu sehen

Interesannt wie klein das Web doch ist.

Das Design gefällt mir eigentlich recht gut. Die Navigation wirkt übersichtlich und man versteht schnell und Aufbau deiner Webseite - somit kann man direkt finden was man sucht.

Leider vermisse ich ein paar Farben. Deine Seite wirkt sehr schlicht, ein wenig zu schlicht nach meinem Geschmack. Vielleicht könntest du noch einmal versuchen mit der Navigation ein wenig Farbe ins Spiel zu bringen. Vielleicht einfach das Orange im Logo noch im Rubriktitel mit einbringen. - So sticht die Navigation auch etwas mehr ins Auge und man erkennt noch schneller die gesuchte Rubrik.

Nur mach noch bitte den komischen gepunkteten Hintergrund an der Browserseite weg (ich find ihn auf Blubster-FAQ schon komisch) und erlaube meinem Browser deine Seite zu resizen.
(Wenn ich den Browser kleiner mache sollte auch das Feld für den Inhalt kleiner werden - wenn ich ihn größer mache muss der Content ebenfalls größer werden)

Tobias

Signatur von »t-ob-i« {SIGNATUR}

Zum Seitenanfang

Erleuchteter

Vorname: Mirko

Mittwoch, 17. Juli 2002, 11:57

Genau, danke, Tobi. Das wollte ich eigentlich auch noch schreiben!

Es wäre gut, nicht mit festen Breiten, sondern mit variablen Breiten zu arbeiten. Das ist einfach flexibler. Wirst Du spätestens merken, wenn Du bei Deinem riesigen Moni mal auf 1600x1200 (wie ich) schaltest und dann im Vollbild surfst.

mem

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

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 12:20

Zitat

Original von t-ob-i
Hallo Fritz,

schön einen Partner meines Top-Referer von FileShare-Queue hier mal zu sehen Interesannt wie klein das Web doch ist.

Hallo Tobi,

ja, das Web ist klein, bin eigentlich erst durch Deine Seite auf dieses Forum aufmerksam geworden. Wünsch Dir noch viele Besucher über Blubster-FAQ.de

Zitat

Das Design gefällt mir eigentlich recht gut. Die Navigation wirkt übersichtlich und man versteht schnell und Aufbau deiner Webseite - somit kann man direkt finden was man sucht.

Hört sich in meinen Ohren ganz gut an

Zitat

Leider vermisse ich ein paar Farben. Deine Seite wirkt sehr schlicht, ein wenig zu schlicht nach meinem Geschmack. Vielleicht könntest du noch einmal versuchen mit der Navigation ein wenig Farbe ins Spiel zu bringen. Vielleicht einfach das Orange im Logo noch im Rubriktitel mit einbringen. - So sticht die Navigation auch etwas mehr ins Auge und man erkennt noch schneller die gesuchte Rubrik.

Hatte ich bereits probiert mehr "orange" einzusetzen, wirkte irgendwie "gekünstelt" (lässt sich schwer beschreiben), aber Du hast natürlich recht, der gesuchte Navigationspunkt liesse sich dadurch schneller finden.

Allerdings wirst du später dann in der Navigation nur noch die Links innerhalb einer Kategorie in der jeweiligen Navigation finden, die komplette Navigation ist nur auf der Startseite zu finden und ggf. in einer Sitemap, die Kategorie Filesharing wird bsw. nur die Punkte zu Filesharing in der Navigation haben.

Zitat

Nur mach noch bitte den komischen gepunkteten Hintergrund an der Browserseite weg (ich find ihn auf Blubster-FAQ schon komisch) und erlaube meinem Browser deine Seite zu resizen.
(Wenn ich den Browser kleiner mache sollte auch das Feld für den Inhalt kleiner werden - wenn ich ihn größer mache muss der Content ebenfalls größer werden)

Der Hintergrund gefiel mir eigentlich, aber ich werde mal eine Version ohne machen zum Gegenüberstellen und lasse dann hier entscheiden

@ memowe & t-ob-i :

Hmm, die Tabellen von links nach rechts sind 760px breit, das dürfte in jede 800x600 Auflösung reinpassen, selbst wenn die tatsächlich anzeigbare Größe natürlich noch etwas kleiner ist.

Resize funktioniert leider nicht, da die linke Navigation eine Tabelle, die mittlere eine und die rechte eine ist, die nur wie eine Tabelle erscheinen, dadurch lässt sich die Seite schneller rendern und es wird schneller ein Teil des Seiteninhalts angezeigt.

@ Alle:

Hat mir noch jemand eine Anregung, was für die Nutzerführung bzw. für eine bequemere Navigation noch unbedingt fehlt?
Und empfehlt Ihr eher alt=""" oder alt=" " ?

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

t-ob-i

Profi

Beiträge: 1 221

Mittwoch, 17. Juli 2002, 12:30

Zitat

Resize funktioniert leider nicht, da die linke Navigation eine Tabelle, die mittlere eine und die rechte eine ist, die nur wie eine Tabelle erscheinen, dadurch lässt sich die Seite schneller rendern und es wird schneller ein Teil des Seiteninhalts angezeigt.

Hm. Könntest du mal eine Tabelle hochladen die Resize ermöglicht? Ich würde die Zeit mal gerne vergleichen. Ich setzte schließlich auf meiner Seite an Tabellen ein die je nach Auflösung ihre größe ändern..

Tobias

Signatur von »t-ob-i« {SIGNATUR}

Zum Seitenanfang

Erleuchteter

Vorname: Mirko

Mittwoch, 17. Juli 2002, 12:33

Schade, dass das mit der variablen Breite nicht gehen soll!

Zitat

Original von Fritz Löblein
Hat mir noch jemand eine Anregung, was für die Nutzerführung bzw. für eine bequemere Navigation noch unbedingt fehlt?

Platz! Ich empfinde die Navigation als viel zu voll. Vielleicht kannst Du da noch ein bisschen was sortieren...

Zitat

Und empfehlt Ihr eher alt=""" oder alt=" " ?

Also, entweder keinen alt-Text (also ein leeres alt-Attribut; nur bei Layoutbildern!), oder einen aussgakräftigen! Aber nicht nur ein Leerzeichen.

-> alt=""! (wie kommst Du eigentlich auf alt="""???)

mem

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

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »memowe« (17. Juli 2002, 12:34)

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 12:39

Ist tatsächlich so, der Browser benötigt zwar nicht mehr Zeit, die Seite zu rendern, muss jedoch länger warten, bis er quasi "das Ende der Tabelle" erhält. Der Spiegel.de und Jacob Nielsen (http://www.useit.com/) machen dies nach dem selben Prinzip.

Hierbei geht es aber hauptsächlich um die Modembenutzer, im Netzwerk oder mit XDSL wirst Du hier wohl kaum merkliche Unterschiede vermerken.

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 12:48

Zitat

Original von memowe
Schade, dass das mit der variablen Breite nicht gehen soll!

Platz! Ich empfinde die Navigation als viel zu voll. Vielleicht kannst Du da noch ein bisschen was sortieren...

Das versuche ich noch in Griff zu bekommen, Danke, meinst Du ein erster Schritt wäre die bereits oben beschriebene Idee, in jeder Kategorie nur die passende Navigation anzeigen zu lassen?

Zitat

Also, entweder keinen alt-Text (also ein leeres alt-Attribut; nur bei Layoutbildern!), oder einen aussgakräftigen! Aber nicht nur ein Leerzeichen.
-> alt=""! (wie kommst Du eigentlich auf alt="""???)

Danke. Ja, das bezog sich auch nur auf Layoutbildchen, andere wie etwa "filesharing" haben neben dem Alt-Text selbstverständlich auch noch einen ergänzenden Title-Tag.

Gelesen habe ich es in der Newsgroup de.comm.infosystems.authoring.misc, in der ich seit etwa 2 Jahren mitlese. Anscheinend soll der Validator mit einem der beiden Probs haben (oder zumindest gehabt haben). Daher meine Frage.

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Erleuchteter

Vorname: Mirko

Mittwoch, 17. Juli 2002, 12:57

Zitat

Original von Fritz Löblein

Zitat

Zitat

Und empfehlt Ihr eher alt=""" oder alt=" " ?

Also, entweder keinen alt-Text (also ein leeres alt-Attribut; nur bei Layoutbildern!), oder einen aussgakräftigen! Aber nicht nur ein Leerzeichen.
-> alt=""! (wie kommst Du eigentlich auf alt="""???)

Danke. Ja, das bezog sich auch nur auf Layoutbildchen.
[...]
Anscheinend soll der Validator mit einem der beiden Probs haben (oder zumindest gehabt haben). Daher meine Frage.

Probleme hat er imo mit 3 Quotes. Nimm einfach alt="".

mem
PS: dciwam ist gut!

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

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »memowe« (17. Juli 2002, 12:58)

Zum Seitenanfang

Anfänger

Mittwoch, 17. Juli 2002, 17:52

Jepp, werde ich machen und dciwm ist gut, da wird die Seite als nächstes präsentiert, wenn alles validiert ist und soweit fertig - bin gespannt, was es dann dort noch zum "Niedermachen" gibt

Signatur von »Fritz Löblein« Ein Löblein kommt selten allein

Zum Seitenanfang

Erleuchteter