Hilfe!meinewebseite.net

Das benutzerdefinierte Design

Mit den benutzerdefinierten Design kann man seine Homepage nach eigenen Ideen gestalten. Wenn man mit diesem Design arbeiten will, sollte man auch schon eine Vorstellung haben, wie die Homepage aussehen soll.

Erklärung:

Beim Wechsel zum benutzerdefinierten Design erscheinen 4 Elemente.

Styles verwalten

Styles zuordnen

Frameset

Startseiten

Bevor wir zu den Styles kommen, nehmen wir uns erst das Frameset vor. Ein Frameset besteht aus Feldern (Frames), in denen Textseiten angezeigt werden sollen. Also muss für jedes Feld mindestens eine Textseite erstellt werden, die in dem Feld auch als Startseite gilt. Wir beschäftigen uns z. B. mit einen Frameset das aus 3 Feldern besteht: Oben ein Logo, links die Navigation und das große Feld ist der Hauptframe. Dort werden die Textseiten angezeigt, die durch die Navigation (linkes Feld) gesteuert werden. Also brauchen wir eine Textseite für die Navigation und eine für das Logo. Da man vorher schon mit einer Vorlage oder dem anpassbaren Design gearbeitet hat, sind bestimmt schon Textseiten für den Hauptframe vorhanden. Erstellen wir jetzt die Textseiten für das Logo und für die Navigation. Das kann auch im Editor geschehen. Dabei sollte man beachten, dass die Textseiten nur so groß gestaltet werden, wie das Feld es auch anzeigen kann. Bei dem Logo könnte man z. B. ein Bild links und eins rechts einsetzen; und in der Mitte eine Schrift mit dem Namen der Homepage. Für die Textseite der Navigation, kann man die einzelnen Elemente im Editor mit "Hyperlink einfügen" erstellen. Dabei sollte man beachten, dass man als Frame den Hauptframe auswählt, denn dort soll ja die angewählte (angeklickte) Textseite erscheinen.

Nun zu den Styles: Normaler Weise braucht man die nicht. Dort gibt man die entprechenden html-Codes ein, die das Aussehen einer Seite mit einer Hintergrundfarbe oder Hintergrundbild bestimmen. Einmal eingeben, wird das Aussehen automatisch der zugeordneten Seite angepasst. Da es sich eigentlich nur um eine Hintergrundfarbe oder ein Hintergrundbild handelt und wir uns im benutzerdefinierten Design befinden, kann man die html-Codes auch direkt in eine Textseite im html-Modus einfügen. Aber ohne Styles funktioniert das benutzerdefinierte Design leider nicht also müssen wir zumindest ein Style erstellen. Aber wir wollen das mit den Styles auch verstehen, deshalb gehen wir zu unserem Beispiel mit den 3 Feldern zurück. Das bedeutet, wir erstellen auch 3 Styles und benennen die genau so wie die Felder. Einen Style nennen wir "Logo", einen "Navigation" und einen "Hauptframe". Wir gehen also auf "Styles verwalten", dann "Neues Style erstellen", dort geben wir als Namen des Styles "Logo" ein. Jetzt sollte man sich auch entschieden haben, welchen Hintergrund das Logo bekommen soll.

Für eine Farbe als Hintergrund gibt man folgenden Code ein:

ein, für ein Hintergrundbild diesen:

Dann geht man auf "Erstellen". Damit haben wir einen Style für das Logo erstellt. Nun muss nur noch die Textseite für das Logo dem Style zugeordnet werden. Dazu geht man auf "Styles zuordnen". Oben sind dann die ganzen Textseiten aufgelistet, von den wir eine auswählen, auf "Zuordnung erstellen/ändern" drücken, dann auf "Los" und wählen dort den Style „Logo“ aus und zum Schluss auf "Übernehmen" klicken.

Diesen Vorgänge wiederholen wir mit der Navigation und den Hauptframe. Die Textseiten dem Feld zuordnen, in dem sie auch erscheinen sollen. Wie oben schon erklärt, können wir auch nur einen Style erstellen und diesen leer lassen. Dann ordnen wir alle Textseiten dem Style zu und geben die Hintergrundbefehle im html-Modus auf der Textseite (am besten ganz oben) ein. Dies ist besonders zu empfehlen, wenn man auch im Hauptframe angezeigte Textseiten mit verschiedenen Hintergründen haben möchte.

Jetzt gehen wir auf "Frameset" und wählen dort das mit den 3 Feldern aus. Zum Schluss dann auf "Startseiten" und ordnen die Textseiten den Feld zu, die mit Zahlen markiert sind. Für das Logo, das auf Feld 3 soll, nehme ich auch die Textseite Logo, für die Navigation, auf Feld 1, die Textseite Navigation und für den Hauptframe, der auf Feld 2 ist, die Seite, die als erste dort erscheinen soll - z.B. Willkommen.

Jetzt kann man seine Homepage aufrufen und sich den Schlamassel (kleiner Scherz) anschauen, ggf. nachbessern oder weiter experimentieren, bis es so aussieht , wie man es sich vorgestellt hat. - Einfach ausprobieren! Wenn es noch nicht so richtig funktionieren will, kann man jeder Zeit wieder auf Vorlagen oder das anpassbare Design zurück wechseln!