WebStyleBoard

Hallo Leute,

erstmal danke an alle, die bereits zur Verbesserung unserer Vereinshomepage http://www.sv-einigkeit.de beigetragen haben. Ich hab' den Großteil der Anregungen umgesetzt und bin sehr gespannt, wie euch die Seiten jetzt gefallen.

Auch diesmal vielen Dank im Voraus für eure kompetente Hilfe.

[q=memowe]Noch viel cooler wäre es, für die Navigation eine verschachtelte Liste zu verwenden, die latür per CSS leicht so zu formatieren wäre, wie gewünscht. Dann solltest Du auch auf der Startseite nur die Hauptnavigation sichtbar machen (sprich: die Unterpunkte ausblenden). Du kannst dann auf den jeweiligen Unterseiten die nächsttieferen Seiten verlinken und in der Navigation die Liste ausklappen. Das ist wesentlich übersichtlicher, auch wenn vielleicht ein Klick mehr zwischen der Hauptseite und der tiefsten Unterseite liegt.[/q]Eine Umstellung der Navigation auf eine Liste ist geplant, ich hab' das aber noch nicht umgesetzt, da ich gerne eure Meinungen zur Navigation abwarten wollte - vielleicht fällt die linke Spalte ja ganz weg.
[q=memowe]So wie ich das abschätzen kann (pi * Daumen Hälfte des Screen), gibt es bereits bei 800x600 einen horizontalen Rollbalken. Was hast Du gegen variable Breiten?[/q] Ja, bei 800x600 gibt es einen horizontalen Rollbalken, hab' die Größe aber vorerst so gelassen, da ohne die linke Spalte die Größe passen würde.
[q=memowe]Für mich ist die Schrift ab 120% am besten lesbar.[/q]
Ich hatte die Schrift früher größer - aber bei so viel Text sieht eine kleinere Schriftart im gesamten Schriftbild irgendwie kompakter aus (hab' aber für bessere Lesbarkeit den Zeilenabstand etwas erhöht).
[q=memowe]Wieso verwendest Du so massig viele META-Texte, wenn sie auf jeder Seite gleich sind? Was hat das für einen Sinn? Das ist ungefähr genau so sinnvoll, wiecode: [/q] Lässt sich leider im Moment nicht vermeiden, da die Meta-Tags im Header-Template stehen, das für alle Seiten gleich ist.
[q=memowe]Der Header ist für meinen Geschmack zu groß. Dafür, dass er nur ein Logo und 48 Zeichen in zwei Zeilen enthält, ist er überdimensioniert. Teste doch einfach mal, ob das mit einer Höhe von etwa der Hälfte der bisherigen noch gut aussieht und lesbar ist.[/q] Yep, finde ich auch - eine Größenänderung zerreisst aber das ganze Layout. Evtl. muß ich mir wirklich mal Gedanken über ein komplett neues Layout machen.
[q=memowe]Mehr fällt mir und meinem kranken Hirn im Moment nicht ei^Wnegativ auf. Ich hoffe, es hat schon ein bisschen weitergeholfen.[/q] Vielen Dank für deine Hilfe - und gute Besserung!
[q=Alex]Erste Frage: wie hast du dich in dem Quellcode noch zurechtgefunden?[/q]
Kein Problem, jede Seite besteht lokal auf der Festplatte nur aus dem Inhalt des weißen Bereiches - der Rest wird erst nachträglich vom Server per SSI eingefügt. Außerdem zeigt mein HTML-Editor den Quelltext auch etwas ordentlicher an als die Quelltext-Anzeige im Browser (andere Zeilenschaltung).
[q=Alex]Zweite Frage: Ist in den Metatags ein Maskieren (& uuml; etc.) erlaubt?[/q] Keine Ahnung ... mein HTML-Editor ist anscheinend dieser Meinung ...
[q=Alex]Dritte Frage: Warum der QC so umständlich? Geht auch viel einfacher...[/q] Das bringt das Tabellen-Layout mit sich - aber für eine Version ohne Tabellen als 'Gerüst' sind die Besucher noch nicht reif - es werden doch sehr viele alte Browser verwendet, die damit wohl dann ziemliche Probleme hätten.
[q=Alex]Zweiter Eindruck: Ich hasse es, zur Navi scrollen zu müssen... nimmt außerdem seeehr viel Platz weg. Und dass da so viel Platz zu beiden Seiten ist, kostet auch Nerven beim Scrollen...[/q] Yep, und den Platz könnte ich gut brauchen (siehe oben: lästiges horizontales Scrollen) - ich hab' jetzt auchmal das Scrollen ohne Maus-Rad ausprobiert, stimmt, die großen Abstände sind nicht wirklich ergonomisch einwandfrei.
[q=Alex]Eindruck beim Scrollen: Der der Seitenhintergrund schadet beim Scrollen meinen Augen. Am besten weg, mindestens aber mal background-attachment:fixed;[/q] Also bei mir sieht's fast so aus als würde er stehen bleiben - hab's bisher nicht als störend empfunden, werd' mir das ganze aber mal auf einigen anderen Systemen anschauen und ggf. einen anderen Hintergrund wählen.
[q=Alex]Erster Eindruck: Ganz O.K., ich würde nur den Übergang der Blaus in der Headergrafik fließender machen (selbige sollte auch kleiner sein). Dabei könnte es dann natürlich nützlich sein, diese als Hintergrund zu definieren und nur das blau reinzupacken, und die Überschrift selbst mit HTML+CSS zu machen. (bspw. text-shadow, auch wenn's noch nicht in allen Browsern geht)[/q] Die Hintergrund-Grafik ist nicht wirklich groß - schließlich wird sie horizontal ständig wiederholt. Für den gesamten Header muß ich mir unbedingt was neues einfallen lassen - aber das runde Vereinslogo schränkt doch die Wahl der Gestaltung sehr stark ein - braucht einfach sehr viel Platz.
[q=Chris]Ein wirklicher Nachteil der Website ist aber die fehlende Kompatibilität zu einer Bildschirmauflösung von 800x600. Grade bei deiner Zielgruppe könnte ich mir auch gut vorstellen, dass diese nicht immer die neusten Geräte etc. benutzten...und ein horizontales Scrollen wirkt einfach schlecht [/q] Yep, da hast du recht.

Vielen Dank für eure Anregungen.

Von der Benutzerfreundlichkeit her, wäre wohl ein solcher Seitenaufbau gut:

[-----------------HEADER-------------------]
[---------------Navigation -----------------]
[-----------------Inhalt ---------------------]
[-----------------FOOTER-------------------]

also ein ganz einfacher, einspaltiger Aufbau - hier könnte man dann auch komplett auf Layout-Tabellen verzichten.

... oder ist das zu einfach? - Außerdem hab' ich da keine Idee, wie ich den HEADER gestalten könnte.

[q=Chris]Ich frage mich wie Du die Navigationspunkte so stark kürzen willst, dass sie unter den Head passt?!? [/q] Ganz einfach:

Verein | Sport | Links | Service | Kontakt

Du fragst dich, wo die restlichen Seiten abgeblieben sind? - Guckst du hier:

Fahnenweihe -> Verein
Termine -> Service
Impressum -> Kontakt und zusätzlich am Seitenende

Die links in der oberen Navigation sollen jeweils Unterseiten aufrufen, die dann wiederum Links auf die einzelnen Seiten enthalten.

Wenn ich mir die neue Optik vorstellen könnte, wäre ich ein gutes Stück weiter.

Ich glaub, ich bau' die Seiten mal komplett neu auf, verteile die Themen neu und ändere auch die Navigation - vielleicht fällt mir ja dabei ein ordentliches Layout ein.

Um nochmal kurz auf die variable Seitengröße einzugehen:

Die einzelnen Seiten sollen im Stil eines Zeitungsartikels gestaltet sein (also links- und rechtsbündige Bilder im Wechsel) - nicht weil das die beste Lösung für's Netz ist, sondern weil unserer Zielgruppe nunmal ein solches Layout bereits aus Printmedien bekannt ist.

Hier stört dann aber die variable Seitengröße - denn die Bilder würden gerade bei großen Bildschirmen sehr weit entfernt sein - dies hätte zur Folge, dass das gesamte Layout 'zerissen' wird. Außerdem sind lange Zeilen über die gesamte Bilschirmbreite nur sehr schwer lesbar ...

Ich experimentiere momentan mit einer Breite von 640 Pixeln - da passt das Verhältnis zwischen Seite und den Bildern im Fließtext (Breite 200 Pixel) nicht schlecht.

Und noch eine Frage: kann man eigentlich in eine Seite zwei verschiedene externe Stylesheets einbinden? also z. B. eins für die "normalen" Formatierungen und dann noch ein weiteres für Sonder-Formatierungen?

Argh, so meinte ich das jetzt aber nicht!

Bei mir gibt's halt Formatierungen, die auf allen Seiten gleich sein sollen und auch Formatierungen, die für jeden Bereich anders sein sollen - ich find's etwas übertrieben, jedesmal gleich das ganze Stylesheet auszutauschen.

z. B. Überschriften im Bereich A sind rot, im Bereich B sind sie aber blau.

Also die Druckversion muß ich unbedingt wieder einbauen, sonst bekomm' ich von allen 'Websiteausdruckundofflinelesern' Ärger ... und das machen wirklich einige!

Wie definiert man denn am besten eine Schriftart mit Serifen? - Welche Schriftart(en) sollte man hier bei font-family: angeben?

wir sollten einen Chat aufmachen - bei so schnellen Antworten! ) Vielen Dank, ich geh' jetzt mal Homepage-Basteln. Bis jetzt hab' ich noch keine Tabelle verbaut.