1Und1 Header 1Und1 Header 1Und1 Header
  1. Startseite »
  2. Magazin »
  3. Anbieter »
  4. 1&1 »
  5. Anleitungen »
  6. So gestaltest Du Deine Homepage

1&1: So gestaltest Du Deine Homepage

Du möchtest Dein Unternehmen, Deine Institution oder Deine Dienstleistung auf einer Webseite präsentieren? Du möchtest Deine Produkte über einen eigenen Onlineshop vertreiben? Du möchtest über Deine letzten Reiseerfahrungen auf einem Blog berichten? Ganz egal, für wen oder was Du einen Internetauftritt erstellen möchtest – mit dem 1und1 Homepage-Baukasten hast Du die Möglichkeit, Deine Webseite ganz Deinen Vorstellungen und Deinen Bedürfnissen entsprechend zu gestalten.


1und1 bietet Dir dazu diverse Einstellungsoptionen mit denen Du das Design und das Layout Deiner Homepage anpassen kannst. Von der Farbgebung über die Schriftarten bis hin zu der Positionierung der verschiedensten Elemente sind Deiner Kreativität dabei kaum Grenzen gesetzt. Dank einer einfachen Handhabung gelingt es auch völlig ohne Vorkenntnisse, eine runde und professionelle Homepage zu erstellen.


Welche Möglichkeiten zur Gestaltung Du dabei hast, erfährst Du in der folgenden Schritt für Schritt Anleitung. Um außerdem besser einschätzen zu können, welchen Zeitaufwand Du einplanen solltest und ob Dein Vorhaben mit Zusatzkosten verbunden ist, findest Du unter dem Punkt „Hinweise“ einige grundlegende Informationen, die Du zur Kenntnis nehmen solltest, bevor Du mit der Gestaltung Deiner Homepage beginnst.

Mit Zusatzkosten verbunden?
Nein. Nur Kosten für die Anmeldung
Schwierigkeitsgrad
Einfach
Zeitaufwand
20 - 60 Minuten

Möchtest du allgemeine Informationen zum “Website erstellen” lesen?

Hier findest du einen Leitfaden zum Thema “Website erstellen” und einen Vergleich von Homepage Baukästen, mit dessen Hilfe du im Handumdrehen den passenden Anbieter für dein Website-Vorhaben finden kannst. Einen umfangreichen Testbericht zu 1&1 gibt es hier.

1 Homepage Projekt öffnen

Id 501 Bild 1 Id 501 Bild 1 Id 501 Bild 1

Nachdem Du dich regulär bei 1&1 eingeloggt hast und Deine zu bearbeitende Homepage geöffnet hast, kannst Du mit der Bearbeitung der Website beginnen. Dazu findest Du am rechten Bildschirmrand eine Leiste, die verschiedene Menüpunkte enthält. Um Deine Homepage zu gestalten, sind insbesondere die Punkte „Layout“, „Style“ sowie „Elemente einfügen“ und „Vorgefertigte Abschnitte einfügen“ von Bedeutung.

Id 501 Bild 2 Id 501 Bild 2 Id 501 Bild 2

Hinweis: 1&1 bietet Dir eine Übersicht an, in der Dir die ersten und wichtigsten Schritte für die Erstellung und Bearbeitung Deiner Webseite erläutert werden. Darunter findest Du auch Hinweise, wie Du bspw. das Layout und den Style Deiner Seite anpassen kannst.


2 Layout anpassen

Id 501 Bild 3 Id 501 Bild 3 Id 501 Bild 3

Um Dir die Gestaltung Deiner Webseite zu vereinfachen, findest Du unter dem Punkt „Layout“ verschiedene sogenannte Templates (Designvorlagen). Klicke auf ein Layout, welches Dir besonders gut gefällt, um es auf Deine eigene Homepage zu übertragen. Deine Homepage wird dann automatisch umformatiert und angepasst. So ersparst Du Dir viel Zeit beim Layouten Deiner Webseite.

Id 501 Bild 4 Id 501 Bild 4 Id 501 Bild 4

Vorher (altes Layout):

Id 501 Bild 5 Id 501 Bild 5 Id 501 Bild 5

Nachher (neues Layout):


3 Style anpassen

Id 501 Bild 6 Id 501 Bild 6 Id 501 Bild 6

Die Rubrik „Style“ ermöglicht die Anpassung der Farbgebung, der Schriften und des Hintergrunds. Bei Klick auf den Befehl „Anpassen“ (unterhalb eines der angezeigten Farbsets) kannst Du im nächsten Schritt einzelne Farben für bestimmte Bereiche Deiner Homepage (bspw. für den Hintergrund oder die Fußzeile) einstellen.

Id 501 Bild 7 Id 501 Bild 7 Id 501 Bild 7

In der nun geöffneten Rubrik „Mein Farbset anpassen“ klicke zunächst auf den Bereich, den Du neu einfärben willst (bspw. „Fußzeile“) und wähle dann im Farbfeld/–rad eine entsprechende Farbe, die Du nutzen möchtest. Der gewählte Bereich wird dann neu eingefärbt.

Id 501 Bild 8 Id 501 Bild 8 Id 501 Bild 8

Als nächsten Schritt, kannst Du die Schriften anpassen. Klicke dazu in der oberen Leiste auf den Punkt „Schriften“ und anschließend auf „Anpassen“.

Id 501 Bild 9 Id 501 Bild 9 Id 501 Bild 9

Nun hast Du die Möglichkeit, die Überschriften, den Fließtext etc. anzupassen und dabei die Schriftart/-größe/–ausrichtung zu verändern. Dies gelingt vom Prinzip her wie die Einstellung der Farben: klicke einfach auf den entsprechenden Inhalt und stelle die Größe und Art der Schrift ein.

Id 501 Bild 10 Id 501 Bild 10 Id 501 Bild 10

Zuletzt kannst Du den Hintergrund Deiner Webseite selbst gestalten und verändern. Klicke dazu in der oberen Leiste auf „Hintergrund“ und wähle im Folgenden ein eigenes Bild, ein zweifarbiges oder ein mehrfarbiges Muster aus. Eigene Bilder kannst Du schnell und einfach hinzufügen, indem Du auf „+ Bilder hinzufügen“ klickst und Deine eigenen Bilder hochlädst.


4 Elemente einfügen

Id 501 Bild 11 Id 501 Bild 11 Id 501 Bild 11

Um weitere Inhalte hinzuzufügen, wähle im rechten Seitenmenü den Punkt „Elemente einfügen“. Hier hast Du nun die Möglichkeit, unter anderem Texte, Überschriften, Buttons oder Bilder auf Deiner Homepage einzubinden. Entscheide Dich, welches Element Du hinzufügen möchtest und füge es via „Drag and Drop“ ein: Fahre dazu mit der Maus auf das entsprechende Symbol, halte die linke Maustaste gedrückt und ziehe das Element an die Stelle auf Deiner Webseite, an der Du es positionieren möchtest. Lasse die Taste an der vorgesehenen Stelle los, um das Element dort einzubinden.

Id 501 Bild 12 Id 501 Bild 12 Id 501 Bild 12

Hast Du ein Element (bspw. ein Textfeld) neu eingefügt, kannst Du nun den gewünschten Textinhalt eingeben und individuelle Anpassungen vornehmen (Textgröße, Textfarbe, Textformat, Ausrichtung, Listenformate, Einzüge, Links).

Id 501 Bild 13 Id 501 Bild 13 Id 501 Bild 13

Hinweis: Je nachdem, welches Element Du anpassen möchtest, variiert die Darstellung der Bearbeitungsmöglichkeiten. Wenn Du z.B. Deinen Headerbereich anpassen möchtest, sind die Änderungsoptionen so dargestellt (das Prinzip, wie Du Anpassungen vornimmst bleibt jedoch immer das selbe).


5 Vorgefertigte Abschnitte einfügen

Id 501 Bild 14 Id 501 Bild 14 Id 501 Bild 14

1&1 bietet Dir zudem verschiedene „vorgefertigte Abschnitte“ an, die Du ebenfalls sehr simpel per Drag and Drop Verfahren auf Deiner Seite einfügen kannst. Die Elemente sind automatisch an Dein gewähltes Layout bzw. Design angepasst.


Der Autor
Jeanette Woelfling Magazin Jeanette Woelfling Magazin Jeanette Woelfling Magazin
Jeanette Wölfling
Im Sommer 2016 habe ich erfolgreich meinen Bachelorabschluss im Fach Journalistik absolviert. Während des Studiums konnte ich theoretische wie praktische Erfahrung in den verschiedenen Medienbereichen sammeln. Zudem war ich über ein Jahr lang für eine Webagentur in Düsseldorf tätig und habe dort Kompetenzen insbesondere im Online-Marketing (SEO-Optimierung, Content-Marketing etc.) und im Webdesign erlangt. Auch bei meiner Arbeit als Redakteurin für das Einsteins Magazin 2015 war ich in der Online-Redaktion maßgeblich für die Erstellung und Pflege der zugehörigen Webseite zuständig.