How to Make a Website
Erfahren Sie, wie Sie mit unserem Tool eine Website erstellen. kostenloser Website-BaukastenUnd das in Stunden, nicht Wochen! Mit kostenloser Warenkorb- und Kassensoftware, Webdesign-Assistenten und integriertem Massen-E-Mail-Versand bieten wir Ihnen einen Komplettservice für Ihre Website – ohne versteckte Kosten.
5 Schritte zur Erstellung einer Website
Mit uns erstellen Sie in fünf einfachen Schritten Ihre Website:
- Melden Sie sich für eine kostenlose Testversion an
- Seiten hinzufügen, entfernen und umbenennen
- Inhalte hinzufügen
- Design your website
- Live gehen
1. Melden Sie sich für eine kostenlose 30-Tage-Testversion an.
- Clicking upon the Jetzt testen Taste
- Selecting a web design template from our continually growing range of pre-designed templates for service and product based businesses. This template can be easily changed later. In this example, we are using the website template Minimal ContentBox (100% Wide) as a demonstration website.
- Select the type of website you want to build, such as an online shop, a service provider, a blogger, real estate agent etc.This will let us pre-populate your website with the appropriate pages for your chosen industry. In this example, we are choosing the Shop/Retail eCommerce option which includes a built in shopping cart.
- Geben Sie Ihren Website-Namen und Ihre Kontaktdaten ein, um Ihre kostenlose Website-Testphase zu starten.
Sie erhalten eine E-Mail, in der Sie Ihre E-Mail-Adresse bestätigen müssen. Diese enthält außerdem Informationen zum Einloggen auf Ihre Website sowie ein temporäres Passwort. Nach dem Einloggen gelangen Sie zum Willkommens-Dashboard, über das Sie die volle Kontrolle über Ihre neue Website haben.
2. Seiten auf Ihrer Website hinzufügen, entfernen oder umbenennen
Your new website will come pre-populated with pages which will vary according to the type of template you chose. It is easy to add or/and remove or rename these pages within your website.
- Hinzufügen neuer Seiten
To add a new page to your website, click upon the Add Page button which can be found on the left hand side of the Welcome Dashboard, or by clicking on the Web Pages button and selecting Add Page.
Nach dem Klicken auf die Schaltfläche „Jetzt neue Seite hinzufügen!“ werden Sie zu Ihrer neuen Seite weitergeleitet. Diese wird außerdem automatisch in die Menüanzeige auf der linken Seite Ihres Bildschirms sowie in die Menüleiste Ihrer Website eingefügt.
- Das vollständige Löschen einer Webseite ist aus SEO-Gründen nicht empfehlenswert. Stattdessen sollten Sie die Sichtbarkeit der Seite einschränken, sodass sie nicht mehr gefunden und angezeigt werden kann, und sie aus dem Menü entfernen. Falls Sie sie dennoch löschen müssen, leiten Sie die URL unbedingt auf eine aktive Seite um.
Daraufhin öffnet sich ein Fenster mit Optionen für diese Seite. Wählen Sie die Option „Diese Seite löschen“. Es erscheint eine Warnmeldung. Klicken Sie auf „Seite jetzt löschen“ und schließen Sie das Fenster anschließend durch Klicken auf das X in der Ecke.
- Renaming a page is also done via the web pages site map page. Click on the Web Pages button, and select the Shopping page wheel cog icon this time. The area you want to edit are the button text, page heading and SEO filename. Be aware that once your website is live, you should not change any SEO filename as to do so creates broken links on your website, and search engines believe that as it has a new filename, it is a new page. You consquently lose any SEO benefits that page had. You can change your filenames without penalties if your site is still in trial mode however.
To save the changes you have made so far on your website, please click on the green Publish button. This will not make your site live, but will instead publish the changes to your trial site, saving them.
3 – Fügen Sie Ihrer Website Inhalte hinzu
Es gibt zwei Arten von Inhalten, die Sie Ihrer Website hinzufügen können: Text und Grafiken/Fotos.
- Fügen Sie einer Seite Seitentitel, Unterüberschriften und Absatztext hinzu.
Um eine Seite zu bearbeiten und Titel, Überschriften und Absätze hinzuzufügen, klicken Sie links auf Ihrem Bildschirm unter dem Tab „Webseiten“ auf den Seitennamen. Die Seite wird dann zur Bearbeitung geöffnet. In diesem Beispiel bearbeiten wir die Seite „Über uns“ (siehe unten) mit dem Drag-and-Drop-Editor von Innova Studio.
Sobald die „Über uns“-Seite geöffnet ist, können Sie Unterüberschriften und Absätze hinzufügen. Klicken Sie dazu entweder in das standardmäßig in der Mitte der Seite befindliche Absatztextfeld oder wählen Sie in der rechten Spalte einen Textausschnitt aus, der den gewünschten Texttyp enthält.
Wir haben dem vorhandenen Absatz-Snippet etwas Text hinzugefügt und anschließend das darüber liegende Überschriften-Snippet (H2) angeklickt und gezogen. Danach haben wir diesem Überschriften-Snippet einen Titel hinzugefügt, wie in diesem Bild:
Es gibt zwei Möglichkeiten, den Seitentitel bzw. die erste Überschrift (h1) zu ändern. Erstens können Sie die Anweisungen aus dem vorherigen Schritt zum Umbenennen einer Seite befolgen. Zweitens können Sie im blauen Menü den Reiter „SEO“ öffnen und anschließend „Webseiten-Meta-Tags optimieren“ auswählen.
This will then open a page from where you can edit your SEO meta tags, including your page title (page heading).
- Upload and Add an Image to a Web Page
Der Bildassistent im CMS öffnet Ihr Bild bei Bedarf zur Bearbeitung. Er zeigt Ihnen die aktuelle Bildgröße, den Dateinamen und Optionen zum Zuschneiden, Drehen, Skalieren und Konvertieren in JPG an. Wir passen dieses Bild an die „Über uns“-Seite an. Klicken Sie auf den Pfeil neben „Größe ändern“ und wählen Sie die Bildgröße 448x448 (Blog). Ändern Sie gegebenenfalls den Dateinamen und klicken Sie dann auf „Änderungen speichern“.
Es öffnet sich ein weiteres Fenster mit Bearbeitungsoptionen für Ihr Bild, darunter Position, Rahmen und Abstand. In diesem Beispiel verwenden wir die Standardeinstellungen für Rahmen, Ausrichtung und Abstand und klicken anschließend auf die blaue Schaltfläche „Foto jetzt einfügen“.
Sie können auch das Drag-and-Drop-Widget auf der rechten Seite verwenden, um ein Bild oder einen Bild-Text-Block zu einer Seite hinzuzufügen. Wählen Sie den gewünschten Bildtyp aus den verfügbaren Optionen aus und ziehen Sie ihn an die gewünschte Stelle auf der Seite. Bewegen Sie den Mauszeiger über das Bild und klicken Sie auf das Symbol „Bild ändern“.
- Use an existing image you have previously uploaded
- Wählen Sie die Bilddatei von Ihrem Gerät aus.
- Ziehen Sie eine Bilddatei von Ihrem Gerät per Drag & Drop in die App.
- Importieren Sie ein Bild, indem Sie die Bild-URL eines bereits auf einer Website vorhandenen Bildes einfügen.
4. Gestalten Sie Ihre Website
- Schriftart und Schriftgröße ändern
Schriftart und -größe können Sie über die Option „Design“ im Menü (für die gesamte Website) oder auf jeder einzelnen Seite ändern. Zunächst konzentrieren wir uns auf die Schriftart für die gesamte Website. Wählen Sie dazu im Menü „Design“ die Option „Farben & Schriftarten“.
Scroll down the page until you see the Fonts box options. Here you will be able to edit the: General Font, Heading Font, Font Size and Line Height.
- Ändern der Schriftart auf einer bestimmten Webseite
Markieren Sie den Text, dessen Schriftart Sie ändern möchten, und klicken Sie dann auf den Dropdown-Pfeil neben dem Feld „Schriftart“ in der Bearbeitungswerkzeugleiste. Beachten Sie, dass dies anders aussieht, wenn Sie einen anderen Editor als den aktuell verwendeten TinyMCE3510 verwenden (oben rechts sehen Sie den Namen des aktuellen Editors und können in einen anderen Editormodus wechseln).
Wählen Sie die gewünschte Schriftart aus. Nur der markierte Text wird dann in dieser Schriftart angezeigt, der Rest der Seite bleibt unverändert. Um die Schriftgröße zu ändern, markieren Sie den entsprechenden Text erneut, klicken Sie auf den Pfeil neben „Schriftgröße“ und wählen Sie die gewünschte Größe in Punkt aus.
- Ändern der allgemeinen Farben Ihrer Website
Die allgemeinen Farben Ihrer gesamten Website ändern Sie über den Reiter „Design“ und anschließend über die Option „Farben und Schriftarten“. Auf der Seite „Designoptionen“ können Sie dann die Farben für verschiedene Bereiche Ihrer Website anpassen.
Farben erhalten einen Hexadezimalcode oder eine Farbnummer, wodurch sie genauer bestimmt werden, als beispielsweise einfach nur „Dunkelblau“ genannt zu werden. Sie können den Hexadezimalcode in das Feld neben dem Element eingeben, dessen Farbe Sie ändern möchten, und anschließend in ein anderes Feld klicken, um ihn zu speichern. Alternativ können Sie auf die Schaltfläche „Farbe auswählen“ klicken, dann manuell eine Farbe im Farbassistenten auswählen und anschließend auf die Schaltfläche „Farbe verwenden“ klicken.
Hier sind die Farben, die wir ausgewählt haben:
Save your work by clicking the Save Changes and then the Publish buttons.
- Ändern der Textfarbe auf einzelnen Webseiten
Highlight the heading and then select the drop down box next to the Text Colour icon. This will open up a pre-selected range of colours to choose from, as well as giving you and option for others by clicking on the More Colours option.
Click the Save Changes button and then the Publish button to save your work so far.
5 – Ihre Website live schalten
Sobald Ihre Website online ist, können Sie fortlaufend neue Produkte, Texte und Bilder hinzufügen. Eine Website ist wie ein lebendiges System – sie soll sich verändern und weiterentwickeln. Vermeiden Sie es lediglich, Produkte oder Seiten zu löschen. Diese sollten stattdessen auf Ihrer Website verbleiben, wobei die Produkte als „nicht verfügbar“ markiert und ausgeblendet werden.
Um Ihre Website online zu schalten, klicken Sie auf den Button „Live gehen“, weisen Sie ihr Ihren Domainnamen zu und bezahlen Sie das Webhosting für den ersten Monat im Voraus. Es empfiehlt sich, eine automatische monatliche Zahlung einzurichten oder, um einen Rabatt zu erhalten, das Webhosting für ein Jahr im Voraus zu buchen.
Wenn Sie keinen haben Domänenname Eine Domain zu erhalten ist ganz einfach. Klicken Sie auf den blauen Button „Domains/E-Mail“ und wählen Sie dann die Option „Neue Domain suchen und registrieren“. Sie gelangen zu einer Seite, auf der Sie Ihren gewünschten Domainnamen eingeben und ihn, sofern verfügbar, erwerben können. Die Domain wird Ihrem Konto hinzugefügt und kann anschließend Ihrer neuen Website zugewiesen werden.
Our team here at Website World are here to help! Make sure you check out our Schulungen und Tutorials Für großartige, kostenlose Hilfe bei der Erstellung und Verwaltung Ihrer Website. Denken Sie daran, Die von uns gehosteten Websites sind SUPERSCHNELL zu!
