Homepage erstellen (mit Dropdown Menü)

...Schritt-für-Schritt zum eigenen erfolgreichen Internetauftritt!

Eine eigene Homepage bietet eine Plattform, auf der Unternehmen, gemeinnützige Organisationen oder Privatpersonen sich selbst und ihre unterschiedlichen Aktivitäten präsentieren können. Bei der Gestaltung einer Homepage gibt es unendlich viele Möglichkeiten. Ein grobes Konzept sollte schon vor dem Erstellen der Seite ausgearbeitet werden. Welche Seiten werden benötigt? Wie sollen die Inhalte angeordnet sein? Wie soll die Homepage aussehen?

All diese Fragen müssen im Voraus geklärt werden. Dabei sollte auch daran gedacht werden, eine Vorstellung für das Menü zu formulieren, mit dem man auf die verschiedenen Bereiche einer Homepage gelangt. Viele Homepage-Betreiber setzen dabei auf ein sogenanntes Dropdown Menü.

Der folgende Text erklärt, wie ein Dropdown Menü funktioniert und welche konkreten Vorteile es bietet. Außerdem werden die wesentlichen Kriterien aufgeführt, die bei der Auswahl eines Homepage-Baukastens zur Gestaltung einer Website mit Dropdown Menü beachtet werden solltenc

Wix Homepage-Baukasten
Star (Full) Star (Full) Star (Full) Star (Full) Star (Full)

Sehr einfache Bedienung
Die schönsten Designvorlagen
Sehr flexible Gestaltung möglich
Über 100 Mio. Kunden weltweit

0,00 €
Dauerhaft kostenlos
Jimdo Homepage Baukasten
Star (Full) Star (Full) Star (Full) Star (Full) Star (Full)

Bestes Preis-Leistungs-Verhältnis
Sehr faire Vertragsbedingungen
Testsieger bei Computerbild & t3n
Beliebtester deutscher Anbieter

0,00 €
Dauerhaft kostenlos

Definition: Homepage mit Dropdown Menü

Was ist ein Dropdown Menü?

Ein Dropdown Menü wird häufig auch einfach als Aufklapp-Menü bezeichnet. Im Gegensatz zu einem gewöhnlichen Menü zeigt es die einzelnen Seiten nicht dauerhaft in der Navigation an. Mit einem Klick, oder auch einfach nur durch das Darüberfahren mit der Maus, fahren aus einer Schaltfläche die einzelnen Menüpunkte heraus und können angewählt werden. Es ist auch möglich mehrere Kategorien in der Leiste anzugeben, aus denen jeweils verschiedene Seiten ausklappen


Vorteile: Homepage mit Dropdown Menü

Mit einem Dropdown Menü hebt sich eine Homepage nicht nur optisch von anderen Seiten ab. Es bietet auch hinsichtlich Funktion und Strukturierung einer Webseite neue Möglichkeiten. Die Verwendung eines Dropdown Menüs hat zahlreiche Vorteile:

Gliederung der Seite

Wegweiser

Das Dropdown Menü muss nicht auf eine Schaltfläche reduziert sein, aus der alle Menüpunkte ausklappen. Es ist auch möglich mehrere Kategorien festzulegen, aus denen die zugehörigen Seiten heraus fahren. Damit kann die Homepage nach verschiedenen Sinnaspekten gegliedert werden und wird dadurch auch benutzerfreundlicher.

Individuellere Gestaltung des Menüs

Design

Es ist auch möglich anstatt einer Schaltfläche mit der Aufschrift “Menü” ein Icon zu verwenden, aus dem das Menü mit einem Klick herausfährt. Damit eröffnen sich ganz neue Möglichkeiten der Gestaltung für die Navigation. Es kann beispielsweise auch das eigene Logo als Icon eingesetzt werden

Interaktion mit den Besuchern

Import

Ein gewöhnliches Menü klebt statisch an einer Stelle der Seite. Das Dropdown-Menü bringt Bewegung in die Seite und bindet den Besucher ein. Erst durch seine Interaktion mit der Schaltfläche klappt das Menü auf und zeigt ihm die Unterseiten an, zu denen der Besucher sich mit dem nächsten Klick navigieren kann

Platz sparen

Aenderungen

Um eine vollständige Navigation durch die Seite zu ermöglichen, muss das Menü alle Unterseiten beinhalten. Das kann bei einem gewöhnlichen Menü sehr platzraubend sein. Durch die Verwendung eines Ausklapp-Menüs werden die vielen Seiten nur angezeigt, wenn sie gerade benötigt werden. Dadurch kann einiges an Platz eingespart werden.


Wissenswertes: Homepage mit Dropdown Menü

Ein Dropdown Menü muss die selben Funktionen eines normalen Menüs erfüllen können. Das heißt, es muss eine Navigation über die gesamte Seite ermöglichen. Alle für den Besucher relevanten Unterseiten müssen hier vertreten sein. 

Schlicht aber nicht zu schlicht

Eine der großen Stärken des Dropdown Menüs ist die Größe. Im geschlossenen Zustand nimmt es kaum Platz auf der Seite weg und ist sehr schlicht. Das sollte auch beim Erstellen der Homepage bedacht werden. Es ist wichtig abzuwägen, bei welcher Größe das Menü noch gut zu erkennen und leicht zu finden ist und trotzdem nicht unnötig viel Platz auf der Seite in Anspruch nimmt. Niemand möchte auf einer Homepage lange nach der Navigation suchen. Eine Orientierung für die Platzierung des Menüs können hier auch die Bereiche sein, auf denen Besucher zuerst nach einem Menü suchen. Das sind in der Regel die obere Kante und die oberen Ecken des Bildschirms. Dort platziert, ist das Dropdown Menü einfach auszumachen.

Einfache Namen, einfache Navigation

Gerade im Hinblick auf Benutzerfreundlichkeit sollte bei der Benennung der Unterseiten darauf geachtet werden, dass Besucher nicht lange über die Seitentitel nachdenken müssen sollten. Abstrakte Formulierungen sollten deshalb vermieden werden. Oft kann in einem Wort klar gesagt werden, worum es auf einer Unterseite geht. Dieses Wort sollte sich dann auch als Titel im Menü finden. Zu detaillierte Beschreibungen wirken im Dropdown Menü weniger gut. Auf der Homepage eines Schusters reicht es beispielsweise als Menüpunkt “Arbeiten” aufzuführen anstatt “Bisher hergestellte und reparierte Schuhe”. So ist dem Nutzer trotz der Kürze gleich klar, was ihn erwartet und das Menü wird nicht durch zu detailiierte Seitentitel in die Länge gezogen.


Tipps zur Erstellung: Homepage mit Dropdown Menü

Grundsätzlich stehen drei unterschiedliche Methoden zum Erstellen einer eigenen Homepage zur Verfügung: Von Grund auf neu, von Hand zu programmieren; ein Content Management System (CMS) wie WordPress zu verwenden oder einen Homepage Baukasten zu benutzen. Für die beiden ersten Möglichkeiten sind umfassende Kenntnisse in Web-Programmiersprachen wie HTML und CSS erforderlich, wenn man ein akzeptables Ergebnis erzielen will. In Eigenregie ist das für die meisten Anwender nicht zu bewältigen, so dass sie auf die Hilfe von professionellen Web Designern und Internet Agenturen zurückgreifen müssen. Dafür entstehen aber schnell Kosten in einer Höhe von ca. 1200 € und mehr. So eine Summe kann nicht von jedem aufgewendet werden, und für manche Projekte wie einen Blog, eine private Homepage oder eine kleinere berufliche Internetpräsenz ist ein solcher Betrag auch nicht angemessen. Homepage Baukästen stellen mit ihrer unkomplizierten Bedienung und „Alles aus einer Hand“-Lösung eine kostengünstige und professionelle Alternative dar.

Homepage Baukasten
Homepage Baukasten

Der Homepage Baukasten

Wer nicht auf einen Homepage Baukasten zurückgreift, muss sich mit vielen einzelnen Programmen und Anbietern beschäftigen. So kann man beispielsweise die Domain (Internet-Adresse) bei dem günstigsten Anbieter bestellen, den Speicherplatz für eigentliche Homepage bei einem anderen, muss sich Zugangsdaten für den Server und extra Programme zum Datenaustausch mit diesem installieren und deren Bedienung erlernen. Das alles kostet Anfänger viel Zeit und Nerven, dabei ist an der eigentlichen Homepage noch gar nicht gearbeitet worden.


Der Homepage Baukasten hingegen vereint alle Werkzeuge für ein solches Projekt in sich. Innerhalb des Baukastens werden Elemente der Homepage per Mausbedienung zusammengestellt, eine der zahlreichen Design-Vorlagen nach eigenen Wünschen angepasst und Inhalte eingegeben. Alles geschieht online und wird sofort nach dem Klick auf das „Veröffentlichen“-Feld für alle sichtbar. Außerdem gibt es auch eine Live-Vorschau, mit der man die Homepage schon vor der Veröffentlichung auf Fehler prüfen kann.

Einfache Bedienung

Einfache Bedienung
Einfache Bedienung

Alle Homepage Baukästen nutzen eine Bedienoberfläche, die mit reiner Maussteuerung auskommt. Lediglich zur Eingabe der Inhalte ist die Tastatur erforderlich. Die Text-, Bild- und sonstigen Elemente werden an die gewünschten Stelle der Homepage gezogen, in ihrer Größe mit der Maus angepasst und Farben aus Farbpaletten ausgewählt.

Geringer Zeitaufwand

Geringer Zeitaufwand
Geringer Zeitaufwand

Dank der unkomplizierten Mausbedienung ist eine professionelle Homepage bereits innerhalb weniger Stunden erstellt. Dabei wird die Arbeit auch dadurch erleichtert und beschleunigt, dass es für viele häufig auf einer Homepage verwendete Elemente wie Kontaktformular oder Terminkalender bereits vorgefertigte Bausteine gibt.

Niedrige Kosten

Niedrige Kosten
Niedrige Kosten

Mit einem Homepage Baukasten lässt sich eine eigene Homepage nicht nur leicht selbst erstellen, sondern auch problemlos warten, ändern und aktualisieren. Das senkt nicht nur die Anschaffungs-, sondern auch die Unterhaltskosten. Dabei sind die monatlichen Gebühren für einen professionellen Anbieter mit durchschnittlich ca. 6 Euro sehr niedrig angesiedelt.


Empfohlene Anbieter: Homepage mit Dropdown Menü

Wenn Sie eine professionelle Homepage für Ihr Vorhaben erstellen möchten, so sollten Sie darauf achten, dass der Anbieter Ihrer Wahl die nachfolgend aufgeführten Kriterien erfüllt. Wenn Sie auf den Button mit der Aufschrift „Anbieter vergleichen“ klicken, dann gelangen Sie auf die vorgefilterte Ansicht unseres Vergleichsrechners, welche alle empfohlenen Anbieter für Ihr Vorhaben auflistet – sprich, nur diejenigen Anbieter, die alle nachfolgend genannten Leistungen erfüllen.

Check

Eigene Internet-Adresse

Die Internet-Adresse ist eines der wichtigsten Kennzeichen, um ein Unternehmen oder ein sonstiges Angebot im World Wide Web zu charakterisieren. Kostenlose Baukasten-Anbieter bieten nur sogenannte Sub-Domains an. Bei einer Sub-Domain ist der Name des Anbieters in der Internet-Adresse enthalten – also beispielsweise „meine-homepage.baukastenname.de“. Eine eigenständige Internetadresse wie etwa „meine-homepage.de“ wirkt in jedem Fall professioneller.

Check

Homepage ohne Fremdwerbung

Mit einer Homepage sollen Interessenten für das eigene Angebot/ Vorhaben begeistert werden. Dabei ist es eher hinderlich, wenn beispielsweise Werbung des Homepage-Baukasten-Anbieters auf der eigenen Webseite angezeigt wird. Dies kann unprofessionell wirken und den Besucher verwirren. Falls Werbung auf der Seite vorkommt, dann sollte sie nur sehr diskret und in geringem Maße auf der Seite angezeigt werden.

Check

Empfohlener Mindestspeicher

Eine professionelle Homepage braucht Platz zum Wachsen. Daher sollte der Speicherplatz nicht zu knapp bemessen sein, um möglichen Erweiterungen Raum zu bieten. Man sollte sich vorher ausrechnen: Bei einer Bildgröße von durchschnittlich 1 MB pro Bild reichen 3 GB Speicherplatz für ca. 3000 Bilder. Bei Full-HD-Videoclips mit einer durchschnittlichen Größe von 150 MB reicht es für mehr als 20 kurze Videos.

Check

Für Smartphones optimiert

Heutzutage informieren sich bereits mehr als 50% der Deutschen mithilfe eines Smartphones im Internet und die mobilen Zugriffe steigen noch immer weiter an. Umso entscheidender ist es, dass die eigene Homepage für mobile Endgerät optimiert ist. So können die Interessenten auch von unterwegs aus mit ihrem Smartphone ohne Einschränkung oder verzerrte Darstellung auf die Homepage zugreifen und die Info-Angebote nutzen.

  • Check Eigene Internet-Adresse
  • Check Homepage ohne Fremdwerbung
  • Check Empfohlener Mindestspeicher
  • Check Für Smartphones optimiert
Ab 0,99 EUR / Monat
Anbieter anzeigen »

Kostenlose Anbieter: Homepage mit Dropdown Menü

Wenn Sie lediglich eine private Homepage mit geringem Leistungsumfang planen, so können Sie auch kostenlose Anbieter in Erwägung ziehen. Beachten Sie jedoch, dass kostenfreie Baukästen keine eigene Internet-Adresse beinhalten und fremde Werbung auf Ihrer Homepage eingeblendet wird. Über den nachfolgenden Button mit der Aufschrift „Anbieter vergleichen“ gelangen Sie auf die vorgefilterte Ansicht unseres Vergleichsrechners, welche alle kostenfreien Anbieter auflistet.

  • Cross Eigene Internet-Adresse
  • Cross Homepage ohne Fremdwerbung
  • Check Empfohlener Mindestspeicher
  • Check Für Smartphones optimiert
0,- EUR / Monat
Anbieter anzeigen »

Avatar Erstellt von:
„Homepage-Ratgeber.de“-Redaktion
Homepage Experten
Erstellt am:
05.07.2016
Zuletzt aktualisiert am:
30.11.2016
Hast Du Fragen oder Anregungen zu diesem Artikel?

Wir freuen uns über Dein Feedback, da es für uns eine wertvolle Unterstützung dabei ist, die langfristige Qualität unserer Inhalte zu gewährleisten.