Hi Leute,

ich hab mal versucht, eine eigene HP zu basteln. Kritik ist erwünscht!

zur Homepage

Updates
° 1. Update am 25.12. 2002 nach den Tipps von axedon und langenheider. Danke an euch!
° 2. Update am 27.12. 2002 KOMPLETT - UPDATE
° 3. Update am 3.1.2003 Bereitstellung von mehr Inhalt und diverse Optimierungen
° 4. Update am 25.1.2003 Optimierung der Startseite (kürzere Teaser, weniger Text allgemein) / Menühover bearbeitet / Bereitstellung eines Artikels in "Drummer" / und viele Kleinigkeiten

Zielgruppe
Freunde, Webworker, Drummer

Layoutkonzept
° Einfach, aber elegant
° Übersichtlich
° Praktisch

Greets und schonmal Danke,
euer
Tommes

_________________
der MRR des WWW
Das "Webseite-Nörgeli" und "Korintenkackerli"

[ Diese Nachricht wurde geändert von: tommes am 2002-12-26 00:35 ]

[ Diese Nachricht wurde geändert von: tommes am 2002-12-27 19:50 ]

[ Diese Nachricht wurde geändert von: tommes am 2003-01-03 17:29 ]

[ Diese Nachricht wurde geändert von: tommes am 2003-01-25 18:51 ]

---
Bin nicht dafür bekannt, ein Blatt vor den Mund zu nehmen.

1. E-Mail-Buttons nicht definiert
2. "Übersicht" "Sitemap" nennen, dann weiß jeder, was gemeint ist
3. "Doku's"
a) "Dokus"
b) Was sollen das sein? Dokumentationen? Dokumente? Was für Dokumente?
4. Ich würde dier horizontale Navigation komplett weglassen und stattdessen dafür sorgen, dass die vertikalen Abstände bei der anderen Navigation größer werden. Im Moment sieht das ziemlich gedrängt aus.
5. Mit anderen Farben statt den beiden Blautönenn und dem Orange könnte das richtig gut aussehen.
6. Das Impressumfeld würde ich anders platzieren, zumindest aber so, dass es das Logo nicht verdeckt. Evtl. mit grauem statt schwarzen Rand.
7. "E Mail Adresse" - da fehlen zwei Bindestriche

recht klassisch aber ganz gut.
Allerdings ist der Text links im Menü ziemlich schwer zu lesen. Schrift etwas größer und mehr Kontrast wäre ganz gut.
Ich denke auch, dass dieses doppelte enü überflüssig ist, das verwirrt etwas.
Ich weiß nicht, ob das an mir leigt, aber ich finde das sieht so etwas asymmetrisch aus. ich würde das vielleicht so machen, dass das linke menü+inhalt zentriert sind und das Logo dann quasi links übersteht und nach oben hin vielleicht noch etwas Abstand.
Vielleicht würd ich bei den einzelnen Überschriften im Inhalt die blauen Rechtecke noch bis auf die Trennlinie ziehen.
Sonst find ichs aber gut. Hat nur für meinen Geschmack etwas wenig Kontrast und Frabe aber das is ja momentan sowieso irgendwie der "Trend"

Gruß und Frohe Weihnachten
Johannes

Schonmal Danke Leute,

@axedon:

° Was meinst du mit E - Mail Buttons? Da gibts genau einen und was sollte ich da noch definieren?

° "Übersicht habe ich deshalb nicht Sitemap genannt, weil ich davon ausgehe, dass viele meiner weniger Internet versierten Freunde mit dem Begriff "Sitemap" nicht viel anfangen können. Was meinst du? Kann man mitlerweile davon ausgehen, dass den Begriff jeder kennt?

° Dokus werde ich in "Dokumentationen" umbenennen.

° Die horizontale Navigation ist die eigentliche globale Navigation. Das Menü links soll dem Besucher nur kurz zeigen, was sich hinter den Punkten verbirgt. Auf den "Child - Pages" soll dann an dieser Stelle eine lokale Navigation stehen, die sich nur auf die jeweilige Rubrik bezieht. Meinst du, ich sollte die Übersicht auf der Startseite weglassen?

° Mit den Farben scheint ihr euch einig zu sein. Was würdest du als Farbwahl vorschlagen? Du schreibst "...statt den beiden Blautönenn und dem Orange...". Was würde dir vorschweben?

° Wie man E - Mail - Adresse schreibt, schau ich im Duden nochmal nach.

Danke für deine Meinung.

@ langenheider

° Das Menü, ... - ich werde es vielleicht auh ganz rausnehmen. Die Fonts mach ich aber in jedem Fall größer

° Dass der Blaue Kasten an die Trennlinie andockt lies sich leider nicht bewerkstelligen, da daneben eine h2 steht, die einen größeren Zeilenabstand hat. Das lässt sich zwar umgehen, wenn ich nur einen CSS Span verwende, möchte ich abern nicht, weil ich sonst die Suchmaschinen um wichtige Infos bringe.

° Auch für dich: Welche Farbwahl würdest du vorschlagen?

Herzlichen Dank, für deine Kritik.

Frohe Weihnachten euch allen,

Tommes


---
Bin nicht dafür bekannt, ein Blatt vor den Mund zu nehmen.

° Was meinst du mit E - Mail Buttons? Da gibts genau einen und was sollte ich da noch definieren?

Definieren in soweit, dass du ein style-Attribut per CSS hinzufügst, um so eine universelle Farbe des Buttons zu definieren, damit diese nicht mehr vom jeweiligen Windows-Schema abhängt.

@Farbe:
Da würde ich z.B. Stahlgrau wie etwa #56728B vorziehen.

@Christoph

Danke für die Tipps. Das Mailformular werde ich mir nochmal vornehmen.

Mit der Frabe stahlgrau experimentiere ich nochmal rum und versuche auch mal noch ein paar andere Farben.

Soweit mal danke. Ich mach mich gleich dran.

Greets
Tommes


---
Bin nicht dafür bekannt, ein Blatt vor den Mund zu nehmen.

ich habe einfach mal ein paar Sekunden in PS rumexperimentiert. Die angegebene Farbe ist sicher nicht der Weisheit letzter Schluß.

Ich habe jetzt mal ein paar eurer Ratschläge verwirklicht.

° vertikale Übersicht auf der Startseite umbenannt, Fontsize vergrößert und Abstände eingefügt

° Logo gändert

° Linkfarbe in "stahlgrau" geändert

Eure Meinungen sind jetzt gefragt!
... von allen, nicht nur von Christoph und langenheider.

Greets
Tommes


---
Bin nicht dafür bekannt, ein Blatt vor den Mund zu nehmen.

also bis auf den tippfehler bei 4"frineds" ;) eigentlich ziemlich nett anzuschauen.
ein kritikpunkt meinerseits, wär evtl. noch die bildunterschrift "drumming webworker's homepage". meiner meinung nach nen tick zu hell.

nachtrag:

das impressum ist wohl nur mit aktiviertem javascript einsehbar?!


---
das glück ist eine hure.

Macht einen sehr ge-WYSIWYG-ten Eindruck, find ich (bei sowas schau ich dann immer gleich in den Quelltext um zu sehen ob mein Eindruck richtig war und welcher Editor es wahr.. *Neurosen auspack*).

1. Wieso sind "Schon mal üben für die Prüfung?.." und "Downloads für Fachinformatiker" Bilder??
Mach daraus doch lieber normalen, suchmaschinenlesbaren, durchsuch-, markier- & kopier-baren Text.

2. Die Positionierung der Seite ist irritierend, nicht ganz in der Mitte sondern ein wenig rechts davon. Ich denke die Tabelle ist zentriert, aber der Abstand links im Logobild und die Position des linken Menüs rücken das ganze nach rechts.
Lösung: Das ganze nach links setzen, Logo weniger überhängen lassen, ?

3. Das Inhaltskästchen ist total unharmonisch.
Kaum Padding in dem Kästchen, dafür riesen Zeilenabstand, mitten drin eine unverständliche Leerzeile gefolgt von einem extrakleinen Abstand. -- und dabei gleich drei Schriftfarben.
Lösung: Extra Padding für diese Zelle, 1-2 Pixel weniger Zeilenabstand aber durchgängig denselben, Leerzeile gar nicht oder erst unter dem Link.

4. Wieso haben die Links die Farbe von Überschriften (& Hover) anstelle der Farbe der anderen Links? [Nachtrag: Liegt wohl daran, dass du zwei Postings weiter oben nicht alles geändert hast sondern nur teilweise?]

5. Besuchte Links haben kein Hover mehr?

Dankeschön Fireworker und c3o!

@fire

° ich probier mal, wie's dunkler aussehen würde. Tippfehler werden dann noch vom Lektor ausgebessert, aber danke für den Hinweis.

@c3o
Ja, es war ein WYSIWYG Editor im Spiel. Da ich keine Frames verwende arbeite ich mit verschachtelten Vorlagen.

Solange es nicht Frontpage (*pfui*) ist, kann man genen diese Art Editoren eigentlich nichts sagen, oder?

1. Dass der Kasten ein Bild und kein Text ist ist Absicht. Ich will nämlich vermeiden, von Suchmaschinen mit Fachinformatiker Prüfungen in Verbindung gebracht zu werden. Deshalb der Text als "Stealth - Object" für Suchmaschinen.
Hintergrund:
Der Verlag, welcher das Copyright dieser Prüfungen inne hat, dursucht regelmäßig das Web nach Downloadangeboten solcher, mahnt die Webseiten Betreiber ab und droht mit rechtlichen Schritten. Das Paradoxe: Es ist verboten die Prüfungen zu kopieren und anzubieten. Fragt man aber beim Verlag nach, ob man die Prüfungen wenigstens kaufen kann, bekommt man zu hören, dass die Auflage sich nicht lohnen würde. Ergo: Keine legale Möglichkeit Prüfungen zu bekommen.

2. Die Positionierung wurde jetzt schon von mehreren angesprochen. Ich versuche mal, die Seite nach links zu hängen.

3. Kästchen:
Stimmt. Da habe ich bei der Aktualisierung geschlafen. Der graue Font war ursprünglich die Farbe für

Werde ich nachziehen. Die Sache mit der Leerzeile auch. Allerdings gibts nur 2 verschiedene Zeilenabstände. Einen vom

Tag bestimmt und einen wegen der Leerzeile.

4. Linkfarbe:
Durch die gleiche Farbgebung der obigen Links soll intuitiv vermittelt werden, dass es sich hierbei um ein sehr wichtiges Seitenelement handelt: Nämlich um die globale Navigation. Meinst du, das sollte noch geändert werden?

5. Hover:
Ja, leider bei besuchten Links kein Hover mehr. Ich musste mich enscheiden:
:visited Stil und kein Hover
oder
:hover Stil auch bei besuchten Links, aber dafür sieht man nicht mehr, wo man schon war

Oder kennst du einen Workarround? Bin für Ratschläge immer offen Wer denkt, er ist gut, hat aufgehört besser zu werden.

Danke für Eure Beiträge

Noch eine Bitte: Geht auf der Seite unterm Punkt 4friends auch ein bißchen in die Tiefe! Es gibt auch Unterseiten, die auch bewertet werden wollen

Greets
Tommes


---
Bin nicht dafür bekannt, ein Blatt vor den Mund zu nehmen.

Nein, nix gegen Editoren, ich finde nur dass man es den Seiten oft ansehen kann.

1. Hab sowas vermutet, nachdem die Bilder "hidden.." benannt sind.
Man munkelt allerdings, Google Images würde Texterkennung über die Bilder laufen lassen, aber 100% beweisbar hab ich das noch nie gesehen.

4. Linkfarbe:
Ich meine, alle Links auf der Seite sollten gleich aussehen, zumindest nicht teilweise exakt wie ein anderes Seitenelement, nämlich die Überschriften!

5. Hover:
Doch doch, geht, wenn du den :hover im Quelltext erst nach dem :visited definierst.
In Opera und Mozilla gehts auch explizit mit ":visited:hover", aber da hält der IE nicht mit.

Auf den 4friends-Unterseiten steht in der linken Leiste: 4frineds

1. Eine entsprechende Anfrage habe ich an Google gesandt. Möglich wär's und in den FAQ steht nichts darüber drin.

4. Meinst du, die Linkfarbe oben verwirrt den Anwender?

5. Vielen dank für den Tipp. Es funktioniert. Ist eigentlich auch logisch. Der Browser parst beim Überfahren eines Elements die Stylesheet Datei bis zum ersten Antreffen einer zutreffenden Definition, bricht dann ab und stellt entsprechend dar. Was danach kommt, interessiert ihn nicht. LOGISCH!

Was hältst du vom Inhaltlichen aufbau (oben Globales Menü, links Themen Menü, rechts Inhalt und im Footer weiterführende Links. Fehlt dir als Surfer noch was?

Kritisiert ruhig weiter! Die Seite soll schließlich besser werden!

Greets
Tommes


---
Bin nicht dafür bekannt, ein Blatt vor den Mund zu nehmen.

So Leute, nochma' ran an den Speck

Die Seite wurde upgedated


---
Bin nicht dafür bekannt, ein Blatt vor den Mund zu nehmen.

Huii, Hut ab! Das sieht gleich um Längen besser aus.
Finde da spontan nix mehr zu kritisieren.