So Erstellen Sie Ein Menü Auf Der Website

Inhaltsverzeichnis:

So Erstellen Sie Ein Menü Auf Der Website
So Erstellen Sie Ein Menü Auf Der Website

Video: So Erstellen Sie Ein Menü Auf Der Website

Video: So Erstellen Sie Ein Menü Auf Der Website
Video: So erstellen Sie eine responsive Website ohne Programmierkenntnisse 2024, April
Anonim

Die Informationstechnologie entwickelt sich jeden Tag weiter. Und was vorher unerreichbar schien, steht heute schon fast jedem Mann auf der Straße zur Verfügung. Und es ist überhaupt nicht notwendig, übernatürliche Fähigkeiten und Kenntnisse zu haben, um Ihre eigene Website zu erstellen. Und wenn es nur darum geht, Ihrer Ressource ein Menü hinzuzufügen, kann sogar ein Schulkind damit umgehen.

So erstellen Sie ein Menü auf der Website
So erstellen Sie ein Menü auf der Website

Es ist notwendig

Computer mit Internetverbindung

Anleitung

Schritt 1

Rufen Sie die PureCSSMenu-Website auf. Hier sehen Sie einen visuellen Editor, mit dem Sie schnell und einfach ein Menü für jede Site erstellen können.

Schritt 2

Um zu der Seite zu gelangen, auf der die Menüvorlagen angeordnet sind, klicken Sie auf die Schaltfläche "Vorlagen" auf der linken Seite. Dann müssen Sie die gewünschte Vorlage auswählen und darauf klicken. Im Fenster "Vorschau" sehen Sie ein wirklich funktionierendes Menü, das mit kaskadierenden Stylesheets erstellt wurde.

Schritt 3

Durchsuchen Sie jede der vorgeschlagenen Vorlagen, um diejenige auszuwählen, die am besten zu Ihrer Website passt. Wenn die Farbe und die Schriftart, die Ihnen durch den Stil des Menüs gefallen hat, nicht zum Farbschema der Website passen, können Sie diese Parameter ändern, indem Sie auf die Registerkarte "Parameter" klicken.

Schritt 4

Ändern Sie Farbe und Schriftart mit HTML-Code oder wählen Sie sie aus der von der Ressource angebotenen Palette aus, indem Sie auf den gewünschten Farbton klicken.

Schritt 5

Erstellen Sie nun eine Menüstruktur für Ihre Site. Klicken Sie dazu auf die Schaltfläche "Artikel". In der sich öffnenden Registerkarte sehen Sie eine Schaltfläche mit einem großen Pluszeichen und der Aufschrift „Artikel hinzufügen“. Klicken Sie auf diese Schaltfläche und ein neues Element wird am Ende des Menüs hinzugefügt. Um ein neues Element in der Mitte des Menüs einzufügen, wählen Sie die Registerkarte, nach der hinzugefügt werden soll, und klicken Sie auf die Schaltfläche "Nächstes Element hinzufügen".

Schritt 6

Um ein Unterelement zum Dropdown-Menü hinzuzufügen, drücken Sie die Schaltfläche "Unterelement hinzufügen", nachdem Sie das Menüelement ausgewählt haben, das die neue Registerkarte enthält. Wenn Sie eines der Elemente entfernen möchten, wählen Sie es aus und klicken Sie auf die Schaltfläche "Element entfernen".

Schritt 7

Im Bereich "Artikelparameter" müssen alle Felder ausgefüllt werden, damit das neue Menü korrekt funktioniert. Geben Sie im Feld „Text“den Namen des Menüpunktes ein, im Feld „Link“die Adresse der Seite, zu der nach Klick auf diese Schaltfläche gewechselt wird. Um auszuwählen, wie die Seite geöffnet werden soll, stellen Sie im Feld „Ziel“den Wert „_self“oder „_blank“ein. Bei der ersten Option wird die Seite im selben Fenster geöffnet, wobei die Funktion "_blank" ausgewählt ist - in einem neuen.

Schritt 8

Jetzt müssen Sie den Code des erstellten Menüs in Ihre Site einfügen. Klicken Sie dazu auf die Schaltfläche "Download", die sich in der unteren rechten Ecke befindet, und wählen Sie einen Ordner auf Ihrem Computer aus, in dem das Archiv purecssmenu-com.zip gespeichert wird. Entpacken Sie nach dem Speichern der Datei dieses Archiv und öffnen Sie die Datei purecssmenu.html, die Ihren Menücode enthält. Kopieren Sie diesen Code und fügen Sie ihn in Ihre Website-Vorlagendatei ein.

Empfohlen: