Step 07 - Navigations-Menüpunkte einzeln per HTML einfügen

Information: Wozu braucht man sowas? Ganz einfach! Wenn du zum Beispiel ein eigenes Design benutzt und deine Navigations-Menüpunkte anders stylen möchtest und noch Teil-Überschriften in die Navigation unterbringen möchtest. Wenn man anstatt den Platzhalter %navigation% alles manuell eingibt, hat men viel mehr Gestaltungsmöglichkeiten und die eigene Homepage wirkt damit auch professioneller.

Und los gehts!

Ihr müsst die Internet-Adresse jeder Textseite, die ihr in der Navigation habt, rausfinden und kopieren.
Daher sollte man sich gut überlegen, ob man es wirklich machen will. Wenn man nämlich 100 Textseiten in der Navigation hat, kann die folgende Arbeit ziemlich nervig werden..

Fangen wir oben mal an. Gehen wir davon aus, wir haben nur drei Textseiten. Einmal "Links", "Ueber mich" und "Willkommen"

Als erstes erstellt ihr euch eine neue Textseite, die ihr NICHT in die Navigation mit aufnehmt.

Dann bearbeitet ihr die Textseite und wählt "Verknüpfung zu Textseite" --> Titel geben --> Textseite "Links" wählen --> Fenster im gleichen fenster öffnen --> Einfügen

Diesen Schritt wiederholt ihr so oft, wie viele Textseiten ihr haben wollt. Da ich drei Textseiten habe, werde ich die drei Links einfügen. Ich habe zwischen den Links auch immer eine Leerzeile gelassen, dies dient zur Übersicht:

Jetzt speichert ihr die Textseite ab. Öffnet danach diese Textseite in der HTML-Ansicht (Button "HTML").

Das sollte bei euch ungefähr so aussehen:

Der jeweilige Link der Textseite fängt mit http:// an. Dieses grau markierte ist jetzt der Link zu der Textseite "Links". Welche Seite ihr gerade zu fassen bekommen habt, erkennt ihr entweder an der Bezeichnung, die hinter dem Link im HTML Modus steht oder ihr fügt diese Link-Adresse in die Browserzeile ein. Also öffnet zB den Internet Explorer und fügt oben in der Adresszeile diesen kopierten Link ein, dann seht ihr, welche Textseite es ist.

Wenn ihr diese Textseite jetzt einzeln per HTML beispielsweise in euer "Eigenes Design" einfügen wollt, dann müsst ihr nur alles kopieren und im eigenen Design einfügen.
Ihr könnt theoretisch eine neue Textseite erstellen und eure Navigation dort schreiben und stylen. Tut so, als wäre diese Textseite die fertige Navigation, wie würdet ihr sie stylen? Fügt wieder über "Link einfügen" die jeweiligen Links "Link zu Textseite" ein. Ihr könnt zB hinter jedem Link zwei Leerzeilen machen - oder schreibt alle Punkte hintereinander mit Spiegelstrichen auf. Theoretisch könnt ihr noch hinter jedem Link einen kleinen Text schreiben, vllt. sogar farblich gestalten. Natürlich könnt ihr einigen Links eine besondere Überschrift geben. Habt ihr eure fertige Navigation in dieser Textseite erstellt, dann müsst ihr diese Textseite zuerst speichern und dann nur im HTML Modus öffnen. Dann kopiert den gesamten HTML-Code und fügt ihn dort ein, wo ihr eure Navigation haben wollt. Wie zB im "Eigenen Design" anstatt %navigation_v% oder %navigation_h%.

Bei dieser Methode habt ihr die Möglichkeit, beispielsweise eine Tabellen-Navigation zu erstellen. Dann müsst ihr einfach nur eine neue Textseite anlegen und eine Tabelle einfügen. In dieser Tabelle kommen dann die einzelnen Links zu den Textseiten rein (wieder über "Link einfügen").

Wenn ihr zB eine Newsbox im Design habt, könnt ihr dort auch einzelne Textseiten verlinken, zB immer die neueste Textseite. Oder habt besondere Textseiten geschrieben und wollt sie in einer kleinen Box außerhalb der Navigation verlinken? Das geht dann auch mit dieser Methode. Eurer Fantasie ist also keine Grenze gesetzt.

Noch ein Hinweis: Wenn ihr zB eine andere Homepage ganz besonders gut findet und sie in eurem Design verlinken wollt, dann könnt ihr dies auch mit der oben beschriebenen Methode machen. Erstellt eine neue Textseite, fügt einen Link hinzu, aber dieses Mal "Verknüpfung zu Internetadresse". Dann gebt ihr dem Link einen Namen und fügt den Link der Homepage ein, klickt dann auf "Einfügen". Jetzt speichert und geht wieder in den HTML Modus dieser Textseite. Kopiert den ganzen Code und fügt ihn im "Eigenen Design" dort ein, wo ihr den Homepage-Link haben wollt.