Wie man eine professionelle Website mit der Drag-and-Drop-Methode erstellt
Suchen Sie nach einem einfachen Tutorial, wie Sie eine professionelle Website mit der Drag-and-Drop-Methode erstellen können, ohne zusätzliche Hosting-Kosten zu zahlen? Suchen Sie nicht weiter! In diesem Tutorial werde ich Sie durch jeden Schritt führen, und im letzten Teil zeige ich Ihnen, wie Sie Ihre Website mit einer professionellen Domain für nur 1 $ in nur wenigen Minuten starten können. Überspringen Sie keinen Teil dieses Tutorials, damit Sie Ihre eigene Website erstellen oder ein professioneller Website-Entwickler werden und damit Geld verdienen können. Bitte abonnieren Sie, drücken Sie auf den Like-Button und lassen Sie uns beginnen!
Inhaltsverzeichnis
1. Generieren von Website-Inhalten
2. Canva Website Builder
3. Seiten bearbeiten
4. Menü und interne Links
5. Externe Links und E-Mail
6. Website-Animation
7. Hintergrundvideo
8. Veröffentlichen der Website
9. Wie man einen Domainnamen kauft
10. Wie man eine Domain mit Canva verbindet
Generieren von Website-Inhalten
Um Website-Inhalte zu generieren, können Sie einen AI-Chatbot wie Chat GPT oder Google Bard verwenden. In diesem Beispiel werde ich Chat GPT verwenden. Bitten Sie Chat GPT, Website-Inhalte für Ihr Unternehmen oder Ihre Firma zu erstellen und listen Sie auch das Menü oder die Seiten auf, für die Sie möchten, dass Chat GPT eine Kopie generiert. In diesem Beispiel bitte ich Chat GPT auch, einen Firmenslogan zu generieren. Sie können jedoch detailliertere Webinhalte anfordern, wenn Sie möchten, oder Sie können meine Anfrage aus dieser Video-Beschreibung kopieren. Klicken Sie auf die Schaltfläche “Generieren”, um mit der Erstellung Ihrer Website-Inhalte zu beginnen.
Canva Website Builder
Öffnen Sie nun Ihr Canva-Dashboard. Wenn Sie kein Canva haben, können Sie Canva Pro 30 Tage lang kostenlos ausprobieren, indem Sie den Link verwenden, den ich in dieser Video-Beschreibung bereitstelle. Gehen Sie vom Canva-Dashboard aus zu den Design Spotlight-Websites und klicken Sie auf “Canva-Website erstellen”, um fortzufahren. Wählen Sie nun eine Website-Vorlage aus der Vorlagenliste aus. Wählen Sie die beste Vorlage, die zu Ihrem Unternehmen passt, und klicken Sie auf die Schaltfläche “Alle Seiten anwenden”, um die ausgewählte Vorlage zu verwenden. Passen Sie nun die Anzahl der Inhalte an. Sie können beliebig viele Seiten hinzufügen, duplizieren oder entfernen. In diesem Fall muss ich zwei Seiten aus dieser Vorlage entfernen. Klicken Sie auf die Schaltfläche “Löschen”, um das aktuelle Seitendesign zu entfernen.
Seiten bearbeiten
Nun bearbeiten wir unsere Website-Inhalte mit unserer Chat GPT-generierten Kopie. Sie können auch die Website-Grafiken ändern, um sie an Ihren Inhalt anzupassen. Wie bei der Erstellung eines Designs in einem normalen Canva-Design können Sie jedem Canva-Objekt zu Ihrer Website hinzufügen. Führen Sie diese Schritte für alle Seiten aus. Um Zeit zu sparen, werde ich nicht alle Seiten in diesem Video bearbeiten.
Menü und interne Links
Fügen Sie nun der ersten Seite ein Navigationsmenü hinzu, um die Benutzer-Navigation zu erleichtern. Gehen Sie zum Textmenü und wählen Sie einen Textstil aus, den Sie mögen. Ändern Sie die Größe des Textes und ändern Sie ihn in den Namen. Kopieren Sie diesen Text für andere Menüs und Texte. Klicken Sie danach mit der rechten Maustaste auf unser erstes Menü und wählen Sie die Option “Link”. Wählen Sie die Seite aus, zu der dieses Menü navigieren soll. In diesem Beispiel wird “Über uns” auf die Seite “Über uns” verweisen, die als “Ohne Titel” bezeichnet wird. Klicken Sie auf “Fertig”, um diese Änderung anzuwenden. Wiederholen Sie diese Schritte für alle Menüs. Sie können auch jedes Objekt als Hyperlink verwenden, indem Sie dieselben Schritte ausführen. Verwenden Sie nun eine Schaltfläche, um zu einer anderen Seite zu springen. Wenn alles eingestellt ist, klicken Sie auf das Menü.
Externe Links und E-Mail
In diesem Teil zeige ich Ihnen, wie Sie externe Links zu unseren sozialen Medien erstellen und eine E-Mail-Schaltfläche erstellen können. Gehen Sie zur Kontaktseite. Klicken Sie mit der rechten Maustaste auf die Instagram-Schaltfläche, wählen Sie die Option “Link” und fügen Sie Ihre Instagram-Seiten-URL ein. Klicken Sie auf “Fertig”, um diese Änderung anzuwenden. Sie können diese Technik verwenden, um einen externen Link zu einer anderen Website oder Seite zu erstellen. Erstellen Sie nun eine E-Mail-Schaltfläche, um automatisch eine E-Mail-App zu öffnen und eine neue E-Mail zu erstellen. Ich werde eine vorgefertigte E-Mail-Adresse als Beispiel verwenden. Klicken Sie mit der rechten Maustaste auf die E-Mail-Adresse, klicken Sie auf die Schaltfläche “Link”, gefolgt von Ihrer E-Mail.
Website-Animation
Um unsere Website interaktiver zu gestalten, fügen wir Animationen für jedes Objekt auf unserer Website hinzu und passen sie an. In diesem Beispiel werde ich jedoch nur Änderungen an der ersten Seite vornehmen. Klicken Sie auf das Objekt, dem Sie eine Animation hinzufügen möchten. Klicken Sie auf die Schaltfläche “Animieren” und wählen Sie einen Animationsstil und dessen Geschwindigkeit aus.
Hintergrundvideo
Sie können auch ein Video als Hintergrund für Ihre Website hinzufügen. In diesem Beispiel werde ich ein Video aus Canva-Stockvideos auswählen. Wählen Sie das Video aus, das Sie mögen, klicken Sie mit der rechten Maustaste darauf und wählen Sie “Hintergrund ersetzen”.
Veröffentlichen der Website
Nachdem alles eingestellt ist, veröffentlichen wir unsere Website. Dieser Teil ist für alle, die keine kostenpflichtige Domain verwenden möchten, daher verwenden wir eine kostenlose Subdomain von Canva. Klicken Sie auf die Schaltfläche “Website veröffentlichen”, wählen Sie die Option “Kostenlose Domain” und klicken Sie auf die Schaltfläche “Weiter”. Geben Sie nun Ihren Subdomain-Namen ein und klicken Sie auf “Weiter”. Fügen Sie eine Seitenbeschreibung hinzu, um die SEO Ihrer Website zu verbessern. Sie können auch erweiterte Optionen festlegen, um ein Website-Passwort, die Sichtbarkeit von Suchmaschinen und Linkvorschauoptionen hinzuzufügen. Klicken Sie auf die Schaltfläche “Veröffentlichen”, um live zu gehen. Herzlichen Glückwunsch, jetzt haben Sie eine Website!
Wie man einen Domainnamen kauft
In diesem Teil zeige ich Ihnen, wie Sie einen 1-Dollar-Domainnamen kaufen können, um Ihre Website professioneller aussehen zu lassen. Gehen Sie zur Name Che-Website, indem Sie den Link verwenden, den ich in dieser Video-Beschreibung bereitstelle. Gehen Sie zum Domains-Menü, scrollen Sie nach unten und klicken Sie auf die Schaltfläche “Mehr anzeigen”, um weitere Domain-Optionen anzuzeigen. Sie können jede Top-Level-Domain wählen, die Sie möchten, aber da diese Website nur für eine Demo gedacht ist, wähle ich die Online-Top-Level-Domain, die nur 1 $ kostet. Klicken Sie auf die ausgewählte TLD und geben Sie Ihren Domainnamen in die Suchleiste ein. Klicken Sie auf die Schaltfläche “Warenkorb”, geben Sie die erforderlichen Informationen auf der Registerkarte “Konto erstellen” ein, um fortzufahren. Klicken Sie auf die Schaltfläche “Konto erstellen”, geben Sie Ihre Kontaktinformationen ein, deaktivieren Sie die Option “Ich melde mich im Namen eines Unternehmens an”, wenn Sie diese Domain als Einzelperson registrieren, und klicken Sie auf die Schaltfläche “Weiter”. Wählen Sie nun Ihre bevorzugte Zahlungsmethode, PayPal, aktivieren Sie die Vereinbarungsoption und klicken Sie auf “Weiter”. Nachdem der Kauf erfolgreich abgeschlossen wurde, klicken Sie auf die Schaltfläche “Verwalten”, um zur Seite zu gelangen.
Wie man eine Domain mit Canva verbindet
In diesem Teil zeige ich Ihnen, wie Sie eine Domain mit Canva verbinden können.