Arbeiten mit dem Editor
Bisher haben Sie für Ihre Homepage ...
- Seitenstruktur und eine logische Navigation festgelegt.
- Texte geschrieben und an die Bedürfnisse Ihrer
Zielgruppe angepasst.
- Schlüsselwörter im Menü, den Überschriften und
Texten untergebracht.
- Ansprechendes Fotomaterial zum besseren Verständnis
Ihrer Informationen erstellt.
- Ein Logo, Farben und eine Headergrafik, die Ihr Image
unterstützen, eingebunden.
Im letzten Schritt geht es nun um die Gestaltung der einzelnen Seiteninhalte (Contentbereich).
Seitenlayout
Mit dem Seitenlayout verpacken Sie die Bild- und Textinformationen Ihrer Seite. Sie bekommt damit eine Ordnung und Struktur. Das Layout positioniert die einzelnen Bild- und Textbausteine. Informationen werden zu einer Einheit zusammengefasst oder voneinander getrennt. Ziel des Seitenlayouts ist nicht den zur Verfügung stehenden Platz optimal auszunutzen, sondern die Zusammengehörigkeit einer Informationseinheit darzustellen bzw. verschiedene Informationseinheiten voneinander zu trennen. Freie Flächen sind nicht nur erlaubt, durch das geschickte Einsetzen von Freiflächen erhöht sich auch die Übersichtlichkeit einer Seite.
Vorlagen benutzen
Die einfachste Möglichkeit Überschriften, Tabellen und positionierte Bilder zu setzen ist die Benutzung von Vorlagen. Klicken Sie im Editor auf den Button Vorlagen und wählen Sie eine Vorlage laut dem Vorschaubild. Wenn Sie eine Vorlage mit Bild verwenden, klicken Sie nach dem Einfügen auf das Bild und dann auf den Button Bild einfügen / editieren. Wählen Sie Ihr Bild und es wird mit dem Bild aus der Vorlage ausgetauscht.
Überschriften und Absätze
Teilen Sie den Inhalt Ihrer Seite in einzelne Textabschnitte. Ein Textabschnitt kann im Editor als Absatz gekennzeichnet werden. Sie sollten für jeden Textabschnitt eine seperate Überschrift vergeben. Überschriften können im Editor mit der Wertigkeit 1
bis 6 vergeben werden. Durch die Wertigkeiten der Überschriften geben Sie Ihren Textabschnitten eine Hierarchie. Entsprechend sollten die Wertigkeiten auch an die Überschriften vergeben werden. Wertigkeit 1 bedeutet Haupt-Überschrift. Jede Seite sollte nur eine Haupt-Überschrift haben und damit natürlich auch am Anfang der Seite stehen. In der Haupt-Überschrift wird das Thema der Seite auf den Punkt gebracht und es werden die Schlüsselwörter der Suchmaschinenoptimierung untergebracht. Die Wertigkeiten 2 und 3 bedeuten Zwischen-Überschrift. Zwischen-Überschriften verwendet man zur feineren Untergliederung der Textabschnitte.Auch hier können noch Schlüsselwörter untergebracht werden. Überschriften der Wertigkeiten 2 und 3 sollten dazu benutzt werden dem Besucher einen schnell zu erfassenden Überblick über den Seiteninhalt zu geben. So kann er Besucher Ihre Seite kurz überfliegen und entscheiden, ob er mehr lesen möchte. Die Wertigkeiten 4 bis 6 sind Unter-Überschriften zur weiteren Unterteilung einzelnen Abschnitte. Für die Suchmaschinenoptimierung spielen Sie jedoch kaum noch eine Rolle.
Unter einer Überschrift können selbstverständlich auch mehrere Absätze stehen. Nicht jeder Absatz muß also zwingend eine Überschrift bekommen. Setzen Sie Absätze so ein wie es der Gedankengang Ihres Textes erfordert.
Überschriften sind auch ein guter Platz um Anker zu setzen. Mit Ankern haben Sie die Möglichkeit auf einer anderen Seite direkt zu einer Zwischen-Überschrift zu gelangen. Beim Setzen eines Ankers bekommt dieser immer eine Bezeichnung (Nummer oder Name) und kann dadurch direkt angesprungen werden. Um von einer anderen Seite auf einen Anker zu verlinken, müssen Sie das Rautezeichen (#) und die Bezeichnung des Ankers hinter den Link schreiben (z.B. page-seitenname-1.phtml#ankername). Wenn ein Besucher dann den Link zur Seite "seitenname" anklickt, springt die aufgerufene Seite direkt zur Zwischen-Überschrift, in der der Anker mit der Bezeichnung "ankername" gesetzt wurde. Anker sind also eine gute Hilfe für Ihre Besucher weiterführende Informationen gezielter zu finden.
In Absätzen ist die Breite einer Textzeile zu beachten. Um einen optimalen Lesefluß zu gewährleisten, sollten Textzeilen eine Breite von ca. 10 - 15 Wörtern nicht überschreiten. Zu kurze oder zu lange Zeilen bringen den Leser ins Stocken und werden von Ihm als irritierend und unangenehm empfunden. Das zählt nicht zu den Bedürfnissen eines Besuchers und muß vermieden werden.
Sekunden entscheiden
Ein Besucher möchte in wenigen Sekunden wissen, ob der Inhalt der Seite für ihn interessant sein könnte. Nicht nur die Überschriften verschaffen einen schnellen Überblick, auch einzelne Textstellen können
hervorgehoben werden, z.B. eine farbige Liste mit besonderen Merkmalen eines Produktes. Ziehen Sie Besonderheiten aus Ihrem Text heraus und stellen Sie sie getrennt von Ihrem Inhalt dar. Auch die Darstellung als Bild ist für diesen Fall denkbar.
Bilder auf der Webseite platzieren
Es gibt verschiedene Möglichkeiten Bilder auf der Seite unterzubringen. Die langweiligste Methode ist wohl einfach eine leere Zeile einzufügen und dort das Bild zu platzieren. Etwas eleganter wird es, wenn man das Bild links
oder rechts positioniert und den Text das Bild umfließen läßt. Klicken Sie im Editor zunächst an den Anfang der ersten Zeile, sodaß der Cursor an dieser Stellen blinkt und anschließend auf Bild einfügen. Wählen Sie Ihr Bild und stellen Sie im Auswahlfenster die Ausrichtung des Bildes auf rechts oder links, abhängig davon, ob Ihr Bild rechts oder links stehen soll. Bestätigen Sie Ihre Einstellungen und Sie sehen wie Ihr Text Ihr Bild umfließt. Bilder getrennt vom Text zu plazieren, läßt sich mit Tabellenspalten realisieren.
Arbeiten mit Tabellen
Tabellen sind das Werkzeug zur Gestaltung mehrspaltiger Layouts. Hier gilt es Verschiedenes zu beach- ten. Das erste Problem ist die Festlegung der Tabellenbreite. Um nachträglich die Seitenbreite bzw. die Breite des Menüs ändern zu können, sollte die Tabellenbreite auf 100% eingestellt werden. Sonst besteht die Gefahr, daß z.B. nach dem Verbreitern des Menüs ein horizontaler Scrollbalken am unteren Ende des Contentbereiches entsteht. Die Tabellenbreiten auf allen Seiten müßten dann nachbearbeitet werden. - Für einen automatischen Zeilenumbruch, unter Beachtung der Zeilenbreite, muß eine feste Breite in Pixeln an die betreffende Tabellenspalte vergeben werden. - Wenn Text in verschiedene Tabellenspalten geschrieben werden soll und man sich gleichzeitig noch an die Breite einer Textzeile halten will, hat man im Ergebnis gezwungenermaßen auch eine feste Tabellenbreite. Entfernen Sie in diesem Fall die Angabe der Breite für Ihre Tabelle und vergeben Sie Breitenangaben nur an Tabellenspalten.
Beginnen Sie mit der Gestaltung der Seite, die den meisten Inhalt bekommen soll. Skizzieren Sie als erstes ein mögliches Tabellenlayout auf Papier.
Wieviele Spalten soll die Tabelle erhalten? Wie sollen Überschriften, Text und Bilder in der Tabelle verteilt werden? Lassen Sie einzelne Spalten leer, wenn dies für mehr Übersichtlichkeit sorgt. Es besteht auch die Möglichkeit mehrere Tabellenspalten oder -zeilen zu einer zusammen zu fassen bzw. eine Zeile oder Spalte in mehrer zu teilen. Sie können somit ein Seitenelement also auch auf zwei oder mehr Spalten verteilen.
Fügen Sie nun eine Tabelle in die Seite ein. Der Rahmen und Zellenabstand außen sollte auf 0, der Zellenabstand innen auf 5 Pixel eingestellt werden. Der Zellenabstand sorgt dafür, daß die Inhalte zweier Spalten 10 Pixel Abstand bekommen. Alternativ kann der Zellenabstand innen auch auf 0 gestellt werden und dafür mit leeren Spalten und Zeilen gearbeitet werden. Diesen leeren Tabellenzellen müssen dann
die gewünschten Breiten bzw. Höhen für den Zellenabstand gegeben werden. Der gestrichelte Tabellenrahmen dient zur Orientierung und ist nur im Editor sichtbar. - Wenn Sie Spalten zusammenfassen möchten, geben Sie der Tabelle nur eine Spalte und teilen Sie die Spalte danach zeilenweise nach Ihren eigenen Vorgaben. Klicken Sie dafür mit der rechten Maustaste in die Spalte und wählen Sie im Kontextmenü Zelle horizontal teilen. Die einzelnen Spaltenbreiten können über das Kontextmenü Zellen Eigenschaften vergeben werden. Spaltenbreiten brauchen nur in einer Tabellenzeile vergeben zu werden. Die zugewiesenen Breiten werden automatisch auf die nächsten
Zeilen übertragen. Üben Sie zunächst mit einer Tabelle, um die gewünschten Einstellungen zuzuweisen. Platzieren Sie Ihr Bild- und Textmaterial in den Tabellenzellen. Überprüfen Sie die Zeichenanzahl einer Textzeile. - Sollten Sie Fragen oder Probleme bei der Erstellung Ihrer Tabelle haben, können Sie sich in unserem Forum melden. - Wir helfen Ihnen gerne weiter.
Dimension der Homepage
Feilen Sie zum Schluß noch etwas an der Dimension Ihrer Seite. Die Gestaltung mit Hintergrundgrafiken sollte erst durchgeführt werden, wenn die Dimension der Homepage festgelegt wurde.
Wählen Sie eine Seitengröße abhängig vom Umfang Ihres Inhalts. Wenn Ihre Seiten nur wenig Inhalt haben, empfiehlt sich eine feste Höhe in Pixeln anzugeben. Haben die Seiten etwas mehr Inhalt, kann die Seitenhöhe auf 100% gestellt werden. Die Höhe Ihrer Webseite passt sich dann immer an die Größe
des Browserfensters Ihres Besuchers an. Sollten Ihre Seiten besonders umfangreiche Inhalte bieten, kann die Einstellung auto gewählt werden. Auto bedeutet, Ihre Seite wird automatisch so hoch skaliert wie der Inhalt. Diese Einstellung ist für Module nicht möglich, da die Höhe des Modulinhaltes nicht ausgelesen werden kann. Bei der Einstellung auto müssen Sie bei jedem Modul eine separate Höhe angeben oder können alternativ das Javascript zur automatischen Zuweisung der iFrame-Höhe in Ihr Modul einfügen.
Bei der Seitenbreite habe Sie die Wahl zwischen 100%, die Homepage wird auf die Breite des Browserfensters Ihres Besuchers skaliert, und einer festen Breite in Pixeln. Auch wenn sich große Bildschirme inzwischen durchgesetzt haben, gibt es immer noch genügend Menschen, besonders ältere, die auch bei einem großen Bildschirm eine geringe Auflösung von 800 x 600 Pixeln eingestellt haben. Bedenken Sie diesen Umstand, wenn Sie eine Breite von mehr als 780 Pixeln einstellen möchten. Diese Besucher Ihrer Homepage hätten dann, z.B. bei einer Einstellung von 1000 Pixeln Seitenbreite, einen horizontalen Scrollbalken auf jeder Seite. Bei der Einstellung Breite 100% können Sie Ihre Seite für verschiedene Größen des Browserfensters testen indem Sie das Browserfenster einfach verkleinern und die Seite anschließend aktualisieren. Unsere Beispielseiten im Bereich Demo veranschaulichen verschiedene Einstellungen bezüglich der Seitengröße.
Veröffentlichung
Auf der Google-Homepage kann man lesen, daß es nicht nötig ist die eigene Homepage bei Google anzumelden. Durch die Verlinkungen des Internets kommt der Googlebot von ganz allein auf die Homepage. Eine neu registrierte Domain sollte trotzdem angemeldet werden, da es ja noch keine Links auf die eigene Homepage gibt. Öffnen Sie die Seite der Google-Anmeldung. Tragen Sie Ihre Domain ins Eingabefeld ein und klicken Sie auf URL hinzufügen. Es kann mehrere Wochen dauern bis Ihre Webseite im Suchergebnis von Google auftaucht. Ihren Webseitenstatus bei Google können Sie auf dieser Seite abfragen.
