Bisher sind/waren meine Webseiten doch eher statischer Natur. Dies hat sich aber kürzlich massiv geändert.

In meinem Newsticker ist das primäre Ziel natürlich, meine Leser auf die Neuigkeiten auf meiner Webseite hinzuweisen und diese Seite bezweckt genau das. Vieles wird sich hier ändern, aber es wird auch seine Zeit brauchen bis es perfekt ist.

• Diese hier vorliegende Seite informiert meine Leser darüber, was vom technischen Standpunkt gesehen auf der Webseite Newsticker alles neu ist.
• Die Seite Newsticker informiert hingegen darüber, was inhaltlich auf dieser Seite neu ist.

Technisch gesehen ist diese Seite eine statische Seite. Ich werde sie aber entsprechend meinem momentanen Irrtum laufend ändern.

Neuigkeiten zu meiner Webseite werde ich nur noch im Newsticker posten mit entsprechenden Links zu weiterführenden Seiten. Versierte Leser werden auch die Möglichkeiten zur automatischen Benachrichtigung nutzen können (Stichwort RSS etc.), für die andern (wie ich) werden diese Möglichkeiten gelegentlich dokumentiert.

Der Newsticker basiert auf WordPress und seine enorme Funktionsvielfalt erschlägt mich förmlich. Vor lauter Bäumen sehe ich den Wald nicht mehr! Darum hab ich mich für ein gemächliches Vorgehen entschlossen:

1. Zuerst wird die Gestaltung an meine statischen Webseiten angepasst. Dies ist mir schon weitgehend gelungen. Mit der Schrift bin ich noch nicht zufrieden. Da muss eine Abstimmung mit meinen statischen Webseiten erfolgen. Hab ich soeben erledigt.
2. Mit Blog-Software werden News-Artikel natürlich chronologisch angeordnet: Neueste zuerst, die ältesten in Archiven. Wie weit auch eine andere Organisation implementiert werden kann, muss ich noch eruieren (in Joomla! wäre dies möglich, aber das Ding ist mir einfach zu kompelex und damit unflexibel).

Mir selbst dient diese Seite als Checkliste für Verbesserungen der Webseite. Leser sind aber hoch willkommen mit Kommentaren weitere Vorschläge zu posten!

Grundsätzliches

Beim Layout / Gestaltung meiner Webseiten ist mein oberstes Anliegen, dass die Seiten mit unterschiedlichen Schriftgrössen, Browser-Fensterbeiten und Zoomingfaktoren immer ansehlich dargestellt werden. Wer dies nachprüfen will, ändere mal die Schriftgrösse mit <CTRL> resp. <STRG> und Mausrad rauf oder runter. Oder dann mal die Breite des Browserfensters ändern. Die Seite sollte sich immer den Vorlieben des Betrachters anpassen lassen! OK, grösste Schrift und kleinste Fensterbreite wird wohl nicht gefallen, sollte trotzdem Bedarf bestehen, empfehle ich für das Display eine höhere Auflösung oder einen physisch grösseren Bildschirm.
Sie fragen sich: “Wozu denn das?”. Dann betrachten Sie mal diese Seite mit einem Handy und dann mit einem modernen HD-Fernseher mit einer Auflösung von 1920×1080 Pixel und Internetanschluss.

Gestaltung

Die Gestalltung der Webseiten ist aus meiner Sicht schon sehr weit fortgeschritten, auch wenn das dem Betrachter nicht auffallen mag . Mir ist klar, dass mit zunehmendem Inhalt die Gestaltung der Webseite weiteres Verbesserungspotenial aufzeigen wird. Das Layout konnte ich soweit schon recht gut meinem Layout der statischen Seiten angleichen.
Die wesentlichste Verbesserung ist die dynamische Generierung der Webseiten-Inhalte.

Struktur

Was die Struktur der Gestaltung anbelangt, bin ich meiner Ansicht nach schon weit gekommen. Die Struktur der Informationen hinkt dem aber noch weit hinterher. Verbesserungen dürfen vor allem in diesem Bereich erwartet werden.

Einführung in mein Weblog

Mit dieser Seite werde ich mich wohl mal als Erstes selber in mein Weblog einführen. Zu vielfältig sind die Möglichkeiten meines Blogging-Systems. Es gilt mal erst selber den Überblick zu gewinnen, um dann ein Konzept für die Seitenstruktur festlegen zu können. Später wird sie hoffenlich auch mal meinen Lesern dienlich sein.
Beginnen wir doch mal ganz einfach. Die Seite ist vertikal in drei (3) seitenweite Blöcke unterteilt:

1. Header / Kopfteil
2. Content / Inhaltsbereich
3. Footer> /Fusszeile

Header / Kopfteil

Dieser bildet den Anfang meiner Webseite und erstreckt sich über die ganze Breite des Browserfensters (abgesehen vom Hintergrundbild an beiden Rändern) und ist ca. 200 Pixel hoch. Er enthält ein sich laufend änderndes Bannerbild, die Bezeichnung meines Blogs (DiZi’s Newsticker) sowie Reiter mit Links, die auf statische Seiten führen.

Content / Inhaltsbereich

Als Inhaltsbereich ist alles anzusehen, was zwischem dem Header und dem Footer angelegt ist. Typischerweise ist dieser dreispaltig ausgelegt, mit je einer blau hinterlegten Seitenleiste links und rechts. Dazwischen in der Seitenmitte befindet sich der hellgrau hinterlegte eigentliche Inhalt. Dieser Teil ist vollkommen dynamisch gestaltbar, d.h. ich kann ihn jederzeit für die gesammte Newsticker-Präsenz umgestalten (könnte ich auch mit dem Header und Footer machen wenn ich wollte).

Footer

Dieser bildet am unteren Ende der Webseite den Abschluss und ist grau hinterlegt. Er enthält in der ersten Zeile einen statischen Link, der zur Startseite meines Blogs führt und allenfalls weitere dynamisch eingeblendete Links. Danach schliessen sich einige statische Informationen zweispaltig mit Informationen zum Publisher, Haftungshinweisen, Impressum an (Datenschutzerklärung sollte hier wohl auch einmal aufgenommen werden).

Unterteilung Inhaltsbereich

Hier gilt grundsätzlich, dass Meistgenutztes und Aktuellstes zuoberst steht. Dies gilt für alle drei Spalten des Inhaltsbereichs:

1. Linke Seitenleiste
2. Artikel
3. Rechte Seitenleiste

Zuerst ein paar Worte zu den Seitenleisten:

Linke Seitenleiste

Die linke Seitenleiste beginnt mit statischen Links, wechselt dann nach unten hin über zu zunehmend mehr dynamischen Links (Kategorien, werde ich versuchen über die Zeit zu stabilisieren; bis hin zum Archiv).

Rechte Seitenleiste

Auch hier kommen zuerst die meistgenutzten Funktionen, wie Suche, Login. Danach folgen aber
die neuesten Artikel, Kommentare und später vielleicht die beliebtesten Artikel.

Kommentare

Kommentare bitte auf der Seite Feedback abgeben.