So erstellst und gestaltest Du eine eigene Homepage bei 1&1 Ionos

1Und1 Header 1Und1 Header 1Und1 Header

Heutzutage gehört ein ordentlicher Webauftritt nicht nur für große Unternehmen zum guten Ton, sondern wird gern von vielen verschiedenen Personengruppen genutzt. Mit einer eigenen Webseite kann man sich weitgehend präsentieren und positionieren. Ein gutes Erscheinungsbild der Homepage ist daher ein Muss.

Aufwand im Überblick:
Mit Zusatzkosten verbunden?
Ja, ab 0,99 Euro im Monat
Schwierigkeitsgrad?
Einfach
Zeitaufwand
15 Minuten

1 Deine Website bearbeiten

Id 499 01 My Website Id 499 01 My Website Id 499 01 My Website

Nach der erfolgreichen Anmeldung bei 1&1 Ionos befindest Du Dich im sogenannten „Control-Center“. Wie der Name schon verrät, hast Du hier Kontrolle über alle Deine Daten, Rechnungen und Einstellungen. Um Deine Website nun zu bearbeiten, klicke in der linken Spalte im Reiter „Meine Produkte“ auf den Menüpunkt „1&1 MyWebsite“. Hier gelangst Du in den Bereich, wo Du Deine Website verwalten und bearbeiten kannst.


2 Mit dem Homepage-Editor arbeiten

Id 499 02 Homepage Editor Id 499 02 Homepage Editor Id 499 02 Homepage Editor

Der 1&1 MyWebsite Editor ist so zu sagen das Herzstück Deiner Homepage. Hier kannst Du Deine Website ganz nach Deinen individuellen Vorstellungen anpassen und bearbeiten: Elemente wie Bilder und Textfelder lassen sich per Drag and Drop (Ziehen und Loslassen mit der Maustaste) positionieren und verändern. Deiner Kreativität sind kaum Grenzen gesetzt: Du kannst jederzeit das Layout ändern, neue Elemente hinzufügen und den Style anpassen. In den folgenden Punkten zeige ich Dir, wie das geht.

Hinweis: Es gibt hier auch einen „Startassistenten“, der Dir im Detail erklärt, wie Du Inhalte einfügen, Bilder organisieren, Seiten hinzufügen etc. kannst. Nimm Dir kurz die Zeit, es lohnt sich.


3 Layout ändern

Id 499 03 Layout Id 499 03 Layout Id 499 03 Layout

Um das Layout deiner 1&1 Ionos-Homepage zu ändern, klicke in der rechten Bearbeitungsspalte auf den Menüpunkt “Layout”. Es klappt ein Fenster auf mit einer riesigen Auswahl an Layout-Vorlagen. Um Dir die Details zu einem Layout anzuschauen, klicke direkt auf ein Layout drauf. Wenn Du ein passendes Layout gefunden hast, klicke auf den Button “Auswählen”. Das neue Layout wird übernommen und Deine Inhalte bleiben erhalten. Du kannst also jederzeit Deiner Website ein neues Layout verpassen.

Id 499 04 Html Css Id 499 04 Html Css Id 499 04 Html Css

Solltest Du Kenntnisse in HTML und CSS haben, den Programmiersprachen zur Gestaltung von Webseiten, kannst Du sogar selber an Deinem Layout rumbasteln und Veränderungen vornehmen. Dafür musst Du einfach im aufgeklappten Layout-Fenster oben auf den Reiter „HTML/CSS“ klicken und es öffnet sich der integrierte Code-Editor.


4 Style anpassen und Elemente hinzufügen

Id 499 05 Style Id 499 05 Style Id 499 05 Style

Um den Style Deiner 1&1 Ionos-Website zu ändern, klicke auf den Button „Style“ in der rechten Bearbeitungsleiste. Es öffnet sich wiederum ein Fenster, wo Du die Möglichkeit hast, die Farben, die Schriften und den Hintergrund auszuwählen. Beim Hintergrund hast Du die Wahl aus zahlreichen freien, professionellen Bildern, interessanten Mustern oder Deinen eigenen Bildern, die Du über den Button „Bilder hinzufügen“ hochladen kannst.

Id 499 06 Elemente Id 499 06 Elemente Id 499 06 Elemente

Wenn Du das Layout ausgewählt und den Style Deiner Website nach Deinen Vorstellungen angepasst hast, geht es nun um die „Füllung“ Deiner Website mit Inhaltselemente wie Überschriften, Texte, Bilder, Videos und Formulare etc. Das geht über die Funktion „Elemente einfügen“, die Du wiederum in der rechten Bearbeitungsleiste findest. Du hast hier eine breite Palette an Elementen, die Du einfach per „Drag and Drop“ (Ziehen und Loslassen) mit der Maustaste auf Deine Website ziehen kannst. Es ist kinderleicht.


5 Website veröffentlichen

Id 499 07 Online Id 499 07 Online Id 499 07 Online

Du kannst nun Deine neue Seite mit Leben und Inhalten füllen. Um zu sehen, wie Deine Website für den Besucher aussieht, kannst Du den Vorschaumodus für einen Desktop-PC oder ein mobiles Endgerät benutzen. Du findest den Vorschaumodus oben links in der obersten Zeile. Daneben wird Dir angezeigt, dass Du offline bist. Willst Du das ändern, klicke auf das offline-Symbol. Es klappt ein Fenster auf, wo Du Schieberegler von „Online-Visitenkarte“ nach rechts auf „Website“ verschieben musst. Und das war es: Deine eigene 1&1 Ionos-Homepage ist veröffentlicht und nun für jeden zugänglich.


Der Autor
Soeren Theussig Soeren Theussig Soeren Theussig
Sören Theussig
Ich arbeite seit 2012 als (fester und freier) Online- und Social-Media-Redakteur und verfasse Artikel über innovative Technologien und Web-Trends.