Navigation

Info

Google Tricks: Einfache Tricks um Ihre Schlagwörter bei Google weiter nach vorne zu bringen.

Du Design, ich den Code: Partner gesucht! Du gestaltest die Internetseite, ich programmiere XHTML und CSS valide . Inhalte kannst Du dann mit Typo3 selber editieren.

Suchmaschinenoptimierung: Sofort umsetzbare Tipps und Hinweise für Ihre Typo3 Seite.

Bildbearbeitung: Mit kostenloser Software Bilder für Typo3 zuschneiden. Gimp-Tutorial

Green-IT: Alle Webseiten werden umweltfreundlich mit 100% Ökostrom aus Wasserkraft produziert.

Suchmaschinen: Zur Realisierung Ihrer Webpräsenz gehört für mich eine Schulung zu Typo3 Suchmaschinen- optimierung.

Statistiken: Für die Optimierung Ihrer Webseiten benötigen Sie eine umfangreiche Auswertung Ihrer Logfiles.

Layout

Das Layout in Typo3 wird über ein HTML-Template gesteuert. Das Layout Ihrer Seite wird zu allererst erstellt, Änderungen im fertigen Typo3-System sind zwar generell möglich, aber umständlicher.

Um ein Layout für meine Kunden auszuwählen, sind ein paar Gesichtspunkte zu berücksichtigen:

Um welche Art Webseite handelt es sich?

Möchten Sie ein Blog erstellen, ein Content Management System einrichten, eine Seite zur Firmendarstellung, ein Wiki, ein Forensystem etc.

Für all diese Webseitenformen gibt es speziell angepasste Software, die auf Webservern installiert werden kann. Diese Serversysteme erfordern spezielle  HTML-Templates. Manche Systeme verwalten Templates sogar als Plugins, Sie können Ihre Seite heute mal so, und morgen einmal anders anzeigen lassen.

Haben Sie besondere Layoutwünsche?

Natürlich berücksichtige ich Ihre Vorstellungen von Ihrem Layout. Ich berate Sie kompetent und werde darauf achten, daß Ihren Besuchern ein einfaches Navigieren auf Ihrer Webseite ermöglicht wird.

In welchen Zeitabständen verändern sich die Inhalte Ihrer Webseite?

Ist Ihre Seite häufigen Änderungen unterworfen, lohnt es sich eine Art Historie ins Layout einzufügen, um Besuchern der Webseite Übersicht zu bieten. Beispielsweise können Sie News in einer dritten Spalte des Templates anzeigen.

Wieviele Seiten können Sie mit Inhalten füllen?

Möchten Sie Ihr Unternehmen nur kurz vorstellen auf ein paar Seiten, oder füllen Produktbeschreibungen und Fotogalerien Dutzende Seiten aus? Das ist besonders für eine übersichtliche Benutzerführung wichtig, das Menü muß gut strukturiert werden. Ebenfalls sind die Menge der Inhalte ein direkter Hinweis auf die zukünftige Breite: wenig Inhalt, geringe Breite. Die Breite der Webseite ist variabel, man kann links und rechts einen Abstand definieren.

Layoutformen im Webdesign

Für Content Management Systeme eignen sich zwei- und dreispaltige Layouts. Gute HTML-Templates enthalten keine Tabellen zu Layoutzwecken, und Formatierungen werden ausschließlich über CSS (Cascading Style Sheets) realisiert. Das Navigationsmenü sollte mit Listenpunkten formatiert sein, so bleibt die Seite auch ohne CSS-Formatierungen navigierbar (wichtig für sehbeeinträchtigte Besucher mit Braille-Leser).

Darstellung zweispaltenlayout im webdesign

Ein zweispaltiges Layout enthält einen Headerbereich, der sich über die gesammte Breite der Webseite erstreckt. Darunter werden nebeneinander zwei Bereiche angeordnet. Der linke Teil wird im klassischen Layout zum Navigationsmenü, der rechte Teil enthält die Inhalte der Webseite. Natürlich lassen sich die drei Bereiche auch vertauschen, sagen wir oben ist das Navigationsmenü, links der Inhalt und rechts schliesslich der Teil der Webseite, der das eigentliche Corporate Identity ausmacht, der Header mit Logo. Unten folgt dann der Footer, eine schmale Zeile am unteren Bildrand, in der Copyright, Firmenname, etc. dargestellt werden.

Darstellung dreispaltiges Layout

Das dreispaltige Layout enthält ebenfalls einen Headerbereich über die gesammte Breite, darunter werden aber drei Bereiche angordnet, klassich wären das Navigation, Inhalt und rechts News. Dabei spielt es keine Rolle, ob Sie  Ihre Navigation im Header haben möchten oder in der rechten Spalte, alles ist möglich.