- Web Templates
- E-commerce Templates
- CMS und Blog Templates
- Facebook Templates
- Website-Builder
JS Animated. Wie man eine neue Seite und ihren Menüpunkt erstellt
Juni 16, 2015
Von diesem Tutorial erfahren Sie, wie man einen neuen Menüpunkt und eine neue Seite in JS-animierten Vorlagen erstellt.
JS Animated. Wie man eine neue Seite und ihren Menüpunkt erstelltVon diesem Tutorial erfahren Sie, wie man «unverankerte» (unanchored) Seite erstellt.
-
Stellen Sie die Verbindung mit Ihrem Server her, indem Sie FTP-Kunden oder Dateimanager nutzen.
-
Öffnen Sie die Datei index.html, indem Sie den Texteditor nutzen.
Erstellen Sie/fügen Sie einen neuen Menüpunkt hinzu. Um dies zu machen, fügen Sie den folgenden Teil des Codes:
- test
Wir müssen jetzt eine neue Seite erstellen. In unserem Fall ist es test.html.
Sie müssen neue Datei test.html file auf Ihrem Server hinzufügen und erstellen. Danach öffnen Sie sie, indem Sie den Texteditor nutzen.
Kopieren Sie die Sektionen «Webseitenkopf» und «Footer» aus der Datei index.html in die Datei test.html.
Fügen Sie die Sektion des Seiteninhalts zur Datei test.html file hinzu.
Der neue Menüpunkt (test) muss die Klasse active auf der Seite test.html haben.
-
Löschen Sie die Klasse active für den Menüpunkt «Startseite» und fügen Sie diese Klasse zum Menüpunkt “test” hinzu.
Sie sehen jetzt den folgenden Menüpunkt auf der Seite test.html:
- test
-
Um auf die “Anker” Seite (“anchor” page) von Ihrer “unverankerte” Seite zu gelangen, sollen wir den Wert index.html zu jedem Menüpunkt hinzufügen.
Zum Beispeil, ersetzen Sie:
- About us
- About us
Wir haben erfolgreich die Seite test.html erstellt:
-
Laden Sie die geänderten Dateien auf den Server hoch uns aktualisieren Sie Ihre Website, um die Änderungen zu sehen.
Durch:
Vielen Dank, dass Sie sich mit diesem Tutorial bekannt gemacht haben. Viel Erfolg bei der Arbeit mit der Website!
Sie können auch das ausfuhrliche Video-Tutorial nutzen:
JS Animated. Wie man eine neue Seite und ihren Menüpunkt erstellt