Eines vorweg - sind Sie noch in der Planungsphase Ihrer geschäftlichen Website oder können sich noch ohne großen Aufwand für eine andere Technik entscheiden - dann tun Sie dies! Suchen Sie nach Alternativen, Ihr bereits im Kopf befindliches Frameset-Projekt ohne Frames zu lösen - es gibt sie.
Auch wir waren in den 90ern von dieser Technik fasziniert, die damals einige gute Vorzüge gegenüber normalen Html-Seiten bot und konnten uns bei einem wichtigen Webprojekt schwer von den Frames trennen. Aus heutiger Sicht, mit den Möglichkeiten serverseitige Sprachen, wie beispielsweise php, kostengünstig zum Einsatz zu bringen müssen wir sagen, dass sich die Vorzüge von Framesets mit anderen Technologien besser erreichen lassen.
Lieben Sie Framesets und können auf die Besucher, die über Suchmaschinen kommen verzichten, weil Ihre Website nur eine kleine private Homepage ist, auf der Sie Ihren Bekannten, die Ihre Webadresse kennen, Mitteilungen machen möchten? Dann verwenden Sie ruhig Ihr Frameset weiter. Ein Link auf die Startseite, die das Frameset lädt, von jeder Unterseite aus, behebt dann das Problem der fehlenden Navigation.
Fehlende Navigationen auf den Unterseiten, den sogenannten Frames, veranlassen die Spider von Suchmaschinen, diese Webseiten als unwichtig einzustufen und nicht so gut zu listen, wie Seiten mit Navigation. Für den Spider sind Seiten ohne Navigation Einbahnstraßen, die er nicht über einen Link verlassen kann. Er hat die Navigation, die ja ausgelagert ist nicht zur Verfügung und vermutet nun, dass es einem menschlichen Besucher ebenso geht, da hilft auch ein Nachladen per javascript nichts, denn javascript führen Suchmaschinen zur Zeit nicht aus und dies ist auch für die Zukunft nicht zu erwarten. Für einen Spider sind nun mal Links das Wichtigste an einer Webeite.
Externe Verlinkung der Unterseiten ist nur schwer möglich. Meist wird auf die Startseite (das Frameset) gelinkt, weil diese in der Adresszeile des Browsers steht, egal welche Unterseite gerade geladen ist. Auch die Speicherung in den Favoriten erfolgt nach dem gleichen Schema. Somit muß die Information die sich auf einer Unterseite befindet und die eigentlich verlinkt werden sollte bei jedem Aufruf neu gesucht werden. Das Ablegen in den Favoriten ließe sich in einigen Browsern wie beispielsweise dem IE noch mit einem Klick über die rechte Maustaste auf den zu bookmarkenden Frame lösen, aber wieviele Besucher wissen das schon?
Wird per javascript das Frameset nachgeladen und dann die in der Adresszeile des Browsers befindliche Url verlinkt, so kommt es zur Erzeugung von duplikate Content. Das heißt - ein und die selbe Webseite ist unter zwei Adressen zu finden. Das lieben Suchmaschinen gar nicht und ahnden dies im besten Fall mit dem Ausschließen einer der beiden Seiten aus dem Index. Es kann auch passieren, dass beide Seiten ausgeschlossen werden oder die mit dem Queristring in der Url in den Index aufgenommen wird, was nicht gerade optimal ist.
Nicht zuletzt der Barrierefreiheit ihrer Webseite zu liebe sollten Sie auf Frames verzichten. Ein Frameset ist alles andere als barrierefrei. Die vorangegangenen Punkte machen dies sehr deutlich.
Php-Webspace kostet heut nicht mehr die Welt. Die kleinen Pakete sind inzwischen für Jeden erschwinglich. Mit php können Sie die Navigation per include in Ihre Webseiten einfügen. Die zu includierende Datei übernimmt die Rolle des Navigationsframes. In diese Seite werden alle Links der Hauptnavigation eingetragen. Benötigen Sie Subnavigationen so legen Sie getrennt nach Kategorien, separat für jede Kategorie eine Datei mit der Endung .inc an (inc.php oder .php geht auch und wird aus Sicherheitsgründen empfohlen). Diese Navigationsseiten legen Sie beispielsweise in einen Ordner inc um den Überblick zu behalten. Nun müssen Sie wie bei der Verwendung von Navigationsframes einfach in die entsprechenden Unterseiten die richtigen Navigationsseiten laden. Unter Verwendung einer Datenbank läßt sich der Arbeitsaufwand noch einmal verringern ist aber bei kleineren Projekten wie schießen auf Spatzen mit Kanonen. Haben Sie in Ihrem Webspace eine Datenbank incl. dann können Sie diese natürlich dafür nutzen.
Sie haben jetzt noch ein Problem? Sie können nicht in php programmieren? Um eine Navigation in eine Webseite zu includieren sind keine umfangreichen Programmierkenntnisse notwendig. Wir zeigen Ihnen in einem der nächsten Kapitel wie das geht.
Gestalten Sie das Layout Ihrer Website so, dass es sich variabel an jede Größe des Browserfensters anpasst. Mit Text funktioniert das in fast allen Browsern sehr gut. Inline Elemente, die mittig ausgerichtet werden sollen, lassen sich mit text-align:center;
horizontal mittig ausrichten. Für einige Versionen des IE können Sie die horizontal mittige Ausrichtung der inneren Elemente auch ohne Breitenangabe erreichen. Für die meisten Browser ist aber zusätzlich die Angabe für die Breite des Bereiches notwendig, der mittig ausgerichtet werden soll. Leider klappt die vertikale Ausrichtung generell nur mit dem Festlegen der Höhe des darzustellenden Bereiches.
Sie können das Scrollen der längeren Inhalte unter der Navigation hindurch per css lösen und für ältere Browser, mit denen sowieso nicht mehr viele Besucher kommen, eine Alternative durch das Einbinden verschiedener css-Stylesheet bieten.
In einigen Browsern funktioniert auch das Mitscrollen der Navigation, welches ebenfalls per css realisiert werden kann. Aber Vorsicht - wir haben schon erlebt, dass der IE7 dann gar keine Navigation mehr anzeigt.