Websiterstellung mit Canva meistern – kein Code erforderlich

1. Einführung in den Kurs: Hallo zusammen. Willkommen zum Canva-Webdesign-Kurs In diesem Kurs lernst du, wie du eine komplette Website von Grund auf neu erstellst Sie lernen, wie Sie Webdesign-Konzepte mit Canva verwenden , wie Sie die Layoutdesigns mit Canva erstellen, wie Sie die Homepage-Informationen erstellen, den Bildinhalt hinzufügen und wie Sie spezielle Schaltflächen hinzufügen, wie Sie mit Videos interagieren und wie Sie andere Medieninhalte mithilfe von Canva-Seiten hinzufügen Du erfährst auch, wie du Navigation hinzufügst wie du Interaktivität zwischen den einzelnen Seiten hinzufügst und wie du Hyperlinks zwischen einer Website und einer anderen Website hinzufügst einer anderen Am Ende erfahren Sie, wie Sie Kontaktseiten hinzufügen, wie Sie das Kontaktformular hinzufügen und wie Sie Ihre E-Mail-ID mit dem Kontaktformular verknüpfen Gleichzeitig erfahren Sie, wie Sie diese Website für mobile und Desktop-Zwecke optimieren können. Zu wissen, wie man wichtige Markenwerte wie Markenfarben, Typografie und andere Elemente hinzufügt und wie man all diese Dinge mit der Canva-Website zusammenarbeitet Schauen wir uns das in unserer Klasse an. 2. 01 Erkunde die Benutzeroberfläche von Canva: Hallo. Willkommen zur Einführung in Canva für das Webdesign Wenn du dich zum ersten Mal bei Canva anmeldest, hast du zu Beginn diese Dashboard-Ansicht Da ich Canva zuvor verwendet habe, habe ich meine vorherigen Dokumente, die hier zu finden sind. Hier können wir sehen, dass dies als neuestes Design bezeichnet wird. Meine aktuellen Dokumente werden hier zu finden sein. Dies wird die Startseite von Canva sein. Lassen Sie uns zuerst die Oberfläche dieses Canva sehen. In dieser Oberfläche können Sie sehen, wir haben das Menü hier, Sie können auf dieses Menü klicken und ich kann auf all die Optionen zugreifen , die ich für diese Arbeit habe Jetzt, nach diesem Menü, habe ich die Option „Erstellen“. Sie können mit diesen voreingestellten Werten auch neue Dokumente erstellen . Sie können hier die Option für neue Dokumente in benutzerdefinierter Größe auswählen. Abgesehen davon können Sie auf der linken Seite sehen, dass ich die Option Home habe. Das ist die Startseite. Im Moment befinden wir uns auf der Startseite von Canva. Nach Canva Home habe ich den Ordner Projekte. Ich kann zu den Projekten gehen und hier kann ich meine Dokumente in einem anderen Ordner speichern Hier können Sie sehen, dass ich bereits einen Ordner für die Druckproduktion erstellt habe. Wenn ich ein Website-Design erstellen möchte, werde ich hier einen neuen Ordner erstellen. Ich klicke auf diese Anzeige neu und wähle hier einen Ordner aus. Hier füge ich den Ordnernamen , der Design oder Website-Design lautet. Ich wähle „Weiter“. Im Moment möchte ich diese Informationen, diesen Ordner nicht mit anderen teilen , also muss ich nichts anderes wählen. Ich klicke einfach auf Weiter. Hier siehst du, ich habe den neuen Ordner , der Website-Design ist. In diesem Ordner kann ich all die Designarbeiten tragen , die ich in diesem Projekt verwenden werde. Auf diese Weise haben wir alle Dateien, die dieser Kategorie verwaltet werden müssen, nämlich Projekte. Danach haben wir die Option Vorlagen. Wir können auf viele Vorlagen zugreifen , die mit Canva verfügbar sind Sie haben die Markenoption, die nur nützlich und nur für Profi-Benutzer verfügbar ist nur für Profi-Benutzer verfügbar Wir können ohne das weitermachen, wir brauchen es sowieso nicht. Ich habe die Option namens Canva AI. Mit Hilfe von Canva A kann ich viele Designs, Codes und all die Dinge erstellen , Codes und all die Wir werden auch sehen, wie wir das für die Erstellung von Websites verwenden können. Danach habe ich die Apps. Apps oder die zusätzlichen Funktionen , die mit der Kamera verfügbar sind. Auf einer Website, in einem Browser, haben wir das Konzept namens Ads. In Firefox haben wir die Ads. In einem Google Chrome haben wir die Erweiterungen auf die gleiche Weise. Auf die gleiche Weise haben wir mit einem Canva viele Apps hinzugefügt. Sie können alle mit Hilfe dieser Option namens Apps auf diese Apps zugreifen mit Hilfe dieser Option namens Apps auf diese Apps Wenn Sie nach einem bestimmten Begriff suchen möchten und diese Arbeit benötigen, können Sie hier suchen und auf diese bestimmte App in Canva zugreifen diese bestimmte App in Canva Hier haben sie dir viele der berühmten Apps zur Verfügung gestellt , die mit Canva verfügbar sind Verwenden Sie all diese Dinge so, wie wir es für unsere Projektarbeit benötigt haben Das sind also, weißt du, die Menüoption, die wir bei dieser Canva-Projektarbeit haben . Ich werde auf Home klicken Ich werde wieder auf einer Startseite sein. Hier haben wir also den allerersten Bannerbereich. Es zeigt dir deine Designvorlagen und Canva AI. Wenn Sie also nach Inhalten suchen möchten , die in Ihren Projektarbeiten verfügbar sind, können Sie zum UA-Design wechseln Aber wenn Sie nichts haben, werden Sie etwas Neues kreieren. Sie können zu den Vorlagen gehen und die Informationen hier suchen. Ich werde zum Beispiel nach einer sogenannten Website suchen. Ich gebe einfach das Schlüsselwort Website und es zeigt Ihnen Webdesign, Website-Banner, Website-Portfolio und Website-Vorlage. Alle Website-basierten Vorlagen , die mit Canva verfügbar sind, werden hier angezeigt. Ich werde dieses Website-Design wählen, und Sie können sehen die Standard-Website-Vorlagen geladen werden Sie haben hier die Designs für soziale Medien und die Portfolio-Websites. All diese Vorlagen sind bei Canva verfügbar. Sie haben Canva AI. Mit Hilfe der Canva-KI können Sie die Designs auch ohne Code erstellen Das Ding wirst du in den nächsten Lektionen sehen. Lass uns weitermachen. Jetzt komme ich wieder zu diesem Vorlagenbereich. In einer Vorlage siehst du, wenn ich hier suche, habe ich viele Vorschläge. Ich kann wählen, welche ich möchte, ich kann damit noch weiter gehen. Dies sind die Optionen, die wir mit der Canavau-Benutzeroberfläche haben. Ich gehe auf die Homepage. Auf einer Homepage können Sie nach dieser Suchoption sehen, dass wir die voreingestellten Werte haben. Ich beginne mit Canva Sheets, da wir die Google Sheets haben, wir haben den Hund und Sheets mit Canva Um die Whiteboard-Option zu haben, um das Design und die elektronische Arbeit für die Schüler oder Lernenden zu erstellen und die elektronische Arbeit für die Schüler oder Lernenden Sie können Präsentationen, soziale Medien, Fotobearbeitungsarbeiten, Videobearbeitungsarbeiten, druckbare Designs und Websites erstellen Fotobearbeitungsarbeiten, Videobearbeitungsarbeiten, druckbare Designs Da wir den Prozess zur Erstellung von Websites mit Canva verwenden werden, werde ich diese Option für diesen Kurs verwenden Wenn Sie außerdem etwas Neues als den voreingestellten Wert erstellen möchten , können Sie diese Option wählen, bei der es sich um eine benutzerdefinierte Größe handelt Danach haben Sie die Upload-Option. Wenn Sie andere Medien hochladen möchten , die mit Canva verfügbar sind, können Sie diese Upload-Option verwenden Sie haben also mehr Optionen. Hier haben sie Ihnen die berühmten voreingestellten Werte zur Verfügung gestellt. Wenn Sie auf mehr als das zugreifen möchten, können Sie zu dieser Option „Mehr“ gehen. Dort werden Ihnen weitere Kategorien mit der Vorlagenstruktur angezeigt . Jetzt so nah dran. Nach diesen voreingestellten Werten habe ich, welche neue Funktion ist mit Canva verfügbar Canva aktualisiert jeden Monat ihre Funktionen. Sie fügen jeden Monat neue Funktionen hinzu. Am Ende jedes Jahres führen sie das Programm Canva Create Während dieses Programms erstellen und aktualisieren sie und veröffentlichen jedes Jahr wichtige Updates für Canva Verpasse das nicht und ich werde dir auch in den nächsten Lektionen davon erzählen auch in den nächsten Lektionen davon Nach dem, was neu ist, habe ich die neuesten Designs. Sie können sehen, welche Designs ich mit der Canva erstellt habe, die in diesem Bereich verfügbar ist Dies ist die Benutzeroberfläche dieser Canva-Software. In den nächsten Lektionen werden wir sehen, wie wir die anderen Dinge verwenden können 3. 02 Die Website-Vorlagen und -Layouts von Canva verstehen: In dieser Lektion zeige ich dir, wie du auf die Canva-Website-Vorlage zugreifst Wie sieht das Layout der Canva-Site aus? Lass uns sehen Zuerst komme ich an den Anfang dieses Banners und hier werde ich die Website verknüpfen. Ich gebe einfach Website ein und drücke Enter. Es werden viele neue Vorlagen geladen. Das kannst du sehen. können Sie auch eine neue leere Website erstellen dieser Option können Sie auch eine neue leere Website erstellen. Erstellen Sie eine leere Website. Wenn Sie in diesem Ort selbst suchen, haben Sie die Option Kategorie. Ich klicke einfach hier. Hier können Sie den Namen der Kategorie wie Bildung, Portfolio und welche Kategorie auch immer Sie benötigen, hier hinzufügen. Außerdem haben Sie die Option Stil. Ich klicke auf den Stil, der dir zeigt, ob du ihn in Form von animierter moderner oder einfacher, sauberer, minimalistischer und maximalistischer Form benötigst Form von animierter moderner oder einfacher, sauberer, minimalistischer und maximalistischer All diese Stile sind hier verfügbar. Je nach Bedarf können Sie auch diesen Stil wählen. Standardmäßig sind es alle Stile. Auch hier in der Kategorie es standardmäßig alle Kategorien. Jetzt gebe ich einfach das Schlüsselwort ein und drücke die Eingabetaste , um all diese Vorlagen zu laden. Sie können sehen, dass es sich bei diesen Vorlagen um kostenlose Vorlagen handelt. Wir benötigen kein Pro-Konto , um auf diese Vorlagen zuzugreifen. Aber das ist die Pro-Vorlage. Sie können sehen, dass ich gerade das Video habe. In den nächsten Lektionen erfahren Sie, wie Sie diese Vorlagen mit Canva erstellen nächsten Lektionen erfahren Sie, wie Sie diese Vorlagen mit Canva Wir haben viele kostenlose Websites. Sie können navigieren und die weiteren Seiten sehen. Wenn Sie mit der Maus darüber fahren, wird Ihnen das Seitendesign sowie das Laden der Elemente auf der jeweiligen Webseite angezeigt. Dies sind die kostenlosen Websites, die wir mit Canva haben. Ich werde hier eine Website laden, ich werde diese auswählen Ich klicke einfach auf diese Website. Es zeigt dir hier die Vorschau der Website und du kannst nach unten scrollen. Sie können auf jeder Seite sehen, welchen Inhalt wir mit dieser Website-Vorlage haben . Es ist eine komplette Seite. Sie können sehen, dass dies die Homepage ist. Nach der Homepage haben wir hier weitere Details. Ebenfalls am Ende haben wir die Kontaktdaten. Wenn Sie diese Vorlage verwenden möchten, wenn Sie sie anpassen möchten, können Sie diese Option wählen und diese Vorlage anpassen. Darüber hinaus können Sie sehen, wer dieses Vorlagendesign erstellt hat, nämlich Canva Creative Studio Es zeigt Ihnen die Auflösung und die Auflösung die wir mit dem Canva-Vorlagendesign haben Jetzt wähle ich diese Vorlage anpassen und Sie können sehen, dass die Website auf meiner Seite geladen wurde Jetzt können Sie sehen , dass diese Homepage einen anderen Bildhintergrund hat. Danach scrolle ich einfach nach unten. So müssen Sie auf jeder einzelnen Seite navigieren. Hier habe ich die Seiten mit den Bildern, dem Bild und dem Text Scrollen Sie weiter nach unten und es zeigt Ihnen, welche Dienste sie anbieten Und hier wähle ich, das ist der Textinhalt. Sie können das sehen und das sind die Grafiken, Sie müssen diese Rechtecke in grafischer Form haben, Sie müssen Bilder haben So haben sie ihr Website-Design entworfen. Am Ende geben sie die Kontaktdaten und die E-Mail-ID an. Wenn Sie über Facebook-, Instagram- und Twitter-Konten verfügen , können Sie diese Informationen hier verbinden , wenn der Benutzer die Website besucht und mit dieser Kontaktseite navigiert und auf das Facebook-Symbol klickt, das zu Ihrer Seite weiterleitet , und er kann auf alle Informationen zugreifen, die Sie auf den Social-Media-Seiten bereitgestellt haben , und er kann auf alle Informationen zugreifen, die Sie . So haben wir die typische Struktur der Website, die Template-Designs, die bei Canva verfügbar sind 4. 03 So erstellen Sie ein Canva-Konto und richten Sie ein Projekt ein: In dieser Lektion zeige ich dir, wie wir mit Canva ein neues Dokument zur Gestaltung einer Website erstellen können Canva ein neues Dokument zur Gestaltung einer Website erstellen Wenn du dich bei Canva registrieren oder registrieren möchtest, musst du die Optionen verwenden. Lass mich dir das zeigen Zuerst müssen Sie pagcva.com besuchen. Nachdem du pagcva.com besucht hast, kannst du dich anmelden oder registrieren, falls du neu bei Canva bist wir uns auf Social-Media-Seiten anmelden, musst du die E-Mail-Informationen angeben Nachdem Sie Ihre E-Mail-Informationen eingegeben haben, erhalten Sie diese Schnittstelle für Sie. Nachdem Sie diese Startseite aufgerufen haben, können Sie unten sehen, dass wir das Benachrichtigungssymbol und hier den Wert für die Profileinstellungen haben. Ich klicke auf dieses Profil und kann wählen, welches Profil eingestellt werden soll. Wenn ich die Einstellung auswähle, werden dir hier die Profildetails angezeigt . Es zeigt dir die E-Mail-ID, den Kontakt, den Namen, was du angegeben hast und welchem Zweck du dieses Canva-Konto verwendest Wenn du dich zum ersten Mal registrierst, dich nach diesen Informationen zu fragen , zu welchem Zweck du Canva verwendest Hier kannst du also die Kategorie auswählen, je nachdem, wer du bist. Wenn Sie ein Lehrer sind, können Sie den Lehrer wählen, und wenn Sie ein Student sind, können Sie einen Schüler wählen. Wenn Sie dies für persönliche Zwecke verwenden möchten , können Sie „Persönlich“ wählen. Ich bin Lehrer, also wähle ich die Option Lehrer. Sie können sie auch später ändern und aktualisieren. Auch Sie können wählen, welche Art von Sprache Sie haben. Sie können das je nach Ihren Bedürfnissen wählen. Jetzt wähle ich Englisch Großbritannien. Danach haben Sie hier viel mehr Optionen, aber dies sind die grundlegenden Optionen, die wir Ihnen anbieten können , wenn Sie sich bei Canva anmelden Jetzt komme ich wieder auf diese Homepage. Ich werde mit Canva ein neues Website-Design erstellen. Wie ich Ihnen zeige, haben Sie, wenn ich mit diesem Suchbanner zu diesem Website-Design gehe , auch die Option Neue Website erstellen Aber direkt von dieser Homepage können Sie diese Option wählen, nämlich Website Neu erstellen. Klicken Sie einfach hier. Wenn ich darauf klicke, siehst du das separate neue Dokument, das in einem neuen Tab geöffnet wird . Das ist die Homepage. Aber hier können Sie sehen, dass der Name des Dokuments Untitled Design ist und der Typ des Dokuments Website ist Es zeigt Ihnen die weiteren Informationen zur Erstellung Ihrer Website und die Tooltip-Informationen hier. Sie können Abschnitte hinzufügen und Sie können auch Seiten hinzufügen. Lassen Sie mich Ihnen in unseren weiteren Lektionen über diese Dinge erzählen. Was ist Abschnitt und was ist Seite. Bisher hatten sie keinen großen Unterschied. Sie haben nur die Seiten, aber jetzt haben wir die Abschnitte und Seiten. Das werden wir in unseren nächsten Lektionen sehen. Das werden wir uns eins nach dem anderen ansehen. So kannst du also ein neues Dokument erstellen , um deine Projektarbeit mit Canva zu gestalten 5. 04 Identifizieren der wichtigsten Entwurf Tools in Canva: Hallo, alle zusammen. In dieser Lektion zeige ich Ihnen die wichtigsten Tools, die wichtigsten Tools, die wir für die Erstellung des Website-Designs in Canva benötigen Dazu füge ich einfach eine neue Seite mit dieser Vorlage hinzu. Lassen Sie mich Ihnen in unseren kommenden Lektionen zeigen, wie Sie die gesamte Seite erstellen . Hier habe ich eine neue Seite erstellt. Auf der linken Seite siehst du, dass wir viele Optionen haben wenn ich diese neue Seite mit Canva Sie müssen dieselben Optionen für die vorhandenen Seiten haben. Zunächst haben Sie die Option Elemente. Wenn Sie zu Elementen gehen, können Sie sehen, dass wir vor Kurzem Elemente, Formen, Schaltflächen und einen Bildgenerator verwendet haben vor Kurzem Elemente, Formen, Schaltflächen und einen Bildgenerator verwendet und einen Bildgenerator Das werden wir in den kommenden Lektionen, Grafiken, Stangen und Tests, Stickern, Fotos, Videos, Diagrammen, Blättern, Rahmen usw. sehen Stangen und Tests, Stickern, Fotos, Videos, . All diese Elemente kannst du verwenden, wenn du sie für dein Design mit Canva benötigst Ein Beispiel. Ich werde die Formen wählen. Ich klicke auf diese rechteckige Form. Wenn ich auf diese rechteckige Form klicke, wurde sie am Mittelpunkt in dieses Design geladen. Sie müssen den Textbereich hier haben, damit ich Home eingeben und die Größe dieses bestimmten Textes ändern kann Ich kann ihn auswählen, ich kann ihn nach meinen Bedürfnissen skalieren. Das ist also nur ein Rechteck. Wenn Sie den Text nicht benötigen, benötigen Sie nur ein Rechteck Sie können es als Rechteck verwenden. können die Breite und Höhe erhöhen und Sie haben alle Bearbeitungsfunktionen hier oben auf dieser Canva-Seite Dies ist das Rechteckwerkzeug. Wenn Sie auswählen, werden Ihnen hier automatisch die Steuerungsoptionen angezeigt. Es zeigt Ihnen die Skalierung. Es zeigt dir die Skalierung von der Ecke aus. Wenn du Tiki verschiebst, kannst du es genauso reduzieren und wenn du drehen möchtest, hast du hier eine separate Option, du kannst das Objekt drehen die gleiche Weise können Sie all diese Objekte manipulieren, Sie können sie hinzufügen und bearbeiten, wie Sie möchten Um die Eigenschaft Farbe hier ändern zu lassen, können Sie die Farbe wählen und die gewünschte Farbe für das Design hinzufügen. Jetzt gehe ich auf die gleiche Weise wieder zu den Elementen. Sie haben die Option Buttons genannt. Dies sind die Standardelemente, die wir für das Design von Webseiten haben . Ich wähle C all. Sie haben Ihnen hier sechs Button-Designs zur Verfügung gestellt. Sie können es einfach hinzufügen und verwenden. Danach haben wir einen Bildgenerator. Sie werden in unseren nächsten Lektionen sehen, Sie haben die Grafiken, drücken Sie C alle. können wir standardmäßig mit den verschiedenen Kategorien sehen, wir haben hier so viele Grafiken. Wenn Sie neue Grafiken möchten, können Sie hier suchen, den Namen des Elements hinzufügen und suchen. Ich drücke einfach die Zurück-Taste, genauso wie die Umfragen und Quizfragen Wenn Sie möchten, können Sie einfach dort klicken und es wird auf Ihrer Webseite verfügbar sein Sie können alles einrichten. Ich werde dir das Ding in unseren nächsten Lektionen zeigen. Du hast die Fotos, du kannst dort klicken und du kannst die Fotos, Videos, Diagramme, all diese Dinge in die Canva laden Videos, Diagramme, all diese Dinge in die Canva Jedes Element, was Sie in diesem Arbeitsbereich haben, wenn Sie es auswählen, stehen Ihnen hier die Tools und andere Optionen Sie können die Farbe ändern, Sie können die Eigenschaften dieser Canva-Designarbeit ändern Dies sind die wichtigsten Tools und Elemente, die wir für Canva bei der Webdesign-Arbeit haben 6. 05 Üben Sie die Auswahl und Anpassung einer Vorlage: In dieser Lektion werde ich Ihnen zeigen, wie Sie eine Canva-Website-Vorlage anpassen Um das zu tun, komme ich hierher und wähle den Begriff aus, der mit einer Kategorie erforderlich ist Ich werde eine Website auswählen. Auf dieser Website dreht sich alles um das Essen. Ich gebe einfach das Schlüsselwort Food-Website ein. Recherchieren Sie hier. Sie können sehen , dass wir hier viele Ergebnisse haben und ich werde hier eine Website auswählen. Ich werde das nach meinen Bedürfnissen ändern. Ich habe mich für diesen entschieden. Ich klicke einfach da. Es zeigt dir die Vorschau. Ich scrolle nach unten und besuche einfach all diese Seitendesigns und sehe sie mir an. Jetzt wähle ich „ Diese Vorlage anpassen“. Wann immer Sie sich für ein Template-Design entscheiden, haben wir das ähnliche Design und die themenbasierten Websites unter diesem Design. Wenn du also dienen willst, kannst du auch servieren und du kannst dir das besorgen, was du brauchst. Jetzt brauche ich diese Vorlage, also habe ich einfach auf Diese Vorlage anpassen geklickt und schon wurde sie geöffnet. Jetzt möchte ich das an meine Bedürfnisse anpassen. Als erstes möchte ich den Namen dieses Website-Dokuments ändern . Ich kann diesen Namen in eine Food-Website ändern. Basierend auf dem Namen des jeweiligen Restaurants oder Hotels können Sie den Namen hier angeben. Ich scrolle einfach nach unten. Sie sehen, was für Bereiche wir mit Canva haben Im ersten Abschnitt haben wir die grundlegenden Informationen über den jeweiligen Restaurantnamen und den Slogan Sie können hier Ihren Restaurantnamen mit dem Logo erwähnen , wenn Sie möchten. Es gibt ein Bildelement. Sie können sehen, dass ich dort doppelklicken kann, wenn ich darauf zugreifen möchte. Sie können sehen, dass wir das Bildelement haben. Ich klicke einfach hier, um abzubrechen. Ich möchte im Moment keine Änderung vornehmen. Ich scrolle einfach nach unten und hier haben wir einen separaten Abschnitt. Es hat unterschiedliche Hintergründe. kannst du sehen. Jetzt gehe ich einfach nach oben. In diesem Abschnitt dreht sich alles um dieses spezielle Restaurant. Sie können sehen, dass es hier eine Transformationssteuerung gibt, wenn ich diesen Abschnitt auswähle . Damit kann ich den jeweiligen Webseitenbereich erweitern oder verkleinern. Basierend auf der Sichtbarkeit in der Monitor-Browseransicht kann es wählen, wie Sie möchten. Sie können den Speicherplatz jedoch auch reduzieren, wenn Sie nicht so viel Speicherplatz benötigen, und Sie können ihn auch vergrößern. Dies hilft uns, den jeweiligen Bereich dieser Website zu vergrößern oder zu verkleinern. Abgesehen davon habe ich eine Textinformation, Rasierungen in der Rasur, auch ich habe den Hier habe ich auch die Bilder im Rahmen. Sie können sehen, dass ich, als diese Website lief, die Animation in diesen Bildern hatte. Ich habe auch den Preis für diese Bilder und ich komme mit diesen Optionen für H-Boxen hierher , und wir haben eine Bewertung und Meal Cats, endlich haben wir die Kontaktseite. So haben wir also die typische Homepage-Vorlage mit Canva Wenn Sie hier eine Vorlage öffnen, müssen Sie dieselbe Art von Strukturen haben Lassen Sie mich diesen wählen. Dies ist auch ein kostenloses Design. Das kannst du sehen. Ich klicke dort und scrolle einfach nach unten. Ich kann die weiteren Seiten deutlich sehen. Auf die gleiche Weise können Sie auf jede Vorlage zugreifen. Sie können einfach dort klicken, was hinzugefügt wird, und Sie können die Vorschau sehen. Wenn Sie danach das Gefühl haben, dass Sie dieses Design benötigen, können Sie sich dafür entscheiden und diese Vorlage anpassen. Ich komme gerade auf dieses Design zurück. Abgesehen von diesen Dingen scrolle ich einfach in der App und gehe zur ersten Seite. Die Westseite wird also immer das Hauptelement der jeweiligen Dienstleistung oder des jeweiligen Restaurants enthalten. So haben sie dieses Bild zur Verfügung gestellt. Ich muss dieses Bild ändern, ich brauche bessere Bilder sowie bessere Ausrichtung des Textes und aller Informationen. Das werden wir in unserer nächsten Lektion tun . 7. 06 Experimentieren Sie mit dem Ändern von Farben, Schriftarten und Bildern: In dieser Lektion zeige ich Ihnen, wie wir die Elemente dieser benutzerdefinierten Website-Vorlage bearbeiten können . Um das zu tun, werde ich zunächst mit dieser Homepage beginnen. Auf einer Homepage füge ich zuerst das Logo hinzu. Um das Logo hinzuzufügen, habe ich hier ein Logo. Ich kopiere einfach dieses Logo. Ich wähle es aus, drücke Strg C, oder du kannst es schreiben und dann Kopieren wählen. Jetzt komme ich zu dieser Homepage-Vorlage. Ich möchte das einfügen, indem ich Strg B drücke. Wenn ich Strg B drücke, habe ich das Logo-Design hier. Jetzt skaliere ich es einfach und kann es genau dort platzieren, wo ich will. In den meisten Fällen können Sie das Logo auf der linken Seite dieser Website platzieren . Das war der beste Ort, um ein Logo-Design für eine Website zu platzieren. Das E des Benutzers wird sich zuerst nur diesen Ort ansehen. Jetzt wurde ich dort platziert. Danach benötige ich dafür die richtige Farbwiedergabe und die Hintergrundeinstellung. Dazu wähle ich einfach das Bild im Hintergrund aus. Ich kann sehen, dass dieses Bild im Hintergrund dieses speziellen Abschnitts platziert wurde . Um das Bild zu löschen, klicke ich einfach auf das Bild und dann auf die Schaltfläche Löschen. Ich kann das Bild erfolgreich löschen und jedes neue Bild hier hinzufügen. Um das zu tun, klicke ich einfach auf den Hintergrund. Hier wähle ich die Hintergrundfarbe und kann die Farbe ändern, die ich möchte. Je nach Bedarf kann ich die Farbe hier ändern. Nachdem ich die Farbe geändert habe, kann ich den Hintergrund auswählen. Ich kann die Höhe der Startseite vergrößern oder reduzieren. Hier werde ich weitere Details hinzufügen. Ich habe hier ein Logo und werde ein sehr angenehmes Bild hinzufügen , das für diese Website relevant ist. Um das zu tun, gehe ich zu den Elementen. In Elements wähle ich die Option Fotos. Ich klicke hier auf Fotos und wir haben hier viele Fotos. Ich werde die Kategorie Essen wählen. Ich tippe einfach Essen und Moderator ein, Sie können sehen, wie viele Lebensmittel auf den Bildschirm geladen werden. Ich kann wählen, welches Bild für mein Design App eins ist . Ich entscheide mich für dieses Es enthält viele Lebensmittel, aber ich benötige mehr Lebensmittelhintergründe, also wähle ich Lebensmittelhintergründe. Es zeigt Ihnen gleichzeitig Lebensmittelelemente . Es gibt einen Bereich, in dem Sie Ihre Daten zur Website oder zum Unternehmen hinzufügen können. Ich wähle das einfach aus, weil es ein Profi-Bild ist, du kannst es dort sehen, ich kann nicht vollständig darauf zugreifen. Wenn Sie auf das gesamte Bild zugreifen möchten , das eine höhere Qualität hat, können Sie die Website Paxl verwenden. Sie können auch die kostenlosen Bilder verwenden , die auf dieser Canva verfügbar sind So wie ich dieses Bild ausgewählt habe, habe ich genau das Richtige gewählt , um den Hintergrund zu ersetzen Nur für diesen speziellen Abschnitt ersetzt es den Hintergrund, ersetzt es den Hintergrund um dir die magische Empfehlung zu zeigen. Ich wähle diesen CO. Es zeigt all diese Empfehlungen für mich an. Wenn ich hier einige Lebensmittel zeigen möchte, kann ich einfach das Schlüsselwort Essen eingeben, es zeigt Ihnen viele Lebensmittel. Ich kann wählen, welches Essen Sie dort zusammen mit dem Teller platzieren möchten dort zusammen mit dem Teller platzieren Geben Sie einfach das Schlüsselwort Essen und Teller ein und Sie können sehen, dass es sich bei den meisten Bildern um Profibilder handelt und nur wenige davon kostenlos sind Das kann ich mir vorstellen. Ich klicke einfach darauf, wenn du willst, ich kann es hier verwenden. Ich habe auch dieses Bild. Ich kann das auch benutzen. Je nach Bedarf können Sie auswählen, welche Bilder Sie platzieren möchten. Ich kann auch Lebensmittel wie Burger auswählen. Sie erhalten das Bild mit transparentem Hintergrund. kannst du sehen. Ich wähle das Bild aus, das ich hier platzieren möchte. Je nach Bedarf haben Sie die Elemente, die Sie auf Ihrer Startseite hinzufügen müssen, Sie können sie hinzufügen. Ich gehe Pizza platzieren. Und um neben dem normalen Bild auch ein transparentes Hintergrundbild zu haben . Ich wähle dieses Bild, ich reduziere es. Ich kann das drehen und platzieren, wie ich will. So kann ich die vorhandenen Bilder aus dem Hintergrund ersetzen. Ich kann auch neue Bilder hinzufügen, wenn ich es dir zeige. Auf die gleiche Weise können Sie ein beliebiges Bild auswählen, geben Sie Pasta ein. Sie haben eine Pasta in verschiedenen Tellern. Das kann ich mir vorstellen. Was auch immer Sie für ein Bild empfinden, das für das Design wichtig ist, Sie können es einfach aus den Bildern laden und es wird hier verfügbar sein. Auf die gleiche Weise kann ich auch alle anderen Bilder laden. Wenn Sie das Gefühl haben, dass Sie mehr Sichtbarkeit für das Logo benötigen, können Sie dafür eine separate Form hinzufügen. Ich werde die Elemente verwenden. In Elementen werde ich das Rechteck verwenden. Hier habe ich Qui Press oder ich kann auf dieses Rechteckwerkzeug zugreifen, dem es sich um ein quadratisches Werkzeug handelt Ich kann das hier für den Hintergrund des Logos platzieren. Jetzt, nachdem ich das platziert habe, möchte ich es einfach zurückschicken oder hinter das Logo schicken. Um das zu tun, klicke ich einfach mit der rechten Maustaste hier und komme zu dieser Option „An Seite ausrichten dieser Option können Sie das Objekt über oder links oder rechts ausrichten, so etwas Ich komme zu dieser Ebene und habe die Option „Rückwärts gesendet“ Sie können sehen, wie die Tastenkombination die Klammer öffnet. Ich kann darauf klicken, um es hinter dem Logo zu platzieren. Jetzt verschiebe ich das Logo hierher und platziere es genau so, wie ich es möchte. Ich kann jedoch dieses Rechteck wählen. Ich kann das Aussehen der Ecken an meine Bedürfnisse anpassen . Wie kann ich das machen? Ich mache es gekrümmt und wenn Sie die Farbe heller oder dunkler machen möchten , kann ich sie auch hinzufügen, nachdem ich die Bilder, Formen und das Logo hinzugefügt , Formen und das Logo Endlich kann ich die Textinformationen konzentrieren. Ich kann hier den Textstil wählen. Es gibt eine Vielzahl von Stilen. Je nach Bedarf können Sie auswählen, in welchem Stil Sie die Farben für den Text haben möchten, und die richtigen Farben auswählen. Und der Text wird diese Informationen enthalten. Ich kann den Text auch in der Mitte des Textrahmens ausrichten, und hier haben wir nur den mittigen Ausrichtungstext. Ich platziere einfach über diesem Ort. Und wir können den Text und die Bilder animieren, was wir auf der Startseite haben Wenn ich jetzt einige Schatteneffekte hinzufügen möchte , wähle ich den Text Ich gehe zu den Effekten oben in diesem Menü. Hier habe ich alle Texteffekte , einschließlich Schatten. Ich wähle Schatten und kann hier die Farbe des Schattens ändern. Ich möchte nur das Schwarz hinzufügen. Ich kann die Transparenz hier anpassen , damit der Text besser sichtbar ist. So kann ich die Farbe des Textes und die Farbe der Form ändern . Ich kann auf dieser Seite weitere neue Bilder hinzufügen, wie das Hintergrundbild, die beiden Produktbilder. Ich kann das Logo hinzufügen, ich kann das Logo mithilfe der Formen hervorheben. Auf diese Weise können wir Änderungen an der vorhandenen Vorlage vornehmen und sie in Canva verwenden 8. 07 Speichern und Vorschau des Entwurfs: In dieser Lektion werde ich Ihnen zeigen, wie wir das Canva-Dokument speichern können, wie wir die Website überprüfen können und was wir mit Canva können, wie wir die Website überprüfen erstellen Um das zu tun, komme ich zum Dateimenü. Im Dateimenü sehen Sie die Option Speichern. In Canva müssen Sie das Dokument nicht jedes Mal speichern Wann immer Sie die Arbeit erledigen, wird sie automatisch zusammen mit den Canva-Dokumenten gespeichert Das einzige, was Sie benötigen, ist die richtige Internetverbindung Ohne eine ordnungsgemäße Internetverbindung werden die Schritte, die Sie mit Canva ausgeführt haben, nicht gespeichert Sie mit Canva ausgeführt haben Wenn Sie das Testament in der Leinwand speichern möchten, können Sie im Dateimenü die Option Speichern auswählen. Dadurch wird sichergestellt, dass Sie alle Änderungen oder erstellten Dokumente im Canva gespeichert alle Änderungen oder erstellten Dokumente im Canva Hier oben in diesem Mist können Sie sehen, dass sich ein Häkchen befindet, das auch anzeigt, dass alle Änderungen gespeichert wurden Jetzt werde ich eine kleine Änderung vornehmen. Ich klicke einfach darauf und verschiebe die Position des Objekts. Wenn ich mich bewege, können Sie hier sehen, dass es Ihnen das Update der aktuellen Bewegung in gespeicherter Form zeigt . Sie können sehen, wie es angezeigt wurde. Immer wenn Sie diese Option haben anstatt es zu laden oder zu speichern, wird dieses Dokument automatisch gespeichert. Sie müssen es nicht separat mit dem Namen speichern. Wenn Sie den Namen des Dokuments oben an dieser Stelle hinzufügen möchten , können wir ihn hinzufügen und Sie können ihn einfach so angeben, dass der jeweilige Dateiname auch gespeichert wird. Nachdem ich all diese Informationen hinzugefügt habe, möchte ich die Vorschau erstellen. Um die Vorschau oben in dieser Manuleiste zu erstellen, haben Sie die Option Vorschau Sie können das Vorschaubild von I hier sehen. Ich klicke einfach auf diese Option, Vorschau. Es zeigt Ihnen in der Browseransicht. Es zeigt Ihnen die drei Schaltflächen, d. h. die Schaltflächen zum Verkleinern, Ändern und Schließen, und es enthält auch die Animation Sie haben gesehen, dass ich gerade noch einmal auf diese Vorschau drücke. Es zeigt dir, wie es in einer Vorlage animiert wurde. Das wurde also perfekt hinzugefügt. Diese Änderungen, die ich vorgenommen habe, wurden ebenfalls aktualisiert. Und wenn ich das Vorschaumodell auf ein Mobilgerät umstellen möchte , haben Sie oben den Desktop dann das Handy. Sie können ein Handy auswählen und schon haben Sie die komprimierbare Vorschau für Mobilgeräte Sie können sehen, dass es die Objekte automatisch wieder anordnet und Ihnen eins nach dem anderen zeigt Auf diese Weise können wir mit Canva eine Vorschau entweder einer mobilen oder einer Desktop-Ansicht anzeigen. Dies hilft Ihnen dabei, die richtige Website zu erstellen , die mit Canva erforderlich ist 9. 08 Verstehen der grundlegenden Struktur einer Website: In dieser Lektion werde ich Ihnen zeigen, wie wir die Anatomie einer Website kategorisieren können Die Website wird mehrere Seiten mit vielen Elementen haben mit vielen Elementen Lassen Sie mich es Ihnen anhand des Echtzeitbeispiels zeigen. Ich werde eine Website öffnen. Dies ist eine Website, die amazon.com heißt. Wenn Sie sich das Design der Website oben ansehen, haben wir das Logo der jeweiligen Marke und wir haben hier einige andere Optionen, wir können sofort nach dem Produkt suchen Sie haben die Sprache, Sie haben die Anmeldung und die Karte und/oder DDS. Also darunter, das Pflanzenlogo, haben wir die Navigationsleiste Auf den meisten Websites befindet sich die Navigationsleiste oben, entweder in der ersten Zeile dieses Banners oder in der zweiten Zeile. Dieser Inhalt wird statisch sein. Selbst wenn Sie nach unten oder oben scrollen, können Sie diese Logo-Designs hier sowie in der Navigationsleiste sehen . Nach dieser Navigationsleiste oder den Schaltflächen haben wir einen Bannerbereich. Hier haben wir die wichtigsten Informationen zur Website. Wenn sie beispielsweise eine Liste von Diensten bereitstellen würden, werden diese Dienste hier verfügbar sein. Da es sich um eine E-Commerce-Website handelt, gibt es so viele neue Produkte oder Neueinführungen, oder die angebotsbasierten Produkte werden hier angezeigt. Dies wird die erste Folie sein und hier habe ich noch mehr Folien. Manchmal werden diese Flocken kontinuierlich von selbst abgespielt. Dieser Bannerbereich zieht das Publikum an und sie gestalten diesen Bannerbereich als den üblichen Wenn Sie sich diesen Bannerbereich auf Ihrem Handy oder einem Smart-TV ansehen, sehen Sie auch sehr gut aus. Dieses Layout ist anpassbar. Das war einer der besten Vorteile. Nach dieser Navigationsleiste haben Sie den Bannerbereich dann den Hauptteil dieser Website. In diesem Hauptteil der Website Sie je nach Bedarf planen, können Sie je nach Bedarf planen, wie viele Spalten oder Inhaltszeilen Sie benötigen. Da es sich um eine E-Commerce-Website handelt, haben sie viele Produkte angeboten . Sie müssen hier keine Beschreibung angeben , denn wenn sie das Produkt auswählen, allein die Produktseite detaillierte Informationen zum Produkt. Ich scrolle einfach nach unten. Sie haben hier ein anderes Layout, um die Produkte zu präsentieren, aber das hat die einheitliche Anordnung. Das werden wir in unseren weiteren Lektionen sehen. Am Ende habe ich zusätzliche Informationen zu verschiedenen Links. Endlich habe ich den Bereich Footer. In Footer habe ich hier die Copyright-Informationen und andere allgemeine Details Dies wird die Grundstruktur der Website sein, die Navigationsleiste mit einer Kopfzeile und der Bannerbereich sowie der Inhaltsbereich , der auch als Hauptteil der Website bezeichnet wird Endlich haben wir die Fußzeile. So wird jede einzelne Website eine Struktur haben. In Canva werden wir auch dieselbe strukturbasierte Website für unser Design erstellen dieselbe strukturbasierte Website für unser Design 10. 09 Erstellen einer neuen Canva-Website: In dieser Lektion zeige ich dir, wie wir mit Canva eine neue Website erstellen können Zuerst werde ich diese Optionswebsite auswählen. Mit dieser Option selbst können Sie also eine neue Website erstellen. Ich klicke einfach auf Website „Neu erstellen“. Mit Hilfe dieses Homepage-Banners klicke ich auf diese Option. Wenn ich dort klicke, erhältst du automatisch das neue Design der Website. Wenn Sie jedoch genau das von Ihnen gewünschte Website-Design wünschen , können Sie diesen Weg nicht verwenden. Ich schließe das einfach. Danach komme ich zu diesem Ort, der eine benutzerdefinierte Größe hat. Ich klicke hier. Wenn ich diese benutzerdefinierte Größe auswähle, habe ich die Werte für die benutzerdefinierte Größe hier. Hier wähle ich diese Website aus. Ich wähle Websites, die Sie hier haben, mit unterschiedlichen Abmessungen. Hier haben wir eine Website mit der Abmessung 13 Double Six in 768 Pixeln. Wir haben auch die gleiche Dimension. Sie können sehen, dass ich einfach weiter gehe. Wir haben hier verschiedene Website-basierte Dimensionen mit unterschiedlichen Kategorien. Sie werden hier viele Vorlagen haben. Wenn Sie direkt darauf zugreifen möchten, können wir auch von hier aus darauf zugreifen. Ich werde diese Option wählen, nämlich Website, und Sie erhalten diese Website hier. Sie können also auf diese Weise wählen oder ich habe eine andere Option. Ich komme zu dieser benutzerdefinierten Größe und hier können Sie angeben, welche Art von Abmessung Sie benötigen. Ich werde nur die Dimension 13, doppelt sechs wählen, und ich werde die Größe 768 wählen. Wir alle wissen, dass dies die optimale Größe jedes Website-Design ist, das für einen Breitbildmonitor geeignet ist. Das Seitenverhältnis wird 69 sein, was perfekt ist, um den Inhalt, Sie wissen schon, in Werbung anzuzeigen, und Sie können maximale Inhalte auf Werbung anzuzeigen, und Sie können der Website anzeigen. Wenn Sie jedoch das Bildmaterial im mittleren Bereich des Monitors anordnen das Bildmaterial im mittleren Bereich des und trotzdem ein benutzerfreundliches Design der Website erstellen möchten , bei dem die gesamte Ansicht auf Ihrer Website mit den Monitoren im Verhältnis 43 ohne Scrollbalken angezeigt werden muss, Verhältnis 43 ohne Scrollbalken können Sie verschiedene Größen wie Tausendvierundvierundvierzig Das reicht aus, um Ihnen das Design der Website auf den 43 Monitoren, auch CRT-Monitoren genannt, zu zeigen das Design der Website auf den 43 Monitoren, auch CRT-Monitoren genannt, auch CRT-Monitoren genannt Aber heutzutage hat fast jedes Gerät dieselbe Größe Sie können sich also für diese Option entscheiden, die 1.366 Zoll und einhundert 68 Pixel entspricht Stellen Sie sicher, dass Sie vor dem Hinzufügen der Dimension die Einheit auswählen müssen Wenn Sie die Einheit nach dem Hinzufügen der Dimension auswählen, besteht die Möglichkeit, dass die Abmessungen hier geändert werden. Bevor Sie die Dimension auswählen, müssen Sie zunächst die jeweilige Einheit ändern. Danach müssen Sie nur noch die Optionen für diese Breite und Höhe auswählen . Dies ist der beste Weg, den Sie beschreiben können, als Sie die Dimension der Website erworben haben. Sobald Sie die Dimension und die Einheiten ausgewählt haben, können Sie die Option Neues Design erstellen auswählen. Sie werden die neue Website-Vorlage hier in den leeren Dokumenten haben. Wenn es ein leeres Dokument war, Sie auf der linken Seite erstellt haben, wurden Sie viele Vorschläge und Vorlagen haben. Sie müssen das jetzt nicht verwenden, denn in Zukunft, in den nächsten Lektionen, werde ich Ihnen erklären, wie wir diese Stile und Designs in unser Design integrieren können . Aber im Moment erstellen Sie einfach eine Website, ein neues Dokument, das für Sie ausreicht. 11. 10 Erstellen mehrerer Seiten für Website: In dieser Lektion werde ich Ihnen zeigen , wie wir die Abschnitte und Seiten erstellen können die Abschnitte und Seiten erstellen , die für unsere Website erforderlich sind. Nachdem Sie ein neues Dokument mit Canva erstellt haben, haben Sie diese Seite am Anfang Oben können Sie sehen, dass wir keinen Namen für diese Website Dann gebe ich einfach einen Namen. Houston. Ich habe gerade das Wort Hatch verwendet und Sie haben dort standardmäßig die Größe der Website oder des Dokuments Wenn Sie es umbenennen, haben Sie nicht mehr die Größe des Dokuments. Wenn Sie das jedoch sehen möchten, können Sie zum Dateimenü gehen. Dort wird das erstellte Dokument funktionieren, der Name. Der Autor und die Dimension des Entwurfs. Da es sich um eine Website handelt, zeigt sie Ihnen die Dimension in Pixeln. Wenn Sie das Design jedoch in Form von Broschüren oder Flyern erstellt haben, wird es entsprechend der Einheit angezeigt, die Sie für die Erstellung des Dokuments ausgewählt haben In Ordnung. Jetzt komme ich wieder auf dieses Design zurück. Am Anfang können Sie sehen, dass wir hier nur eine Seite haben. Und oben können Sie sehen, dass wir hier die Befehlsoption haben. Sie haben den Hintergrund, und er zeigt Ihnen den Zeitverlauf dieser Folie. Sie haben eine Position, an der Sie die Objekte anordnen können. Im Moment haben wir hier kein Objekt zum Arrangieren, schließen Sie das einfach. Wenn Sie die Hintergrundfarbe ändern möchten, können Sie standardmäßig sehen, dass sich am Ende eine lila Linie befindet, da es sich um eine leere Seite dass sich am Ende eine lila Linie befindet, da es sich um eine leere Seite handelt. Sie war von der Webseite umgeben. Ich klicke hier, auf die Hintergrundfarbe, und ich kann diese Hintergrundfarbe mit dieser Option für die Hintergrundfarbe direkt ändern . Fügen Sie auch die Verlaufsfarben hinzu, wenn Sie möchten. Ich zeige dir später, wie wir die Farben des Verlaufs ändern können . Jetzt wähle ich einfach nur Weiß. Sie können auf dieselbe Funktion auch zugreifen , indem Sie dort mit der rechten Maustaste klicken. Sie können sehen, dass wir hier so viele Optionen haben. Hier kannst du all diese Dinge tun. Jetzt habe ich nur eine Seite hier. Hier haben wir die Option Seite hinzufügen. Sie müssen nicht auf die Seite hinzufügen klicken. Lassen Sie mich Ihnen zeigen, was Sie tun müssen. Zuerst sehen Sie unten den prozentualen Prozentsatz der Zoomstufe. Danach haben Sie die Seiten. Ich klicke einfach hier, um die Miniaturansichten der Seite anzuzeigen und es zeigt dir das Ende Dies ist die erste Seite. Wenn Sie weitere Seiten hinzufügen möchten, können Sie sie hinzufügen Aber vorher komme ich wieder auf diese Seite, indem ich diese Seiten-Thumbnails ausblende Oben sehen Sie, dass wir die Option Seite duplizieren und wir haben die Option Seite Sie haben hier die Option Seite hinzufügen, ich klicke einfach dort. Hier hast du die zweite Seite. Sie können hier also alles hinzufügen, was Sie benötigen, die Dokumente oder die Designs oder die Animationen, alles, was Sie hier hinzufügen können. Auf die gleiche Weise können Sie hier eine weitere neue Seite hinzufügen. Sie können auch diese Option verwenden, nämlich Seite hinzufügen. Es fügt dir also eine dritte Seite hinzu. Auch hier werde ich die vierte Seite hinzufügen. Auf diese Weise können Sie also eine beliebige Anzahl von Seiten für die Website hinzufügen . Nun, ich richte Clin an dieser Stelle, es zeigt Ihnen die Optionen Kopieren und Kopieren von Stil, Einfügen, Seite hinzufügen, Größe ändern, Seite duplizieren, all diese Optionen, die Sie direkt verwenden können So können Sie der Website Seiten hinzufügen. Und wenn Sie die Seite nicht benötigen, bei der Auswahl dieser Seite sehen, können Sie bei der Auswahl dieser Seite sehen, dass wir die Option Seite ausblenden haben. Sie hatten eine doppelte Seite, Sie haben auch die Option Löschen. Sie können einfach hier klicken , um die Seite zu löschen. Und Sie können hier auch den Seitennamen ändern. Ich werde einen Namen wie Kontakt angeben. Wenn Sie diese Kontaktseite über diese Seite drei verschieben möchten , kann ich diese Option verwenden, um nach oben zu wechseln. Diese Seite wird also an dritter Stelle stehen. Also hier habe ich eine Seite vier. Sie können die Seiten je nach Bedarf auch nach oben oder unten verschieben . Das können Sie tun. So verwenden wir diese Seiten für unser Website-Design. Auf diese Weise können Sie die Seiten hinzufügen oder löschen , die wir für die Website von Canva verwenden 12. 11 Abschnitte logisch anordnen: In dieser Lektion werde ich Ihnen zeigen, wie wir die Webseiten in Form von Abschnitten erstellen können die Webseiten in Form von Abschnitten erstellen Es gibt einen Unterschied zwischen beiden Dingen. Lass mich dir das zeigen. In unserer vorherigen Lektion habe ich Ihnen gezeigt, wie wir eine Website in benutzerdefinierter Größe erstellen können. Wenn Sie eine Website in benutzerdefinierter Größe erstellen, haben Sie die Seite eins und Seite zwei, Sie können sie verschieben und all die Dinge löschen , die wir in der vorherigen Lektion gesehen haben. Aber hier werde ich diese Option direkt auswählen, indem ich diese Kurzform namens Website verwende. Keine benutzerdefinierte Größe, ich verwende das einfach direkt. Wenn ich auf diese Option „ Website neu erstellen“ klicke, habe ich hier dasselbe neue Design. Was ist also der Unterschied? Warum brauchen wir das? Lassen Sie mich Ihnen zeigen, dass dies die wichtigste Option ist , die wir beim Design von Canva-Websites haben Oben sehen Sie, dass wir den Namen Untitled Design Website haben Namen Untitled Design Wir hatten keine bestimmte Dimension. Das kannst du sehen. Wenn Sie ein responsives Layoutdesign wünschen, müssen Sie nur diese Option wählen, nämlich eine neue Website erstellen. Wenn Sie diese benutzerdefinierte Größe wählen, haben Sie kein responsives Design, wählen Sie dieses nicht. Du musst dieses verwenden. Nachdem ich das ausgewählt habe, komme ich zu diesem Dateimenü. Hier können Sie sehen, dass wir den Dokumentnamen und den Ersteller des Dokuments haben , und Sie haben hier nicht die bestimmte Dimension. Aber in der vorherigen Lektion habe ich Ihnen gezeigt, dass es Ihnen 13 Doppel-Sechs und 768 Pixel zeigt . Das ist der Hauptunterschied. Das ist ein responsives Layout. Gleichzeitig haben Sie hier dieselben Optionen. Auf der linken Seite können Sie sehen, dass wir die Optionen haben, wir in unserer vorherigen Lektion oben auf der Seite gesehen haben . Was ist der Unterschied? Sie können sehen, dass wir diesen Bereich sperren können. Dieser Bereich wird als Abschnitt bezeichnet, nicht als Seite. Warum nennen wir das einen Abschnitt, nicht die Seite? Da wir die jeweilige Seite Concert verwenden. Es gibt so viele Websites da draußen. Zum Beispiel zeige ich Ihnen das Beispiel der Website amazon.com Wenn ich oben nach unten scrolle, haben wir eine Kopfzeile mit Suchoption und Navigationsleiste, dann haben wir den Hauptinhalt, dann haben wir die Fußzeile All diese Designs bestehen aus einer einzigen HTML-Seite, nicht aus mehreren Seiten Wenn ich die bestimmte Schaltfläche auswähle, wird nur diese weiter auf die separate Seite, Produktseite oder die Anmeldeseite verschoben, was auch immer es ist. Auf die gleiche Weise ist dies eine einzelne Seite. Sie können oben mehrere Abschnitte hinzufügen, Sie haben die Kopfzeile und danach haben Sie den Bannerbereich. die gleiche Weise können Sie hier mit dieser Option mehrere Dinge hinzufügen . Aus diesem Grund ist diese Schaltfläche zum Erstellen einer neuen Website etwas ganz Besonderes. Danach gebe ich einfach einen Namen. Houston. Das ist mein Projektname. Sie können den gleichen Namen auch hier sehen. Dann habe ich hier die Option „Abschnitt duplizieren“. Dies ist ein einziger Abschnitt. Unten können Sie sehen, dass ich die Transformationssteuerung habe. Ich kann die Abschnittsgröße reduzieren oder erhöhen, was bei der normalen Website-Erstellung nicht möglich ist. Je nach Bedarf kann ich also auswählen, was der Bereich des jeweiligen Abschnitts sein soll. Wenn ich das als meine Überschrift betrachten möchte, kann ich es auf diese Dimension reduzieren. Wenn Sie die Dimension reduzieren, müssen Sie die Sichtbarkeit der Dimension dort haben. Sie können sehen, dass bei diesen 13 Doppel-Sechs die Höhe 169 ist. Das kannst du hier also deutlich sehen. Ich habe diese Position gewählt und ich habe die Reichweite gewählt. Ich sehe all die weiteren Optionen, die wir später verwenden werden. Nachdem Sie diese Option eingerichtet haben, stellen Sie sich vor, dass ich hier das Logo und die Navigationsschaltflächen hier hinzufügen werde das Logo und die Navigationsschaltflächen hier Ich ändere einfach die Farbe dieses Hintergrunds nach Bedarf. Aber danach werde ich meinen Bannerbereich hinzufügen. Um das zu tun, verwende ich diese Option Abschnitt hinzufügen. Nicht die Seite. Dies wird als Abschnitt hinzufügen bezeichnet. Sie können diese Option auch verwenden, um diesen Abschnitt hinzuzufügen. Wenn Sie jedoch dieselbe Dimension duplizieren möchten, können Sie diesen doppelten Abschnitt verwenden. Aber im Moment möchte ich nur einen neuen Abschnitt hinzufügen. Ich wähle hier Abschnitt hinzufügen. Also haben wir den neuen Abschnitt mit der Farbe, die ich gewählt habe. Ich möchte nur diese Farbe in Weiß ändern. Wir haben es. Da es sich um einen Bannerbereich handelt, möchte ich nur die Menge dessen, was ich hier habe, reduzieren. Das reicht für meinen Bannerbereich. Es sieht also aus wie eine einzelne Webseite, aber diese Bereichsfunktion unterscheidet sich von dieser Bereichsfunktion. Deshalb haben wir zwei verschiedene Bereiche. Nach diesem Bannerbereich werde ich den Hauptinhalt haben, den Hauptbereich der Website. Dazu füge ich einfach diese Option hinzu, nämlich erneut Abschnitt hinzufügen. Ich möchte nur die Hintergrundfarbe ein wenig ändern , um den Unterschied zwischen den einzelnen Abschnitten zu zeigen. Ich habe das einfach ausgewählt und ein bisschen die Farbe geändert. Sie können sehen, dass dies der Bereich mit den Körperinhalten ist. Auch hier werde ich den Abschnitt hinzufügen, und hier wechsle ich zu reinem Weiß. Je nach Bedarf kann ich also anpassen, wie viel Größe ich für jeden einzelnen Abschnitt meines Website-Designs benötige. Und ich werde meine Kontaktseite hinzufügen. Ich klicke einfach noch einmal auf diesen Anzeigenbereich und hier werde ich die Farbe erneut ändern. Ich verwende diese Farbe wieder und reduziere einfach die Seitenhöhe und hier erhöhe ich sie. Je nach Bedarf werden Sie all diese Dinge anpassen , nachdem Sie diese Dinge hinzugefügt haben. Schließlich werde ich meinen Fußzeilenbereich hinzufügen Um den Fußzeilenbereich hinzuzufügen, klicke ich hier auf Abschnitt hinzufügen und reduziere einfach die Höhe, weil ich hier nur die Fußzeile hinzufügen möchte und ich ändere die Farbe des Hintergrunds, um den Unterschied tatsächlich zu zeigen Mir wurden alle Abschnitte hinzugefügt, was für diese Website ein Rekord ist für diese Website ein Rekord Es ist eine einfache Website. Ich kann hier den Bannerbereich verwenden und das ist die Kopfzeile, in der ich die Schaltflächen anzeigen werde, und in diesem Bereich füge ich die Produkte, Dienstleistungen und andere Informationen hinzu. Endlich werde ich eine Fußzeile haben. So können Sie Ihre Webseiten planen und je nach Bedarf alles ändern Der Grund, warum wir uns für diese Art von Design entschieden ist, dass wir vollständig responsives Design anbieten können Wenn Sie diese Website auf verschiedenen Geräten wie Handy, Tablet oder PC oder Fernseher in allen verschiedenen Layouts ansehen verschiedenen Geräten wie Handy, Tablet oder , wird die Ausrichtung . Wenn Sie diese Website auf verschiedenen Geräten wie Handy, Tablet oder PC oder Fernseher in allen verschiedenen Layouts ansehen, wird die Ausrichtung automatisch entsprechend den Anforderungen geändert. Das ist der Plan und deshalb haben wir diese Art von Layout entworfen. Wenn Sie nun eine weitere Seite für weitere Informationen hinzufügen möchten , werden Sie eine riesige Menge an Inhalten für die Website erstellen , nicht nur eine einfache Website, Sie können die Seite auch hinzufügen. Dies ist eine einzelne Seite mit verschiedenen Abschnitten. Wenn Sie allein mit dieser einzelnen Seite zufrieden sind , müssen Sie nichts anderes erstellen. Aber wenn Sie mehr Informationen für jede einzelne Schaltfläche hinzufügen möchten , ja, Sie können weitere Seiten hinzufügen. Dafür komme ich zu diesem Plus-Symbol, Sie können diese Option Seite hinzufügen verwenden. Ich klicke einfach auf Seite hinzufügen. Sie können hier sehen, dass ich separat eine weitere Seite habe. Ich klicke einfach darauf. Ich möchte nur die Hintergrundfarbe ändern, um den Unterschied zwischen der vorherigen und dieser Seite zu zeigen . Dies ist eine Seite mit mehreren Abschnitten, die wir erstellt haben, aber das ist Seite zwei. Je nach Bedarf kann ich verschiedene Dimensionen für diese bestimmte Seite hinzufügen . Ich ändere einfach diese Miniaturansicht in die normale Ansicht. Nach diesem Abschnitt können Sie sehen, dass dies die erste Seite und mehrere Abschnitte Nach all diesen Dingen haben wir eine Seite zwei. Wenn ich auf eine Schaltfläche klicke, wird diese Seite in der Vorschau der Website angezeigt Deshalb habe ich Seite zwei und Seite mit all diesen Optionen Wenn du dieses Konzert nicht möchtest, kannst du diese Seite einfach löschen. Wenn Sie also eine einseitige Website suchen , die alle Informationen wie Startseite über uns, Dienstleistungen, Produkte und all diese Dinge, Inhalte enthält , ist diese Ausrichtung für Sie völlig ausreichend. 13. 12 Der Stammordner und Assets: Und in dieser Lektion werde ich Ihnen zeigen, wie wir eine Website mit Text und Bildern erstellen werden . Also hier habe ich den Ordner. Der Name des Ordners heißt Houston. Das ist der Name des Projekts, das ich mit diesem Kurs erstellen werde . Wenn ich also das Projekt erstelle, erstelle ich dafür einen separaten Ordner. In diesem Ordner habe ich den Inhalt des Textinhalts in Form einer Word-Datei. Sie können den Text auch in der Node-Word-Datei haben, und ich habe den Ordner Images. Lassen Sie mich Ihnen jetzt zuerst den Inhalt der Website zeigen. Ich habe gerade den Inhalt geöffnet. Hier habe ich die Informationen zur Homepage. Sie zeigen Ihnen Willkommen in Houston, wo Komfort in Houston auf kulinarische Exzellenz trifft. Dies ist ein Hotel, das über alle Informationen über das Essen und den Aufenthalt sowie die vom Hotel bereitgestellten Einrichtungen verfügt. Der Kandidat für die Homepage wurde hier bereitgestellt. Wir können verwenden, wir können auch die Bilder verwenden, die ich mit dem jeweiligen Ordner geteilt habe Ich habe die About-Spreche, den Inhalt. Dann habe ich die Einrichtung Speech, und ich habe den Inhalt dafür bereitgestellt. Danach habe ich die Dienste und ich habe die Informationen der Dienste. Dann habe ich die Galerie. Ich habe die Liste der Galerien hier, und ich muss die Bilder dieser Galerien hinzufügen. Das wurde ich auch hier erwähnt. Und schließlich habe ich die Kontaktseite. Ich muss hier die Kontaktadresse, die Telefonnummer und die E-Mail hinzufügen . So können Sie Ihre eigene Adresse, die erforderliche Website, die Telefonnummer des Unternehmens und die E-Mail-Adresse hinzufügen die erforderliche Website, . Dies sind allgemeine Informationen, die mir zur Verfügung gestellt wurden. Sie können auch die Links zu sozialen Medien hinzufügen wie Sie es bei Instagram, Twitter, Facebook haben . Wenn Sie auch YouTube haben, können Sie all diese Informationen hier teilen. So habe ich den gesamten Inhalt für Sie zusammengestellt. Nur auf dieser Grundlage werden wir die Webseiten erstellen. Jetzt schließe ich einfach dieses Webdokument. Nach diesem Inhalt der Website habe ich also den Ordner Images. In den Bildern können Sie sehen, dass ich Bilder für verschiedene Seiten habe. Wie ich Ihnen zeige, habe ich die Webseiten, die mit Home As, Einrichtungen, Dienstleistungen, Galerie und Kontakt beginnen . Davor hatte ich einen separaten Ordner namens Logo. Dieser Ordner enthält also die beiden Arten von Logos meines Projekts Houston. Das ist also ein JPEC-Bild mit tausendtausend Pixeln, und Sie können sehen, dass es den schwarzen Hintergrund hatte Und das ist ein PNG-Dokument mit transparentem Konto Ich kann es je nach Bedarf überall platzieren. Ich kann den Hintergrund nach Bedarf auswählen. Wenn Sie also ein Website-Design für ein bestimmtes Unternehmen oder ein bestimmtes Produkt erstellen , müssen Sie über das PNG-Dokument mit dem Logo verfügen, damit Sie den Hintergrund und die Position des Logos frei platzieren können. Ich habe also alle Bilder, die ich für die Erstellung dieser Website benötigt habe . In diesem Haus können Sie sehen, dass ich den Empfang und die gut aussehenden Seiten dieser Website habe. Sie müssen diese Bilder von der jeweiligen Firma sammeln . Wenn dies nicht der Fall ist, können Sie ein Fotoset erstellen und all diese Bilder von ihnen abrufen. Und dafür habe ich Bilder von der About-Seite. Ich habe Bilder von Einrichtungen. Ich habe Dienstleistungen und eine Galerie und schließlich habe ich die Bilder der Kontaktseite. So müssen Sie also die Bilder und den Textinhalt anordnen. Dann können Sie beginnen, all diese Informationen für Ihr Website-Design zu verwenden . 14. 13 Layout anpassen und Platzhalter hinzufügen: In dieser Lektion werde ich Ihnen zeigen, wie wir das Ebenendesign anpassen und wie wir Platzhalter für Text und Bilder erstellen können Vorher werde ich ein neues Canva-Dokument erstellen Um das zu tun, gehe ich auf die Startseite und hier habe ich die Option Doc Ich klicke einfach auf diese Doc-Option. Ich werde das Canva-Dokument erstellen. Es hat den standardmäßigen leeren Bereich. Jetzt möchte ich nur noch den Namen des Dokuments ändern. Ich komme her und sterbe einfach zufrieden mit Houston. Jetzt möchte ich den Text aus meiner Word-Datei kopieren und hier einfügen, sodass Sie alle Informationen in der Canva haben, sodass Sie nicht auf das Microsoft Word-Dokument oder eine andere Software angewiesen sind das Microsoft Word-Dokument oder eine andere Software Am Anfang selbst, wenn Sie den Inhalt dafür mit den Inhaltsautoren erstellen, können Sie ihn jedoch wenn Sie den Inhalt dafür mit den Inhaltsautoren erstellen , direkt in dieses Canva-Dokument einfügen Jetzt kopiere ich es einfach und füge es hier ein. Also hier wähle ich einfach mit Control A aus, ich drücke Control C. Wenn ich also Control A drücke, wird der gesamte Inhalt ausgewählt. Und wenn ich Strg C drücke oder wenn ich einfach der rechten Maustaste über die Auswahl klicke, wähle ich Kopieren. Der Inhalt wurde ausgewählt und kopiert. Jetzt möchte ich zur Canva gehen und den Inhalt einfügen Also komme ich zurück und werde es einfügen. Ich drücke einfach Strg V. Sie können sehen , dass ich den gesamten Inhalt hier habe. Ich habe also einen Inhalt für zu Hause über uns, und hier habe ich etwas Platz. Da es sich um ein Word-Dokument handelt, wurde mir dafür ausreichend Speicherplatz zur Verfügung gestellt , und hier füge ich etwas Platz hinzu. Ich möchte jeden Seiteninhalt unterscheiden. In einem Canva-Dokument haben Sie keine einzige Seite mit vier Dimensionen Soweit Sie einen Inhalt haben, können Sie die einzelne Seite erweitern Jetzt haben wir den Inhalt hier. Sie benötigen das Word-Dokument nicht mehr. Hier habe ich das Canva-Dokument und die Website. Jetzt möchte ich zurück zur Z-Homepage kommen. Ich expandiere einfach. Sie können auch Strg plus Scrollen verwenden , und wenn Sie einen Mac verwenden, können Sie Command und Scrollen mit der Maus verwenden. Jetzt haben wir hier den Bach-Inhalt für zu Hause. Wir werden das Bild in diesem Bereich im Hintergrund platzieren und die Informationen dazu hinzufügen. Da es sich um eine Hotelseite handelt, kann ich sie nach Bedarf erstellen. Und hier habe ich die Navigation oben, die den gelben Hintergrund hat. Aber hier möchte ich diesen Bereich nur erweitern , denn da es sich um eine Hotelwebsite handelt, möchte ich am Anfang selbst einen besseren Eindruck vermitteln. Ich erweitere diesen Bereich einfach weiter, also werde ich hier den Inhalt, den Textinhalt und das Bild platzieren . Ich möchte das Bild im Hintergrund hinzufügen. Wenn du das Bild in Canva hinzufügen möchtest, musst du die Option Frame hinzufügen Wenn du die Bilder innerhalb des Rahmens hinzufügst, ist es einfach, sie zu animieren Es ist einfach, die Bilder zu verwalten, ohne sie zu dehnen und Fehler zu machen Wie wir die Rahmen hinzufügen können, komme ich zu den Elementen. Hier gebe ich das Schlüsselwort Frame ein. Wenn Sie das Schlüsselwort Frame und Presenter eingeben, können Sie sehen, dass wir die Antworten für diese Suche haben. Zunächst haben Sie die Option Frames. Ich klicke einfach auf dieses C, wenn ich das wähle, erhalte ich unterschiedliche Ergebnisse. Ich wähle den allerersten aus, der einen quadratischen Rahmen zeigt. Ich klicke einfach darauf und es wurde geladen. Sie können sehen, dass dieser Rahmen sehr flexibel ist. Ich kann ihn skalieren, verkleinern und vergrößern. Ich kann auch nur die Breite und nur die Höhe erhöhen, wodurch das Bild nicht gestreckt wird, anstatt den Bildbereich anzupassen. Sie können sehen, dass ich das einfach so weit ausgeweitet habe und ich habe einen Platz wie diesen. Selbst wenn du alles von einem Ende zum anderen hinzufügen möchtest, kannst du es einfach platzieren und du kannst all diese Änderungen vornehmen. So kannst du den Ort des Bilds in Canva hinzufügen Jetzt komme ich zurück an diesen Ort. Hier muss ich das Logo der Website hinzufügen. Ich füge einfach noch einmal einen Frame hinzu und ich möchte nur zu diesem Abschnitt kommen. Im Moment war ich in diesem Abschnitt. Also reduziere ich einfach die Größe. Jetzt verschiebe ich das in diesen Abschnitt. Sie können sehen, dass ich es einfach per Drag-and-Drop verschiebe und an der gewünschten Stelle platziere. Also hier werde ich das Logo verwenden, und ich möchte es nur vergrößern sodass es im Grunde genommen ein Container ist. Es wird den Inhalt verarbeiten , den wir im Rahmen haben. Sie können die Videos in diesem Frame hinzufügen , sodass sie einstellbar sind. Also wurde mir das Header-Bild hinzugefügt und danach wurde mir der Bildrahmen im Bannerbereich hinzugefügt. Und hier werde ich einige Textinformationen hinzufügen, die die Startseite haben. Um das hinzuzufügen, komme ich zu diesem Text, Sie auf der linken Seite sehen können Sie haben die Option Text. Bei Text haben Sie hier standardmäßig zwei Optionen Fügen Sie ein Textfeld hinzu und Sie haben die Standardtextstile Überschrift, Unterüberschrift und Haupttext Je nach Bedarf können Sie wählen, was Sie möchten. Jetzt wähle ich ein hinzugefügtes Textfeld. Das fügt die freie Form des Textes hinzu, Sie können einfach anpassen, wie Sie möchten. Jetzt gehe ich zum Oramepsm Lorumibsom, der Inhalten Sie können die Anzahl der Informationen generieren, für die keine Lizenzgebühren gelten . Sie können die Anzahl der Informationen generieren, für die keine Lizenzgebühren gelten . Ich kopiere die Informationen zuerst einfach. Hier hast du schon den Inhalt, aber ich kopiere diese Informationen einfach zuerst und füge sie ein. Ich wähle einfach diesen Text aus und füge ihn einfach hier ein. Jetzt kann ich diesen Absatztext anpassen. Ich kann die Breite des Dokuments anpassen. Wenn ich die Textinformationen oben hinzufüge, können Sie sehen, dass wir viele Textilien haben. Im Moment wähle ich einfach diese linke Ausrichtung. Ich reduziere einfach die Rahmengröße nach Bedarf. Ich kann platzieren, wo ich etwas hinzufügen möchte. Da es sich um eine Startseite handelt, muss ich nicht zu viel Text hinzufügen. Ich reduziere einfach und füge hier einfach hinzu, und ich möchte hier eine Überschrift hinzufügen. Ich füge einfach eine Überschrift hinzu und klicke einfach auf diesen Rahmen oder ich klicke einfach nach draußen und ich klicke einfach auf den Textrahmen und verfolge ihn. So können Sie den Text also in einen Rahmen verschieben. Wenn Sie sich bereits im Inneren des Textrahmens befinden, können Sie den Textrahmen nicht direkt verschieben. Wenn Sie das tun möchten, klicken Sie einfach auf eine Stelle außerhalb dieses Bereichs. Jetzt kannst du direkt klicken und es verfolgen, du kannst es verschieben. Hier füge ich die Überschrift des jeweiligen Produkts hinzu. Jetzt ist das die Hotelseite. Ich kann den Namen hier hinzufügen. Basierend auf dem Bildhintergrund kann ich die jeweilige Farbe des Textes auswählen. Ich habe die Möglichkeit, eine Unterüberschrift hinzuzufügen. Mir wurde auch die Unterüberschrift hinzugefügt. Hier kann ich einige Bildunterschriften für die Website hinzufügen. Ich füge das einfach auch mit der linken Ausrichtung hinzu und ich bewege und platziere es einfach Wenn Sie jedoch ein Element auswählen, können Sie hier sehen, dass Sie nur die Option Drehen haben, da es sich um eine Überschrift handelt. Aber für diesen Hauptinhalt musst du rotieren und hier wähle ich einen Unterton, du kannst ihn sowohl bewegen als auch drehen Diese Funktionen sind je nachdem, um welche Art von Text es sich handelt, verfügbar je nachdem, um welche Art von Text es sich handelt Jetzt wähle ich ein bisschen Fließtext aus. Also auch dafür haben Sie die Rotator-Option Je nach Bedarf werden Sie also wählen , was Sie tun möchten Also wurde mir der Dummy-Text und der Rahmen für das Bild hinzugefügt Und nach dieser Homepage habe ich über eine Rede gesprochen Also hier werde ich, du weißt schon, diese Informationen hinzufügen . vorher sicher, dass Sie alle Dummy-Informationen hinzugefügt haben alle Dummy-Informationen hinzugefügt Wenn Sie dieser Seite noch etwas hinzufügen möchten , können Sie auch etwas hinzufügen Aber um das zu tun, benutzt du einfach einen Text zum Einrahmen. Ich richte das einfach an der richtigen Stelle aus. Sie können sehen, dass es Ihnen die Rasterlinienansicht zeigt , wenn ich ein Objekt bewege. Alle drei waren in einer Linie angeordnet. Sie können das sehen, es zeigt Ihnen die Ausrichtung, wie es funktioniert. So können Sie mit Canva einen Platzhalter für die Bilder hinzufügen und Sie können auch die Bilder hinzufügen und Sie können auch Platzhalter für den Text 15. 14 Mobilfreundlichkeit gewährleisten: I In dieser Lektion werde ich Ihnen zeigen, wie Sie Ihre Website mit einer für Mobilgeräte optimierten Ansicht erstellen können . Wenn Sie jedoch eine Website erstellen diese Option namens Website erstellen verwenden, wird das Layoutdesign automatisch an die Geräteansicht angepasst an die Geräteansicht Wenn Sie sich das anhand der Ansicht im Hochformat oder im Querformat ansehen, das Layout anpassbar Deshalb wählen wir diese Option, und ich habe dir auch davon erzählt und ich komme zum Dateimenü. Hier sehen Sie, dass es keine bestimmte Dokumentdimension hat. Wenn Sie also eine mobilfreundliche Ansicht oder ein anderes responsives Ansichtsdesign wünschen , behalten Sie das einfach im Hinterkopf. Die wichtigste weitere Sache, Sie wissen müssen, ist, dass Sie diese Abschnittsoption verwenden müssen , denn wenn Sie die Art von Abschnitten verwenden , werden die Elemente nur innerhalb dieses Abschnitts ausgerichtet Wenn Sie die Seite verwenden, wird die Ausrichtung etwas anders sein Versuchen Sie also, die Abschnitte zu verwenden, die sich mit den Elementen innerhalb des Abschnitts selbst befassen. Das Wichtigste ist, dass Sie dem Text keine zwei begrenzten Textgrößen hinzufügen. Es sollte lesbar sein, wenn das Wichtigste die Überschrift und die Unterteilung sind und alle in einer großen Schriftgröße platziert werden sollen Danach haben Sie die Ansicht in einer mobilen Ansicht. Diese Informationen sind für Menschen jeden Alters leicht lesbar. So müssen Sie also die Dimension erstellen, die auf der mobilen Ansicht basiert. Also drei Dinge, vergiss das nicht. Zunächst müssen Sie diese Website-Option anstelle der benutzerdefinierten Größe verwenden . Die zweite Sache ist, dass Sie Abschnitte verwenden müssen , nicht die Seiten. Drittens müssen Sie die Überschriften und den Unterabschnitt in einem großen Text verwenden die Überschriften und den Unterabschnitt in einem großen Text Für den Haupttext müssen Sie auch keine sehr kleine Schriftgröße verwenden Versuchen Sie, mindestens 15 beizubehalten, was für lesbare Informationen besser ist. 16. 15 Speichern und Bewertung des Layouts: In dieser Lektion werde ich Ihnen zeigen, wie Sie die erstellten Website-Informationen mit Canva speichern und überprüfen können die erstellten Website-Informationen mit Canva speichern und überprüfen In unseren vorherigen Lektionen habe ich Ihnen jedoch gezeigt, dass Sie das Dokument, das Design der Website, nicht separat speichern müssen , da dies bedeutet, dass alle Änderungen gespeichert werden Sie benötigen lediglich eine richtige Internetverbindung. Es gibt keine Unterbrechungen, das allein reicht aus, um alle Informationen, die Sie im Design der Canva-Website erstellen, zu speichern alle Informationen, die Sie im Design der Canva-Website erstellen Jede Sekunde werden die Designinhalte gespeichert, die Sie mit Canva erstellen Wenn Sie sichergehen möchten, können Sie im Dateimenü diese Option auswählen Speichern ist nicht erforderlich. Wenn Sie dies jedoch manuell tun möchten, um sicherzustellen, dass Sie dieses Dateimenü aufrufen können, können Sie Speichern wählen Nachdem Sie dies gespeichert haben und es Ihnen angezeigt wird , dass das Dokument gespeichert wurde, können Sie sich eine Vorschau anzeigen lassen. Um die Vorschau zu haben, komme ich zu dieser Stelle oben in dieser Menüleiste. Ich habe die Vorschau, die ich hier kann. Ich klicke einfach auf diese Option, Vorschau. Wenn ich darauf klicke, können Sie sehen, dass ich eine Vorschau dieses bestimmten Layoutdesigns habe. Oben haben wir die Kopfzeile, den Bannerbereich Scrollen Sie nach unten. Sie können sehen, dass die Seiten perfekt angezeigt werden. Ich behalte einfach diese Vollbildansicht bei, um die komplette Ansicht des Designs zu zeigen. Sie können sehen, dass ich auf der linken und rechten Seite mehr Seitenfläche habe, Seite mehr Seitenfläche habe, wodurch diese Website automatisch erweitert wird. Da ich dieses responsive Design wählen möchte und ich mich auch dafür entscheide, habe ich diese Möglichkeit. Sonst wirst du dieses Aussehen nicht haben. Deshalb musstest du diese Option wählen. Website neu erstellen statt benutzerdefinierter Größe. Danach habe ich nur die normale Ansicht, kann sehen, dass so Ihr Laptop oder MacBook den Testbericht anzeigen wird. Jetzt möchte ich nur noch die Ansicht des Handys haben. Oben sehen Sie, dass dies eine Desktop-Ansicht ist. Jetzt klicke ich auf diese Option mobil. Wenn ich diese mobile Option wähle, wird dir die mobile Ansicht angezeigt. die gleiche Weise werden Ihnen die Website-Informationen auf dem Desktop angezeigt . Es deckt also viele Seiten ab. Ich muss nur die Mindeststufe scrollen. Sie können sehen, dass wir nur eine vertikale Bildlaufleiste haben, sie hat keine horizontale Bildlaufleiste, was nicht erforderlich ist, da es sich um eine mobilfreundliche Website handelt. Wenn Sie nun das Gefühl haben, diese Informationen nicht lesen zu können, können Sie sich die Option Preview von Resis auf Mobilgeräten ansehen Ich aktiviere einfach diese Option zur Größenänderung auf Mobilgeräten. Bevor Sie die Website veröffentlichen, müssen Sie diese Option aktivieren, wenn Sie die Informationen lesen oder besser auf die Informationen zugreifen möchten die Informationen lesen oder besser auf die Informationen zugreifen . Ich aktiviere diese Größenänderung einfach auf dem Handy. Jetzt können Sie sehen, dass der Bannerbereich da ist und der Header da ist Im Bannerbereich können Sie sehen, dass der gesamte Text für das Handy lesbar ist. Ich muss die Größe nicht erneut ändern, sie passt sich automatisch an das flüssige Layout an. Da es sich um ein responsives Layout handelt, ist dies möglich. Sie können jedoch sehen, dass wir kein horizontales Scrollen haben. Das ist das Schöne an diesem responsiven Design. Sie können nach unten scrollen und all diese Informationen sehen. Eine weitere wichtige Sache ist, dies ein Bannerbereich ist und die Elemente des Bannerbereichs nur innerhalb dieses Bannerbereichs platziert werden . Es läuft nicht über und kommt nicht aus diesem speziellen Bannerbereich heraus diesem speziellen Bannerbereich Das ist das Schöne an diesem speziellen responsiven Layoutdesign Es kommt nicht heraus. Je nach Bedarf können Sie wählen, was Sie möchten Sie müssen die Option „Navigationsmenü einschließen“ haben. Wenn Sie die Navigationsleiste ganz oben hinzufügen möchten ( standardmäßig die Navigationsleiste, nicht die, die Sie erstellt haben), können Sie diese Option einfach aktivieren. Es zeigt Ihnen Seite eins, die Standardvorschau der Navigationsleiste. Wenn Sie jedoch manuell erstellen möchten, können Sie dies einfach deaktivieren. Das brauchst du hier nicht. Auf diese Weise können wir die erstellten Informationen, die Website in Form von Mobilgeräten sowie den Desktop mit Canva überprüfen die Website in Form von Mobilgeräten sowie den Desktop mit Canva Sie können hier sehen, wie wir einfach auf diese Größenänderung geklickt haben Es wird also einfach aktualisiert, weißt du, das heißt nicht, dass auf einer Website, wie auf einem Desktop, auch du weißt schon, dasselbe Erscheinungsbild haben wirst du weißt schon, dasselbe Erscheinungsbild So werden Sie die Website auf einem Desktop aussehen lassen. So haben Sie das Erscheinungsbild der Website auf einem Handy. Diese Zeit wurde gerade getroffen. Deshalb zeigt es sich so. Also habe ich diese Resis gerade auf dem Handy aktiviert. Es zeigt perfekt alle Informationen im Text sowie, Sie wissen schon, die Bilder auf der Canva-Website 17. 16 Thema für Ihre Website: In dieser Lektion zeige ich Ihnen, wie Sie mit Canva das richtige Thema für die Erstellung Ihrer Website auswählen können mit Canva das richtige Thema für die Erstellung Ihrer Website Hier werde ich das Hotel wählen. Zunächst müssen Sie mehrere hotelbasierte Websites mit Canva öffnen mehrere hotelbasierte Websites mit Canva Du wirst eine Vorstellung davon haben, was alles mit Canva möglich ist, welche Elemente du platzieren kannst Du wirst eine bessere Vorstellung davon haben, wie du mit Canva eine Website erstellen musst Um das zu tun, komme ich auf diese Homepage. Ich öffne einfach das Menü und wähle diesen Canva. Ich drücke die Strg-Taste gedrückt und drücke Canva Ich werde diese Homepage in einem separaten Tab haben Jetzt scrolle ich einfach und öffne die Homepage. Die Homepage, wie gesagt, hier werde ich die Hotel-Website vorantreiben. Ich nehme einfach die Hotel-Website und drücke Enter. Sie werden hier viele Website-Designs haben. Hier habe ich eine Website und hier habe ich eine Website. Du kannst all diese Dinge sehen. Wenn Sie sich jetzt nur für die Website entscheiden, haben Sie alle Websites. Das wissen wir in unseren vorherigen Lektionen. Aber jetzt wähle ich das Hotel oder du, um hier eine Kategorie zu haben. Ich klicke einfach auf die Kategorie. Es zeigt dir also standardmäßig alle Kategorien. Und wenn Sie eine Website mit anderen Kategorien auswählen möchten , können Sie diese auswählen. Und auch hier haben Sie den Stil, den Sie benötigen. Sie brauchen nur animiert oder einfach oder fotobasiert. Sie können wählen, was auch immer Sie wissen, den Stil, den Sie benötigen. Aber jetzt tippe ich einfach direkt die Tastatur der Hotel-Website ein. Ich habe hier viele Websites. Ich habe gerade diesen allerersten geöffnet. Ich klicke einfach mit der rechten Maustaste hier und wähle Ich kann diesen Ort auswählen und ich kann hier öffnen , indem ich diese Vorlage personalisiere. Wenn ich diese benutzerdefinierte Vorlage erneut mit der Fetttaste Strg auswähle mit der Fetttaste Strg , wird dieselbe Registerkarte in einer anderen Registerkarte angezeigt. Sie können sehen, dass diese Vorlage auf einer anderen Registerkarte geöffnet wurde . Ich klicke einfach dort. Hier habe ich eine Website. Ich scrolle einfach nach unten, um zu sehen, welche Abschnitte wir auf dieser Website haben. Langsam scrolle ich nach unten. Aber zuerst können Sie sehen, dass sie Ihnen den Namen des Hotels und den Farbton gegeben haben , was sie verwendet haben, ist unglaublich. Sie verwenden dieselbe Art von, du weißt schon, Farben aus dem Bild für die Textinformation. Und ich scrolle einfach runter zur zweiten Seite, was den zweiten Abschnitt bedeutet. Dort haben sie dir eine weitere Willkommensseite gegeben. Sie haben ihre Auszeichnungen und Bewertungen sowohl in den sozialen Medien als auch auf den Websites hinzugefügt . Und sie haben hier die Zimmerdetails angegeben und sie haben die verschiedenen Zimmergrößen und die Kosten für jedes Zimmer angegeben. Anhand dieser Entwurfsprüfungen können Sie herausfinden, wie wir die Bilder platzieren können, wie wir die Textinformationen hinter der Rasur platzieren können, groß die Form sein könnte, ob wir dem Bild einen Strich hinzufügen müssen oder nicht Welches ist es, das Wissen besser zu teilen. All diese Dinge müssen wir nur durch diese Art von Arbeit lernen. Jetzt komme ich wieder an diesen Ort, der nächsten Seite haben sie King Suites Cotiard angeboten, vielleicht die wichtigste Aussicht und bessere Deluxe-Aussicht auf das dahinter liegende Hotelzimmer, sie haben verschiedene Blickwinkel dieses Zimmers, King Suite Ctrard, angeboten King Suite Ctrard, Ich komme her, sie haben die Pakete und Rabatte hinzugefügt. Hier können wir die Pakete hinzufügen und hier haben sie die Rabatte bereitgestellt. All diese Dinge werden auf einer separaten Seite bereitgestellt. Schauen Sie sich auch auf der nächsten Seite die Bewertungen der Gäste an. Sie lieferten die Zeugnisse der verschiedenen Gäste aus dem Hotel Schließlich haben sie die Kontaktdaten mit den Details zum Buchen Ihres Aufenthalts bereitgestellt die Kontaktdaten mit den Details zum Buchen Ihres Aufenthalts Sie können sehen, dass sie überall auf dieser Website nur dieses Grün verwendet haben und dass sie dieses Braun verwendet haben. Von diesem Braun haben sie helle Farben für den Text und den Hintergrund und dunkle Farben verwendet , um die wichtigsten Seiten von den Abschnitten zu trennen. diese Website-Vorlagen ansehen, Wenn Sie sich diese Website-Vorlagen ansehen, wissen Sie besser, wie wir die Bilder und andere Elemente platzieren werden. Ich werde dieselben Suchergebnisse erneut öffnen. Ich scrolle nach unten. Sie können sehen, dass wir so viele Stile haben, wir wählen können, welchen Sie möchten Ich wähle dieses aus, ich klicke hier und wähle „Diese Vorlage anpassen“, sodass diese Vorlage geöffnet wird Bei dieser Vorlage steht das Video am Anfang. haben Sie gesehen, als Sie hier die Vorschau der jeweiligen Website gesehen haben . Aber hier haben wir nur die vier zur Überprüfung. Ich komme auf diese Website, Sie können hier ein Video sehen und ich habe den Namen des Resorts hier. Scrollen Sie nach unten und schauen Sie sich, Sie wissen schon, die Farben an, was sie verwendet haben, basierend auf den Bildern, das war perfekt. Und die Form, die Rahmen sind wirklich gut, sie erklären die Natur dieses Ortes detailliert. Also hier verwenden sie den rosafarbenen Hintergrund und die Stühle, du weißt schon, ähm, bessere Sichtbarkeit für die Augen, und sie haben die verschiedenen Raumstile festgelegt. Sie sollen die Familiensuite für die ganze Familie anbieten. Und genauso, wie wir es hier gesehen haben, wissen Sie, die King Suite plus Courtyard, sie diese Familiensuite zur Verfügung gestellt. Danach haben sie die Werbeaktionen und Angebote bereitgestellt, und schließlich haben wir den Kontakt und vor dem Kontakt haben sie die Zeugnisse vorgelegt Im Grunde wird dies die Struktur der Canva-Website sein , und so wählen sie die Farbe für Sie können sehen, dass dieses Rosa ihre Hotelfarben war. Deshalb haben sie diesen Hintergrund verwendet , und sie haben dieses Dunkelgrün verwendet , um ein Publikum besser anzulocken. Die Farbe ist auch vollständig mit dem Grün und dem Meer vermischt. Das ist die beste Wahl. Danach können Sie hier sehen, dass Biggie und die braunen Farben, die auch auf diesen Bildern verwendet werden, und die meisten Innenarchitekturen des Hotelzimmers diese Art von Licht und Farben haben werden So werden wir die Website erstellen, und wenn wir diese Art von Websites überprüfen, werden wir die Idee besser verstehen 18. 17 Hinzufügen eines Bildes oder Videos zur Kopfzeile: In dieser Lektion werde ich Ihnen zeigen, wie wir Bilder und Videos in den Rahmen einfügen können . Lass mich dir das eins nach dem anderen zeigen. Zunächst zeige ich Ihnen, wie wir ein Bild in den Platzhalter oder einen Rahmen einfügen können Bild in den Platzhalter oder einen Rahmen einfügen Um das zu tun, gehe ich zu den Elementen. Hier wähle ich die Suchoption. Und wenn ich die Suchoption unten auswähle, hast du viele Kategorien. Ich wähle Bilder aus. Die Option Fotos hilft dir also, die Bilder zu finden. Hier werde ich den Text hinzufügen, der Hotel ist. Es bietet Ihnen eine Liste von Bildern, die die Tal-Struktur haben. Wie platzieren wir das Bild im Bildrahmen oder im Platzhalter Ich komme zum Ergebnisbereich. Hier wähle ich dieses Bild aus, klicken Sie einfach hier, das Bild wird in diesen Bereich geladen. Jetzt möchte ich nur das Bild von diesem in diesen Abschnitt verschieben . Ich habe den ersten Abschnitt ausgewählt und ihn einfach gelöscht oder Sie können ihn einfach per Drag & Drop in diesen Rahmen ziehen. Ich lösche einfach, ich wähle diesen bestimmten Abschnitt aus und ich wähle dieses Bild aus. Als ich dieses Bild auswähle, wurde es in diesen bestimmten Abschnitt geladen. Aber ich wähle diesen ersten Abschnitt, in dem ich das Logo und die Navigationsleiste haben werde. Ich füge das gleiche Bild hinzu. Aber Sie können sehen , dass das Bild je nach Größe des Abschnitts vergrößert oder verkleinert wurde Also habe ich das Bild gerade hier bekommen und Sie haben eine andere Möglichkeit das Bild überall dort zu haben, wo Sie es benötigen Ich habe es einfach hier in diesem letzten Abschnitt, ich kann es einfach per Drag & Drop in den zweiten Abschnitt ziehen. Nun, eine weitere wichtige Sache ist wenn ich das Bild in meinem Rahmen habe, komme ich einfach zum Abschnitt. Wenn ich versuche, das Bild über diesen bestimmten Rahmen, den Bildrahmen oder den Platzhalterrahmen zu bewegen den Bildrahmen oder den Platzhalterrahmen Es wird automatisch in das Bild eingefügt. Sie können sehen, so fügen wir das Bild hinzu und ich lösche es einfach. Wenn Sie das Gefühl haben, ein weiteres Bild hinzufügen zu wollen , können Sie es versuchen. Sie können es auswählen und einfach den Platzhalter nachverfolgen Dieses Bild wird hinzugefügt. So fügen wir das Bild in diesen Platzhalter ein. Das heißt in Canva Frame. Ich wähle diesen aus, ich ziehe einfach und der wird hinzugefügt. So fügen wir einfach ein Bild in den jeweiligen Platzhalter, den Rahmen, Wenn Sie das Bild auf die gleiche Weise ändern möchten, können Sie einfach ein anderes Bild auswählen und einfach mit der Maus darüber ziehen Das Bild wird ersetzt Sie werden das vorherige Bild nicht an der Stelle haben. Wenn Sie u nicht mit Strg Z oder mit diesem Symbol verwenden, können Sie dieses Bild nicht wiederherstellen. So fügen wir das Bild in den Rahmen ein. Wenn ich nun das Bild vom Rahmen lösen möchte, klicke ich einfach mit der rechten Maustaste auf den Platzhalter Ich habe die Option Bild trennen. Ich wähle Bild trennen. Ich kann das Bild verschieben oder löschen, wenn ich es nicht benötige. Aber wenn ich wieder dasselbe Bild haben möchte, ziehe ich einfach über den ziehe ich einfach über den Textrahmen und schon ist das Bild drin. So fügen wir das Bild zu dieser Homepage hinzu. Wenn Sie diese Homepage erweitern möchten, können Sie sie entsprechend dem Bildbereich erweitern. Also habe ich einfach den Abschnitt ausgewählt und er wurde nicht ausgewählt. Sie können sehen, dass bei der Auswahl des Abschnitts unten nur eine Anpassung angezeigt wird. Hier habe ich vier Anpassungen. Ich verschiebe den Bildrahmen nur ein bisschen. Ich wähle jetzt den Abschnitt aus. Sie können sehen, dass ich den Abschnitt nach meinen Bedürfnissen erweitern kann den Abschnitt nach meinen Bedürfnissen . Wählen Sie ihn einfach aus und ich erweitere ihn. Hier platziere ich einfach das Bild und lasse den Rahmen erweitern. So kannst du erweitern, wenn du mehr Platz benötigst. Wir haben je nach Bedarf so viele Bilder, werden auswählen , welches Sie möchten. Auf die gleiche Weise, wie wir ein Bild auf dieser Homepage hinzugefügt haben, können Sie auch das Video hinzufügen. Lassen Sie mich Ihnen zeigen, wie das geht. Wenn das Bild oder Video in diesem Bildrahmen platziert wurde , klicke ich einfach auf das Element und drücke Löschen, damit der Platzhalter da ist, der Rahmen ist da, nur das Element, was wir darin haben, wird gelöscht Aber wenn ich erneut auf Löschen drücke, dann um das zu löschen. Tu das nicht. Platzieren Sie das Bild oder Video einfach im Rahmen. Wählen Sie einfach einmal aus und drücken Sie Löschen, das Element ist weg. Jetzt füge ich das Video in diesen Frame ein. Um das zu tun, gehe ich zurück und gebe hier HPressEnter Wenn ich die Eingabetaste drücke, werden Ihnen die Kategorien Fotos, Grafiken und Videos angezeigt , Grafiken und Videos Ich wähle dieses Video C und es zeigt Ihnen viele Videoreferenzen, was im Grunde genommen sowohl die Pro-Videos als auch die kostenlosen Videos enthält. Sie können also auswählen, welches Sie zu dieser Seite hinzufügen möchten , und Sie können einfach klicken , um es auf dieser Seite hinzuzufügen. Du hast hier so viele Videos. Ich werde dieses Video wählen, aber das ist ein vertikales Video. Ich gehe einfach nach oben. Ich habe eine Filteroption. Hier kannst du horizontal oder vertikal wählen. Ich wähle horizontal und du hast alle Videos in horizontaler Form. Jetzt wähle ich dieses Video. Ich klicke nur einmal. Das Video wurde auf der Startseite hinzugefügt. Als Nächstes muss ich ganz einfach das Bild auswählen und verfolgen. Hier wähle ich einfach das Video aus und verfolge es. Das Video wird innerhalb des Frames hinzugefügt. Sie können die Vorschau haben , wenn Sie möchten. Und Sie haben hier andere Möglichkeiten mit unterschiedlichen Videos. Wenn der Kunde Ihnen die Videodatei zur Verfügung gestellt hat, die er darin erworben hat, können Sie diese verwenden, um eine bessere Wirkung zu erzielen. Lösche einfach dieses Video, ich füge dieses hinzu und verfolge es einfach. Sie können den ästhetischen Sinn hinzufügen und die bessere Kommunikation über die Hotelinfrastruktur oder das Thema vermitteln , Sie können das Video hinzufügen, was erforderlich ist. Ich füge dieses Video einfach hier hinzu. Dieses Video hat eine Dauer von 22 Sekunden. Ich verfolge es einfach, es wird hinzugefügt. Auf diese Weise können Sie entweder ein Video oder ein Foto in diesen Canva-Rahmen, insbesondere die Startseite, einfügen Foto in diesen Canva-Rahmen, insbesondere die Startseite, Ich füge einfach das Foto hinzu. Ich muss die Videodatei hier nicht hinzufügen. Ich habe das gerade gelöscht und dieses Foto hier hinzugefügt. So kannst du dieses Foto oder Video mit Canva zu deiner Startseite hinzufügen Video mit Canva zu deiner Startseite 19. 18 Titel, Untertitel und Inhalt hinzufügen: In dieser Lektion werde ich Ihnen zeigen, wie wir Titel, Untertitel und Inhalt für diese Startseite hinzufügen können Untertitel und Inhalt für diese Wir haben den Text bereits hier. Wir haben mit schwarzer Farbe, wir können skalieren und platzieren, wo Sie möchten. Für diesen Hintergrund können wir diesen Text wählen, und ich kann die Textfarbe in Weiß wählen. Wir werden das Bessere Readby haben. Zuerst gehe ich zu diesem Hoster. Hier habe ich den Inhalt für meine Homepage. Auf einer Homepage möchte ich nur zuerst den Titel kopieren und einfügen. Ich kopiere einfach hier. Willkommen bei Hoster Und ich komme auf diese Seite der Houston-Website. Hier füge ich den Text ein. Allein dieser Textrahmen wird Hoston so willkommen heißen. Wir werden die Stile und die Ausrichtung später vornehmen, den Inhalt zuerst hierher verschieben Nachdem ich das hinzugefügt habe, kehre ich zu dieser Inhaltsseite zurück und kopiere den Slogan. Ich kopiere das einfach und füge hier mit Control V oder Paste ein. Jetzt reduziere ich einfach die Textinformationen, weil sie viel größer aussehen, und wenn ich möchte, kann ich die Farbe des Textes auswählen und in Weiß ändern. So ändere ich mich. Wenn Sie eine bessere Sichtbarkeit benötigen, können Sie die Informationen hierher verschieben. Dies bietet Ihnen eine bessere Lesbarkeit des gesamten Textinhalts Hier möchte ich den Hauptinhalt hier hinzufügen. Wir haben hier mehr Informationen wie diese, Mischung aus Luxuskrankenhaus und allem anderen. Um das hinzuzufügen, möchte ich dem Frame einen weiteren Text hinzufügen, oder ich kann den zweiten auswählen. Drücken Sie Strg D. Die Taste Strg D ist die Tastenkombination, um den Text zu duplizieren, was wir mit Canva haben Hier reduziere ich die Schriftgröße 15 und ich kann mehr reduzieren Das Tool hat die optimale Größe für jeden Website-Inhaltstext. Jetzt kopiere ich hier einfach die Informationen bis hierher. Ich kopiere das und füge es hier ein. Sie können den Rahmen an Ihre Bedürfnisse anpassen, ihn auswählen und je nach anpassen, ihn auswählen und je Ausrichtung oder nach Bedarf anpassen. Danach wähle ich alle drei Textinformationen aus. Ich gehe hier zur Option Position. In der Position wähle ich die linke Ausrichtung, sodass Sie auf der linken Seite sehen können, dass all diese Textrahmen dieselbe Ausrichtung haben. die gleiche Weise können Sie dies wählen, wenn Sie auf der rechten Seite oder in der Mitte möchten. Dies ist eine vertikale Ausrichtung, genauso wie bei oben, unten und in der Mitte. Aber jetzt brauchen wir das nicht. Ich drücke Strg Z, um den Vorgang rückgängig zu machen , und wähle nur rechts, nicht links. Nachdem ich das ausgewählt habe, wähle ich diese Textrahmengröße aus. Ich nur ein bisschen. Also so will ich es. Wenn Sie nun ein Thema auf der rechten Seite haben möchten , können Sie dieses spezielle Bild auswählen. Danach sehen Sie oben in dieser Werkzeugleiste die Option Flip. Sie können „Spiegeln“ wählen und hatten zwei Optionen Horizontal spiegeln und Vertikal spiegeln. Wenn ich „Horizontal spiegeln“ wähle, hast du die Option „Horizontal spiegeln“ wie folgt. Wenn Sie der Meinung sind, dass Sie diese Informationen besser sichtbar machen müssen , können Sie das tun, andernfalls ist es nicht erforderlich. Wie dem auch sei, ich habe bereits einen Dummy-Text für den Hauptinhalt hinzugefügt. Ich lösche das einfach, weil mir ein neuer hinzugefügt wurde. Basierend auf dem Bild, das Sie für die Homepage verwenden werden, können Sie nun das Sie für die Homepage verwenden werden, die Schriftgröße und andere Dinge für die Startseite Ihrer Website festlegen . Wenn ich das Thema auf der rechten Seite oder die attraktiveren Bereiche auf der rechten Seite habe, können Sie den Text auf jeden Fall mit der linken Seite bearbeiten. Wie ich dir schon sagte, es basiert ausschließlich auf den Bildern. Ich suche einfach noch einmal in den Hotelbildern, sehe mir die Fotos an und alle Fotos werden dazu passen. Ich füge das einfach hinzu und Sie können den Bildtextinhalt entsprechend der Ausrichtung des Fotos anpassen den Bildtextinhalt . Auch hier werde ich ein weiteres Bild auswählen. Wir haben viele Bilder. Wenn ich dieses Bild verwenden möchte, sollte ich die Textinformationen auf der rechten Seite haben. Wir werden eine bessere Sicht haben. Zur gleichen Zeit wähle ich bei meiner Positionsausrichtung das Schreiben. So müssen Sie Ihre Startseite der Website verwalten . Im Moment werde ich nur das alleine haben, weil ich die Farbkorrektur für das Bild diese Bildarbeit allein mit Canva verbessern kann Auf diese Weise können wir den Text für den Titel und die Unterüberschrift sowie den Hauptteil für die Startseite in Canva platzieren Unterüberschrift sowie den Hauptteil für die . Aber 20. 19 Button für Handlungsaufforderung hinzufügen: In dieser Lektion zeige ich dir, wie wir auf der Canva-Startseite eine Call-to-Action-Schaltfläche hinzufügen können Canva-Startseite eine Call-to-Action-Schaltfläche hinzufügen Im Allgemeinen werden die Websites die Textinformationen und die Funktionen und alles andere auf den Homepages enthalten Allein auf der Homepage müssen wir nicht zu viele Textinformationen oder Bilder bereitstellen zu viele Textinformationen oder Bilder Wir müssen nur die hervorgehobenen Bilder und Textinformationen hinzufügen . Wenn Sie der Zielgruppe oder den Benutzern der Website weitere Informationen hinzufügen möchten Zielgruppe oder den Benutzern der Website weitere Informationen , können Sie diese mithilfe der Option „Call-to-Action-Schaltflächen“ hinzufügen . Die Kurzform dieser Call-to-Action-Schaltfläche ist ctA. Lassen Sie mich Ihnen zeigen, wie wir es hinzufügen werden. Um das zu tun, komme ich zuerst zu den Elementen. Elemente, ich werde das Schlüsselwort Button eingeben. Wenn ich das Schlüsselwort Button eintippe und die Eingabetaste drücke, erhalte ich eine Menge Tastenausgaben. Aber das sind die Bilder. Ich brauche diese Bilder nicht. Ich brauche eine Grafik, ich muss die Farbe ändern, also wähle ich Grafiken. Wenn Sie Grafiken auswählen, können Sie sehen, dass wir hier viele Schaltflächen haben. Also sind bezahlt und einige sind kostenlos. Wir haben all diese Dinge hier. Aber in Canva gibt es die Option Formen. Wenn ich zu all dem komme, tippe ich einfach das Schlüsselwort Buttons ein und schon habt ihr die freien Buttons für die Arbeit Ich habe gerade alle Suchanfragen geschlossen. Wenn ich den Arbeitsbereich dieses Website-Designs habe und wenn ich diese Elemente besuche und alle Dinge lösche, die ich standardmäßig in der Suchleiste habe, hast du die Schaltflächen hier. Ich klicke auf diese Schaltflächen. Sie können entweder eine auswählen, die Sie für das Design benötigen. Meistens bevorzugen wir dieses Rechteck mit abgerundeten Ecken. Hier haben wir mehr Radius und hier haben wir mehr. Je nach Bedarf können Sie wählen, welches Sie möchten. Meistens wählen wir diesen und wir können ihn hier haben. Mit Hilfe dieses Rechtecks selbst können Sie diese Form jedoch hinzufügen. Um das zu tun, komme ich zu diesen Elementen und Sie haben die Grundform , die rechteckig ist. Sie haben das abgerundete Rechteck, das können Sie sehen. Ich klicke einfach darauf und du hast das abgerundete Rechteck hier. Wenn du den Eckenradius oben in dieser Manubar anpassen möchtest , hast du hier eine Option namens Hühneraugen Ich klicke auf diese Hühneraugen. Du kannst jetzt die Seiten sehen. Es hat vier Seiten. Dann das Sumo mit Hühneraugen, ich passe es einfach an. Nachdem ich das angepasst habe, reduziere ich einfach die Höhe und Breite nach Bedarf, und ich kann es platzieren, wo ich will Jetzt füge ich hier die Textinformationen hinzu , also mehr erfahren oder loslegen. Ich werde einen Text zum Einstieg geben , die Schriftgröße ist viel größer. Ich möchte die Größe reduzieren. Ich möchte auch die Tastengröße reduzieren. Diese Größe ist ausreichend. Danach ändere ich die Hintergrundfarbe in Weiß. Welches wird für das Publikum besser sichtbar sein. Auf diese Weise können Sie die Call-to-Action-Schaltfläche je nach Bedarf der Seite platzieren . Wenn Sie jedoch keine weiteren Textinformationen hinzufügen möchten , ist diese Schaltfläche nicht erforderlich. Wenn Sie am Anfang selbst weitere Informationen anzeigen möchten, können Sie sich auf jeden Fall für diese Schaltfläche, die Call-to-Action-Schaltfläche, entscheiden . Ich füge hinzu, um loszulegen oder mehr Text in dieser Schaltfläche hier zu erfahren. 21. 20 Navigations-Knöpfe (bei Kleidung, nicht bei UI) und Namenseiten einbeziehen: In dieser Lektion werde ich Ihnen zeigen, wie wir Navigationsschaltflächen oben in dieser Kopfzeile hinzufügen können Navigationsschaltflächen oben in dieser Kopfzeile hinzufügen und wie Sie in jedem einzelnen Abschnitt navigieren können. Um das zu tun, gehe ich zuerst zu dieser Inhaltsseite. Hier habe ich die Liste der Buttons, die ich benötige. Die erste enthält Informationen über uns, Einrichtungen, Dienstleistungen, Galerie und Kontakt. Wir haben also sechs Schaltflächen, die wir in dieser Navigationsleiste hinzufügen können. Um das zu tun, sammle ich zuerst die Namen dieser Schaltflächen. Ich kopiere das, und hier will ich die Stufe oben bezahlen. Also kopiere ich einfach einen beliebigen Textrahmen von hier aus. Um das zu tun, drücke ich Strg D, nachdem ich das ausgewählt habe. Ich lösche einfach das neu duplizierte. Auch Sie haben eine andere Option. Sie können einfach die ATK-Taste auf Ihrer Tastatur gedrückt halten und einfach auf das Element klicken und es ziehen Es ist also eine weitere Möglichkeit, das Selektorelement in der Leinwand zu duplizieren Jetzt verschiebe ich das nach oben und ändere die Textfarbe in Schwarz Ich kann es später ändern. Jetzt füge ich den Text einfach alleine hier ein, das ist Zuhause. Sie können hier sehen, wie wir den Text zu Hause haben. Danach wähle ich den Text aus. Ich kann den Schriftstil reduzieren und die fett gedruckte Schrift in normale ändern. Ich werde diese Schriftgröße auf 16 ändern. Schließlich stelle ich die Ausrichtung in die Mitte ein. Denken Sie daran, dass wir hier sechs Schaltflächen hinzufügen werden. Ich möchte das nur duplizieren, indem ich den Altiki-Track mit dem Pinsel verwende, und ich möchte ihn hier den Altiki-Track mit dem Pinsel verwende, und ich möchte Ich lasse hier los und drücke Strg D, sodass die neuen Elemente automatisch in derselben Entfernung dupliziert Denken Sie daran, das zu tun. Ich wähle einfach das Objekt aus und drücke, halte das Al-Tiki gedrückt und klicke und verfolge Jetzt gebe ich es endlich frei. Nachdem ich es losgelassen habe, drücke ich erneut Strg D, erneut. Sie können sehen, dass ich die Elemente hier duplizieren kann. Jetzt brauche ich noch einen Button. Ich kann noch einmal duplizieren. Ich dupliziere einfach manuell. So können Sie alle Knöpfe anordnen. Danach können Sie den Namen ändern, den wir als Nächstes über uns haben. Hier sollte es um uns gehen. Ich kopiere und füge es ein und danach habe ich Einrichtungen. Dann habe ich Dienstleistungen. Dann habe ich Galerie und Kontakt. Ich tippe es manuell ein. Nachdem ich all diese hinzugefügt habe, klicke ich einfach dort. Wenn Sie das ausgewählt haben, kann ich es wieder in einem physischen Modus anpassen, wenn Sie es anpassen möchten . Ich klicke einfach auf das Ende und verringere den Abstand. Auf diese Weise können Sie reduzieren, wenn Sie reduzieren möchten, und wenn Sie die Schriftgröße der Schaltfläche reduzieren möchten , können Sie das auch tun. So können Sie all diese Objekte physisch handhaben. Jetzt möchte ich zwischen den einzelnen Schaltflächen einen Strich hinzufügen , um den Unterschied zwischen den einzelnen Navigationstasten zu verdeutlichen. Um das zu tun, komme ich zu den Elementen. Ich habe diesen Schlag gewählt und Sie haben hier den ganz großen Schlag. Nun, die Größe des Strichs kann man deutlich sehen, er ist größer und hat die Größe vier. Jetzt mache ich eins draus. Und ich ändere auch die Richtung. Sie haben zwei Möglichkeiten, die Richtung zu ändern. Erstens kannst du manuell drehen oder ich mache es einfach rückgängig. Ich gehe zu den Positionen und hier siehst du die Option Rotator Ich tippe mich einfach 90 Grad ein und drücke Enter. die gleiche Weise haben Sie Start X und Start Y, Index und Y. Wenn Sie diesen Teil der Breite reduzieren möchten, kann ich das hier tun, ich gebe einfach 70 ein, Sie können den Unterschied jetzt sehen Jetzt platziere ich das einfach zwischen den beiden Tasten. Also hier muss ich es platzieren. Ich kann mir vorstellen, dass es sich hier trifft. So wie ich es auswähle, ich dupliziere es und platziere es genau zwischen diesen Tasten. Control D, Control D. Wenn Sie einen Mac verwenden, können Sie Command D verwenden. Es wurde fast genau im richtigen Abstand platziert. Aber hier passe ich das einfach manuell an, ich wähle es aus und ich passe das manuell an. So können Sie einfach die jeweiligen Galerie- und andere Schaltflächen in der Navigationsleiste einstellen die jeweiligen Galerie- und . Jetzt wähle ich diesen Header aus, ich wähle nur diese Hintergrundfarbe aus. Ich wähle einfach diese neue Farbe und ein oder zwei Augentropfen aus. Ich kann die Farbe , die ich gerade benötige, oben auf dieser Navigationskugel auswählen . Sie können die Farbe auch aus dem Wasserbereich auswählen. Wenn Sie diese Farbe überall im Design verwenden möchten, können Sie sie von hier aus verwenden . Wenn Sie das auf die gleiche Weise tun, können Sie all diese Elemente auswählen. Sie können die Farbe der Schrift in Weiß oder BGI ändern , was für die Farbtöne erforderlich ist Sie können auf diese Weise verwenden. Jetzt wähle ich all diese Striche. Wie auch immer, Sie können alle Dinge auswählen, aber wir werden nur die Strichfarbe anpassen. Aber auch beim Strich wähle ich das Gleiche. Diese Farben werden ebenfalls aktualisiert. So können Sie Ihre Navigationsleiste aktualisieren und all diese Dinge hier hinzufügen. Jetzt möchte ich nur auf jeder Seite erwähnen , welchen Inhalt wir haben. Also kopiere ich einfach das Über uns und füge es einfach hier ein. Ich möchte nur die Farbe ändern , die Größe erhöhen. Jetzt kopiere ich auf die gleiche Weise einfach die Einrichtungen und füge sie hier ein. Wenn ich das einfüge, brauche ich nur gleichen Stil wie bei About us. Wenn ich den Stil ändern oder einfach nur den Stil kopieren möchte, wähle ich den Text aus und wähle diese Option, Stil kopieren, die Tastenkombinationen, Control Os. Ich möchte zuerst diese Quelle auswählen. Dann klicke ich auf das Ziel. Da hast du diesen Stil. Dann habe ich Dienste, ich kopiere das und füge es einfach zuerst hier ein und wähle die Quelle aus, wähle den Kopierstil und wähle das Ziel aus. So können Sie den Stil kopieren und einfügen, wenn Sie möchten. Ich füge nach den Einrichtungen hinzu, ja, ich werde hier einen weiteren Abschnitt hinzufügen. Also möchte ich den Abschnitt erweitern und hier möchte ich eine Galerie hinzufügen. Ich wähle einfach den vorherigen Stil aus und füge ihn hier hinzu. Jetzt erweitere ich das und nach dieser Galerie füge ich die Kontaktseite hinzu. Um das zu tun, drücke ich einfach auf Abschnitt hinzufügen. Dort werde ich meine Kontaktdaten angeben. Kopieren Sie das einfach und fügen Sie es hier ein. Ich möchte nur den Stil kopieren. Ich wähle einfach die Quelle des Stils aus und klicke auf das Ziel. Nachdem ich all diese Dinge hinzugefügt habe, füge ich endlich den Platz für das Hinzufügen meiner Fußzeile Hier ändere ich nur die Farbe leicht und ich kann den Abstand oder den Maßstab der Seite vergrößern, wenn ich will So können Sie all diese Informationen einrichten. Denken Sie daran, dass Sie keine großen Textinformationen verwenden sollten. Je mehr weniger Sie haben, desto besser sieht die Website aus und der Navigationsprozess ist einfacher. Jetzt wähle ich auch hier den Titel aus und ändere die Farbe des Textes. Wir werden außerdem in den kommenden Lektionen viele Änderungen und Ankündigungen für diese Texte und alles andere vornehmen. Im Moment gehe ich einfach damit los und habe gerade Erstellung der Navigationsarbeiten zu allen Seiten in Canva abgeschlossen zu allen Seiten in Canva 22. 21 Testen Sie Lesbarkeit und visuelle Balance: In dieser Lektion werde ich dir zeigen, wie wir die visuelle Ausgewogenheit und Lesbarkeit der Informationen im Canva-Website-Design wahren können die visuelle Ausgewogenheit und Lesbarkeit der Informationen im Canva-Website-Design Um das zu tun, komme ich zuerst auf diese Homepage. Wir haben diese Homepage erstellt. Darin können Sie sehen, dass wir den Titeltext, die Unterüberschrift und den Hauptteil haben . Wenn Sie sich diese Schaltfläche ansehen, haben wir die Schriftgröße 14, aber den Hauptinhalt haben wir 12. Wenn Sie also genau hinschauen, gibt es einen Unterschied zwischen dem Schaltflächentext und diesem Hauptteil. Ich wähle diesen Schaltflächentext aus und ändere die Größe auf 12. Jetzt sieht es sehr klar aus und es fühlt sich auch nicht anders an. Wenn Sie also den lesbaren Text erstellen möchten, ja, Sie pflegen einfach alle Textinformationen ausgewogen. Wenn Sie sich nun den Hintergrund ansehen, habe ich das Bild, das einen etwas hellen Bereich hat, aber ich habe den weißen Text an diesen Stellen. Wie ich diesen Text sichtbarer machen kann. Ich hatte zwei Möglichkeiten. Zuerst wähle ich das Bild aus. Ich gehe zum Bearbeitungsmenü. Menü bearbeiten, ich habe eine Option namens Anpassung. Ich wähle diese Anpassungen und kann diese Optionen verwenden, um die Bildqualität zu verbessern. Wenn Sie mehr Helligkeit wünschen, können Sie sie ausblenden. Und wenn Sie die Helligkeit reduzieren möchten, können Sie dies auch tun. Ich wähle mehr Kontrast zum Bild und passe einfach an, wie ich aufgenommen habe. Auf diese Weise können Sie einstellen, welche Qualität Sie für den Hintergrund eines Bilds benötigen . Bisher war das nicht besser lesbar, aber jetzt sind die Texte auf dieser Homepage besser lesbar auf dieser Homepage Ich habe nur eine Sache gemacht, nämlich Helligkeitswert des Bildes geändert, die Lesbarkeit zu verbessern Jetzt möchte ich nur noch richtig ausrichten. Ich verschiebe die Informationen nur hierher und hierher. Danach wähle ich einfach diese Unterüberschrift aus. Ich möchte hier nur den besseren Text hinzufügen , der die bessere Reichweite haben wird Ich dupliziere diesen Text einfach alleine, indem ich das Al Tiki falte und dann den Houston auswähle Ich möchte nur den Namen des Hotels zu einem größeren machen des Hotels zu einem größeren Ich wähle den Text aus. Jetzt unterscheidet sich dieser Textrahmen völlig von diesem. Ich vergrößere einfach die Größe. Ich kann auch die Stile ändern. Ich habe diesen Text ausgewählt. Oben haben Sie in diesem Menü die Option Ex, wählen Sie EC, I have shadow. Ich kann sehen, dass ich einen Schatten hinzufügen kann. Ich habe einen hohlen Text. Sie können wählen, welchen Text Sie möchten, damit der Text auf dieser Seite besser lesbar ist Ich hatte hier viele Optionen wie Gleich, Neon, Tra Glow, Spice und Hollow Je nach Bedarf können Sie wählen, welche Sie möchten und die besser lesbar ist. Jetzt wähle ich auf die gleiche Weise einfach nur den Bilderrahmen aus und bewege mich ein wenig auf der rechten Seite Jetzt können Sie sehen, dass der Hintergrund perfekt weiß ist. Ich kann auch die Farbe des Hintergrunds so ändern , wie ich es benötige. Danach wähle ich das Bild aus und verschiebe es zurück. Jetzt kann ich die Transparenz des Bilds mit dieser Option namens Transparenz anpassen . Ich klicke darauf, nachdem ich das Bild ausgewählt habe, und ich reduziere es, damit der Text, der vor dem Bild steht, besser lesbar ist Auf dieser Grundlage können Sie das auch verwenden und ich kann auch den Hintergrund auswählen Ich mache es auch dunkler , wenn du willst. Je nach Bedarf werden Sie natürlich diesen Text verwenden und er wird besser lesbar sein. Jetzt wähle ich das auch einfach aus. Ich kann das Logo später hinzufügen, aber im Moment lösche ich nur diesen Rahmen. Jetzt können Sie sehen, dass ich diese Kokospalmen auf der rechten und der linken Seite habe diese Kokospalmen auf der rechten und der linken Seite Ich habe nur die Informationen mit der richtigen Balance sowohl auf der linken als auch auf der rechten Seite hinzugefügt . Wenn Sie hier das visuelle Gleichgewicht haben, haben wir die gleiche Gewichtung auf rechten Seite und auf der linken Seite die gleiche Weise, wenn Sie dies vertikal in 50, 50 Prozent aufteilen , haben beide die Gewichtung für die Elemente Auf diese Weise können Sie also bessere Klartextinformationen und eine ausgewogene Ausrichtung für alle Elemente bei der Erstellung von Canva-Websites hinzufügen und eine ausgewogene Ausrichtung für alle Elemente bei der Erstellung von Canva-Websites 23. 22 Speichern und Vorschau der Startseite: In dieser Lektion werden wir sehen, wie wir die endgültige Ausgabe in der Vorschau haben. Der Dokumentmodus wurde bereits gespeichert. Ich drücke erneut auf Datei und Speichern , um sicherzustellen, dass diese Änderungen vollständig gespeichert sind. Danach komme ich zur Vorschau. Ich klicke hier einfach auf die Option Vorschau, sie zeigt Ihnen die perfekte Ausgabe für die Website, was wir mit diesem Design haben. Der Text, die Farbe, alles ist in Ordnung. Jetzt aktivieren wir die Resides auch auf dem Handy. Ich wähle hier die mobile Ansicht. Auch in einer mobilen Ansicht werden diese Schaltflächen automatisch richtig angeordnet. Wir haben das Logo und den Hyperlink für die Schaltflächen noch nicht hinzugefügt Hyperlink für die Schaltflächen Das werden wir weiter hinzufügen. Aber für diese Informationen für das Handy gibt es nicht die richtige Ausrichtung , Textinformationen und andere Dinge haben eine andere Ansicht. Wir können uns das ansehen und einfach nach unten scrollen. Wir haben die anderen Seiten, die leeren Seiten am Ende. Schließlich haben wir unten den Informationsbereich für die Fußzeile Das ist also in Ordnung. Wir haben das Beste. Und wenn du willst, ja, du kannst all diese Dinge haben. Ich wähle die Position und ich wähle die Ausrichtung nach links. Jetzt gehe ich wieder zur Vorschau und habe eine mobile Ansicht. Trotzdem zeigt es dir dasselbe, okay. Sortiere das in weiteren Gläsern aus. Im Moment ist das in Ordnung. Ich mache das auch im Vollbildmodus, bis es besser aussieht und alle Bildbereiche angezeigt werden. Darin werden keine unerwünschten Bereiche angezeigt. Auf diese Weise kann es speichern und die Bewertung nach der Erstellung jedes einzelnen Abschnitts oder jeder Seite der Website mit Canva abrufen, sodass Sie bei Fertigstellung des Website-Designs auf dem richtigen Weg 24. 23 Hinzufügen von Textinhalten für die Seite "Info": I In dieser Lektion werde ich Ihnen zeigen, wie wir den Inhalt für die Seite „Über uns“ hinzufügen können . Also haben wir den Inhalt für die Startseite hinzugefügt. Danach möchte ich die Informationen auf der Seite „Über uns“ hinzufügen . Ich ändere dieses U einfach in ein kleines. Das ist genug. Und am Ende fügen Sie einfach Leiter hinzu und schon ist der Kontakt sehr gut. Jetzt gehe ich zu diesem Textinhalt. Ich habe die Informationen auf der A-Bus-Seite, also werde ich das kopieren und dort weitermachen Ich weiß, wenn Sie sich die Textinformationen ansehen, ich auf der Startseite habe, ist dieser Text bei der Ausrottung Vasuns Text, und auch hier verwende ich Leinwände mit Fettschrift Hier habe ich einen Textstil verwendet. Immer noch ist es ein Canvasns. Dabei können Sie sehen, dass ich nur den Canvasns-Text verwendet habe Ich möchte nur den gleichen Text auch für die anderen Designarbeiten fortsetzen die anderen Designarbeiten , damit das Design einheitlich Was ich hier mache, ist, dass ich einfach diese beiden Textinformationen kopiere und diese auch. Ich habe gerade die Control-Shift-Taste verkauft. Und ich wähle mehrere Elemente aus. Ich kopiere das einfach und hier füge ich es ein, drücke Strg V, ich habe die Informationen hier. Jetzt habe ich hier einen weißen Text. Stattdessen werde ich das in Schwarz ändern. Ich kann das in die Grundfarbe ändern, ich für den Titel dieses Designs verwendet habe. Hier muss ich dieselbe Farbe verwenden, aber ich brauche ein bisschen dunkel wie hier. Um das zu tun, füge ich eine neue Farbe hinzu, ich wähle Farbe auswählen, ich werde diese auswählen. Sie müssen diesen „Über uns“ -Text nicht auf Ihrer „Über uns“ -Seite hinzufügen . Natürlich müssen Sie das nicht auf allen Seiten hinzufügen. Wir haben nur hinzugefügt, dass wir, wenn wir den Link hinzufügen oder wenn wir die Designarbeit machen, wissen müssen, auf welcher Seite wir diese Informationen hinzufügen müssen. Das ist nur ein Dummy-Text. Ich wurde gerade hier benutzt. Nachdem ich das hinzugefügt habe, komme ich an diesen Ort, ich kopiere einfach diese Information. Nachdem ich diese Informationen kopiert habe, komme ich einfach zu diesem Hauptteil und füge ihn einfach hier ein. Hier haben wir die Informationen und wir haben einige spezielle Informationen dazu. Hier wähle ich diese Information aus. Kopiere das einfach und hier werde ich es einfügen und ich werde diese kleine App verschieben und ich möchte die Farbe wieder in diese ändern. Ich brauche das jetzt nicht , nachdem ich diese Informationen hinzugefügt Ich kann auch die Informationen hinzufügen wir stolz sind. Kopiere das und ich komme darauf zurück. Ich dupliziere einfach, indem ich den Ate Chei hier gedrückt halte . Ich füge die Informationen einfach ein Da wir es nur von der Canva kopieren, hat es die gleichen Informationen, nämlich die Kugeln Nachdem ich all diese Informationen hinzugefügt habe, habe ich Platz, um die benötigten Bilder hinzuzufügen, und ich kann dieselben Informationen auch mit einem anderen Layout anbieten dieselben Informationen auch mit , das wir später bearbeiten werden So habe ich die Textinformationen von A us in diesen Bereich der Canva-Website eingefügt A us in diesen Bereich der Canva-Website 25. 24 Inhalt für die Seite Einrichtungen einschließen: In dieser Lektion werde ich Ihnen zeigen, wie wir die Seite mit den Informationen zur Ausstattung hinzufügen können . Wie ich Ihnen bereits sagte, habe ich hier auch die Seite mit den Einrichtungen. Jetzt möchte ich diese Informationen hier kopieren und einfügen, und wir werden das Design später erstellen. Um das noch einmal zu tun, komme ich hierher. Ich kopiere einfach diese beiden, nicht die beiden, diese beiden Informationen. Kopiere das einfach und ich lösche es und füge es hier ein. Hier wähle ich die Textinformationen aus. Ich muss diesen Inhalt hinzufügen. Nachdem ich das hinzugefügt habe, werde ich diese Zwischenversion kopieren und einfügen . Ich kopiere das einfach. Du musst diese Mogs nicht hinzufügen. Wir können die entsprechenden Symbole später hinzufügen, aber nicht jetzt Im Moment lösche ich einfach die Informationen , die unerwünscht sind. Danach kopiere einfach die Informationen und ich möchte sie hier einfügen. So habe ich einfach Informationen kopiert und eingefügt. Sie können sehen, dass jede einzelne Einrichtung einen anderen Zweck hat. Wir werden die Entwurfsarbeit machen und die Bilder und Formen später hinzufügen, wenn wir fertig sind. Wir müssen den Stil, die Textinformationen, die Ausrichtung, die Bilder und Formen später hinzufügen Textinformationen, die Ausrichtung, . Wir werden das tun, nachdem wir die Textinformationen für alle Seiten hinzugefügt haben. Jetzt habe ich gerade hinzugefügt und möchte zur nächsten Seite gehen. Auf der nächsten Seite habe ich die Dienste. Auf diese Weise können Sie die Informationen hinzufügen. Zuerst können wir dann die anderen Informationen hinzufügen. 26. 25 Gestalten der Seite Services mit einer Übersicht über die Angebote: In dieser Lektion werde ich Ihnen zeigen , wie wir den Inhalt für Service Speech hinzufügen können . Vorher können Sie sehen, dass wir den leeren Bereich haben , in dem wir die Bilder und Formen hinzufügen werden , und wir werden alle Neuausrichtungen der Textinformationen Jetzt kopiere ich einfach dieselben beiden Texte. Ich kopiere das einfach und füge es hier in einen Dienst ein und lösche das Unerwünschte einfach online. Danach komme ich zu den Diensten. Ich kopiere diese Informationen in Houston. Ich kopiere einfach die gesamte Zeile, drücke Strg C und ich komme hierher und wähle einfach Strg A und drücke Strg V, sodass wir alle Textinformationen mit Strg C kopieren können alle Textinformationen mit . Ich habe nur zweimal geklickt und Strg A gedrückt , um den gesamten Text auszuwählen , und ich drücke einfach Strg V. Das war's. Jetzt entscheide ich mich für dieses eine Angebot, das wir anbieten. Ich will nur die gesamten Informationen hier haben. Vorher habe ich noch einmal dupliziert und hier werde ich diese Liste einfügen. Danach kopiere ich einfach diese Textinformationen und füge sie hier ein. So kopiere ich einfach und füge sie ein. Natürlich müssen wir hier noch viel mehr arbeiten. Das werden wir in unseren nächsten Lektionen tun. Danach muss ich die Arbeit für die Galerieseite erledigen. 27. 26 Informationen für Galerie-Seite hinzufügen: In dieser Lektion werden wir sehen, wie wir den Text hinzufügen können , der Informationen für die Galerie-Seite enthält. Wir werden auf dieser Seite viele Bilder hinzufügen. Lassen Sie uns zuerst den Text hinzufügen. Dazu kopiere ich einfach Inhalt der vorherigen Seite. Ich komme in diese Galerie. Löschen Sie den Text und drücken Sie Strg V. Jetzt haben wir den Text, ich wurde von dieser Einrichtungsseite kopiert. Nach dem Kopieren und Einfügen komme ich zu diesem Inhalt, und hier wähle ich dieses Erlebnis „Entdecke das Houston“ aus. Kopieren Sie das einfach und ich werde es hier einfügen. Nachdem ich das wieder eingefügt habe, komme ich an diesen Ort und kopiere diese Informationen, und hier werde ich sie einfügen. Einfach doppelklicken und ich füge einfach ein. Wir wissen, dass wir die Liste der Bilder mit den Bildunterschriften hinzufügen müssen der Bilder mit den Bildunterschriften Im Moment kopiere ich nur die Bildunterschrift und füge sie hier So kopiere ich die Informationen einfach und füge sie ein. Da Sie den NF-Speicherplatz haben, können Sie einen Text wie diesen nicht vergrößern Das ist völlig unerwünscht. Wir möchten nur die gleiche Schriftgröße für den Inhalt der Website beibehalten . Also tu so etwas nicht. Wir werden uns in unserer nächsten Lektion stärker auf das Layout der topografischen Bilder konzentrieren stärker auf das Layout der topografischen Bilder , also platzieren Sie die Informationen einfach an erster Stelle Tun Sie nichts anderes bevor wir die Textinformationen hinzufügen 28. 27 Kundenbewertungen auf der Seite Services hinzufügen: In dieser Lektion werde ich Ihnen zeigen, wie wir den Designbereich für Testimonials der Zielgruppe, der Nutzer, auf unserer Seite hinzufügen können den Designbereich für Testimonials der Zielgruppe, der Nutzer, der Nutzer Um das hinzuzufügen, gehe ich auf meine Serviceseite. Hier werde ich also mein Feedback über das Publikum oder die Aussage hinzufügen . Um das zu tun, können Sie sehen, dass wir bereits genug Platz haben, und hier werde ich das Zeugnis des Publikums hinzufügen. In den meisten Fällen werden die Zeugenaussagen das Bild der jeweiligen Person sowie das Feedback und den Namen der Person enthalten Um das zu tun, möchte ich zuerst nur einen Bildrahmen hinzufügen. Ich gehe zu De Frame. Ich möchte den Rahmen mit abgerundeten Ecken hinzufügen, also füge ich einfach hinzu. Ich habe die Bildgröße nach Bedarf reduziert. Diese Größe reicht dafür kaum aus. Wenn Sie nun das Bild auf der linken Seite hinzufügen möchten, können Sie das auf diese Weise tun. Jetzt füge ich die Form hinzu. Ich werde sechs Formen verwenden, Geometrieformen. Ich verwende das abgerundete Rechteck und hier werde ich es platzieren. Ich möchte den Eckenradius anpassen. Wenn ich zu den Ecken komme, wähle ich daraus zwei. Nun, das ist die Anzahl der Ecken. Ich habe nur diese vier und hier möchte ich den Wert reduzieren. Diese 15 reichen hier und hier auch für den Rahmen, ich behalte einfach 15 bei. Jetzt reduziere ich einfach die Höhe beim Aufnehmen und erhöhe den Wert der ID. Wenn Sie nun eine bestimmte Farbe für den Hintergrund beibehalten möchten , können Sie die Farbe wählen. Im Moment möchte ich hier nur etwas Farbe hinzufügen. Oder wenn Sie die Farbe nicht benötigen, können Sie das Weiß behalten und Strich für das Rechteck verwenden. Wenn Sie jedoch das Objekt als ausgewählt hinter sich lassen möchten und die Strg-Taste drücken, um die Floras zu öffnen, kann ich das Design zurückschicken Wenn du den Strich nicht benötigst, kannst du einfach in dieses Menü gehen Du kannst hier keine Striche wählen . Ich möchte die Hintergrundfarbe ändern. Im Moment habe ich mich für diesen entschieden. Danach wähle ich einfach beide Objekte aus und gehe zu den Positionen. Hier werde ich diese Mitte wählen. Das horizontale Oliver Bly-Zentrum. Danach kann ich es einfach auswählen und ich kann es duplizieren und ich kann platzieren, wie viele ich benötige. Wenn ich will, kann ich es so platzieren. Ich kann auch den Rahmentextbereich vergrößern. Wenn Sie nicht so viel benötigen, müssen Sie drei hinzufügen. Du kannst so hinzufügen. Ich habe einen und füge noch einen hinzu. Jetzt drücke ich einfach Befehl D oder Control D, um einen weiteren hinzuzufügen. Sie werden eine Seite mit mehreren Testimonials haben. Es gibt noch eine andere Möglichkeit, nämlich einfach diesen Bereich mit den Testimonial-Informationen zu duplizieren und ich werde mich für dieses ovale Tool entscheiden Ich kann das Oval hier hinzufügen und ich kann das Bild in Form eines Kreises oder auf andere Weise hinzufügen das Bild in Form eines Kreises oder auf andere Weise Ich kann den Rahmen direkt in Form eines Kreises verwenden. Also setze ich das Element einfach zuerst hin und binde den Rahmen. Jetzt habe ich den kreisförmigen Rahmen, ich wähle ihn aus und verkleinere die Größe Ich kann den Mittelpunkt oder die linke Seite platzieren , je nachdem, wo Sie hingehen möchten. Nachdem ich sie dort platziert habe, wähle ich die Position beider Objekte aus und richte sie in der Mitte aus. Danach wähle ich den Strichstil. Ich füge den Strich mit einer Mindestgröße hinzu. Sie können die Farbe des Strichs auch hier ändern. Wir haben die einheitliche Strichgröße. Hier kann ich auch die Strichgröße sowie die Strichfarbe ändern . So können Sie die Testimonial-Seite hinzufügen und ich dupliziere einfach diese Textinformationen hier, die ich als Feedback des Publikums hinzufügen werde als Feedback des Publikums hinzufügen Ich möchte nur die Textinformationen reduzieren. Ich möchte das nur als Dummy-Text verwenden. Im Moment kopiere ich diese Informationen einfach und füge sie hier ein. Am Ende füge ich den Namen der Person hinzu , die das Zeugnis hinzugefügt hat. Um das noch einmal zu tun, dupliziere ich das und tippe einfach den Namen damit ein. Machen Sie das einfach fett und Sie können die Farbe des Textes in die richtige ändern. So können Sie das jeweilige Feedback, das Testimonial des Publikums hinzufügen das Testimonial des Publikums oder auch auf diese Weise verwenden Ich kann die Informationen so hinzufügen. Und Sie können den Namen der Person hinzufügen , die diese Aussage gemacht hat. So können Sie Ihre Arbeit machen. Stellen Sie die Ausrichtung so ein, dass sie gerechtfertigt ist. Auch hier entscheide ich mich für die Rechtfertigung. Also drücke ich einfach, sobald es übrig war. Ich drücke erneut, dass es in der Mitte war. Nochmals, ich drücke, es war richtig. Auch hier habe ich gedrückt und Sie können sehen, dass es die Ausrichtung rechtfertigt, was bedeutet, dass die Ausrichtung auf der linken und rechten Seite einheitlich ist . Wenn Sie links wollen, können Sie das auch tun, andernfalls können Sie sich für diese Justified-Ausrichtung entscheiden. Auf diese Weise können wir die Informationen auf der Testimonial-Seite hinzufügen. Im Moment entscheide ich mich einfach für diesen. Das sieht ziemlich gut aus, aber ich möchte nur mehr Platz für das Feedback des Publikums hinzufügen. Ich kann die Informationen hier hinzufügen. Jetzt auf die gleiche Weise. Ich möchte das duplizieren und ich möchte hier noch eins für das Feedback des Publikums platzieren. So habe ich zwei Testimonial-Informationen platziert. Wenn Sie zwei weitere benötigen, müssen Sie weitere Informationen zur Zeugenaussage hinzufügen Sie können den Abschnitt erweitern und ich dupliziere ihn einfach, nachdem ich ihn dupliziert habe, indem ich die Taste „Alles“ verwende . Klicken Sie einfach und verfolgen Sie ihn erneut an der gewünschten Stelle Auf diese Weise können Sie die Testimonial-Informationen von dieser Serviceseite hinzufügen die Testimonial-Informationen von dieser Serviceseite wird dringend Hier geht es eigentlich um eine Seite, nicht um eine Serviceseite. Also fügen wir, Sie wissen schon, die wichtigsten Informationen zusammen mit dem Testimonial selbst So können Sie also den Raum, die Ausrichtung und die Objekte für die Testimonial-Seite im Cava-Website-Design hinzufügen Ausrichtung und die Objekte für die Testimonial-Seite im Cava-Website-Design 29. 28 Speichern und Vorschau beider Seiten: Nachdem ich all diese Informationen hinzugefügt habe und mir der Platz für das Testimonial hinzugefügt wurde, werde ich das speichern Ich überprüfe nur, ob es gespeichert wurde. Ich verwende nur diese Speicheroption. Danach wähle ich hier die Vorschauoption. Wenn ich die Vorschau auswähle, siehst du, dass wir die Vorschau mit den Informationen haben , wir mit der Canva-Homepage erstellt haben, und dass wir die Informationen für eine Seite hinzufügen müssen So sieht es also aus. Sie können sehen, dass wir noch nicht alle anderen Informationen verbessert haben und die Seite für den Kontakt noch nicht hinzugefügt haben, wofür einige Formulare erforderlich sind. Wir werden diese eine weitere Lektion hinzufügen. So sieht es aus. Ich möchte nur sicherstellen, wie es in einer mobilen Ansicht aussieht. So sieht es in einer mobilen Ansicht aus. Sie können sehen, dass das Zeugnis fantastisch aussieht. So richtet es sich für die mobile komprimierbare Ansicht aus Dann ändere ich das in Testa View. Ich möchte sichergehen, wie es in einer Vollbildansicht aussieht. Dies ist eine Vollbildansicht. So sieht es wirklich gut aus und es enthält keine unerwünschten Elemente auf den Webseiten. So kannst du die Informationen hinzufügen und die Canva-Website mit Canva weiterentwickeln 30. 29 Canvas Medienbibliothek und Upload-Optionen: In diesem Exon werden wir sehen , wie wir der Website Medien und visuelle Elemente hinzufügen können Medien und visuelle Elemente Zunächst werden wir sehen, wie wir die Upload-Option in Canva verwenden können In Canva können wir vorhandene Elemente wie Bilder und Videos aus der Kategorie Elemente verwenden wie Bilder und Videos aus der Kategorie Elemente Wir können jedoch die neuen Elemente wie Bilder, Videos und Schriften in Canva hochladen , Videos und Schriften in und in unseren Designs verwenden Lassen Sie mich Ihnen zeigen, wie wir diese Elemente in Canva hinzufügen können diese Elemente in Canva hinzufügen Mach das, ich öffne mein Projekt. Dies ist die Website, die wir mithilfe von Canva-Website-Kursen erstellen Darin werde ich dieses Menü auf der linken Seite wählen. Im Menü auf der linken Seite sehen Sie die Option Upload. Es zeigt dir, dass du deine eigenen Elemente in Canva hochladen kannst deine eigenen Elemente in Canva Jetzt wähle ich die Upload-Option. Wenn ich Upload wähle , werden dir Bilder und Ordner angezeigt. Sie können die Daten direkt in Form eines Ordners hochladen. Sie können auch Bilder hochladen. Lassen Sie mich Ihnen Schritt für Schritt zeigen, wie das geht. Drücken Sie einfach diesen Knopf, Gott. Hier habe ich eine Option namens Record Yourself. Wenn ich Audio oder Video direkt aufnehmen möchte, kann ich es so aufnehmen, dass es direkt in meinen Upload-Ordner eingefügt wird . Eine andere Möglichkeit ist, dass ich manuell hochladen kann. Hier können Sie zunächst sehen, dass Ihnen beim Hochladen die Suchwörter, das Tag und die Farbe angezeigt werden. Wenn Sie die zuvor hochgeladenen Daten durchsuchen möchten, können Sie hier eingeben und die Ergebnisse erhalten Sie hier. Du musst nicht jedes Design verschieben, du kommst einfach zu den Uploads Hier kannst du nach dem Element suchen, das du mit dieser Upload-Kategorie hochgeladen hast mit dieser Upload-Kategorie hochgeladen Danach habe ich die Option Datei hochladen. Mit dieser Hilfe kann ich jede Datei hochladen. Ich drücke einfach auf dieses Menü, es zeigt dir die verschiedenen Upload-Quellen Ich kann auch von meinem Google Drive hochladen und andere Dinge. Ich kann auch aus meinem lokalen Ordner hochladen. Ich kann diesen Upload-Ordner auch verwenden. Sie können diese Optionen verwenden und es werden Ihnen die Bilder und Ordner angezeigt. Hier habe ich den Inhaltsordner meiner Website. Ich habe Bilder mit verschiedenen Kategorien. Ich habe auch Videos. Mir wurden vier Videodateien hinzugefügt. Wenn ich will, werde ich es benutzen. Ich möchte diese Dateien hochladen. Lassen Sie mich Ihnen zeigen, wie wir diese Inhalte hochladen können. Wir haben zwei Möglichkeiten, dies zu tun. Erstens kannst du direkt per Drag-and-Drop auf die Canva-Seite Im Moment drücke ich einfach auf meinen Bilderordner, ziehe ihn einfach und ich möchte zu meiner Canva-Webseite gehen Ich drücke einfach alle, um zu taggen, oder in Mac OS musst du die Befehls-Tabulatortaste verwenden War gerade auf meiner Canva-Webseite. Sie können sehen, dass ich meine Maustaste dort noch nicht losgelassen habe, ich drücke einfach die Taste gedrückt Du kannst sehen, dass du es einfach drückst und einfach ziehst. Ich bin noch nicht entlassen. Jetzt kehre ich zu meiner Canva-Website zurück und gehe einfach hier in diesen Bereich , wo der Inhalt zum Hochladen abgelegt wird Wenn ich den Inhalt hier ablegen werde, dir angezeigt, welche Dateien ich in diesen Upload-Bereich ziehen und dort ablegen kann diesen Upload-Bereich ziehen und dort ablegen Es zeigt Ihnen die Dateien mit unterschiedlichen Dateiformaten wie A, CSV, PTO, PPTX, all diese usw. können in Form von Dateien heruntergeladen werden Diese Bilddateien funktionieren auch dort, J SVG, all diese gängigen In VDO haben wir AV, MOV, G und P, vier, P, all diese Formate sind da Für Audio können Sie eine Welle von unkomprimiertem Audio und komprimierte Formen wie MP drei und vier A und OGG Sie können die Ordner auch direkt hinzufügen. Das machen wir gerade hier. Ich möchte es nur hier veröffentlichen. Wenn ich veröffentliche, wird der Upload-Vorgang eingeleitet . Jetzt hier veröffentlichen Sie können also sehen, dass Ihnen der Ordner Images angezeigt wird. Der Upload-Vorgang wurde mit Hilfe dieser Animation eingeleitet. Sie können sehen, wie viel Upload-Vorgang abgeschlossen wurde Es zeigt Ihnen den Fortschrittsbalken hier in diesem Ordner. Nachdem ich die Bilder hochgeladen habe, kann ich auch die Beschreibung des Ordnernamens ändern. Im Moment waren es Bilder. Ich kann diesen Ordnernamen auch wie Houston Images ändern. So laden Sie den gesamten Ordner in diesem Canva-Upload-Vorgang Ordner in diesem Canva-Upload-Vorgang Sie können die Dateien jedoch auch einzeln hochladen . Wie das geht, ich wähle diese Option zum Hochladen von Dateien. Es ist passiert. Darauf muss ich nicht warten. Ich gehe einfach zu den Upload-Dateien und klicke auf diese Schaltfläche. Nachdem ich das ausgewählt habe, komme ich zu diesem geöffneten Ordner. Hier habe ich eine Videodatei. Ich doppelklicke einfach. Ich wähle das erste Video aus. Ich wähle und öffne erneut. Also fange auch an, diese Datei hochzuladen und das wirst du sehen. Nach ein paar Sekunden sind die Bilder mit dem Video vollständig hochgeladen. Ich gehe zur Kategorie Videos. Sie können sehen, dass das Video, das ich hochgeladen habe, dort war und ich gehe zu den Ordnern, dort haben Sie den Ordner Bilder. Darin befinden sich sieben. Klicken Sie einfach darauf, um zu sehen , dass sich sieben Ordner darin befinden. Jetzt komme ich einfach wieder zu den Uploads zurück. Hier habe ich die Option zum Aktivieren und wenn ich das nicht benötige, kann ich es löschen und wenn ich in einen anderen Ordner wechseln möchte, kann ich mit dieser Option verschieben Ich deaktiviere das einfach, komme in dieses Menü und klicke einfach dort. Dort haben wir die Möglichkeit, den Ordnernamen zu bearbeiten. Ich werde nur den Namen der Website verknüpfen. Und Bilder. Wenn Sie den Ordner verschieben möchten, können Sie ihn verschieben und mit anderen teilen und wenn Sie möchten, können Sie ihn auch löschen. Jetzt pro Zentrum. So können Sie alle Elemente hochladen. Innerhalb eines einzelnen Ordners können Sie je nach Internetverbindung einfach per Drag & Drop Sie je nach Internetverbindung Der Ordner wird mit Bildern, Videos und anderen Dingen hochgeladen . Selbst wenn Sie Audiotracks enthalten, was für Ihre Website absolut notwendig ist, können Sie diese darin haben und sie werden hochgeladen. So können Sie alle Ihre Daten hochladen. Sie können jedoch auch über die gemeinsame Schnittstelle auf diese Daten zugreifen . Lassen Sie mich Ihnen zeigen, wie Sie darauf zugreifen können. Ich wähle einfach dieses offene Menü und drücke hier einfach Canva Vorher habe ich nur die Steuerung oder den Befehl vorverkauft. Wenn ich das mache, wird das in einem separaten Tab geöffnet. Das kannst du sehen und hier gehe ich zu den Projekten. In der Kategorie Projekte klicke ich einfach. Dort haben Sie alle Ordnerdetails hier. Hier wähle ich Uploads aus. Wenn ich Uploads auswähle, habe ich hier die hochgeladenen Dateien, egal ob es sich um ein Bild oder ein Hier kannst du sehen, dass es das Video war , das ich hochgeladen habe, und darin wird dir der Ordner angezeigt, in dem ich hochgeladen wurde Wenn ich reingehe, werden dir hier alle Unterordner angezeigt , die ich hochgeladen habe, wie Logo und Galerie, Dienste, Einrichtungen, Über uns, Startseite , Kontakte, alles ist hier verfügbar. So kannst du die Upload-Option in Canva verwenden. Sie können alle Dateien hochladen, die Bilder, Videos und Audios enthalten die Bilder, Videos und Audios 31. 30 Bilder hinzufügen zu Über uns und Einrichtungen: In dieser Lektion zeige ich dir, wie wir die hochgeladenen Bilder zu einer Bibliothek hinzufügen und auf all diesen Seiten in Canva navigieren können Um die Bilder hinzuzufügen, wähle ich diese Upload-Kategorie und sie zeigt dir die Houston-Bilder Ich habe das gerade geöffnet und es zeigt dir die Bilder jeder einzelnen Seite. Zuerst wähle ich die Homepage. Es zeigt Ihnen drei Bilder , die zu dieser Website gehören. Je nach Bedarf wählen Sie aus, welches Bild Sie benötigen. Im Moment habe ich dieses Bild. Darauf aufbauend wurden mir die Textinformationen und andere Dinge hinzugefügt . Lassen Sie mich mit einem anderen Bild versuchen und es basiert natürlich auf der jeweiligen Website, den Unternehmen oder dem Hotelbild , das nur wir verwenden werden. Im Moment ist es nur eine Lektion, also werde ich Ihnen zeigen, wie ich die Bilder verwenden kann. Wenn ich dieses Bild hinzufüge, einfach per Drag-and-Drop hinein und schon wurde es mit den Bildbearbeitungseffekten hinzugefügt , ich wurde hinzugefügt. Je nach Bedarf können Sie wählen, wie Sie möchten? Drücken Sie einfach Strg Z, um diese Arbeit zu erledigen. Ich drücke erneut Strg Z, damit ich das Bild aus diesem Frame entfernen kann . Wenn ich das lösche, füge ich das nächste Bild Ziehe es einfach hierher. Das ist ein anderes Bild, das ich hatte. Auch hier drücke ich Strg Z, um Effekt zu entfernen, den ich mit dem Bild hinzugefügt habe. Ich drücke erneut Strg Z. Ich werde das löschen, ich werde das dritte Bild hinzufügen. So fügen wir das Bild hinzu. Ich doppelklicke einfach und ich kann das Bild anpassen, wie will ich? Wenn ich will, kann ich das auch umdrehen , was du hier siehst. Ich wähle einfach die Option Flip und Horizontal. So kannst du alle Anpassungen vornehmen, was du mit Canva gemacht hast und was du für die Arbeit benötigst Gib einfach Undo Control Z immer wieder ein, mehrmals, bis ich es benötige Für die Startseite habe ich das Bild bereits zuvor festgelegt, sodass ich das Bild nicht berühren muss , es sei denn, es war erforderlich. Jetzt gehe ich zur nächsten Seite. Das ist ungefähr eine Seite. Ich habe den Ordner geöffnet, in dem es um uns geht. Über uns, ich habe viele Bilder, und hier habe ich die grundlegenden Informationen darüber, was das bedeutet. Sie haben Ihnen den Komfort, den Geschmack und den unvergesslichen Service geboten . Diese Dinge werden hier erwähnt. Ich kann entweder den Zimmerservice oder das auf Essen basierende Image oder die perfekte Inneneinrichtung wählen. Ich werde mich für einen entscheiden. Lassen Sie mich zuerst dieses Bild hinzufügen. Bevor ich das hinzufüge, füge ich den Rahmen für dieses Bild hinzu. Da ich diesen Rahmen, das Quadrat mit abgerundeten Ecken, bereits verwendet habe, kann ich ihn auch verwenden. Ich drücke einfach Strg D. Wenn ich Command D oder Control D drücke, kann ich es duplizieren oder ich kann mit der rechten Maustaste klicken und Option Duplizieren wählen. Danach verwende ich das einfach hier. Ich erweitere nur die Dimension. Stellen Sie hier einfach ein , wie ich den Rahmen haben möchte. So können Sie hier Ihren eigenen Bildrahmen einstellen Ihren eigenen Bildrahmen . Ich möchte nur den Strich entfernen. Im Moment brauche ich hier keinen Strich. Ich bin gerade zu diesem Schlaganfall gekommen. Und hier entscheide ich mich für keinen Schlaganfall. Sie können sehen, dass ich es gerade nicht habe. Ich möchte das Bild nur per Drag & Drop ziehen. Ich füge einfach zuerst das Bild hinzu und ziehe es hierher. Das ist also das Bild, das ich für diese Seite verwenden möchte, und ich möchte auch die Ausrichtungen anpassen Das machen wir später, nicht jetzt. Das zeigt dir, dass sie sich wohl fühlen und diesen, du weißt schon, unvergesslichen Service probieren . Ich habe auch ein anderes Bild hier. Wenn du also, du weißt schon, dein Restaurant mit dem Hotel zu etwas Besonderem machen willst du weißt schon, dein Restaurant mit dem Hotel zu etwas Besonderem machen , hast du dieses Bild, das du hinzufügen kannst. Aber hier haben sie Zugriff auf das Essen, anstatt dass, du weißt schon, der Koch für das Essen gesorgt hat. Aber du hast auch andere Bilder wie dieses. Es sieht zu perfekt aus. Und es gibt, weißt du, Mangel an, ähm, Kunden. Also werde ich das auch nicht benutzen. Sie können diese Bilder auch verwenden, wenn Sie möchten, weil sie zeigen, dass Sie einfach auf den Rahmen doppelklicken und ich einfach, es ist ein Bett, und es zeigt Ihnen, wie gut der Service ist und wie Sie sich in diesem Hotel fühlen . Je nachdem, Sie wissen schon, die Entscheidung, was Sie denken, können Sie das Bild sofort hinzufügen Ich möchte nur mit diesem Bild gehen. Wenn es eine Änderung gibt, werde ich das später tun , nicht jetzt. Nachdem ich das Bild hinzugefügt habe, muss ich das Bild der Personen hier hinzufügen. Da es sich nur um eine Vorlage handelt, habe ich hier kein Bild von Personen, sondern gehe einfach zu diesen Elementen über. Hier wähle ich die Leute aus und ich wähle einfach Fotos aus. Ich habe hier ein Foto von vielen Leuten. Fügen Sie zum Beispiel einfach eines hinzu und fügen Sie einfach das Bild in den Rahmen ein, indem Dragon Drabing verwenden, und hier expandiere ich einfach zu ihrer Gesichtsansicht Ich brauche also ihre Terrie-Ansicht nicht. Ich brauche nur den Kopf alleine. Das ist gut und der Kopf ist sichtbar und, du weißt schon, der passt auch zum Rahmen. Ich möchte drei weitere Bilder hinzufügen. Also ich porträtiere einfach. Ich werde dir das Porträt verschiedener Menschen geben. Ich füge hier einfach hinzu und ich erweitere das. Das ist genug. Sie benötigen nicht zu viel von der Gesamtansicht des Körpers. Das sieht wirklich gut aus. Ich werde hier an dieser Stelle noch ein Bild hinzufügen und ich werde es einfach erweitern, ich werde hier noch ein Bild hinzufügen, also bevorzuge ich dieses. Ich ziehe einfach per Drag-and-Drop. Ich vergrößere das Bild einfach nach Bedarf. Je nach Bedarf wurden vier Bilder hinzugefügt. Ich habe das Bild für diese Info-Seite hinzugefügt. So wurde ich für die Seite „Über mich“ hinzugefügt. Jetzt werde ich für die Seite mit den Einrichtungen etwas hinzufügen. Für die Seite mit den Einrichtungen ist dies die Seite mit den Einrichtungen. Ich habe noch kein Layout hinzugefügt, aber hier wurden sechs verschiedene Einrichtungen bereitgestellt. Ich kann mehrere Bilder mit diesem Hintergrund hinzufügen. Was ich hier machen werde, ist jetzt, möchte nur den Rahmen hinzufügen. Sie können überall in den Layouts den gleichen Rahmenstil verwenden , sodass das Design einheitlich ist. Ich kopiere einfach diesen Rahmen und komme auf diese Seite, ich drücke Strg V. Ich habe das Bild. Jetzt wähle ich einfach den Rahmen aus und lösche ihn, sodass das Bild gelöscht wird, nicht das Bild. Denken Sie daran, wenn ich den Rahmen so auswähle und nur diesen Rahmen lösche, bedeutet das, dass nur das Bild gelöscht wird. Wenn ich jedoch erneut auf Löschen drücke , wird dieser Rahmen gelöscht. Je nach Bedarf können Sie also wählen, was Sie tun möchten. Also hier werde ich sechs Bilder hinzufügen. Und entscheiden Sie, wie Sie hinzufügen möchten , dass wir die Einrichtung bereitstellen und Sie das Bild von sechs verschiedenen Diensten zeigen möchten . Ich kann das wie folgt unterteilen: eins, zwei, drei und drei im unteren Bereich. Sie können den Rand der Bereiche jedoch von oben nach unten vergrößern. Es ging also nicht um den Raum, was Sie haben, sondern darum, wie Sie sich präsentieren werden. Also sei vorsichtig damit. Wenn Sie einen beliebigen Rahmen unten verwenden möchten, um die Einrichtung und all die Dinge, die sich in dieser Einrichtung befinden, zu erwähnen Einrichtung und all die Dinge, die sich in dieser Einrichtung befinden , können Sie das Rechteck hinzufügen, das die Form von einfachen Vektorformen wie dieser hat können Sie das Rechteck hinzufügen, das die . Ich klicke einfach und füge einen hinzu. Hier werde ich den Wert für den Eckenradius anpassen. Es hat den Standardwert für den Eckenradius. Ich möchte es ändern, ich klicke darauf und ändere es in zwei. Das sind nicht die zwei, das sind nur vier und hier möchte ich aus dem Eckwert zehn machen. Das ist also in Ordnung und ich kann diese Form so hineinlegen. Je nach Bedarf, den Sie hinzufügen können, wie möchten Sie hinzufügen? Manchmal möchte ich dieses charakteristische Restaurant in diesen Rahmen einfügen dieses charakteristische Restaurant in , und danach hatte ich die Textinformationen darunter und es liegt an Ihnen, wie Sie diese Informationen präsentieren möchten. Und auch hier möchte ich das hier hinzufügen, ich möchte das hinzufügen. Je nach Bedarf werden Sie, wie gesagt, angeben, wie es aussehen soll. Ich dupliziere dasselbe einfach zweimal, damit ich den Rest der Informationen hier hinzufügen kann. Auf diese Weise können Sie hinzufügen, Sie können die Farbe ändern, Sie benötigen diese Farbe nicht, wir werden sie nicht verwenden. Du kannst sie so oder so verwenden, was eine bessere Farbauswahl ist. Also hier werde ich diese Bilder hinzufügen und ich werde die Textinformationen hinzufügen. Lassen Sie mich eins nach dem anderen hinzufügen. Ich werde zuerst dieses charakteristische Restaurant hinzufügen. Also schneide ich einfach mit Control AX, drücke Strg V und füge die Informationen hier hinzu. Hier verwende ich die Mittenausrichtung, Standardausrichtung ist zentriert. Jetzt vergrößere ich einfach den Textrahmen und mache den Text fett und erweitere einfach die Schriftgröße. Hier wähle ich die Schriftfarbe bis ins Dunkelbraun. Und wenn du das als Großbuchstaben haben möchtest , also alles in Großbuchstaben, kann ich diese Option für Großbuchstaben wählen. Danach, darunter, werde ich die detaillierten Informationen dazu hinzufügen. Und nachdem ich das hinzugefügt habe, passe ich den Bereich an. So kann ich diese Informationen präsentieren oder Sie können sie entfernen. Sie haben nur diesen Bereich, die Kategorie, was auch ausreicht. Es hängt im Grunde von Ihrem Bedarf ab, wie es allein mit dieser Form aussieht, Sie können entscheiden, ob es ausreicht oder nicht. Ich füge diese Informationen einfach hinzu , denn wenn sie nicht übereinstimmen oder nicht die richtigen Informationen vermitteln, kann ich sie später entfernen. Im Moment nicht. Also füge ich einfach so hinzu. Ich möchte diese Objekte umformen. Also wähle ich einfach alle Elemente aus. Ich drücke einfach Shiftik und klicke auf diesen Bereich. Jetzt drücke ich einfach die Alttaste gedrückt und drücke die Shiftik und starte und Ich mache das Gleiche auch hier. Ich habe alle drei hier. Jetzt drücke ich einfach die Altiky-Taste gedrückt klicke und verfolge Ich kann hier platzieren. So kann ich einfach wieder duplizieren, und hier möchte ich die restlichen Informationen hinzufügen. Schneide das einfach aus und füge es hier ein. Im Grunde habe ich es einfach neu geformt, und wieder, auf die gleiche Weise, wähle ich dieses Spa Wellness aus, nachdem ich gewählt habe , dass ich es einfach ausschneide und hier werde ich eine dritte Kategorie einfügen Ich komme her und doppelklicke und füge es ein. Jetzt wähle ich wieder die Textinformationen aus, also komme ich zu diesem Bereich und hier möchte ich den gesamten Text auswählen. Schneide es einfach mit Control X aus und ich werde es hier einfügen. Jetzt möchte ich die restlichen drei auswählen und dasselbe tun. Und ich wähle die Textinformationen. Ich muss den Text anpassen. Ich werde das tun. Ich wähle auch dieses kostenlose WLAN. Das ist es. Hier, ich lösche diese Information einfach. Hier habe ich das Problem. Ich habe zwei Möglichkeiten, es zu ändern. Erstens kann ich die Schriftgröße reduzieren oder eine komprimierte Schrift auswählen. Lassen Sie mich die Schriftgröße ein wenig reduzieren, und ich möchte den Zeilenabstand hier reduzieren Sie können den Abstand zwischen diesen beiden Zeilen sehen. Ich entscheide mich nicht zuletzt für diese erweiterte Einstellung und reduziere den Zeilenabstand. So kann ich den Zeilenabstand reduzieren und ich bewege mich einfach nach oben und platziere ihn hier. So kann ich diese Arbeit machen, um einen anderen Weg zu finden. Sie können einfach die Breite des Rahmens reduzieren. Das sieht besser aus und ich füge einfach den Text und hier anstelle des Symbols hinzu. So können Sie diese Informationen hinzufügen und ich werde die Bilder hier hinzufügen. Basierend auf der Kategorie Ts, habe ich hier die Bilder über Salbei. Die Ada-Seite. Es ist eine Seite mit Einrichtungen. Ich gehe zu den Einrichtungen und wähle hier die verschiedenen Bilder anhand der Kategorie aus. Das erste ist ein charakteristisches Restaurant. Ich habe dieses Bild und ich habe ein anderes Bild , nämlich dieses. Das sieht so aus wie eine Hochzeitsfeier. Ich füge nur dieses Bild hinzu. Das ist das perfekte. Nachdem ich das hinzugefügt habe, füge ich das Schwimmbad hinzu. Ich wähle das Bild aus meinen Einrichtungen aus. Es sollte das Schwimmbad sein. Ich werde diesen hinzufügen. Und ich werde Spa Wellness haben. Ich kann wählen , welcher besser aussieht. Hier habe ich dieses Bild und ich ziehe es einfach hierher, ich ziehe es einfach hierher. Das sieht wirklich fantastisch aus. Wenn du so skalieren und platzieren willst, ja, du kannst es so platzieren. Hier zeigt es dir den kompletten Gesichtsausdruck dieses Mädchens und sie nutzte diese Zukunft. Jetzt muss ich das Fitnesscenter und die restlichen zwei hinzufügen . Ich gehe wieder in die Einrichtungen. Ich möchte das Fitnesscenter hinzufügen. Ich wähle dieses, das sieht gut aus und ich möchte das nächste hinzufügen, das ist der Konferenzsaal. Ich habe mich für die Einrichtung entschieden. Wenn sie groß war, können Sie diese wählen , und wenn sie mittelgroß ist zehn bis 12 Zahlen hat, können Sie diese wählen, und sieht gut für die Konferenz aus. Und ich lösche einfach , dass ich diesen hinzufüge. Es sieht groß aus. Und wenn, weißt du, sie Laptops benutzen, ja, das ist das Beste, und es kann, weißt du, viele Leute beschäftigen, nicht nur zehn oder zwölf. Sie werden jedoch nur je nach Bedarf hinzufügen. Nachdem ich das hinzugefügt habe, werde ich das kostenlose WLAN hinzufügen. Also füge ich einfach dieses oder dieses Bild hinzu, das zeigt, dass sie das Internet nutzen. Was genug ist. Ich bin auch hier, ich habe nur, dass das Mädchen die Fitness-Ausstattung benutzt hat. So füge ich die Bilder für diese Seiten hinzu und das passe ich in der nächsten Lektion an. Ich werde dir zeigen, wie wir die Bilder für weitere Seiten hinzufügen können . 32. 31 Fotos für Dienstleistungen und Galerie einfügen: In dieser Lektion werde ich Ihnen zeigen , wie wir Bilder für Dienste und Galerieseiten hinzufügen können . Wir haben bereits die Bilder für die Seiten „Über uns“ und „ Einrichtungen“ hinzugefügt , und hier werde ich die Bilder der Serviceseite hinzufügen. Wir haben also bereits eine Liste Informationen darüber, welche all diese Dienste angeboten werden. Ich gehe zu den Einrichtungen und wähle Dienstleistungen aus. Drinnen habe ich nur drei Bilder , weil ich hier nicht zu viele Bilder wegwerfen muss unserer vorherigen Seite, den Seiten mit den Einrichtungen, haben wir bereits genügend Informationen hinzugefügt , die für das Publikum oder den Kunden erforderlich sind für das Publikum oder den Kunden Deshalb werde ich hier das beste Bild hinzufügen, das für die Erklärung all dieser Informationen erforderlich ist . Ich kann so etwas hinzufügen, damit Sie genügend Informationen erhalten. Vorher möchte ich hinzufügen, wie brauche ich das Layout dieser Informationen? Um das zu tun, passe ich einfach die Informationen an und hier füge ich die Bilder hinzu. Um die Bildstruktur hinzuzufügen, komme ich zu dieser Elementkategorie, und hier habe ich die Option Raster Gitter sind die kollektiven Bildcontainer. Sie können hier sehen, dass ich das Wort schafft verwende, nicht Gitter oder Rasterlinie Ich benutze einfach Raster. Nachdem ich die Gitter hinzugefügt habe, habe ich hier alle Arten von Gittern Ich wähle C für alle Raster. In C all grids können Sie sehen dass es mit einem einzigen Bildraster beginnt In GL haben Sie unterschiedliche Ausrichtungen. Sie können sehen, dass zwei vertikale Bilder, zwei horizontale Bilder und eines größer, ein anderes klein ist Die verschiedenen Muster sind für zwei Personen da. Auf die gleiche Weise haben Sie unterschiedliche Muster für die drei. Sie können diese verwenden, um die Bilder in jedem Webseitendesign mehrfach zu verwenden. Im Moment werde ich drei Bilder hinzufügen. Ich habe hier mögliche unterschiedliche Auftritte. Ich kann mir aussuchen, welches ich dafür benötige. Auch hier wähle ich dieses aus und klicke darauf, dass es automatisch vollständig in diesen Abschnitt oder diese Seite geladen wurde automatisch vollständig in diesen Abschnitt oder diese Seite geladen . Ich kann in meinem Layout anpassen , wie ich das benötige. Wir können sehen, wie ich das einfach anpasse. So kann ich diese Seite anpassen. Um andere Möglichkeiten zu haben , habe ich Möglichkeit, die Bilder in drei Schritten hinzuzufügen, jedoch mit einer anderen Layoutanordnung. Je nach Bedarf können Sie wählen, wie wir benötigen? Und ich passe es einfach an meine Bedürfnisse an. So kann ich den Rahmen hinzufügen. Nachdem ich den Rahmen hinzugefügt habe, füge ich die Bilder der Uploader-Kategorie hinzu, die von Diensten stammen Hier habe ich drei. Ich wähle den ersten, ich füge einfach hier hinzu und ich wähle den zweiten, ich füge einfach hier hinzu, ich wähle den dritten und füge hier hinzu. Nachdem ich das hinzugefügt habe, kann ich einfach doppelklicken und dann entscheiden wie ich das in diesen Frames haben möchte. Also hier auch das. Wie brauche ich? Und hier habe ich auch genau das. Sie können dieser Art von Service zeigen, was sie in diesem Rahmen tun. Sie können auch den Abstand dazwischen anpassen. Ich habe die Leertaste. Du kannst es schaffen. Sie haben hier die Möglichkeit , die abgerundete Ecke hinzuzufügen. Da wir also den Wert für den Radius von zehn verwenden, habe ich ihn gerade hinzugefügt. Jetzt brauche ich keine Strichgröße mehr. Ich habe das vorher auch nicht benutzt, also brauchen wir es nicht. Wenn Sie möchten, können Sie es verwenden. Und ich muss die restlichen Arbeiten später anpassen. Ich füge einfach die Bilder hier hinzu und reduziere einfach die Höhe. Ich brauche hier nicht zu viele Informationen. So füge ich für diese Serviceseite hinzu. Dann füge ich die Bilder für die Kalorienseite hinzu. Ich komme zur Galerie und gehe zurück zu dieser fünften Kategorie, der Kalorien Hier habe ich momentan viele Bilder, die Bilder mit den verschiedenen Ansichten Ich erweitere das einfach nach Bedarf. Hier möchte ich diese Informationen mit fünf verschiedenen Kategorien hinzufügen . Auf kreative Weise werden wir all diese Bilder der näheren Umgebung entsprechend präsentieren . Lassen Sie mich Ihnen zeigen, wie wir hinzufügen können. Entweder können Sie ein einzelnes Bild für jede Kategorie verwenden oder Doppelbilder oder drei Bilder , da mir hier viele Optionen zur Verfügung gestellt wurden. Sie können also je nach Bedarf auswählen, welche für diese Seite alle erforderlich sind . Jetzt entferne ich einfach diese Doppelcodes aus jeder einzelnen Kategorie. Danach werde ich die Bilder hinzufügen. Sie können sie entweder in fünf Kategorien einteilen und die Bilder mit dem Rahmen hinzufügen, oder Sie können sie auch auf diese Weise präsentieren. Aber du hast diesen Weg schon benutzt. Sie können verschiedene Methoden verwenden, um diese Bilder zu platzieren. Ich habe die Kategorien hier und werde jede einzelne platzieren. Ich komme wieder zu diesem Punkt und ich wähle diese Note. Sie sehen hier, dass wir verschiedene Kategorien haben. Sie können dies auch auf andere Weise verwenden. Das werde ich dir zeigen. Ich klicke einfach auf diese Option. Drei, und ich reduziere einfach die Höhe und die Breite davon. Jetzt können Sie sehen, dass ich hier drei Bilder für eine bestimmte Kategorie oder eine einzelne Kategorie hinzufügen kann . Es liegt also wieder an dir. Sie werden entscheiden, wie Sie sich präsentieren werden. Du hast einen anderen Weg. Sie können ein Einzelbild erstellen. Also komme ich einfach her und wähle den vorherigen Frame. Ich kopiere das einfach und füge es hier ein, und ich werde das anpassen. Wenn Sie das Bild in einem großen Format zeigen möchten, das mehr Aufmerksamkeit erregt, können Sie es auf diese Weise hinzufügen. Sie können die Informationen auch hier hinzufügen, ich habe keine detaillierten Informationen, aber es ist nur eine Galerie, sodass Sie sich nicht um die restlichen Dinge kümmern müssen. Ich dupliziere einfach und habe ein weiteres Bild hier im Rahmen und ich lösche beide Rahmen. Jetzt habe ich die Möglichkeit, es zu erweitern, also erweitere ich es einfach. Ich passe das nur ein bisschen und ich kann die Bilder jetzt hier platzieren. Also habe ich das einfach dupliziert und habe jetzt sechs Bilder. Ich werde jetzt hinzufügen, was sind all die Bilder, die ich aus meinen Inhalten aufgenommen habe. Ich gehe jetzt zum Upload und gehe zu dieser Galerie. Hier kann ich das Deluxe Zimmer und alle Informationen hinzufügen. Ich habe mich zuerst für dieses Zimmer entschieden, und hier werde ich das Deluxe-Zimmer und andere Einrichtungen hinzufügen. Danach füge ich das Restaurant hinzu. Ich füge nur die Einrichtung des Speisesaals hinzu. Hier ist sie, aber ich möchte die Kategorie so wählen. Sie bereiten nur die Lebensmittel zu oder ich kann auch die Lebensmittel auswählen , die sie bereits hergestellt haben. Ich füge diesen nur hinzu, auch weil die beiden hier vorgesehen sind. Was ich hier mache, ist, dass ich nur dieses Aussehen hinzufüge. Ich füge hier einfach dieses Bild hinzu, und hier füge ich die Kategorie von Lebensmitteln hinzu, die in diesem Restaurant erhältlich sind . Hier werde ich wählen. Also ziehe ich hier einfach per Drag-and-Drop hin. Danach werde ich die nächste Einrichtung hinzufügen. Hier habe ich die Erfrischung und werde die nächste hinzufügen Ich möchte dieses Bild hinzufügen, die Bar in meinem Hotel und ich möchte die restlichen Informationen hinzufügen Ich werde das nächste Kategoriebild wie dieses hinzufügen , okay. Danach werde ich die restlichen hinzufügen. Ich dupliziere das einfach und hier lösche ich es einfach und lösche es auch. Jetzt möchte ich das Spa-Ambiente und die Details zum Veranstaltungsort hinzufügen . Ich werde das Spa-Ambiente hinzufügen. Vorher kann ich Details zum Veranstaltungsort hinzufügen. Das ist das, und wenn es noch ein anderes Bild den Veranstaltungen gibt, das vielleicht besser aussieht, gehe ich auf die Seite mit den Einrichtungen. Hier habe ich den Konferenzsaal, den ich hier hinzufügen kann, und hier möchte ich meine Spa-Bilder hinzufügen. Ich lösche einfach diese Frames. Ich komme wieder in diese Galerie und kann das Schwimmbad hinzufügen. Und nachdem ich das hinzugefügt habe, kann ich auch das Bild des Spa-Service hinzufügen. Also füge ich das einfach hier hinzu. So kannst du also jedes einzelne Bild in die Canva-Galerie einfügen , die es mit einer Kategorie-Galerie gibt Also musste ich viele andere Arbeiten mit dem Text und allen Ausrichtungen machen , die wir später machen werden Aber im Moment können Sie sehen, dass wir die Bilder für alle Seiten hinzugefügt haben und die Kontaktseite weiter erstellen werden . Okay. 33. 32 Bildbearbeitung mit Canva: In dieser Lektion werde ich dir zeigen, wie wir Bilder in Canva bearbeiten können In unseren vorherigen Lektionen zeigt es dir die grundlegenden Dinge Aber hier zeige ich dir die Detailansicht. Ich fange damit an, dass es um einen Weisen geht. Ich zoome einfach rein. In etwa einer Zeit habe ich fünf Bilder verwendet, vier für das Pfandrecht. Sie können das als Zeugnis sehen, und das fünfte ist das Bild, das diese Dienste zeigt Also hier, wenn ich das Bild bearbeiten möchte, wähle ich zuerst das Bild Nachdem ich dieses Bild ausgewählt habe, komme ich zu dieser Bearbeitungsoption. Ich klicke oben auf die Option Bearbeiten. Es zeigt Ihnen die Liste der Bearbeitungsoptionen, die wir für die Bilder haben. Oben sehen Sie, dass wir die Auswahloption haben. Es zeigt dir alles, weil ich das gesamte Bild ausgewählt habe. Wenn Sie nun das bestimmte Segment oder Objekt des Bildes auswählen möchten , können Sie diese Option verwenden und klicken. Klicken Sie hier, Sie haben das Bild hier. Sie können aus diesem Bild das Bild oder das Objekt auswählen , das Sie alleine benötigen Ich kann mir ein Essen aussuchen. Wenn Sie mehrere auswählen möchten, können Sie die Umschalttaste drücken. Ich kann weitere hinzufügen. Auf diese Weise können Sie, wenn Sie möchten, auch das auswählen. Oder du hast einen anderen Weg zum Pinsel. Hale-Pinsel. Wenn ich einen Pinsel auswähle, kann ich eine Pinselpassauswahl wie folgt erstellen Achten Sie darauf, dass die ausgewählten Bereiche mit der violetten Farbe markiert sind So können Sie die Pinsel anpassen und den Rest des Auswahlprozesses nach Bedarf durchführen . Danach komme ich zu diesem nächsten. Wir haben den Vordergrund. Das Bild selbst folgt dem Vorder- und Hintergrund dieses Bildes. Sie können deutlich erkennen, dass dies der Vordergrund des Bildes ist , aber das ist ein Hintergrund. Wenn Sie den Hintergrund auswählen möchten, kann ich diesen Hintergrund wählen. Wenn Sie auswählen und alle Änderungen vornehmen können, die Sie benötigen, werde ich die Farbe oder Dunkelheit anpassen. Sie können all diese Dinge dort nur für den Hintergrund und nur für den Vordergrund oder nur für die ausgewählten Bereiche tun. So haben wir diese Auswahlmöglichkeiten. Aber ich wähle alle , weil ich die gesamte Bildanpassung anpassen möchte . Standardmäßig haben wir die Option Automatische Anpassung. Sie können dies verwenden, klicken Sie einfach hier und sehen Sie sich vorher die Bildvorschau an. Ich klicke einfach hier und sehe mir die Ergebnisse an. Ich passe automatisch die Farben und Kontraste an, all diese Dinge Ich drücke Strg Z oder mache Rückgängig. Dies ist das Originalbild, und nach dieser automatischen Anpassung haben wir das Bild wie dieses. Es hat ein paar Verbesserungen. Drücken Sie erneut auf Rückgängig, ich möchte diese Änderungen manuell vornehmen. Bei der Bildbearbeitung habe ich zunächst die Option Weißabgleich. Wir haben also die Auswahl. Danach haben wir die automatische Anpassung. Und wenn Sie den Weißabgleich in diesem Bild anpassen möchten , können Sie diese Option verwenden. So kann ich die Temperatur des Bildes anpassen, ob ich es so warm machen kann. Wenn Sie also einen warmen Ton für, Sie wissen schon, die bestimmte Website oder das Design haben, können Sie ihn verwenden. Oder wenn Sie ein cooles Thema wie Blau und andere Dinge haben , können Sie sich für dieses entscheiden. Also beide Dinge sind der Auswahl entsprechend richtig gut. Und wenn Sie neutral bleiben möchten, können Sie einfach den Wert Null hinzufügen. Und wir haben die Option, die als Farbton bezeichnet wird. Wenn Sie einen bestimmten Farbton als Wert für Bilder beibehalten möchten , können Sie den Farbtonwert hier anpassen und schon sind Sie So funktionieren diese beiden Anpassungen wie Temperatur und Farbton mit Canva-Bild Danach komme ich in diese Gegend. Hier habe ich die Option Licht genannt. Ich habe Helligkeits-, Kontrast-, Glanzlichtschatten-, Weiß- und Schwarzeinstellungen, all diese Dinge, die ich mit der Kategorie Lichter tun kann Diese Helligkeitsanpassung erhöht den Gesamthelligkeitswert des Bildes. Es sieht gut aus. Sie können sehen, dass wir mit diesem höchsten Helligkeitswert mehr Details sehen können . Und den Kontrast, wenn Sie die Details erhöhen möchten , können Sie ihn verwenden. Das ist Kontrast und Highlights. In einem Bild oder einer Zeichnung haben Sie drei Hauptkomponenten. Bei der ersten handelt es sich um Glanzlichter , d. h. um den hellen Teil oder die hellen Pixel des Bildes. Sie sehen, das ist das Highlight, das ist das Highlight, und das sind die hervorgehobenen Bereiche hier und hier. All diese Dinge werden Höhepunkte genannt. Als nächstes haben wir die Schatten. Schatten sind die dunklen Pixel des Designs. Wenn Sie diese Dinge alleine anpassen möchten, können Sie die Glanzlicht-Anpassungen verwenden. Sie können sehen, wie ich die Glanzlichter der Pixel anpasse. In einem Lebensmittel können Sie diese Veränderung deutlich sehen, genauso können Sie die Schatten jedes einzelnen Pixels anpassen. Wenn Sie nur das Schwarz und nicht alle Schatten anpassen möchten , können Sie diese Option verwenden, sodass eindeutig nur das schwarze Pixel angepasst wird. die gleiche Weise können Sie diese Option verwenden, wenn Sie nur das Weiß anpassen möchten . also je nach Bedarf anpassen, Sie können also je nach Bedarf anpassen, wie Sie das Bild benötigen. Meistens verwenden wir nur diese Helligkeitseinstellung , die für mein Bild ausreicht. Nach den Folien habe ich dann eine Farbe, und wenn Sie den Farbwert invertieren möchten, z. B. wie haben wir die negative Bilddarstellung des Videos, können Sie diese Option „Invertieren“ verwenden den meisten Fällen verwenden wir sie jedoch nicht, also mache ich sie wieder rückgängig. Als Nächstes haben wir die Lebendigkeit und Sättigung . Beide sind unterschiedlich. Lassen Sie mich Ihnen das anhand eines Beispiels zeigen. Die Sättigung nimmt nur zu, die warmen Töne sowie die Primärfarbwerte werden immer höher. Sie können hier sehen, wie es aussieht, all diese Pixel. Sättigung, wenn ich den Wert auf den negativen Wert verschiebe, wird das gesamte Bild in Richtung Graustufen entsättigt Richtung Graustufen Sie können sehen, dass diese Sättigung auf diese Weise funktioniert. Ich sättige langsam. Das sind 100%, die wir von Natur aus haben, und wenn Sie den Sättigungswert erhöhen möchten, können Sie sich für mehr Sättigungswerte entscheiden Jetzt komme ich zu dieser Lebendigkeit. Durch Vibrance erhalten die besser leuchtenden, warmen Pixel sowie den Kontrast zu einem Bild Pixel Wenn es reduziert wird, hat es weniger Zahlen, aber keine Graustufen So funktioniert die Lebendigkeit. Danach habe ich den Farbbearbeitungswert. In diesem Bild haben wir also die beiden Hauptfarben. Welche ist diese grüne und die zweite ist die braune. Wenn Sie also die Bildfarben direkt anpassen möchten, können Sie diese Option verwenden. Aber die meiste Zeit benutzen wir es nicht. Aber hier werde ich die Farbe bearbeiten. Ich klicke einfach auf die erste, die grün ist. Wenn ich darauf klicke, wird dir hier die Helligkeit der Farbtonsättigung angezeigt . Mit dem Cue kann ich also die Farbe des jeweiligen Werts ändern. Sättigung, entweder kann ich Pixel entsättigen oder sättigen. Mit dieser Helligkeit kann ich die Helligkeit des Bildes erhöhen. Lass mich dir das zeigen. Zuerst erhöhe ich den Sättigungswert, er ist momentan sehr gut und ich kann die Helligkeit dieser Werte anpassen . Das kannst du sehen. Wenn ich gleichzeitig die Farbe dieser Pixel ändern möchte , werden wir es an dieser Stelle meistens nicht verwenden, es ist nicht erforderlich, aber ich zeige es Ihnen nur, weil Sie wissen müssen, wie es funktioniert. Sie können sehen, wie sich dadurch die Farbe des Pixels ändert. Das meiste davon, wenn Sie es brauchen, können Sie es auch anders verwenden, lassen Sie es einfach bei Null. So funktioniert diese Farbbearbeitung und sie wirkt sich nur auf die Farbe aus, die ausgewählt wurde. die gleiche Weise, wenn ich die Farbe dieses Werts mit dem Bild ändern möchte , können Sie diesen verwenden und alle Änderungen damit vornehmen. So funktionierte diese Farbbearbeitung. Danach habe ich eine Textur. Sie zeigt dir drei Kategorien: Sharpen Clarity und Wigd Sharp zeigt Ihnen, wie dem unscharfen Bild oder dem normalen Bild ein scharfes Bild wurde . Lassen Sie mich diesen Bereich vergrößern , damit Sie die Unterschiede sehen können Jetzt erhöhe ich einfach die Schärfe von Null und schon kannst du sehen, wie scharf das Bild aussieht Zuvor hatten wir viel Unschärfe. Ich mache das einfach wieder auf Null. Sie können sehen, dass viel Unschärfe da ist. Aber wenn ich die Schärfe erhöhe, hat es schärfere Ich passe mich auf diese Weise an. die gleiche Weise, wenn ich das in Richtung Minus bewege, wird der Objektbereich unscharf Je nach Bedarf können Sie die Schärfe verwenden. Danach habe ich Klarheit. Clarity gibt Ihnen die besseren Pixelwerte für die Details, und wenn Sie sie benötigen, werden Sie sie natürlich verwenden Die dritte Option ist also Ignite. Damit kann ich die Gesamtbeleuchtung des Bildes von außen nach innen anpassen die Gesamtbeleuchtung des Bildes von außen nach innen Sie können sehen, dass es in der Mitte klar ist, aber wenn es sich dem Rand nähert, sieht es schwarz aus. Genauso kannst du es verwenden, wenn ich es in Weiß brauche. So funktionieren diese Optionen, um diese Farbanpassungen vorzunehmen und diese Funktionen zu bearbeiten. Wenn Sie jedoch die restlichen Bearbeitungsarbeiten wie ich erledigen möchten , wählen Sie das einfach zurück. Ich habe hier eine Option namens Magic Studio. Damit können Sie das Bild vom Hintergrund und anderen Dingen komplett bearbeiten . Aber dafür brauchst du auf jeden Fall diesen Procon. Ich kann diese Optionen nicht direkt verwenden, um das Bild zu bearbeiten. Wenn Sie möchten, können Sie jedoch diese Zuschneideoption verwenden. Mit Zuschneiden können Sie das jeweilige Bildsegment entweder das jeweilige Bildsegment von links nach rechts oder von oben nach unten oder in allen vier Richtungen zuschneiden. Sie können das Bild einfach mit der Option Zuschneiden zuschneiden. Wenn Sie das Bild spiegeln möchten, können Sie gleichzeitig eine Umkehrung und dann die Option Horizontal wählen, genauso wie Sie das Bild vertikal spiegeln können. So machen wir die Bildbearbeitung mit der Canva. Sie werden alle Bilder auf die gleiche Weise anpassen. Hier habe ich weniger Licht, also wähle ich die Bearbeitungsanpassung. Hier möchte ich den Wert der Helligkeit erhöhen. Es sieht nach viel Farbwert aus. Ich reduziere es einfach ein bisschen mit Sättigung. Ich brauche nicht zu viele Farben, die die gesamte Seite dominieren. Auch hier können Sie sehen, dass ich auf der linken Seite mehr Dunkelwerte habe, aber hier habe ich Highlights. Ich wähle ein Bild aus und komme zu dieser Option namens Schwarz. Ich habe nur das Schwarz und du kannst sehen, wie es wehtut, nur das Schwarz, neutrale diesen Wert und ich kann den Schattenwert anpassen, einfach die Details auf dem Schatten erhöhen und ein bisschen Helligkeit. Jetzt habe ich den Farbton von links und rechts neutralisiert. So können Sie entweder diese Bilder anpassen, was wir auch hier hochgeladen haben, wir haben viele Optionen Je nach Bedarf können Sie diese Änderungen vornehmen. Manchmal, wenn Sie die entsättigte Ansicht für alle Bilder wie dieses beibehalten möchten , einige Websites, wenn sie das Schwarz-Weiß-Design haben, können einige Websites, wenn sie das Schwarz-Weiß-Design haben, auch auf diese Weise verwenden Aber wie dem auch sei, brauche ich hier nicht, gib mir einfach einen. So können wir alle Bildbearbeitungsarbeiten mit Canva erledigen alle Bildbearbeitungsarbeiten mit Canva 34. 33 Integriere Videos mit den Video-Tools von Canva: In dieser Lektion zeige ich dir, wie wir Videos auf unserer Canva-Seite importieren und verwenden können Videos auf unserer Canva-Seite importieren und verwenden Wir haben bereits in unseren vorherigen Lektionen gesehen , wie wir diesen Import verwenden und wie die Arbeit funktioniert Aber da habe ich dir gesagt, dass ich dir die detaillierten Informationen in den nächsten Lektionen geben werde. Hier werden wir uns das ansehen. Also habe ich bisher nur ein Video hochgeladen. Sie können sehen, dass dies das einzige Video ist. Jetzt möchte ich mehrere Dateien hochladen, also gehe ich einfach zum Hochladen von Dateien. Dort kannst du sehen, dass wir drei weitere Videos haben. Ich wähle alle drei Videos aus, ich wähle Upload. Diese Videodateien werden automatisch hochgeladen und Sie können den Fortschritt sehen Sie wurden hochgeladen und all diese vier Dateien haben hier eine Vorschau. Diese drei Dateien wurden noch nicht hochgeladen. Aus diesem Grund haben Sie nur das Video in Grundqualität mit Vorschau. Ich kann das Bild oder das Video in den Container laden, wie ich bereits sagte. Wenn ich das Video hinzufügen möchte, haben wir alle Informationen in Form eines Bildes platziert . Wenn Sie diese ähm, Inhalte auch in Form von Videos hinzufügen möchten , können Sie das tun. Für all diese Dinge müssen Sie jetzt einfach einen Videoframe hinzufügen oder Sie können ihn auch direkt verwenden. Aber wenn Sie dieses Objekt innerhalb der Grenze kontrollieren möchten , können Sie sich auf jeden Fall für diesen Videoframe entscheiden. Jetzt erweitere ich einfach den Bereich der Einrichtungen, möchte Ihnen nur zeigen, dass, wenn wir es brauchen, nur wir das nutzen werden. Ich vergrößere einfach diesen Bereich und hier zeige ich Ihnen die Videovorschau. Um das hinzuzufügen, komme ich an diesen Ort: Elemente und tippe Frames. Hier habe ich ein Rechteck um einen rechteckigen Rahmen. Ich habe gerade einen hinzugefügt und ich passe einfach den Rahmen an und ich passe die Ecke einfach auf zehn Das ist jetzt ein Videoframe, den ich habe, und wenn ich will, kann ich alles weiter bearbeiten. Nachdem das funktioniert hat, möchte ich das Video hinzufügen, also gehe ich wieder zu den Uploads Jetzt habe ich vier Videos hier. Ich wähle dieses Video. Ich habe es bereits zuvor hochgeladen und die restlichen Videos sind in Bearbeitung. Ich klicke hier und füge hinzu, dass das Video hier geladen wurde und reduziere einfach die Bildgröße. Es wurde geladen. Nachdem ich das hinzugefügt habe, möchte ich es einfach per Drag & Drop auf meine Canva-Seite Also ziehe ich einfach per Drag & Drop hinein. Jetzt wurde das Video in diesem Frame platziert. Ich kann es abspielen und mir eine Vorschau davon ansehen. Es zeigt dir nur die Vorschau. Es zeigt dir hier also die Vorschau, und so hat dieses Video die Struktur. Ich werde Ihnen zeigen, wie wir die Änderungen an diesem Video nach Bedarf vornehmen können . Tun Sie das. Ich wähle einfach diesen Videoframe aus. Schau mal, ich klicke nur einmal und schon habe ich diesen Frame. Die Steuerung des Rahmens ist hier. Ich kann einfach die Play-Taste drücken und eine Pause einlegen. Ich kann auch einen Schieberegler verwenden, um die aktuelle Position des Videos anzupassen. Wenn ich jetzt diesen Frame oder das Video oben in dieser Werkzeugleiste auswähle , können Sie sehen, dass ich die Bearbeitungsoption habe. Ich habe die Option zum Zuschneiden. Ich habe einen PG-Entferner für Bild- und Videodateien, aber das ist nur für professionelle Benutzer Wir brauchen hier nirgends. Also verwende ich jetzt diese Bearbeitungsoption. Mit dieser Bearbeitung kann ich die Wiedergabe des Videos steuern. Gleichzeitig kann ich das Video kontinuierlich wiederholen. Standardmäßig war es im Aus-Modus und die automatische Wiedergabe im eingeschalteten Modus. Wenn die Webseite nach unten gescrollt wurde, wird das Video automatisch abgespielt Wenn Sie möchten, können Sie das aktivieren. Andernfalls können Sie es deaktivieren. Die meisten von ihnen müssen wir automatisch abspielen. Also lasse ich das Spiel einfach automatisch im Aktivierungsmodus laufen. Nun, ich möchte diese methodischen Sekunden nicht beenden, aber wenn Sie optimieren wollen, müssen Sie sie beibehalten Andernfalls, wenn Sie das immer wieder spielen möchten, können Sie dieses Spiel einfach auf pwd aktivieren Ich spiele einfach hier, es ist eine normale Geschwindigkeit. Die Geschwindigkeit ist eins. Jetzt kann ich diesen Wert in Punkt um 0,5 ändern und das habe ich in 0,25 gesagt Als ich das auf 0,25 gesetzt habe, lass mich sehen, wie wir spielen, denn wir haben die Geschwindigkeit des Videos auf 75 Prozent erhöht, die Wirkung wird also enorm sein Sie können die gleiche Einstellung auch hier oben vornehmen. Sie können sehen, dass es Ihnen die Geschwindigkeit des Videos anzeigt und ich kann anpassen, ich kann reduzieren oder erhöhen. Ich kann beides tun. Ich spiele einfach hier, du kannst sehen, wie langsam es sich bewegt. Jetzt kann ich auch die Geschwindigkeit von normal erhöhen. Standardmäßig ist es eins, ich habe dir gesagt, wenn ich zwei erhöhen möchte, kann ich es auf zwei erhöhen, sodass das Video genauso schnell abgespielt wird. Entweder du kannst von eins auf Null setzen oder auf 0,25 oder zwei, je nach Bedarf kannst du es benutzen Sie haben die gleichen Einstellmöglichkeiten, wie wir sie für Bilder haben Sie können die Temperatur, das Licht, die Farbe und all diese Dinge anpassen Licht, die Farbe und all diese Dinge Sie haben die automatische Anpassung. Ich drücke einfach die Zurück-Taste. Auch hier haben wir die Filter als voreingestellte Werte. Wenn Sie einen Filter verwenden möchten, können Sie einfach darauf klicken und der Effekt wird sich auf die Vorschau auswirken. Wenn du willst, ja, kannst du es versuchen. Andernfalls brauchst du es nicht, geh zurück zu den Filtern. Bei dieser Videodauer können Sie sehen, dass sie 45 Sekunden und 0,6 Millisekunden hat Wenn ich die Dauer des Videos nun nach Bedarf bearbeiten möchte die Dauer des Videos , können Sie das Dafür haben wir diese Option namens Trim. Ich klicke hier Trim. Wenn ich das hier auswähle, wird dir die Gesamtdauer angezeigt. Gleichzeitig zeigt es dir hier die Spielsteuerung. Am Anfang haben wir den lila That-Schieberegler und am Ende haben wir auch den gleichen Farbregler. Wenn Sie nur ein bestimmtes Segment zuschneiden möchten, können Sie es einfach verschieben und anpassen und dann auswählen, welche Dauer Sie für dieses Video benötigen. Danach drücken Sie einfach die Play-Taste, sodass Ihnen nur die Auswahl oder der Bereich abgespielt wird und Ihnen auch die Dauer deutlich angezeigt wird. Wenn Sie das auf eine bestimmte Dauer von 10 Sekunden reduzieren möchten , kann ich es direkt hinzufügen. Sie können sehen, dass mir zehn hinzugefügt wurden, aber es war 9,9 und Sie können sehen, dass sich das automatisch ändert Und wenn ich umziehen möchte, kann ich hier klicken und ich kann auf Verschieben klicken Ich kann diese zehn Sekunden an einer beliebigen Stelle vom Anfang bis zum Ende auswählen . Wenn Sie jedoch die Dauer verlängern oder reduzieren möchten, berühren Sie nur diese Trimmpunkte am Anfang und am Ende. So mache ich die Arbeit. Nachdem ich die ganze Arbeit erledigt habe, entscheide ich mich einfach für erledigt. Die Dauer dieses Videos wird nur zehn Sekunden betragen, nicht 40 plus Sekunden. So machen wir die Bearbeitung des Videos. Wir fügen einfach hinzu und wenn wir brauchen, werden wir das komplette Video mit der Originalstruktur haben . Wenn Sie dies jedoch nicht benötigen und die Änderungen vornehmen möchten , können Sie alle Änderungen des Videos je nach Bedarf vornehmen. 35. 34 Text für leichte Lesbarkeit formatieren: In dieser Lektion werde ich Ihnen zeigen, wie wir die Textformatierung mit Canva durchführen werden die Textformatierung mit Canva durchführen Als wir die Startseite dieser Website erstellt haben, haben wir einige Textverarbeitungsarbeiten durchgeführt Und hier kommen wir zu den restlichen Dingen und lassen Sie mich Ihnen zeigen, wie wir das machen werden. Also wähle ich zuerst diesen Absatztext. Oben sehen Sie, dass wir die Schriftart haben, sodass wir auswählen können, welche Schriftart Sie benötigen. Und danach haben Sie die Schriftgröße. Wie ich dir gesagt habe, sind die 12 Schriftarten ausreichend für die Website. Sie müssen nicht zu viel Schriftgröße hinzufügen , was das gesamte Design und die Verdoppelung stört gesamte Design und die Verdoppelung Dass Sie die Schriftfarbe haben. So können Sie wählen, welche Schriftfarbe Sie benötigen. Wenn Sie die Schriftfarbe auswählen, wird Ihnen hier die Textfarbe angezeigt, und Sie können wählen, welche Farbe Sie möchten. Hier wird Ihnen eine Liste von Farben angezeigt , die im Design der Website verwendet werden. Wenn Sie einen dunklen Hintergrund haben, können Sie hellen Text verwenden, aber hier haben wir einen hellen Hintergrund. Sie können sich also entweder für diese Art von dunklen oder eher dunklen Textinformationen entscheiden . Ich wähle jedoch diesen. Also hier habe ich nur dieses Dunkelgrün verwendet. Sie müssen für den gesamten Text dieselbe Farbe verwenden, anstatt diese auf eine andere Weise zu verwenden. Das ist nicht gut. Danach hast du das Mutige. Wenn Sie möchten, können Sie sich für Fett entscheiden und Sie haben die Optionen Kursiv und Unterstrichen durchstreichen Wenn Sie bei Bedarf durchstreichen möchten, können Sie sich dafür entscheiden Ich brauche das jetzt einfach nicht. Danach haben Sie die Option Großbuchstaben. Wenn Sie all diese Titel in Großbuchstaben haben möchten , können Sie sich dafür entscheiden Wählen Sie einfach den Rahmen aus und klicken Sie auf diesen Großbuchstaben. Wenn Sie es nicht benötigen, können Sie das wieder in Kleinbuchstaben umwandeln Wie auch immer, wenn Sie den Inhalt erstellen, versuchen Sie besser, einen Satz in Groß- oder Kleinbuchstaben zu verwenden, damit Sie ihn jederzeit in Großbuchstaben ändern können jederzeit in Großbuchstaben ändern Wenn Sie die Informationen in Großbuchstaben eingeben, können Sie das hier nicht in Kleinbuchstaben ändern, Sie können nur Kleinbuchstaben in Großbuchstaben Wir können Großbuchstaben nicht in Kleinbuchstaben ändern. Vergiss das nicht, du hast die Ausrichtung. Wie ich dir schon sagte, habe ich hier drei Ausrichtungen für links, Mitte und rechts Aber nach diesen drei haben wir die vierte, was gerechtfertigt ist. Hier werde ich es dir mit dieser Option zeigen. Ich wähle diesen Absatz. Es war eine linke Ausrichtung. Ich wähle Mitte, du kannst die letzte Linie sehen, es war ein Mittelpunkt, nicht nur die letzte Linie, auch die anderen drei Linien. Ich wähle richtig, es zeigt dir die richtige Ausrichtung. Schließlich entscheide ich mich für diese Rechtfertigung. Wenn ich Rechtfertigen wähle, , abgesehen von der letzten Zeile, haben die ersten drei Zeilen die gleiche Ausrichtung auf der linken und rechten Seite. Aber wenn ich das wieder auswähle, wird es links ausgerichtet, was bedeutet, dass Sie auf der linken Seite die gleiche Ausrichtung haben, nicht auf der rechten Seite. Aber wie dem auch sei, der Großteil der Website wird diese linke Ausrichtung haben, was die bessere Lesbarkeit bietet Sie müssen daraus keine Rechtfertigung oder Rechtsausrichtung Behalte das einfach in einer linken Ausrichtung. Danach hast du eine Liste. Hier können Sie sehen, dass wir drei verschiedene Kategorien von Einrichtungen haben . Sie haben diese Option namens Liste. Wenn Sie diese Liste aktivieren, zeigt sie Ihnen die Liste der Daten, die Ihnen zur Verfügung gestellt werden, wie wir all diese Dinge auswählen. Ich klicke erneut auf dieselbe Optionsliste. Wenn Sie die Liste also bereits anwenden, wird das Aufzählungsformular hinzugefügt. Und wieder, wenn Sie dieselbe Schaltfläche hinzufügen , werden Eins, Zwei, Drei hinzugefügt. Und wenn ich dasselbe wähle, wird nichts hinzugefügt. Das heißt also, es gibt auch die einzige Abkürzung, die Schaltfläche, einmal klicken und das Aufzählungszeichen hinzufügen. Klicken Sie erneut auf die Liste mit Zahlen, und klicken Sie erneut, um nichts zu haben. , wird es standardmäßig Wenn Sie das auswählen, wird es standardmäßig mit einem Aufzählungszeichen versehen. Danach wähle ich diesen Absatz aus. Hier habe ich die Option Erweiterte Einstellung. Hier klicke ich hier für die erweiterte Einstellung. Ich habe einen Buchstabenabstand. Standardmäßig ist es Null. Ich kann den Abstand zwischen den einzelnen Zeichen anpassen. Bei Designarbeiten wie Rapid Designs geben wir diese Informationen an das Name-Tracking weiter. Aber ich brauche hier nur Null, und der Standard-Zeilenabstand ist bei Canva 1,4 Sie können es anpassen, wenn Sie möchten, Sie können es vergrößern oder verkleinern Sie können also je nach Bedarf wählen, aber ich behalte einfach die 01.4 Danach haben Sie das Anker-Textfeld. Also die meiste Zeit, nicht nur die meiste Zeit. Zu jeder Zeit werden alle Textinformationen nach der Grundlinie des Textes angeordnet. Wenn Sie jedoch von der Grundlinie aus Anpassungen vornehmen möchten, können Sie dies von Bittle aus anpassen Wenn Sie möchten, können Sie noch weiter gehen. Andernfalls ist es nicht erforderlich, dann müssen Sie weitere Einstellungen vornehmen. Wenn ich also auf der linken Seite auf Weitere Einstellungen klicke, Ihnen der Buchstabenabstand, der Zeilenabstand und der Formatierungswert angezeigt . Ich kann das je nach Bedarf entweder in normalen Text oder in hochgestelltem oder tiefgestelltem Text ändern entweder in normalen Text oder in hochgestelltem oder tiefgestelltem . Sie können wählen, was Sie möchten Und Sie haben die Kerning-Werte. Wenn Sie möchten, können Sie das auch mit diesem und der Ligatur anpassen auch mit diesem und der Ligatur Dies sind die Optionen, die wir mit den erweiterten Einstellungen haben, und diese beziehen sich ausschließlich auf einen Text und wir haben die Transparenz und den Effekt All diese Dinge sind Ruhe. Ähm, wenn du den Text alleine ausgewählt hast, hast du den Ex. Ich zeige dir, wie wir uns in unseren Einserstunden auswirken werden. Wir haben also eine weitere wichtige, Sie wissen schon, Option, die als Kopierstil bezeichnet wird Mit Hilfe des Kopierstils kann ich also alle Informationen kopieren und in einen anderen Text einfügen. Hier siehst du, ich habe hier vier verschiedene Schriftstile. Hier habe ich Canvas Sands und hier habe ich DM Sands und hier habe ich Kupfer bedeckt, und hier habe ich Pause. Ich brauche also nur die gleichen Canvas-Arme für das gesamte Feedback. Wenn ich dieselbe Schriftgröße, Farbe, Ausrichtung, alles aus dem gleichen Grund haben möchte, kann ich diese Option verwenden. Um das zu tun, klicke ich einfach auf diesen Kopierstil. Ich habe eine Tastenkombination, nämlich Control OTs oder Command Autry. Jetzt klicke ich darauf Wenn Sie diese Zeit auswählen, müssen Sie mit der Auswahl einverstanden sein. Auch hier sehen Sie, dass die Quelle bereits ausgewählt wurde. Dies ist die Quelle, die ich für meine drei Ziele benötige . Ich habe diese Quelle ausgewählt und dann auf diese Option „Stil kopieren“ geklickt. Es zeigt Ihnen den Stil, der in die Zwischenablage kopiert wurde. Jetzt wähle ich direkt zu diesem Textfeld. Diese Schrifteigenschaft wird damit komplett hinzugefügt. Auch hier wähle ich, dass diese Eigenschaft kopiert werden soll und hier klicke ich erneut. Dieselbe Eigenschaft wurde kopiert und ersetzt. Auch hier klicke ich und ich klicke hier. So können Sie jeden Stil kopieren und wir können denselben Stil mit einem anderen Objekt hinzufügen. Das ist die einfache. Sie müssen nicht viel Zeit für diese Änderungen, Anpassungen, Perfektionen oder Duplizierungen Schließen Sie einfach die Arbeit ab und kopieren Sie einfach den Stil und fügen Sie den Stil hinzu So verwenden wir diese Textinformationen sowie die Textausrichtung und die Optionen für das Webdesign von Canva. 36. 35 Verwenden von Canva-Elementen wie Symbolen und Illustrationen: In dieser Lektion werde ich dir zeigen, wie wir grafische Symbole und Illustrationen für unsere Website verwenden Wir können auch mithilfe von Canvas-Elementen auf all diese Medien zugreifen. Lassen Sie mich Ihnen zeigen, wie wir das machen können. Von der Startseite aus werden die meisten Websites die Illustrationen und Grafiken enthalten. Lassen Sie mich Ihnen zeigen, was all diese Dinge sind und wie wir das machen. Auf der linken Seite wähle ich die Option Elemente. Ich klicke einfach, weil wenn du einfach mit der Maus rüberfährst, nicht nur für Elemente, mit einem Text, Design und Upload für irgendwas, wir einfach rüberfahren, es wird sich ändern. Aber wenn du da rauskommst, wird es sich verstecken. Aber wenn ich mit der Maus wähle, klicke einfach dort und es wird dort bleiben, auch wenn du woanders hingehst und es wird da sein. Hier werde ich die aufgerufenen Web-Icons eingeben. Wenn ich also Web-Symbole eintippe, können Sie sehen, dass in Grafiken und Fotos viele Symbole angezeigt werden. Ich klicke einfach auf C A. Es werden dir also viele Symbole angezeigt , die du im Website-Design verwenden kannst. Dies ist zum Beispiel die Startseite, und auf unseren zusätzlichen Seiten werde ich das Symbol hinzufügen, um zurück zur zu springen oder zurück zur Startseite zu navigieren. Also werde ich jetzt das Home-Icon hinzufügen. Es zeigt dir also viele Home-Icons. Ich kann verwenden, welches Sie möchten, Sie können es hinzufügen und Sie können es verwenden. Hier habe ich viele Home-Buttons. Ich werde eine Schaltfläche hinzufügen. Ich werde diesen benutzen. Das sieht gut aus, und komm einfach zur zweiten Seite. Ich erweitere diesen Abschnitt nur ein wenig . Ich werde dieses Zuhause hinzufügen. Ich klicke einfach hier, das Element wurde hinzugefügt. Ich reduziere einfach die Größe und ich reduziere mehr. Hier möchte ich es hinzufügen. Ich füge es einfach hier unten auf dieser Webseite hinzu, dem Abschnitt. Danach wähle ich es und ich wähle diese Farbe. Ich kann wählen, welche Farbe ich möchte und ich kann auch die Größe weiter ändern So kann ich Grafiken auf den Symbolen verwenden, und hier möchte ich nur hinzufügen, dass jemand mit einem Stift das Element geschrieben hat, das ich hinzufügen muss Hier tippe ich einfach Schreiben mit einem Stiftsymbol. Wir haben hier viele Icons. Ich wähle die Grafik. Es gibt dir viele solche Icons. Sie können das kostenlose auswählen und Sie können hinzufügen ich wähle das entweder mit einer Hand oder ohne Hand. Es richtet sich nach Ihren Bedürfnissen an diesem Ort. Ich werde den von Anfang an wählen. Ich wähle diese Handschrift. Ja, das sieht gut aus. Handschrift-Symbol und viele Dinge sind da. Aber damit ich eines davon verwenden kann , sieht beides gut aus Aber wenn ich das mit Gliederungsansicht habe, könnte das viel besser sein. Aber wie dem auch sei, kein Problem. Ich werde diesen benutzen. Ich klicke einfach hier. Auch hier wurde es hinzugefügt, und hier reduziere ich die Größe und werde es hier hinzufügen. Ich reduziere die Größe weiter. Auf diese Weise können Sie das Symbol hinzufügen, wo Sie möchten und wo Sie es benötigen, sodass Sie den Zeilenabstand weiter vergrößern können und mit dem besseren Zeilenabstand eine bessere Ansicht haben . Wir sagen ihm nur, dass ich ein besseres Symbol brauche. Also habe einfach ein Schreibsymbol. Sieht gut aus. Hier kannst du sehen, dass es wirklich gut aussieht. Das ist die Art von Icon, die ich brauche, aber das gibt es, weißt du nur mit Pro, ich habe das nicht mit freiem Zugriff, also kann ich es nicht verwenden. Ich brauche nur einen Stift alleine, wenn ich den nicht in der Hand habe, und hier sieht er gut aus. Ich kann ihn benutzen. kann den Stift einfach hier oder dort platzieren , wo ich will. Ich kann hier auch die Farbe ändern. So kannst du dein Grafiksymbol von dieser Canva-Seite aus hinzufügen dein Grafiksymbol von dieser Canva-Seite aus Auf jeder Seite benötigen Sie die Symbole, die gewünschten Symbole, die Sie hinzufügen werden Jetzt komme ich auf die gleiche Weise zu den Elementen. Wenn Sie einige grundlegende Grafiken benötigen , die für den Hintergrund der Website bestimmt sind, können Sie hinzufügen, dass ich die Grafiken hinzufügen werde . Das ist ein Schlüsselwort, das ich gerade hinzugefügt habe. Ich drücke die Eingabetaste und wähle C. Es zeigt sich im Grunde genommen in allen Abbildungen zur Website. Das brauche ich nicht. Ich brauche nur eine Art Daughterline-Grafik. Wenn ich Tochterliniengrafiken eintippe, werden Ihnen viele Tochterliniengrafiken angezeigt, und hier füge ich nur diese Halbtonpunkte hinzu. Und wenn ich das für meine Webseite benötige, kann ich es hinzufügen und ich kann die Farbe hinzufügen, die ich benötige. Je nach Nachfrage, was diese Website hat, können Sie die Grafiken hinzufügen, und das sollte aussagekräftig sein. Vergessen Sie nicht, dass, da es mit dieser Canva-Grafik verfügbar war , Sie sie nicht verwenden oder hinzufügen können Sie brauchen nur einen Grund, einen starken Grund, diesen für Ihr Design zu verwenden Andernfalls wird das aussagekräftig sein. Also bedeutungslos, kein bedeutungsvoller. So fügen wir die Grafiken hinzu, und ich werde die Urlaubsgrafiken oder Hotelgrafiken hinzufügen die Urlaubsgrafiken oder Hotelgrafiken Je nach Bedarf können Sie also auswählen, welche Art von Grafiken Sie benötigen, und Sie können diese zu Ihrer Website hinzufügen. also nichts auszusetzen, denn nur je nach Bedarf fügen Sie hinzu, was Sie für die Website benötigen. Und hier habe ich nur Halbtongrafiken. Also alles, was wir hier haben, sind die Golftongrafiken. So kannst du also entweder diese Art von, du weißt schon, Icons oder die Grafiken hinzufügen , die du für das komplette Website-Design mit Canva benötigst komplette Website-Design mit Canva 37. 36 Medienplatzierung auf Ästhetik und Funktionalität testen: In dieser Lektion werde ich Ihnen zeigen, ob wir die Grafiken und Informationen richtig platziert haben oder nicht weil wir natürlich alle Elemente richtig hinzugefügt haben, aber ob die Platzierung richtig ist, lassen Sie mich das überprüfen und Ihnen erklären, wie wir die Änderungen vornehmen. Oben können Sie sehen, dass wir diese Informationen in der Navigationsleiste hinzugefügt haben Informationen in der Navigationsleiste und dass wir die Textinformationen hier auf der Homepage hinzugefügt haben. Hier kannst du sehen, dass es stärker überlastet war. Ich wähle einfach die ersten beiden aus, willkommen in Austin und gehe ein bisschen Hier werde ich zwischen den einzelnen Informationen etwas Platz hinzufügen . Dadurch erhalten Sie ein ausgewogeneres Bild dieser Informationen. Danach wähle ich einfach all diese Textinformationen aus. Ich muss den Hintergrund nicht auswählen. Ich kann deutlich sehen, wofür ich ausgewählt wurde. Jetzt gehe ich zu der Position und hier möchte ich die linke Ausrichtung auswählen. Zuvor wurde mir die linke Ausrichtung ausgewählt, sie war an der richtigen Stelle. Ansonsten muss ich viele Änderungen vornehmen. Jetzt muss ich auf der Startseite auch ein Logo hinzufügen. Ich habe das Logo noch nicht hinzugefügt. Um das hinzuzufügen, gehe ich zu diesem Upload und wähle Datei hochladen, und darin habe ich die Bilder. Bei den Bildern haben wir also bereits das Logo hinzugefügt. Ich gehe hier zum Ordner und Houston hier habe ich die Logos. Also wurde ich aktualisiert, zwei Logos im Ordner. Hier haben wir zwei Logos. Eines hatte einen schwarzen Hintergrund. Hier habe ich es einfach. Siehst du hier. Ich habe gerade hinzugefügt, dass ein weiterer transparent ist. Das ist die transparente Datei. Ich bewege mich einfach mit meinen Schlüsseln. Denn wenn ich mich mit der Maus bewege, wird das Logo automatisch in diesen Rahmen eingefügt. Ich brauche das nicht innerhalb des Rahmens. Deshalb benutze ich die Tastatur, um das zu bewegen. Ich brauche dieses Logo oben in dieser Navigationsleiste. Ich brauche dieses Schwarz nicht. Wenn du diese Situation hast, kannst du das benutzen, aber hier brauche ich nur das. Ich ziehe dieses Logo einfach hierher. Ich verschiebe es einfach auf diese Seite. Du kannst das sehen und hier schneide ich diesen Bereich einfach ab. Hier ist es ein leerer Raum, also brauche ich nichts davon. Ich vergrößere das Logo. Ich drücke Shiftiki. Ich möchte die Umschalt-Tiki nicht drücken . Ich wähle einfach das Bild aus und habe, du weißt schon, die Bereiche zugeschnitten Jetzt muss ich nur noch mehr zoomen und ich möchte mehr von oben nach unten anpassen. Hier passe ich einfach zuerst an und auch hier muss ich anpassen, damit ich danach die Logogröße wieder erhöhe. Die Logogröße spielt auf einer Homepage eine entscheidende Rolle. Das, um Ihnen zu zeigen, welche Art von Website Sie haben und wer die andere Person ist , die dieses bestimmte Hotel betreibt und wie gut das Hotel ist, welche Art von Einrichtungen, Sie wissen schon, welche Einrichtungen das Hotel bietet, welche Qualität sie bieten können. All diese Dinge werden nur mit diesem Logo vermittelt. Aus diesem Grund ist die Erstellung eines Logos sehr wichtig. Also haben wir das hinzugefügt und ich habe auch den unerwünschten Platz reduziert. Also auf der linken Seite möchte ich das auch anpassen, um das zu tun, ich komme einfach an diesen Ort und reduziere. Nachdem ich das wieder reduziert habe, wähle ich einfach aus, verschiebe und richte es an der richtigen Stelle aus, wo es sein sollte. So füge ich in diesem Bereich, der Navigationsleiste , mein Logo hinzu, und ich habe die Textinformationen auch an meine Bedürfnisse angepasst . Jetzt habe ich das Gefühl, dass ich nicht genug Platz zwischen dem Logo und dem Inhalt Ich wähle all diese Informationen aus und bewege mich mit dem Abwärtspfeil ein wenig , damit das Logo besser sichtbar ist. Bei Bedarf können Sie den Abschnittsbereich vergrößern, sodass das Logo an dieser Stelle besser sichtbar ist. Aber hier müssen Sie die Designelemente beibehalten und weitere hinzufügen. Um das zu vermeiden, behalte ich das einfach nur in diesem Wert. So füge ich das Logo hinzu und mir wurden die Informationen hier verwaltet. Ich komme an diesen Ort, hier wähle ich all diese drei und ich wähle die Position und ich wähle links. Jetzt ist die Ausrichtung gleich. Aber hier wähle ich die Textinformationen für die Liste aus, ich habe mehr Zeilenabstand bereitgestellt. Jetzt ist es besser lesbar, um die vorherigen Textinformationen, die mir zur Verfügung gestellt wurden, zu vergleichen vorherigen Textinformationen, die mir zur Verfügung gestellt wurden Ich habe all diese Texte ausgewählt und bei einem Bild einfach die gleiche Höhe beibehalten einem Bild einfach die gleiche Höhe Auch hier wähle ich all diese Testimonials und konvertiere sie einfach als Gruppe Jetzt wähle ich all diese Dinge aus und wähle Position und Ausrichtung nach links. Wir haben hier die richtige Ausrichtung. Sie können sehen, dass es keine Störungen gibt. Sie sehen hier, dass ich auf der linken Seite nicht genug Platz habe , oder ich muss mehr Platz auf der linken Seite bereitstellen. Auf dieser Grundlage kann ich entscheiden, wie die Ausrichtung aussehen soll. Ich wähle alle Informationen aus und gruppiere sie einfach, sodass meine Position im Mittelpunkt stehen sollte. Jetzt habe ich auf der linken und rechten Seite gleich viel Platz. Aber auch hier muss ich den gleichen Abstand einhalten. Ich habe nur die linke Ausrichtung, aber ich bewege und platziere mit dem gleichen Abstand hier habe ich auch das gemacht. So richte ich die Informationen richtig und passe das an. Auch hier wähle ich das aus. Ich wähle alle Elemente aus und bevor ich sie gruppiere, bewege ich sie einfach mit Shiftiey, um sie an die obere Ausrichtung anzupassen Danach haben wir auch auf dieser Seite den gleichen Platz, aber ich brauche etwas mehr Platz, um ihn zu verwalten Bei gleicher Verteilung der Elemente mache ich einfach dasselbe. Auch hier möchte ich dieselben Informationen mit derselben Ausrichtung verwalten . Ich verschiebe die Textinformation oder hier kann ich den Rahmen anpassen, das Bild passt sich automatisch an. Aber ich wähle diese Information aus. Ich stelle mehr Zeilenabstand zur Verfügung , um die Textinformationen besser lesbar zu So füge ich auch hier hinzu, ich wähle aus und verschiebe entsprechend meiner Ausrichtung mehr auf der linken Seite Danach wähle ich Position und hier links. Ich wähle auch diese Option und erweitere den Zeilenabstand je nach Bedarf ein wenig. Die Bilder, die Sie sehen können, ich wähle alle Bilder aus. All diese Bilder haben unterschiedliche Positionen. Ich möchte es nur reduzieren. Ich habe alle Bilder ausgewählt und die Breite jedes Frames reduziert. Jetzt war es in Ordnung, auch ich mache das Gleiche. So passe ich diese Frames an. Demnach das Aussehen, was ich brauchte. Also hier und auch hier wurde ich angepasst. Wir haben diesen Kontakt noch nicht hinzugefügt. Hier müssen wir viel arbeiten. Das werden wir in unseren kommenden Lektionen tun. So passen wir all diese Elemente für die Website an, die wir mit Canva erstellen 38. 37 Vorschau der Änderungen für das Debuggen: In dieser Lektion werde ich Ihnen zeigen, wie wir alle von uns vorgenommenen Änderungen überprüfen und eine Vorschau davon erhalten, wie sie auf verschiedenen Geräten funktionieren Dazu wähle ich wie gewohnt diese Vorschau aus, und das ist die Desktop-Ansicht. Wir wissen, dass wir dieses Logo hier hinzugefügt haben. Es hat genug Platz auf der linken und rechten Seite. Oben hat es auch genug Platz und unten. Ich scrolle einfach nach unten. Es ist eine Homepage mit allen Informationen. Ich komme zur Einrichtungsseite, wie wir sie hier haben. Das ist Seite. Nach diesem A Spade habe ich die Seite mit den Einrichtungen. Nach den Einrichtungen haben wir die Dienstleistungen und Sie können die Galerie sehen und wir haben den Kontakt Wir haben den Kontakt und die Fußzeile noch nicht hinzugefügt. Jetzt wähle ich diese komplette Ansicht. Auch in einer Gesamtansicht sieht es gut aus. Diese Ausrichtung der Bilder ist in Ordnung. Aber hier können Sie sehen, dass die Ausrichtung, das Logo, das sich komplett bewegt hat, ähm, wir müssen sehen, warum es sich bewegt hat. Ich mache das einfach in die normale Ansicht und möchte überprüfen, wie es Mobilgeräten funktioniert und aussieht. Also wähle ich mobile Geräte. Auch dort entsprach das Logo nicht der richtigen Firma oder dem Logo. Abgesehen davon sind andere Dinge wirklich in Ordnung. Sie können sehen, dass About Speech gut aussieht und das Testimonial danach, wir haben die Dienstleistungen und Einrichtungen Dann haben wir die Liste der, ähm außergewöhnlichen Galerien und endlich haben wir einen Kontakt Abgesehen von dem Hauslogo und dem Arrangement sind alle anderen in Ordnung. In unseren nächsten Lektionen werden wir uns darum kümmern und das korrigieren , bevor wir das Design der Website veröffentlichen. So erledigen wir die Arbeit für den Inhalt der Website sowie die Bilder und Videos mit Canva 39. 38 Hinzufügen einer anklickbaren Navigationsleiste: In diesem Abschnitt werde ich Ihnen zeigen, wie wir der Website Navigation und Interaktivität hinzufügen werden Navigation und Interaktivität hinzufügen In unseren vorherigen Lektionen haben wir gesehen, wie man eine Website erstellt und wie man Inhalte hinzufügt, und hier beginnt es mit dem Navigationsprozess Ich habe eine Navigationsleiste auf dieser Startseite. Das ist eine Navigationsleiste. Sie hat sechs Schaltflächen. Sie können sehen, dass sie mit der Startseite beginnen. Über uns, Einrichtungen , Dienstleistungen, Galerie und Kontakt. Abgesehen davon habe ich noch ein paar Dinge, wie diese anklickbare Schaltfläche, und ich muss mehr Interaktion für das Publikum hinzufügen Im Folgenden werde ich diese Einstellungen hinzufügen. Zuerst möchte ich die Navigation für diese Navigationsleiste hinzufügen die Navigation für diese Navigationsleiste Wenn Sie sich diese Navigationsleiste ansehen, habe ich Text in Form von Home und „Über uns“ und anderen Schaltflächen. Wenn Sie sich die Grenze dieser Navigationsleiste ansehen, sieht sie sehr klein aus. Wenn der Benutzer die Interaktion während des Surfens auf der Website hatte , ist es nicht einfach, den jeweiligen Arbeitsbereich der Schaltfläche zu finden. Um die Grenzen dieses speziellen Button-Arbeitsbereichs zu vergrößern , möchte ich noch ein paar Dinge hinzufügen. Dazu füge ich ein Rechteck hinzu. Ich drücke R. Ich habe das Rechteck hier. Nachdem ich das Rechteck hinzugefügt habe, füge ich es hier hinzu und ich möchte die genaue Größe angeben, ich für diese Navigationsleiste habe. Jetzt verschiebe ich das einfach in diesen Abschnitt, weil ich das hier haben will. Auch hier habe ich ein Rechteck hinzugefügt, weil dieses weg ist und ich hier einfach die Dimension erweitere. Ich habe den gleichen Abstand zwischen den einzelnen Tasten verwendet. Jetzt erhöhe ich einfach die Höhe, denn wenn der Benutzer in diesen Bereich kommt, sollte das die Funktion starten, was auch immer es war. So wurde mir der rechteckige Bereich geändert. Nachdem ich das hinzugefügt habe, habe ich einfach diese Transparenz gewählt und werde sie auf 100 setzen, nicht auf 100, Null. Standardmäßig ist es 100, aber im Moment war es Null. Ich möchte nur dasselbe duplizieren und für alle anderen Schaltflächen platzieren. Ich habe gerade die Alt-Taste verkauft und dupliziert. Ich wurde platziert und habe nach Bedarf Anpassungen vorgenommen, weil ich kleine Anpassungen vornehmen musste Ich nehme die Korrekturen vor und hier möchte ich das auch anpassen. Das sollte nicht zu einem Konflikt zwischen den Schaltflächen führen, und auch hier passe ich es an. Bis dahin können Sie sehen , dass ich angepasst wurde. Aber da ich aus der bestehenden Version dupliziert wurde, all die Buttons vor denen zu Hause über uns und alle anderen Textinformationen vorhanden denen zu Hause über uns und alle anderen Textinformationen Was ich hier mache, ist, einfach nach draußen zu klicken und Tag zu markieren, um die gesamte Elementauswahl abzudecken Danach klicke ich einfach mit der rechten Maustaste auf dieses bestimmte Rechteck, ein beliebiges Rechteck, das ich ausgewählt habe. Ich klicke mit der rechten Maustaste und wähle „Elemente ausrichten“, nicht nur in Elementen, den Ebenen, und wähle „An zurück senden“. Wenn ich die Option „ An Rückseite senden“ wähle, werden alle ausgewählten Objekte ohne Transparenz hinter dem gesamten anderen Text zurückgesendet Ich klicke auf „An zurück senden“. Jetzt kannst du sehen, dass ich einfach nach draußen klicke, du kannst den Text auswählen , der vor dir steht , und diese Objekte sind auch da. Ich wähle diese Objekte einfach erneut aus und wenn Sie den Transparenzwert erhöhen, können Sie sehen, dass all diese Dinge da sind. So habe ich all diese Dinge einfach nach draußen geschickt. Aber wie dem auch sei, ich werde nicht zeigen, dass ich all diese Dinge einfach verstecken will. Ich stelle sicher, dass der Transparenzwert Null ist. Da wir bei Canva-Websites bisher keine Rollover-Option haben , habe ich gerade diesen Triggerwert erstellt, der der Hotspot ist, an dem Sie die unsichtbaren Objekte verwenden Ich hoffe, dass wir in Zukunft vielleicht vor dem bevorstehenden kreativen Canva-Event oder in ein paar Monaten diesen bevorstehenden kreativen Canva-Event oder in ein paar Monaten diesen Rollover-Effekt mit den Schaltflächen auf der Canva-Website erzielen werden Rollover-Effekt mit Nachdem Sie dies hinzugefügt haben, die Interaktion mit den anderen Seiten hinzufügen Auf die gleiche Weise können Sie, wenn Sie auf einer beliebigen Seite anklickbare Schaltflächen hinzufügen möchten , all diese Dinge hinzufügen, als ob ich das einfach kopiere Ich benötige auf allen Seiten dieselbe Home-Taste. Auch hier füge ich ein und ändere einfach die Position des Buttons. Nochmals, ich kopiere das und hier füge ich es ein. Dann vergrößere ich einfach auch diesen Abschnittsbereich und kopiere auch hier nochmal, ich möchte einfügen. Nicht hier, hier. Endlich haben wir eine Kontaktseite, und dort möchte ich auch platzieren. Ich füge einfach an derselben Stelle hinzu, an der ich auf allen Seiten platziert wurde. So habe ich all diese Schaltflächen hinzugefügt , um Interaktionen mit Kameraseiten hinzuzufügen. 40. 39 Seiten intern verlinken: In dieser Lektion werde ich Ihnen zeigen , wie Sie interne Interaktionen und Navigationen für diese Website hinzufügen interne Interaktionen und Navigationen für diese Website Wir haben diese komplette Website mit Canva erstellt. Lassen Sie uns sehen, wie man diese Dinge hinzufügt Um das hinzuzufügen, wähle ich die Homepage aus. Um das zu einer Homepage hinzuzufügen, komme ich an diesen Ort. Hier gruppiere ich die Hintergrundform, die transparente Form und den Text. Aber ich muss das ändern, weil ich die Interaktionen mit Gruppenobjekten nicht hinzufügen kann. Ich kann den Hyperlink nicht mit Gruppen hinzufügen. Ich kann nur Hyperlinks für einzelne Objekte hinzufügen. Dazu wähle ich zuerst diese Homepage aus. Ich klicke einmal. Wenn ich den Starttext auswähle, habe ich hier die Option, das ist das Menü. Ich kann dort klicken. Dort habe ich die Option Link. Sie müssen eine Tastenkombination haben, nämlich Strg K. Sie können dasselbe auch tun , indem Sie mit der rechten Maustaste auf den Text oder ein anderes Element klicken, ich wähle die Tinte. Also hier wähle ich diese Link-Option. Wenn ich den Link auswähle, werden dir alle Websites angezeigt, die du mit deinem Canva-Konto erstellt hast Und abgesehen davon Seiten in diesem Dokument angezeigt Also hier drücke ich einfach diese Taste, die erscheint. Sie können sehen, dass alle Abschnitte angezeigt werden, die auf der ersten Seite vorhanden sind. Dies ist eine einzelne Seite, wie ich Ihnen gesagt habe Sie möchten eine weitere Seite für diese Galerie und eine separate Seite für Dienste hinzufügen für diese Galerie und eine separate Seite für Dienste Sie können das hinzufügen, aber hier habe ich nichts hinzugefügt. Wenn Sie möchten, können Sie hinzufügen. Lass mich das auch zeigen. In unseren vorherigen Lektionen habe ich es dir gezeigt, aber hier danach werde ich es dir wieder zeigen. Wenn ich hier diese Home-Taste wähle, muss ich nur in diesem Abschnitt navigieren , der Abschnitt eins ist. Ich wähle einfach diesen ersten Abschnitt aus , der als Navigationsleiste bezeichnet wird weil es nicht nur die Startseite ist, ich muss zu dieser Navigationsleiste kommen, und das ist der Name dafür. Wenn Sie den Namen ändern möchten, können Sie dies hier tun. Ich füge einfach den Namen Just Home hinzu. Ich schaffe das. Ich klicke einfach wieder dort. Ja. Ich klicke einfach nochmal hier. Sie können sehen, dass dies der erste Abschnitt dieser ersten Seite ist. Und der Link, nur ein Link. Ich habe nichts eingebettet und wähle Fertig. Ich mache den gleichen Vorgang für diese Hintergrundform. Ich füge einen Link hinzu, und hier wähle ich das Zuhause aus, das ist diese Navigationswand. Das ist es, was ich brauche, denn wenn ich die Navigationsleiste zeige , wird auch diese Homepage sichtbar sein. Ich muss nicht nur die Startseite auswählen, wodurch die Navigationsleiste über dem Browserbereich möglicherweise ausgeblendet wird. Danach wähle ich rechts „ Über uns“ und dann „ Link“ und hier möchte ich den dritten Abschnitt verlinken. kannst du sehen. Hier habe ich die A-US-Daten ausgewählt. Ich möchte die gleichen Informationen für diesen dritten Abschnitt hinzufügen. Ich wurde versehentlich ausgewählt. Auch hier wähle ich Abschnitt drei. Und hier möchte ich Abschnitt vier für die Hintergrundform erwähnen . Auch hier habe ich etwas Falsches getan. Link, und ich haben uns für diese Einrichtung entschieden. Mir wurden die Einrichtungen hier hinzugefügt , ich gehe zur gleichen Sache. Ich kann mir vorstellen, wie ich die Einrichtungen auswählen werde . Also hier möchte ich die nächste hinzufügen. Ich wähle das einfach aus und ich möchte die Dienste auswählen. Nach der Einrichtung habe ich die Dienstleistungen. Ich füge das mit dem Link zum Text hinzu. Ich wähle Dienstleistungen. Dann wähle ich diese Galerie. Ich wähle Link und mache es wieder richtig. Und hier komm schon. Ich sollte ein bisschen langsam sein. Hier klicke ich und wähle diese Galerie aus. Abschnitt sechs ist das. Auch hier wähle ich das und hier werde ich einen Link hinzufügen, und hier werde ich den sechsten Abschnitt erwähnen. Schließlich wähle ich diesen Kontakt aus und wähle diesen Link. Hier möchte ich den letzten Abschnitt erwähnen, nämlich Abschnitt sieben. Ich klicke auf diesen Pfeil. Ich habe den Bereich Teilen gewählt. Wir wissen, dass Abschnitt acht die Fußzeile ist. Ich werde dafür keinen Link hinzufügen. Darin werden nur die Informationen dieser Website, Urheberrechte und andere Dinge Ich wähle einfach den Abschnitt sieben aus. Wie dem auch sei, wir haben den Inhalt für die Kontaktseite nicht erstellt , wir müssen die Informationen hinzufügen. Das werden wir in unserem nächsten Abschnitt tun. Nachdem Sie nun den Hyperlink für jeden einzelnen Text hinzugefügt haben, können Sie sehen, dass eine Unterstreichung vorhanden ist, was darauf hinweist, dass es sich um einen Hyperlinktext handelt, nicht um normalen Text Sie benötigen jedoch keine Mittel, Sie können diese einfach entfernen Bei Unterstreichungen ist das nicht erforderlich. Dass der Link jedoch nur da war, daran ändert sich nichts Wenn Sie jedoch einen Link zu einem Abschnitt ändern müssen, können Sie ihn einfach auswählen und Sie können sehen, dass Ihnen die Option Link bearbeiten angezeigt wird, wenn Sie die Option Link bearbeiten angezeigt wird, wenn Sie diese auswählen, und es wird Magic Write angezeigt die Informationen hinzufügen, die nicht für diese Bearbeitung bestimmt sind. Ich wähle diesen Link zum Bearbeiten und er zeigt dir genau den Abschnitt und die Seitenzahl. Sie können diese Änderungen bei Bedarf jederzeit vornehmen. So fügen wir den Navigationslink für jede einzelne Seite hinzu, und hier komme ich zu diesem Ort. Ich wähle dieses Home-Icon. Ich möchte auch dafür einen Link hinzufügen. Ich klicke mit der rechten Maustaste darauf und wähle Link Hier wähle ich den allerersten Abschnitt aus, der die Navigationsleiste hat. Wird auch unsere Website zeigen. Auch hier mache ich dasselbe. Sie können auch die Arbeit erledigen und dasselbe Element kopieren und auf jeder Seite einfügen dasselbe Element kopieren und auf jeder , wo Sie es benötigen. Dies ist eine weitere einfache Möglichkeit, das Objekt mit dem Hyperlink zu verschieben Hier wurde ich mehrfach hinzugefügt, was nicht erforderlich ist, wenn Sie es auf diese Weise tun Auch hier füge ich den Link hinzu. Ich komme an diesen Ort, wähle den ersten Abschnitt aus, ich habe es geschafft. Schließlich füge ich auch auf einer Kontaktseite den Link mit dem ersten Abschnitt hinzu. So können Sie die Informationen für jede einzelne Navigationsschaltfläche hinzufügen . Und wenn Sie den Namen dieser ganzen Seite ändern möchten, da wir wissen, dass jeder Teil Abschnitte genannt wird. Wenn Sie den Namen der ganzen Seite ändern möchten, mache ich das einfach in der Rasteransicht. Hier zeigt es dir die Bearbeitungsoption. Ich klicke hier und füge den Namen dieser Seite hinzu. Im Moment füge ich nur den Namen hinzu, der Index ist. Wenn ich weitere Tabellenseiten hinzufügen möchte, also die Seiten der Website, können Sie sie auf die gleiche Weise mit dieser Option hinzufügen. Ich klicke einfach hier, um zu sehen, dass ich eine separate Seite habe. Wenn Sie Informationen wie auf einer Einrichtungsseite erweitern möchten , habe ich die Informationen hinzugefügt. Wenn Sie jedoch die Detailansicht jeder einzelnen Seite anzeigen möchten , können Sie diese auf einer zweiten Seite hinzufügen und Sie können hier einige Schaltflächen hinzufügen , um zur zweiten Seite zu gelangen. Dort können wir auch die Startseite und alle anderen Menüelemente hinzufügen , sodass der Benutzer darauf klickt und zur Startseite zurückkehrt und durch die verbleibenden Optionen navigiert. So machen wir die Arbeit. Aber wie dem auch sei, ich brauche das momentan nicht. Also lösche ich einfach diese Seite. Ich habe nur eine Seite mit mehreren Abschnitten. So kann ich diese Navigationen hinzufügen, und Sie können sehen, dass mir auch hier die Click-On-Schaltfläche hinzugefügt wurde Und wenn ich den Link hinzufügen möchte, kann ich ihn hier hinzufügen. Gleichzeitig schreibe ich hier einfach einen Link und wähle diese Link-Option. In diesem Link füge ich nur das Aschesymbol hinzu. Wenn Sie einen Hash hinzufügen und auf Fertig klicken, wird hier natürlich der Hyperlink angezeigt, aber dieser Hyperlink hat nichts Auf diese Weise können wir jeder einzelnen Seite und jedem Abschnitt der Canva-Webseiten die Navigationsleistung hinzufügen und jedem Abschnitt der Canva-Webseiten die Navigationsleistung Seite und jedem Abschnitt der Canva-Webseiten die Navigationsleistung 41. 40 Links zu sozialen Medien einbinden: In dieser Lektion werde ich Ihnen zeigen, wie wir unserer Website Links zu sozialen Medien hinzufügen können . Um Links zu sozialen Medien hinzuzufügen, müssen wir zunächst die Social-Media-Symbole hinzufügen. Um es hinzuzufügen, komme ich zu diesen Elementen, und hier gebe ich das Schlüsselwort Social Media-Symbole ein. Sie können dieses Schlüsselwort direkt hinzufügen. Geben Sie das Social-Media-Symbol und ich sehe mir alle Grafiken an. Denken Sie daran, dass Sie alle Ergebnisse in Form von Grafiken, Fotos, Rahmen und allem haben in Form von Grafiken, werden. Aber wir müssen Grafiken auswählen , weil wir die Vektorformen hinzufügen müssen. Wir müssen keine Rasterbilder hinzufügen. Hier haben wir also einen gemeinsamen, weißt du, Social-Media-Links, aber ich werde den wählen , der Instagram heißt. Also wähle ich zuerst das Symbol „Sie anweisen“. Sie können sehen, dass die meisten von ihnen bezahlt werden. Aber ich habe die kostenlosen Icons. Sie können sehen, dass ich dort die kostenlosen Symbole habe. Ich kann es verwenden, anstatt all diese kostenpflichtigen Symbole zu verwenden. Sie haben hier also die Option, nämlich Brand Pitch. Es ist eine App, mit der Sie das Logo jeder Marke abrufen Sie können über diese Apps-Option darauf zugreifen. Da es dir hier als Empfehlung angezeigt wurde , kann ich es direkt verwenden. Andernfalls, wenn Sie das hier nicht haben, können Sie zu den Apps gehen und dort die Markenseite eingeben. Geben Sie einfach das Bandwig-Logo ein. Du wirst es hier haben. Hier werde ich die Elemente verwenden. Von den Elementen selbst aus werde ich auf das Web zugreifen. Dort wähle ich Öffnen. Hier möchte ich den jeweiligen Link zur Website erwähnen. Ich tippe einfach Gram. Ich habe also, du weißt schon, verschiedene Logos von Instagram. Ich kann einfach dort klicken , um es in mein Design einzufügen. Achten Sie darauf, dass es kostenlos ist. Dafür müssen wir kein Geld bezahlen. Wir haben direkt hinzugefügt. Hier können Sie also angeben , welche Art von Dimension Sie benötigen. Ich gehe zu, du weißt schon, der Stellungsbereich. Dort haben Sie die Breite und Höhe des Objekts. Ich werde hier 50 eingeben. Das ist also, du weißt schon, Symbolgröße für 50. Das sieht viel größer aus. Ich kann mehr reduzieren, also tippe ich einfach 25. Es sieht immer noch größer aus, aber es reicht, es dort zu platzieren, wo wir es brauchen. Also füge ich es hinzu und ich möchte die Navigationsleiste nur ein wenig anpassen. Also wähle ich den gesamten Bereich der Navigationsleiste aus. Ich verschiebe es ein bisschen nach unten, nicht zu viel. Dann möchte ich diese Informationen hier hinzufügen. Danach werde ich einen weiteren Brand Fetch hinzufügen. Also wähle ich erneut die Marke Fetch und hier möchte ich Facebook wählen Also wähle ich Facebook und es zeigt dir die Logos. Du kannst also wählen , was du willst. Es zeigt Ihnen verschiedene Werte mit Hintergrund und ohne Hintergrund, den transparenten Vektor, alles, was Sie haben, Sie können wählen, welchen Sie möchten Jetzt wähle ich diesen und ich habe ihn hier. Okay. Also ziehe ich einfach per Drag-and-Drop hierher. Ich brauche die gleiche Dimension, die ich hier verwendet habe. Hier habe ich 25 verwendet. Ich verwende hier 25. Da das Seitenverhältnis gesperrt war, habe ich kein Problem mit dem Seitenverhältnis oder der Dehnung. Okay, ich komme zu diesem Bandfech und werde Twitter hinzufügen. Danach werde ich X hinzufügen. Ich brauche das X-Symbol, das offizielle Twitter-Logo . Also auch hier werde ich das auf 25 Pixel ändern und dann das Race Pettie sperren, bevor ich es ändere Jetzt sind es 25. Und zum Schluss werde ich mein YouTube-Symbol hinzufügen. Also tippe ich einfach YouTube. Sie haben viele, Sie wissen schon, verschiedene Knöpfe. Ich füge es hinzu. Ich werde hier, du weißt schon, die Breite ändern. Ich werde, du weißt schon, die Höhe nicht anfassen, weil die Dimension anders ist. kannst du sehen. Und hier werde ich die Breite 25 erwähnen. Basierend auf der Breite wurde die Abmessung also angepasst. So kann ich all diese Links zu den Social-Media-Seiten hinzufügen, und danach komme ich einfach hierher und bestelle einfach jedes einzelne Symbol. Jetzt wähle ich einfach jedes Symbol aus. Und ich möchte dieselbe, du weißt schon, Ausrichtung beibehalten . Also wähle ich die Position, und hier wähle ich die Mitte, sodass alle Objekte in einer mittleren Position ausgerichtet werden . Das kannst du sehen. Ich möchte nur den richtigen Abstand für jedes Objekt einhalten . Also, was ich hier mache, ist von der rechten Seite aus, ich habe nur die Entfernung. Wenn ich mich also bewege, wird dir die Entfernung zwischen den einzelnen Objekten in einem Pixel angezeigt . Und hier, ja, ich habe es. Alle Links zu sozialen Netzwerken wurden hier platziert. So können Sie diese Social-Media-Seiten hinzufügen. Jetzt möchte ich die Links hinzufügen. Im Moment ist das nur der Inhalt. Ich habe keine richtigen Links. Aber wenn du etwas hinzufügen möchtest, kannst du einfach diese Links auswählen. Ich wähle einfach dieses Symbol. Hier werde ich einen Instagram-Link hinzufügen. Ich werde hier einige Dummy-Links hinzufügen. Lassen Sie uns sehen, wie ich es hinzufügen werde. Ich werde einen neuen Tab hinzufügen und die Homepages der einzelnen Social-Media-Websites hinzufügen. Ich gebe einfach YouTube und hier wähle ich diesen Link aus. Ich kopiere das und hier schreibe ich einen Link und wähle diese Link-Option und füge sie direkt hinzu. Wenn ich kopiere und einfüge und „Fertig“ auswähle , wird dieser Link direkt hinzugefügt. Wenn Sie diesen Link auswählen, wird er während der Vorschau und des letzten Vorgangs geöffnet während der Vorschau und des letzten Vorgangs Ich benötige eine X-Seite. Ich tippe einfach X und kopiere die Startseite genauso, wie ich den Link von Instagram benötige. Ich wähle Instagram und füge hier zuerst den Link für das X hinzu, und ich wähle auch den Instagram-Link. Und ich möchte auch den Link von Facebook hinzufügen. Also hier kopiere ich einfach diesen Link und werde ihn mit Instagram hinzufügen. Und ich habe mich für fertig entschieden, ja. Schließlich wähle ich diesen Link zur Facebook-Seite. Ich klicke einfach hier und kopiere den Homepage-Link. Da ich also nicht den richtigen Link zur Website habe, habe ich hinzugefügt, wenn Sie eine eigene Website haben, können Sie sie direkt auswählen und sie damit hinzufügen. Nachdem ich das ausgewählt habe, gehe ich auf diese Website und wähle dort mein Facebook aus. Und mein Facebook-Symbol, ich verlinke einfach und füge den Link hinzu, füge ihn ein, fertig und fertig. Also wurden mir erfolgreich alle Social-Media-Links hinzugefügt. Jetzt kann ich dasselbe kopieren und auch in meine Kontaktseite einfügen. Das machen wir also, wenn wir die Kontaktseite mit den Formularen in unserem Canva gestalten So fügen wir die Social-Media-Seiten in Canva hinzu. 42. 41 Buchungsnavigationselemente einfügen: Nachdem ich die Links zu den sozialen Medien und die Symbole hinzugefügt habe, möchte ich hier nur noch eine weitere Schaltfläche hinzufügen, nämlich jetzt buchen. Als der Kunde also die Website besuchte, wurde mir die Schaltfläche „Buchen“ hinzugefügt. Wenn sie darauf klicken, wird die Buchungsseite geöffnet Ich möchte hier nur eine Handynummer angeben. Um das zu tun, möchte ich nur eine Schaltfläche hinzufügen. Um es hinzuzufügen, komme ich zu den Elementen, und hier habe ich wie immer diese Schaltfläche mit abgerundeten Ecken ausgewählt , und ich ändere den Verhältniswert, den Radiuswert hier danach in zehn, ich bin gerade im Textbuch. Ich kann das Textformat in Großbuchstaben ändern, ich reduziere die Höhe und hier möchte ich am Anfang dieses Abschnitts etwas hinzufügen Diese Schaltfläche sollte anders aussehen, daher möchte ich nicht so viele verschiedene Farben angeben so viele verschiedene Farben Gleichzeitig sollte es anders aussehen. Ich möchte eine warme Farbe hinzufügen, z. B. Rot, um Ihnen eine bessere Sichtbarkeit für das Publikum zu bieten , sodass es diese direkt besuchen und auswählen kann. möchte den Text an Bord nehmen und danach wähle ich, eine neue Farboption hinzuzufügen. Hier wähle ich eine Farbe aus. Ich wähle das von meinem YouTube aus, sodass beide Farben das gleiche Aussehen haben. Ich möchte nur einen Hyperlink zur Buchungsseite hinzufügen. Wenn ich nach der Nutzung der Seiten eine weitere Seite hinzugefügt habe, da ich dir gesagt habe, dass wir für jede einzelne Funktion mehrere Seiten hinzufügen können , kannst du hinzufügen und dafür einen Hyperlink angeben Nach dieser Schaltfläche möchte ich eine bestimmte Telefonnummer angeben Insgesamt wähle ich alle Elemente aus. Ich bewege mich einfach ein bisschen nach unten und wähle hier dieses Element aus und behalte es in der Mitte. Danach wähle ich die Elemente erneut aus. Hier gehe ich zum Telefonsymbol. Es gibt also so viele Telefonsymbole in Grafiken. Ich möchte das eine auswählen und ich ändere die Größe. Hier platziere ich es und ich möchte die Farbe in Weiß ändern. So kann ich die Farbe in Weiß ändern und die Telefonnummer hier hinzufügen. Ich möchte also nur den Text zum Rahmen hinzufügen Plus ist eine Tastenkombination zum Hinzufügen der Textinformationen. Und hier füge ich die Kontaktnummer hinzu. Ich werde eine Scheinkontaktnummer wie diese hinzufügen. Also wurde mir eine Kontaktnummer zur Verfügung gestellt, die denselben weißen Text haben sollte , anstatt den anderen Text Ich möchte das fett formatieren. So stelle ich, wissen Sie, die grundlegenden Informationen bereit, die man mit den Seiten bekommt. Ich kann etwas Abstand halten, wenn ich will. Ich möchte die Seite „Jetzt buchen“ nicht stören. So füge ich die restlichen Informationen auf dieser Homepage hinzu, auch hier wähle ich diesen kleinen Rahmen Ich dupliziere das einfach indem ich die Alta-Taste drücke und die Taste umschalte Jetzt verschiebe ich das und platziere es hier. Wenn du die Grenze definieren willst, können wir das erwähnen und du kannst so wählen. So passe ich das an und wir haben diese Homepage für die Buchung der Zimmer mit dieser Website komplett erstellt . 43. 42 Hinzufügen von Animationen für Elemente und Seiten: In dieser Lektion werde ich Ihnen zeigen, wie wir Animationen für die Seiten und Elemente hinzufügen können . Lass mich dir das eins nach dem anderen zeigen. Zuerst wähle ich diese Homepage aus. Auf einer Homepage habe ich den Text, die Bilder und die Formen. Wir haben all diese Elemente. Wenn Sie die Animation hinzufügen möchten, müssen Sie zuerst den Abschnitt auswählen. Wenn Sie den Abschnitt auswählen, wird Ihnen hier die Option Animation angezeigt. Oben hast du es. Klicken Sie einmal darauf. Wenn ich darauf klicke, werden dir zwei Optionen angezeigt : Seite und Foto. Da ich den Rahmen ausgewählt habe, zeigt er dir das Foto. Wenn Sie den Abschnitt auswählen, wird Ihnen die Seitenanimation angezeigt. Es gibt einen Unterschied zwischen beiden Dingen. Du kannst es dort sehen. Jetzt habe ich diese Seite ausgewählt, den Abschnitt, ich habe diese Animation ausgewählt Wenn ich die Seite auswähle, wird dir hier die Vorschau angezeigt, die viele Kategorien hat Ich wähle eine einfache, die dir die grundlegende Animation der Elemente bietet . Sie ist undicht und macht Spaß. Je nach Bedarf können Sie hinzufügen, welche Art von Animation Sie benötigen. Hier habe ich die Option beide bei Enter beim Beenden aufgerufen. Wenn Sie die Eingabetaste wählen, wird beim Laden zu diesem Zeitpunkt nur diese Animation ausgeführt. Und wenn Sie Beenden wählen, wenn Sie nach unten scrollen, wird die obere Seite verlassen und zu diesem Zeitpunkt wird die Animation ausgeführt. Und Sie wählen beides, sowohl den Zeitpunkt, zu dem es passiert wenn Sie diese Seite laden, als auch wenn Sie diese Seite verlassen Standardmäßig ist es beides, aber Sie können es später bearbeiten, wenn Sie nur den Enter-Vorgang möchten . Sie können die Eingabetaste wählen. Abgesehen von der Zukunft haben Sie hier mehr Optionen wie Party, Firmenfeier und Entspannung. Es gibt so viele Dinge hinzuzufügen. Je nach Bedarf können Sie wählen, welches Sie möchten. Die Animation der Elemente unterschied sich vom Bild und vom Text. Sie können grundsätzlich wählen, wie Sie diese Optionen haben möchten. Sie können wählen , was Sie wollen. Wenn Sie sich bewegen, wird Ihnen die Vorschau angezeigt. Sie können sehen, wie es die Animationen hat. Je nach Bedarf können Sie wählen, was Sie möchten, und Sie können die Intensität anpassen, aber Sie benötigen einen Vorgang. Gleichzeitig können Sie diese Richtung auch anpassen, aber Sie benötigen den Preis. Hier wurden jedoch die verschiedenen Richtungen angegeben, sodass Sie diese Optionen nicht benötigen Nach all diesen Dingen haben Sie diese Option, die als Reverse-Exit-Animation bezeichnet wird. Auf die gleiche Weise, wie es eingegeben wurde, wird es wieder verlassen. Wenn Sie das aktivieren, können Sie sehen, dass ich diese Option Pan und wenn ich diese umgekehrte Animation wähle, genauso wie sie beendet wurde Sie können dies aktivieren, wenn Sie möchten. Jetzt komme ich nach dieser umgekehrten existierenden Animation runter, was auch immer Sie für die Rückseite wollen, hier haben Sie sie und es kann sich später ändern , welche Art von Animation Sie aus diesen Bereichen benötigen Jetzt danach komme ich runter. Sie können sehen, wenn Sie das Gefühl haben, ja, das ist die Animation, Sie für die Seiten hinzugefügt haben, Sie können dieselbe Art von Animation auf alle Abschnitte anwenden , also praktisch auf alle Seiten. Um das zu tun, klicke ich hier auf diese Option, die auf alle Seiten angewendet wird. all diese Seiten wird also dieselbe Art von Animation angewendet. Wenn Sie also zu diesem Zeitpunkt die Vorschau haben, können Sie all diese Dinge sehen. Ihr könnt sehen, wie es animiert wird. Hier habe ich einfach die Gruppierung der Elemente aufgehoben, weil dann nur die Animation richtig abläuft So wird es passieren, weil wir nur den Pan ausgewählt haben und ich auf diese Seite gehe, den allerersten Abschnitt, kann ich sehen, dass wir nur Pan ausgewählt haben Wenn ich an diesen Ort komme, Sie sehen, dass diese Seite dieselbe Animation hat. So wird es auf jeder Seite hinzugefügt , wir haben die gleiche Vorschau. Wenn Sie diese Animation jedoch nur auf dieser bestimmten Seite ändern möchten , können Sie etwas anderes auswählen. Sie müssen nicht auf allen Seiten dieselbe Animation verwenden, sie wurde gerade verschoben Es ist eine sehr einfache Animation. Aber wenn ich das in Corporate ändern möchte , ja, ich kann dort klicken. Diese Aktion wird also nur zu dieser Seite hinzugefügt. Wenn ich zur nächsten Seite gehe, können Sie sehen, dass es sich um eine Unternehmensseite handelt. Als ich das ausgewählt habe, wurde es auf allen Seiten geändert. Sie können sehen, dass wir auf allen Seiten die gleiche Art von Unternehmensanimationen haben. Je nach Interesse können wir all diese Dinge auswählen. Und wenn Sie das Gefühl haben versehentlich etwas hinzugefügt zu haben und Sie alle Animationen entfernen müssen , einschließlich der Animationen, die innerhalb der Elemente hinzugefügt wurden, können Sie „ Alle Animationen entfernen“ wählen. Es wird also nichts da draußen geben. Alles wurde aufgefrischt. Aber ich habe mich für diese Seitenanimation entschieden, die spanisch ist. Ich wurde für alle Seiten hinzugefügt. Jetzt haben wir die Animation für alle Seiten hinzugefügt. Wenn Sie danach die Animation für die einzelnen Elemente wie einzelne Texte und einzelne Bilder wie dieses hinzufügen Animation für die einzelnen Elemente wie einzelne Texte und einzelne Bilder wie möchten, können Sie auch animieren Dazu müssen Sie die einzelnen Elemente auswählen. Wenn ich diesen Abschnitt oder die Seite auswähle, wird dir die Seitenanimation oben angezeigt. Wenn ich dieses Logo auswähle, können Sie sehen, dass es Ihnen einfach die Option Animieren zeigt . Die Optionen, die hier verfügbar sind hängen vollständig von dem Element ab, das Sie ausgewählt haben Da ich das Bild ausgewählt habe, zeigt es dir verschiedene Möglichkeiten , die Bilder zu laden Sie können sehen, wie diese Bilder mit unterschiedlichen Apex geladen wurden diese Bilder mit unterschiedlichen Apex Wenn Sie möchten, können Sie das auswählen und sich nur für dieses Element bewerben Die Seitenanimation wird gleichzeitig abgespielt. Diese Animationen werden ebenfalls hinzugefügt. Jetzt wähle ich das Hintergrundbild. Du kannst auch erwähnen, wenn du willst, ich habe die Stimmung, Pop-Sessions Sie können diese Effekte hinzufügen, wenn Sie möchten. Seien Sie vorsichtig, wenn Sie diese Unschärfeeffekte auswählen , da dadurch die Größe der Website erhöht wird . Das Laden dieser Seiten kann etwas Zeit in Anspruch nehmen Je nach Bedarf können Sie auswählen, welches Sie möchten. Hier entschied es sich für diese Tektonik, sie bewegte tektonische Platten der Erde und ich entschied mich für diese Hier habe ich die Bilder. Standardmäßig werden all diese Bilder geladen. Aber wenn Sie diese Effekte besonders hinzufügen möchten , es ist nur eine Vorschau, Sie können sie auch hinzufügen. Andernfalls können Sie sehen, dass die gesamte Seite die Animationen enthielt , und Sie fügen einen Effekt hinzu, sodass dieser Effekt für die gesamte Dauer vollständig abgespielt wird , wenn Sie sich die gesamte Website ansehen. Sie haben also die Möglichkeit , das zu laden. Und wenn Sie den Text alleine auswählen, können Sie sehen, dass Sie nur den Text auswählen Sie haben also eine Menge textbasierter Animationen, oder? Wenn Sie möchten, können Sie diese Dinge also auch hinzufügen. Je nach Bedarf können Sie wählen, was Sie möchten. Sie können da draußen viele Textanimationen sehen. Es liegt also an dir. Und ich habe gerade eine Bounce-Text-Animation hinzugefügt , um die Vorschau Sie können auch die Textanimation für den Inhalt und den Text hinzufügen , Sie wissen schon, Sie können ihn hinzufügen Sehen Sie hier, wie es unterschiedliche Wirkungen hat . So können Sie also die gesamte Seitenanimation und die Animation einzelner Elemente in Canva hinzufügen die gesamte Seitenanimation und die Animation einzelner Elemente in Canva Und Sie können das bessere Erlebnis haben , wenn Sie die Vorschau haben 44. 43 Testen aller Links und Interaktivitätsfunktionen: In dieser Lektion werde ich Ihnen zeigen, wie wir alle Hyperlinkfunktionen und Animationsfunktionen mithilfe dieser Canva-Vorschau testen alle Hyperlinkfunktionen und Animationsfunktionen mithilfe dieser Canva-Vorschau Wir wissen bereits, wie man es benutzt. Lassen Sie mich überprüfen, wie es für uns funktioniert. Ich wähle hier die Vorschau und wie üblich wurde diese Website geladen. Sie können sehen, dass die Animation abgespielt wurde , als ich diese Website geladen habe. Jetzt scrolle ich einfach. Sie können sehen, dass es eine Animation gibt. Die Seitenanimation hat also perfekt funktioniert. Ohne Änderungen. Es ist wirklich gut. Sehen Sie hier, es wurde zuerst nur hinzugefügt, nicht jedes Mal. Auch hier schließe ich die Vorschau und klicke hier einfach wieder auf die Vorschau. Sie können die Animation hier sehen, oder? Also all diese Animationen. Und auch hier können Sie all diese Dinge animiert sehen. So hat es also auf fantastische Weise funktioniert. Danach möchte ich nur noch meine Seitenanimationen überprüfen. Ich wähle „Über uns“ , um perfekt auf die Seite A us zu gelangen. Ich klicke auf dieses Home-Symbol, ob es funktioniert oder nicht, es funktioniert. Auch hier gehe ich zu den Einrichtungen, also ist es auch perfekt auf die Seite mit den Einrichtungen verschoben worden. Ich klicke erneut auf diese Home-Schaltfläche, weil ich das Haus von dieser Einrichtungsseite aus verschieben möchte . Wenn ich auf die Home-Schaltfläche klicke, um zu dieser Einrichtungsseite zu navigieren. Danach klicke ich auf Dienste und gehe zur Serviceseite. Ich klicke erneut darauf, Startseite wähle Galerie. Zwei zeigt mir die Galerieseiten. Schließlich habe ich mich für dieses Haus entschieden. Ich überprüfe die Kontaktseite. Ja, es funktioniert perfekt. Die Buttons, die ich erstellt habe, funktionieren perfekt. Hier habe ich keinen Link hinzugefügt, weil ich dir gesagt habe, wenn du willst, kannst du eine separate Seite erstellen und dafür einen Link hinzufügen. Ich füge die Dummy-Links zu sozialen Medien hinzu. Ich klicke einfach auf dieses Instagram, es hat eine separate Seite dieses Instagram geöffnet und ich klicke darauf Auch hier komme ich an diesen Ort, ich wähle Facebook. Ja, es öffnet sich auch. Links, die Sie mit dem X, Facebook, Instagram, all den Dingen zur Verfügung gestellt haben , werden geöffnet. Die Hauptseite der Website ist davon nicht betroffen. Es wird eindeutig nur mit separaten Seiten geladen. So funktioniert es. Es lädt perfekt all die Hyperlinks, die wir für die anderen Seiten und innerhalb der internen Seiten der Website bereitgestellt haben die anderen Seiten und innerhalb der internen Seiten der Website Ich möchte das in die Vollbildansicht umschalten. Das sieht gut aus. So wird die gesamte Bildschirmansicht aussehen. Auch hier möchte ich meine Bewertung für mobile Seiten auswählen. Damit haben wir möglicherweise einige Probleme. Ich möchte zu dieser Bewertung der mobilen Seite gehen. Ich klicke dort. Also wurde es geladen. Das kannst du sehen. Zuerst habe ich das Buch, jetzt Informationen, dann habe ich ein Logo. Das kannst du sehen. Der Grund für das Logo war, dass es von oben nach unten abgedeckt wurde, und deshalb wurde es als abschließendes Element dieses bestimmten Abschnitts betrachtet . Und es ist so, dass die Social-Media-Seiten zwischen der Servicegalerie und dem Kontakt liegen. Ich werde das in weiteren Kursen beheben. Ich scrolle einfach nach unten und überprüfe , ob diese Seiten angeordnet sind. Alle Home-Tasten sind richtig angeordnet, das ist in Ordnung. So wurde es angeordnet. Ich komme wieder zu dieser Windows-Seitenansicht. Hier sieht es perfekt aus. So funktioniert es. All diese Funktionen funktionieren perfekt, wie wir es geplant haben. So machen wir die Navigation und Interaktivität mit dem Canva-Website-Design 45. 44 Hinzufügen eines Inhalts für Kontaktinformationen: In dieser Lektion werde ich Ihnen zeigen , wie wir den Inhalt für die Kontaktseite hinzufügen können . Wir haben der Kontaktseite noch keine Informationen oder Elemente hinzugefügt . Ich komme her. Also hier werden wir diese Informationen hinzufügen. Danach werden wir die Informationen auch in der Fußzeile hinzufügen Informationen auch in der Fußzeile Lassen Sie uns also zuerst die Informationen zur Kontaktseite sehen. Ich lösche diese Informationen einfach. Kopiere einfach zwei von dieser vorherigen Seite , der Galerie, und ich habe sie hier mit Control B eingefügt. Also füge ich hier die Informationen hinzu Ich komme zu meinem Dokument. Hier füge ich eine Adresse hinzu, hier ist es eine Dummy-Adresse und eine Kontaktnummer und eine Dummy-E-Mail-ID Wenn Sie jedoch eine Website für einen Kunden erstellen, können Sie diese Informationen hinzufügen Wir kopieren es einfach und fügen es hier ein. Ich kopiere einfach den Text und füge ihn hier ein. Ja. Nachdem ich das hinzugefügt habe, möchte ich die Adressdetails hinzufügen. Ich kopiere die Informationen einfach erneut und füge sie hier ein. Das ist also das Detail, das ich für die Hotelwebsite habe. Ich möchte nur, dass diese Seite weiß aussieht. Ich wähle Weiß statt Gelb. Hier für diese Seite kann ich die Farbe ändern, wenn ich will. Ich möchte hier nur etwas dunkle Farbe hinzufügen. Im Moment wähle ich diesen Dunkelwert für diese Seite. Ich wähle Ich wähle ein Vielfaches aus. Hier wähle ich diese und ich wähle die Farbe, die dunkel ist. Später kann ich die Farbe ändern. Im Moment war es dunkel und ich wähle diese Textinformationen aus. Ich ändere zuerst die Textfarbe in Weiß. Ich muss die Farben nicht weiter ändern , zuerst muss ich Weiß hinzufügen. Danach wähle ich nur die Überschrift aus. Nachdem ich diesen Überschriftsteil ausgewählt habe, wähle ich die Textfarbe. Ich möchte dieses helle Orange hinzufügen. Ich möchte den Unterschied zwischen dem Titel und den Textelementen zeigen . Jetzt komme ich zu dieser Kontaktseite. Mir wurde der Text aus meinem Dokument hinzugefügt. Wir alle würden gerne von Ihnen und den dortigen Adressen hören. Hier mache ich einfach den Hotelnamen fett und ich habe die Adresse. Also hier wurde mir hinzugefügt , dass ich danach nur noch die Telefonnummer und die E-Mail-Adresse hinzufügen muss. Ich dupliziere einfach die Vorcodierung des LT-Keys. Ich kopiere das einfach. Ich kopiere einfach die Telefonnummer alleine und schon bin ich hier. Danach möchte ich die E-Mail-Adresse hinzufügen. Ich kopiere das und werde bestehen. Auf diese Weise kann ich diese Informationen hinzufügen und wir können die restlichen Textelemente hinzufügen, z. B. den Reservierungsschalter, der rund um die Uhr für Buchungen per E-Mail und Telefon verfügbar ist und wir können die restlichen Textelemente hinzufügen, z. B. den Reservierungsschalter, der rund um die Uhr für Buchungen per E-Mail und Telefon verfügbar , und mir wurde Follow-up in den sozialen Medien hinzugefügt und wir müssen das Formular hinzufügen, um die Daten auszufüllen Ich dupliziere das und füge einfach diese Reservierungsinformationen hinzu, ich füge sie einfach hier ein , fertig, und ich dupliziere sie erneut, und ich möchte die Option „Folgen Sie uns“ hinzufügen , aber ich möchte sie unter anderen platzieren Ich möchte das vor den übrigen Dingen nicht erwähnen. Danach komme ich an diesen Ort, ich kopiere einfach das, fülle die Formularinformationen aus und dupliziere das und hier füge ich das ein. Hier mache ich den Text einfach normal. Ich möchte keinen fetten Text. So füge ich hinzu und auch hier wähle ich das und mache es normal. Ich habe diese Informationen einfach kopiert und eingefügt. Im Folgenden werde ich weitere Elemente hinzufügen, wir für die Canva-Kontaktseite benötigt haben 46. 45 Integrieren eines Kontaktformulars: In dieser Lektion werde ich dir zeigen, wie wir das Kontaktformular für diese Kontaktseite mithilfe von Canva hinzufügen können das Kontaktformular für diese Kontaktseite mithilfe von Canva Canva bietet kein direktes Kontaktformular zum Hinzufügen dieser Kontaktseite Wir haben jedoch mehr Optionen mit Apps. Lassen Sie mich Ihnen zeigen, wie wir diese Kontaktinformationen und das Kontaktformular mithilfe der Canva-Apps hinzufügen können diese Kontaktinformationen und das Kontaktformular mithilfe der Canva-Apps Um das Kontaktformular hier hinzuzufügen, komme ich zuerst zu den Apps In Apps gebe ich das Schlüsselwort Formular ein. Wenn ich das Formular eintippe und präsentiere, habe ich alle formularbasierten Anwendungen in dieser Suche. Ein paar Dinge sind dringend erforderlich, was damit sehr gut funktioniert. Diese Dinge sind die Jot-Form, das ist die Jot-Form, und noch eins ist diese flüssige Form. Beide Dinge funktionieren wirklich gut. Zuerst wähle ich diese flüssige Form. Wenn ich das auswähle, werden Ihnen die Optionen angezeigt und Sie müssen nur akzeptieren, also wähle ich Öffnen, das Formular wird mit meiner Seite geöffnet. Hier muss ich nur die Informationen angeben, damit ich einfach das Schlüsselwort eingeben kann , das als Formulartitel bezeichnet wird. Ich gebe Kontakt als ein und nenne die E-Mail-ID, die die Daten zum Absenden des Formulars erhält. Das ist das Wichtigste. Wenn Sie die Daten an die jeweilige E-Mail-Dame erhalten möchten, müssen Sie sie erneut abspielen oder auf diese E-Mail antworten Das ist eine wichtige Sache. Ich gebe hier nur eine E-Mail an. Mir wurde die gerade hinzugefügte E-Mail-ID zur Verfügung gestellt und ich drücke diese Taste, um zum Design hinzuzufügen Aber bevor ich das mache, wähle ich einfach die Kosten aus. Nachdem Sie das hinzugefügt haben, müssen Sie es nicht speichern. Es wird standardmäßig gespeichert Mir wurde hinzugefügt, dass der Titel des Formulars , also der Name des Formulars, und das Antwortziel, also die E-Mail, die Antworten erhält und ich die Kosten selbst auswähle. Das Costin, ich habe die Option Seite eins. Ich kann hier viele Informationen hinzufügen. Dies ist das erste Mal, dass ich eine Antwort benötige, andernfalls können sie das Formular nicht abschicken. Hier habe ich verschiedene Typen. Ich habe eine kurze Antwort, ich habe eine lange Antwort. Sie können entweder SR oder Drop-down-Checkboxen wählen, all diese Informationen einschließlich der Bewertung Wie ich wählen werde, ich werde zuerst diese kurze Antwort wählen Und ich werde NA eingeben. Dies wird das Feld dort sein und der Antworttyp wird der Text sein. Sie werden ihren Namen hinzufügen. Als Nächstes wähle ich die nächste Frage aus. Dann werde ich ihre E-Mail-ID sammeln. Ich werde das Verfahren zur Erfassung von E-Mail-IDs wählen. Leider habe ich das Verfahren zur E-Mail-Erfassung nicht. Ich habe einfach wieder die kurze Antwort gewählt und einfach die E-Mail-ID eingegeben. Sie werden nur in Form von Text hinzufügen. Jetzt dupliziere ich einfach, anstatt neue hinzuzufügen, und hier werde ich ihre Telefonnummer sammeln. Also füge ich einfach eine Telefonnummer oder Handynummer hinzu und benötige diese Daten. Jetzt dupliziere ich einfach noch einmal und muss die Informationen sammeln. Ich werde das Feedback erhalten, ich kann „Lange Antwort“ wählen, und nachdem ich „ Lange Antwort“ ausgewählt habe, kann ich den Titel „Feedback“ angeben, und das ist natürlich, Sie wissen schon, Text. Und ich dupliziere es erneut. Nach dem Feedback kann ich, Sie wissen schon, das Feedback in Form einer Sternebewertung sammeln . Also wähle ich Feedback mit Sternen und der Titel lautet Bewertung. Was sonst? Ich habe gerade Rot als hinzugefügt und ich dupliziere noch einmal Wenn Sie weitere Informationen hinzufügen möchten, die Sie von äh, dem Kunden oder den Personen sammeln möchten, können Sie dies auch wählen, ob sie mit den Dienstleistungen zufrieden sind oder nicht. So können Sie die Formularkostenketten hinzufügen und danach komme ich zu diesem Design Design, wenn Sie die Farben ändern möchten , können wir das natürlich tun, aber für diese Änderungen benötigen Sie etwas Procore, ich werde hier alle Änderungen vornehmen Nach all diesen Dingen können Sie diese Schaltfläche wählen , die zum Design hinzufügen ist Sie können auch von hier aus darauf zugreifen. Ich klicke einfach auf Design, das wird hinzugefügt. Sie können sehen, dass das Formular hier hinzugefügt wurde. Es ist perfekt und ich kann die Dimension reduzieren. Es war eingebettet und ich wurde platziert, wo ich wollte. Der Grund, warum ich den Hintergrund auf Weiß eingestellt habe, ist dieser, und ich kann den Bereich bei Bedarf erweitern. Ich habe den Rahmen ausgewählt, nachdem ich den Abschnitt ausgewählt habe. Erweitern Sie den Abschnitt und ich kann diese Form wölben und platzieren, wie oder wollen Jetzt kann ich diesen Text von dieser Stelle hierher verschieben und ihn fett formatieren Ich kann Farben hinzufügen, die für diese Textinformationen erforderlich sind . Und ich vergrößere einfach die Schriftgröße. So füge ich dieses Formular , damit die Scrollleiste nach unten scrollen und die Details abrufen kann. So fügen wir das Formular hinzu. Und wenn Sie weitere Änderungen hinzufügen möchten, können wir die Änderungen hier vornehmen und Sie können auf Änderungen speichern klicken. Nachdem Sie Änderungen speichern ausgewählt haben, werden auch diese Informationen die gleiche Weise aktualisiert. Sie können dieses Jot-Formular verwenden und zu diesem Punkt kommen. Ich habe die Option Jot-Formular. Ich klicke auf das Jot-Formular und es zeigt mir, dass es geöffnet ist. Ich öffne es einfach, nachdem ich es geöffnet habe, es zeigt dir viele Vorlagen. Standardmäßig haben sie viele Vorlagen. Sie können sehen, dass wir für einen Kontakt viel mehr Vorlagen haben. Standardmäßig können Sie auswählen, welche Vorlage Sie benötigen. Klicken Sie einfach darauf und schon erhalten Sie das Design in Ihrem Formular. Ich werde diesen wählen, Kontakt. Ich klicke einfach auf Vorlage verwenden. Wenn ich das auswähle, wird es auf meiner Kontaktseite angezeigt. Sie können hier sehen, dass es hinzugefügt wurde. Ich erweitere gerade wieder meinen Bereich. Ich schiebe das Design einfach nach oben und komme runter. Ich möchte den Abschnitt alleine auswählen. Nachdem ich nur diesen Abschnitt ausgewählt habe, kann ich ihn erweitern. Je nach Bedarf kann es entscheiden, welches Formular Sie benötigen. Sie haben zwei Möglichkeiten. Beide sind gut. Aber es gibt kleine Unterschiede, wenn Sie die Vorschau haben Wenn Sie die Werbung dieser Farmanbieter nicht benötigen , können Sie diesen Bereich einfach ausblenden. Um das zu tun, komme ich zu diesen Elementen. In Elementen verwende ich das Rechteck. Ich ändere einfach die Farbe des Rechtecks in Weiß. Ich verschiebe es einfach und sage diese Farbe in Weiß, dieselbe Farbe wie auf der Rückseite. Du kannst die Werbung einfach verstecken, wenn du sie nicht willst und sie sieht dann so aus. Aber wenn Sie das Formular verwenden , wird es angezeigt. Aber wenn Sie sich über diese Informationen keine Gedanken machen, ist das in Ordnung. Sie können die Informationen direkt vom Publikum erhalten. So funktionieren beide Dinge. Je nach Bedarf können Sie wählen, welches Sie möchten. Also lösche ich einfach diesen und werde ihn haben. Ihr zwei habt die Wahl. Ihr könnt eins von beiden haben. Ich will hier nur ein Formular haben. Deshalb wurde ich gelöscht , weil beide Formulare wirklich gut funktionieren, also sage ich nicht, dass dies besser ist als das oder das besser als das. Je nach Ihrer Machbarkeit können Sie wählen , welches Sie möchten. 47. 46 Fügen Sie eine Karte für standortbasierte Unternehmen ein: In dieser Lektion werde ich Ihnen zeigen, wie wir die Google-Karteninformationen in dieses Verbindungsformular einbetten können . Es ist einfach, diese Arbeit zu erledigen. Lassen Sie mich Ihnen zeigen , wie man diese Arbeit macht. Zuerst möchte ich dem etwas Platz zuweisen. Also habe ich die Elemente ausgewählt, bin nach unten gegangen und hier kann ich, du weißt schon, die Google-Karteninformationen hinzufügen . Nachdem ich diesen Platz dafür zugewiesen habe, wähle ich die Kartendaten aus. Auch dies sind die Wi-Kartendaten. Ich doppelklicke einfach auf den Ort, an dem Sie die Daten abrufen möchten. Nachdem ich darauf doppelgeklickt habe, wähle ich einfach die oberste Adresse aus. Ich kopiere das einfach, werde nichts anderes tun, und komme zurück zu dieser Canva-Kontaktseite Also hier möchte ich den Abschnitt auswählen. Nachdem ich diesen ausgewählt habe, drücke ich Strg V. Also habe ich nichts anderes gemacht, beobachte es genau. Ich drücke einfach Strg V. Ich mache nichts anderes als das. Es ist also eine Scheinadresse. Ich wurde hinzugefügt Nachdem ich das hinzugefügt habe, passe ich es einfach an und platziere auf meiner Website, Kontaktseite, wie ich es möchte. So macht man das einfach. Sie kopieren das einfach, unabhängig von der Information, unabhängig von der Position, wir klicken darauf. Und wenn Sie dort doppelklicken, können Sie diesen Rahmen hinzufügen. Nachdem Sie diesen Ort markiert haben, können Sie einfach die Informationen abrufen, kopieren und einfügen. Sie müssen nichts weiter tun. Du musst keine anderen Tricks machen, du brauchst keine weiteren Ergänzungen, füge sie einfach hier ein. Den Link bekommst du hier. Das wird funktionieren, wenn wir die Vorschau haben. So können Sie das Google-Formular ohne Betriebssystem hinzufügen . Wenn Sie das in der Nähe hinzufügen, das sagt, welches das bessere ist und es ist einfach zu navigieren, wenn die Leute diese Kontaktseite besuchen So füge ich die Google Map-Datenintegration mit der Kontaktseite und dem Canva-Website-Design 48. 47 Symbole für E-Mail und Anrufe sowie soziale Medien hinzufügen: A In dieser Lektion werde ich Ihnen zeigen, wie wir Symbole für Kontakt, E-Mail und andere Einrichtungen hinzufügen können . Wir wissen also bereits, wie man diese Informationen hinzufügt. Ich gehe auf die Homepage. Auf der Startseite haben wir diese Navigationsleiste bereits. In der Navigationsleiste habe ich bereits das Symbol mit vier Kontaktnummern und alle vier Social-Media-Symbole. Diese Symbole haben bereits den Link zu den sozialen Netzwerken, also kopiere ich ihn direkt, indem Strg C drücke. Jetzt komme ich hierher. Und hier möchte ich das Ganze einfügen Ich drücke einfach Strg V. Nachdem ich Strg V gedrückt habe, verschiebe ich es einfach hierher und platziere es einfach hier. Es ist sehr einfach. Das haben wir bereits erstellt, sodass Sie nicht noch einmal arbeiten müssen. Wir können diese Symbole einfach kopieren und direkt hier einfügen. Danach möchte ich hier die Icons hinzufügen. Dazu wähle ich den Text aus. Ich möchte nur mehr Platz hinzufügen, also vergrößere ich den Zeilenabstand und bewege die linke Hand ein wenig. Ich kann hier Symbole hinzufügen, also wähle ich das Telefonsymbol. Wir werden hier viele Icons haben. Ich kann mir aussuchen, welches ich will. Hier wähle ich dieses aus und das sieht viel besser aus, um das gefüllte Objekt zu vergleichen. Nachdem ich diese gerade Linie hinzugefügt habe, passe ich sie erneut an und hier möchte ich ein E-Mail-Symbol hinzufügen. Mir wurde die E-Mail hinzugefügt und ich wähle dasselbe Stilsymbol, anstatt ein anderes auszuwählen. Auch hier verkleinere ich das Bild und möchte es hier platzieren. Jetzt wähle ich dieses Symbol. Ich gehe zu den Positionen. Ich überprüfe nur die Abmessungen. Ich ändere einfach die 17 und sowohl X als auch Y waren 17. Ich mache das Gleiche auch für hier. Füge einfach 17 hinzu. Also so füge ich diese Informationen hinzu und platziere sie. Ich kopiere einfach dieses Kontaktsymbol erneut und gehe zum Anfang dieser Website. Ich möchte das ersetzen. Das sieht so schwer aus. Also platziere ich das einfach und lösche es, und ich möchte dieses Symbol hier mit weißer Farbe hinzufügen. Ich wähle Weiß. Das kannst du sehen. Das sieht besser aus als das, weißt du, das komplette Weiß. So füge ich die Icons hinzu. Ich wurde das auch auf der Homepage ersetzt. Gleichzeitig habe ich diese Symbole vom Navigationsteil zur Kontaktseite. Siehst du hier, ich möchte nur nach unten scrollen. Ich scrolle einfach nach unten und schaue auf meiner Kontaktseite nach. Es enthält alle Elemente, um das Feedback aus dem Formular zu erhalten. Es enthält die Adresse mit Google Map, die Kontaktnummer, die E-Mail-Adresse und die Social-Media-Seiten. So füge ich mit Canva alle Symbole für meine Kontaktseiten 49. 48 Formularfunktionalität testen: In dieser Lektion werden wir die Funktionalität des Formulars überprüfen, ob sie ordnungsgemäß funktioniert hat oder nicht. Zu diesem Zweck habe ich diese E-Mail-Adresse bereits in einem separaten Tab geöffnet, und hier werden wir testen. Um das zu tun, mache ich hier einfach die Vorschau. Ich wähle Vorschau, und Sie werden die Windows-Vorschau hier haben. Nachdem ich das hinzugefügt habe, möchte ich nur zur Kontaktseite gehen. Ich klicke einfach auf diesen Kontakt und dann auf den Kontakt, ich kehre zu dieser Kontaktseite zurück. Sie können deutlich sehen, dass alle Informationen geladen sind. Sehen Sie sich all diese Dinge genauer an und vorher werde ich dieses Formular auf der Kontaktseite überprüfen. Es ist interaktiv. Sie können sehen, dass ich meinen Namen und meine E-Mail-ID eingeben werde . Ich werde etwas anderes eingeben, weil ich diese EML-ID nicht erwähnen möchte Ich gebe Instructor at a oder etwas anderes S.com. ich meine Telefonnummer hinzu, ungefähr so. Also wurde eine Zufallszahl hinzugefügt. Es ist nur eine falsche Nummer. wissen wir alle. Hier werde ich das Feedback hinzufügen. Ich werde nur mein Feedback hinzufügen, als wäre es nur ein Dankeschön. Hier werde ich lesen. Ich wähle eins oder drei oder fünf, kann sehen, dass es perfekt funktioniert. Schließlich werde ich diese Option wählen, nämlich Absenden. Sie können sehen, dass Scrollbll funktioniert hat, wenn es diesen Bereich verlassen Ich habe diesen Beitrag ausgewählt und er zeigt dir, danke für deine Beiträge Die Daten wurden übermittelt und Sie können hier sehen, dass ich die E-Mail erhalten habe. Ich klicke einfach auf meine E-Mail und schon habe ich ein flüssiges neues Formular mit Kontakt eingereicht. Es zeigt Ihnen den Namen und die E-Mail-ID, Es zeigt Ihnen den Namen die ich erhalten habe, die Kontaktnummer, die Feedback-Daten und den Tarif. All diese Informationen habe ich per E-Mail vorbereitet, was bedeutet, dass dieses Formular wirklich einwandfrei funktioniert. Aus diesem Grund wird dieses Formular sehr geschätzt, wenn Sie die Kontaktseite mit Canva verwenden 50. 49 Speichern und Vorschau der Kontaktseite: In dieser Lektion sehen wir uns die endgültige Vorschau der Kontaktseite mit Canva In der letzten Lektion zeigen wir Ihnen, wie dieses Kontaktformular funktioniert. Es funktioniert wirklich gut. Lassen Sie mich Ihnen zeigen, wie wir die anderen Ansichten dieser Informationen haben werden. Um das zu tun, wähle ich Vorschau. Wie zuvor klicke ich direkt auf diese Kontakt-Schaltfläche. Und wenn ich auf die Kontakt-Schaltfläche klicke, habe ich alle Informationen erhalten. In unserer letzten Lektion haben wir dieses Kontaktformular überprüft. Es funktioniert wirklich gut. Und als ich es eingereicht habe, zeigt es Ihnen, dass Sie sich für Ihre Einreichung bedanken. Ich komme zu diesem Google-Formular. Sie können sehen, wir haben die Google-Karte. Ich scrolle einfach mit der Steuerung. Sie können sehen, dass es wirklich fantastisch funktioniert. Ich kann es auch bewegen. Dies ist auch in einer interaktiven Form. Das funktioniert wirklich sehr gut, und ich komme runter ich habe meine Social-Media-Seiten zu verfolgen. Wir wissen bereits, dass wir den Hyperlink für all diese Symbole über diese Navigationsleiste selbst hinzugefügt haben all diese Symbole über diese Navigationsleiste selbst Wenn ich auf dieses X klicke, wird die X-Seite aufgerufen, und wenn ich dieses Instagram auswähle, springt es zurück zu dem Instagram-Link Das wissen wir schon vorher selbst. All diese Symbole funktionieren wirklich gut. Die Google-Karte funktioniert auch sehr gut, und das Antragsformular zum Hinzufügen funktioniert auch sehr gut. Alle Funktionen funktionieren perfekt mit Canva. Das brauche ich wirklich für die Kontaktseite im Website-Design 51. 50 Legen Sie eine Farbpalette fest, die zu Ihrer Marke passt: In dieser Lektion werde ich dir zeigen , wie wir Markenfarben für Canva-Designarbeiten festlegen können Markenfarben für Canva-Designarbeiten festlegen Wenn du die Markenfarbe hast, die du dann für deine spezielle Marke, dein Hotel oder eine andere Sache verwenden wirst, kannst du diese Farbe festlegen und sie überall verwenden, wo wir die Werke entwerfen Lassen Sie mich Ihnen das Beispiel zeigen. Jetzt wähle ich diesen Hintergrund. Wenn ich den Hintergrund auswähle, habe ich die Option Hintergrundfarbe. Wenn ich auf diese Hintergrundfarbe klicke, werden dir diese Farbwerte angezeigt. Und in diesen Farbwerten können wir die Option Brand Kit sehen. Hast du das gesehen? Auf diese Weise können wir eine bestimmte Anzahl von Farben festlegen und denselben Stil überall dort wiederholen , wo Sie die Designarbeit für diese bestimmte Marke ausführen. Um das zu tun, komme ich zuerst zu diesem Canva. Das kannst du von hier aus selbst machen oder du kannst das auch von hier aus tun Jetzt, hier auf der Startseite selbst, gibt es die Option Marke. Ich klicke auf diese Marke. Wenn ich auf diese Marke klicke, wird dir angezeigt, dass sie nur für professionelle Nutzer ist. Sie haben 30 ist eine kostenlose Testversion, aber Sie müssen trotzdem all diese Dinge einrichten. Was ich jetzt mache, ist, dass ich einfach in diese Gegend komme, die brandneu ist. ich auf diesen klicke, siehst du, dass wir diese Marke auch mit jemand anderem teilen können . Ich klicke nur einmal hier. Wenn ich dort klicke, wird dir angezeigt, dass du das Logo hinzufügen kannst. Auch dies gilt nur für Markenbenutzer Danach werden Ihnen drei Optionen angezeigt. Es zeigt dir also drei Farben. Ich kann die erste Farbe wählen. Ich kann die Farbe ändern, wenn ich will. Kann ich das sehen, wie ändere ich die Farbe? Je nach Marke, die Sie ausgewählt haben, können Sie die Farbe ändern und für Ihre Marke verwenden. Jetzt komme ich zu meinem Design. Hier wähle ich den Hintergrund aus. Sie können sehen, dass dies der Farbwert ist, und am Ende steht ein Hexa-ähnlicher Farbwert, gefolgt von einem Hash Es zeigt Ihnen 23 und 43. 20 ist für die rote Farbe und drei A für die grüne Farbe und 43 für die blaue Farbe verantwortlich, die den Hexa-Dembal-Farbwert anzeigt Ich möchte dort den gleichen Wert eingeben, 23 und 43. Hier füge ich 23 und 43 hinzu. Sie können sehen, dass wir hier die gleiche Farbe haben. Wenn ich diese Textfarbe wählen möchte, wähle ich diese und ich möchte den Farbwert hier notieren. F DD 091 Ich hab's. Ich brauche eine andere Farbe , die ich verwendet habe. Ich werde diesen Farbwert verwenden. Ich wähle diese Farbe und ich wähle diesen Ort. Ich kann meine Farbe hier finden, DD 091. Hier möchte ich FTD 091 erwähnen und dort reindrücken. Ich wähle hier die Lichtfarbe. F B sieben. Das werde ich tun. Also habe ich alle drei Farben , die ich in meinem Layoutdesign verwendet habe. Im Allgemeinen richten wir die Farben ein und danach erledigen wir nur noch die Designarbeit. Jetzt können Sie sehen, dass ich diesen Farbwert einfach geschlossen habe, und das ist es, was wir datieren, wir haben die Farben für unsere Designarbeit erstellt. Jetzt gehe ich einfach zurück zur Startseite, wieder gehe ich zu meiner Marke. Sie können sehen, dass sich die Farbwerte geändert haben. Jetzt aktualisiere ich einfach meine Seite. Nachdem ich diese Seite aktualisiert habe, werde ich überprüfen, was all die Farbwerte sind, die wir haben, die Marke mit den Farbeinstellungen. Ich wähle diesen Hintergrund. Nachdem ich diesen Hintergrund ausgewählt habe, werde ich diese Hintergrundfarbe wählen. Ich wähle die Hintergrundfarbe, Sie können sehen, dass wir die Farbwerte erhalten haben , die für unser Design erforderlich sind. Auf diese Weise bevorzugen wir die Farbwerte und können diese Farben in unserem gesamten Design verwenden, wo immer wir wollen . Auf diese Weise verwenden wir die Farbpalette des Markenkits in Canva, an der wir arbeiten 52. 51 Verschiedene Farbauswahl in Canva: In dieser Lektion werde ich dir zeigen, wie wir die Farbe in Canva auch noch auswählen können In unseren vorherigen Lektionen habe ich dir gezeigt, wie wir hier mithilfe dieses Menüs die Textfarbe auswählen und wie wir die Hintergrundfarbe für den Abschnitt oder die Seite Lass mich dir die anderen Dinge zeigen. Zuerst wähle ich irgendeinen Hintergrund aus. Ich habe diesen Header-Hintergrund gewählt. Ich wähle eine Hintergrundfarbe. Und ich wähle eine Hintergrundfarbe, bei der Sie zuerst die Option Dokumentfarbe haben. Dies sind die Farben, die ich in diesem gesamten Dokument verwendet habe. Wenn Sie hier eine Farbe hinzufügen möchten, können Sie sie einfach auswählen und Sie können sehen, dass Ihnen die Dokumentfarben vollständig angezeigt werden, die ich für dieses Design verwendet habe. Wenn Sie sofort zwischen den Farben wechseln möchten , können Sie dies mit Hilfe dieser Optionen tun. Auf diese Weise wähle ich die Farben des Dokuments aus, sodass ich die neuen Farben innerhalb der Farbauswahl bleiben kann bis auf die neuen Farben innerhalb der Farbauswahl bleiben kann, wodurch Ihr Design komplett aus dem Thema gezogen wird Ihr Design komplett aus dem Thema Tun Sie das nicht, verwenden Sie einfach diese Dokumentfarben bei der Entwurfsarbeit Abgesehen davon können Sie, wenn Sie den bestimmten Farbwert kennen, hier direkt eingeben und nach dem Farbwert und dem Namen suchen , um diese Farbe zu erhalten. Die Farben des Dokuments werden ausschließlich in diesem Design verwendet und wir haben das Marken-Kit. Das haben wir in unserer vorherigen Lektion gesehen. Wählen Sie diesen Hintergrund. Wenn ich den Hintergrund auswähle, wähle ich die Hintergrundfarbe, sie zeigt dir die mehr Optionen. Zuerst zeigt es dir die Farbe der Fotos. Sie können sehen, dass dieser Abschnitt oder die Seite die Fotos enthält. Hier wurde mir das Logo hinzugefügt. Sie können sehen, dass es ein YouTube-Logo ist. Das sieht aus wie eine Vektorform, ich kann die Farben ändern. Hier wähle ich, das ist komplett Bitmap. Sie können sehen, dass es ein Bild ist, ich kann es bearbeiten. Aber hier ist es eine Vektorgrafik hier sind es auch Vektorgrafiken, nicht die Bitmap Ich habe das nicht und hier habe ich auch eine Bitmap. Da ich hier, auf dieser Seite, nur ein Bild hatte, zeigt es mir, dass es der Wert war , den ich bei den Farbvariationen habe , die ich bei diesem Bild habe Gleichzeitig habe ich hier auch ein Bild, aber das ist das transparente Logo, wir kennen die grüne Farbe, was ich hier sehe, ist nur der Hintergrund. Es wurden auch die Farbtöne von diesem Logo und das Weiß gesammelt . Sie können die Bildvorschau dort auch hier sehen. Wenn ich auf eine andere Seite gehe, komme ich zu diesem dritten Abschnitt. Und hier zeigt es Ihnen alle Farben, die gerade aus den Bildern abgeleitet wurden. Sie können die Farben auch daraus sammeln. Ich möchte nur alle Farben der Bilder sehen. Ich wähle „Alle anzeigen“. Wenn Sie C all wählen, können Sie alle Bilder abrufen, die Sie in diesem Abschnitt hinzugefügt haben. Sie können sehen, dass alle Bilder, die ich in diesem Abschnitt hinzugefügt habe, enthalten sind. Und es zeigt mir die restlichen Bilder davon. So zeigt es dir also die Farbe. Und wenn Sie etwas Farbe hinzufügen möchten, klicke ich einfach hier, damit Sie diese Farbe direkt hinzufügen können wird das richtige Erscheinungsbild erreicht und die Designs bleiben innerhalb derselben Art von Feld, weil Sie Farben aus den Bildern gesammelt haben, was Sie im Design haben. Das wird also perfekt zum Design passen. Darüber müssen Sie sich keine Sorgen machen. Diese Option bietet Fotofarben, Sie perfekt für Ihre Designs verwenden können. Sie müssen die neue Farboption nicht auswählen, Sie müssen sie nicht manuell hinzufügen. Sie können es direkt über diese Optionen abrufen. Danach haben wir die Standardfarben. Wir haben zwei Kategorien, die festen Standardfarben und die Standardfarben mit Farbverlauf. Zunächst haben Sie die Volltonfarben. Wenn Sie es direkt verwenden möchten, können Sie es verwenden. Das war so, wie haben wir die Pastellfarben oder Aquarellfarben an verschiedenen Als Nächstes haben wir die Standard-Verlaufsfarben. Wenn Sie mehrere Farben innerhalb derselben Form oder desselben Hintergrunds hinzufügen möchten, können Sie diese verwenden. Lass es mich dir einmal zeigen. Klicken Sie einfach hier, linearer Farbverlauf und Sie können sehen, dass ich die beiden Farbvariationen da draußen habe . Wenn du diese Farbe bearbeiten möchtest, kannst du zum T gehen. Das kannst du dir ansehen. Ich habe die Option Neue Farbe hinzufügen, und wenn ich die Option Neue Farbe hinzufügen wähle, Vollton und Farbverlauf angezeigt. Ich kann den Farbverlauf und den Farbverlauf sehen. Wenn ich den Farbverlauf auswähle, mache ich einfach rückgängig, weil du die Änderung wissen musst Du kannst direkt sehen, dass sie zum Farbverlauf verschoben wurde und du kannst wählen, welche Art von Verlauf du benötigst. Der lineare Verlauf von der X- oder Y-Achse oder von der Ecke aus oder der radiale Verlauf, Sie können wählen, welchen Verlauf Sie bevorzugen Von diesem Punkt aus können Sie direkt etwas hinzufügen. Wenn Sie damit jedoch eine weitere Farbe hinzufügen möchten, haben wir die beiden Farben bereits. Wenn du zu einem anderen Punkt möchtest, kannst du hier klicken und schon hast du den neuen Wert. Dort können Sie also den neuen Farbwert hinzufügen , je nachdem, was Sie benötigen Sie können sehen, dass mir hier der dritte Wert hinzugefügt wurde. Wenn Sie das transparent haben möchten, können Sie auch den Alpha-Wert anpassen. Das kannst du sehen. Mir wurde der Alpha-Wert hinzugefügt und Sie können den Farbwert hier ändern. Und wenn Sie die Farbe aus den Bildern oder woanders aus diesem Design auswählen möchten , habe ich die Option „Farbe auswählen“. Es ist wie das Eye Roper Tool. Sie können die Farbe an einer beliebigen Stelle auswählen. Und das wird hinzugefügt. Wenn du diese Farbe nicht benötigst, kannst du direkt auf diese ausgelieferte Farbe klicken , sodass die Farbe entfernt wird. Auf diese Weise erhalten wir Farbverläufe. Sie können mehrere Farben hinzufügen, wir können die Farben entfernen, Sie können den Stil hinzufügen, all die Dinge, die Sie mit diesen Optionen tun können. die gleiche Weise, wenn wir diese Farbe nicht benötigen, fahren einfach mit der Maus über diese Farbe. Sie können sehen, dass sich ein geschlossener Button befindet. Wählen Sie diese Option , der Farbe zugewiesen wurde. Wenn ich das auswähle, kann ich auch die gewählte Farbe entfernen. So verarbeiten wir die Farben also mit Canva. Du kannst einfach eine neue Farbe hinzufügen , indem du die Option „ Farbe hinzufügen“ oder „Volltonfarbe“ verwendest, und du kannst eine beliebige Farbe auswählen, die dem Hintergrund oder dem Text und allem hinzugefügt werden soll die dem Hintergrund oder dem Text und allem hinzugefügt Jetzt gebe ich einfach Undo. Wenn Sie versehentlich oder ungewollt Änderungen vorgenommen haben, verwenden Sie einfach Undo. Ändern Sie das nicht manuell. Möglicherweise erhalten Sie nicht die genauen Farben die Sie zuvor verwendet haben. Versuchen Sie also, den Vorgang rückgängig zu machen, anstatt die Farben manuell zu ändern. Also gebe ich einfach Undo. Und das ist die Farbe, die ich am Anfang hatte. So verwenden wir die Farben in Canva. Wir haben so viele riesige Möglichkeiten Farben mit der Gestaltung von Canva-Websites zu gestalten 53. 52 Fügen Sie ein Logo und Inhalt für die Fußzeile hinzu: In dieser Lektion werde ich Ihnen zeigen , wie wir das Fußzeilenlogo und den Fußzeileninhalt für unsere Website hinzufügen können Fußzeilenlogo und den Fußzeileninhalt für Dafür wurde mir ein separater Abschnitt hinzugefügt. Ich möchte nicht mit den Hintergründen stören. Das haben wir also für den Fußzeilenbereich. Um die Informationen hinzuzufügen, gehe ich zur Basisseite und kopiere zuerst dieses Logo Ich benötige dasselbe Logo, also wähle ich einfach Kopieren. Nachdem ich das ausgewählt habe, komme ich runter. Hier füge ich einfach mit Paste ein. Jetzt können Sie sehen, dass der Hintergrund komplett weiß war. Ich wähle den Hintergrund. Ich möchte dieselbe Farbe verwenden, die ich in der Fußzeile verwendet habe . Entschuldigung, Kopfzeile Hier habe ich die Farbe. Ich klicke einfach da. Ich füge diese Farbe hier hinzu. Hier reduziere ich einfach die Größe des Logos und hier möchte ich den Inhalt der Fußzeile hinzufügen Der Grund, warum wir das als separaten Abschnitt haben, ist, dass wir die übrigen Abschnitte oder Seiten nicht stören müssen die übrigen Abschnitte oder Jetzt gehe ich zu meinen Inhalten. Und hier habe ich den Inhalt der Fußzeile. Also kopiere ich das einfach mit der Kopieroption. Hier möchte ich den Text hinzufügen, also drücke ich T oder du kannst zu diesem Text gehen. Hier habe ich die Option „Ein Textfeld hinzufügen“. Klicken Sie einfach darauf und Sie haben das Textfeld hier, aber die Schrift sagt, dass es nur zwei sind. Also erhöhe ich das einfach. Sie können sehen, dass es jetzt sichtbar ist. Ich klicke einfach in den Text, klicke mit der rechten Maustaste und wähle Einfügen. Du hast also den Lebensmittelinhalt. Ich zoome einfach mit Control und Scroll. Jetzt vergrößere und platziere ich, wie will ich das Jetzt wähle ich beide Elemente und ich wähle die Position. Hier überprüfe ich, ob es in der Mitte war oder nicht. Ja. Das war in einer perfekten Mittelposition. Danach wähle ich beide Objekte aus. Ich gruppiere das, dann wähle ich dieselbe Position und mache sie zum Mittelpunkt. Die Ausrichtung war jetzt also mittig. Sie müssen sich keine Gedanken über die Ausrichtung machen. Es war perfekt ausgewogen. So fügen wir diese Informationen für die Fußzeile hinzu. Es ist ein sehr einfacher Vorgang. Weißt du, manchmal haben der Designer und der Entwickler interaktivere Schaltflächen in der Fußzeile hinzugefügt Sie können zum Beispiel den Fußzeilenbereich erweitern und Sie können keine Mobilfunkanbieter oder andere relevante Informationen wie Download-Interessenten oder den Browser hinzufügen oder andere relevante Informationen wie Download-Interessenten oder den Diese Informationen können Sie auch in der Fußzeile hinzufügen, wenn Aber hier brauche ich nicht. Ich möchte nur diese Fußzeileninformationen hinzufügen Aus diesem Grund wurden mir diese Informationen hinzugefügt. Wenn Sie hier einen beliebigen Hyperlink hinzufügen möchten, wenn Sie das Design vorbereiten und einen Hyperlink für Ihr Unternehmen, also die Firma für Website-Design, hinzufügen möchten einen Hyperlink für Ihr Unternehmen, also die Firma für Website-Design, hinzufügen die Firma für Website-Design können Sie dies hier hinzufügen , sodass das Publikum klickt und zu Ihrem Unternehmen zurückkehrt , das das Website-Design entwickelt hat So können Sie mit Canva Fußzeilen für jedes Website-Design hinzufügen für jedes Website-Design 54. 53 Anpassen von visuellen Elementen an die Marke: In dieser Lektion werde ich Ihnen zeigen, wie wir die Farbe des Hintergrunds und des Textes und alles an die Werte unseres Markenlogos anpassen können Hintergrunds und des Textes und alles an die Werte unseres Markenlogos Hier haben wir bereits die Farbe für die Marke hinzugefügt Verwenden Sie nur diese Farben hier und im Hintergrund und für diesen interaktiven Text und auch hier. Das haben wir auch in unserem Design verwendet. Wir müssen also sicherstellen, dass wir im gesamten Design die gleichen Farben verwendet haben oder nicht, weil sich diese Farben, Sie wissen schon, auf unterschiedliche Weise widerspiegeln . Wenn Sie neben den Farben für den Markenwert noch weitere Farben verwendet haben, sieht das völlig anders und seltsam aus , sodass die Zielgruppe oder die Nutzer sieht das völlig anders und seltsam aus , sodass die Zielgruppe oder die Nutzer direkt auf diesen Text schauen können. Wenn Sie jedoch auf allen Seiten einheitliche Farben verwenden , wie wir es zuvor getan haben, wird das nicht passieren, das Publikum wird alle Informationen mit der richtigen Priorität lesen . Jetzt können Sie sich diesen ansehen. Wir haben die Informationen in verschiedenen Schriftstilen bereitgestellt und gesamten Design nur Canvasans verwendet Aber allein für die Startseite haben wir hier zur Differenzierung einen anderen Schriftstil verwendet , nämlich FX Ich habe nichts anderes als das verwendet. Ich habe nur das E verwendet, die Texteffekte. Wenn Sie möchten, können Sie jedoch die anderen Effekte verwenden, die Sie dort haben. Ich klicke einfach da. Sie können sehen, dass wir da draußen eine Menge Effekte haben. Wenn Sie keine Effekte wünschen, können Sie die Option Keine wählen. Und wenn Sie den Schatteneffekt hinzufügen möchten, können Sie Schatten wählen. Wenn Sie einen anderen Stil verwenden möchten, können Sie sich für diese Effekte entscheiden. Ich habe diesen hohlen Stil bereits verwendet und ich habe keinen ausgewählt, sodass ich hier keine Stile habe. Wenn Sie einen anderen Stil wie diesen hinzufügen möchten, können Sie auch die Dicke des Stilstrichs und den Offset dieser Hintergrundform, die der Text ist, anpassen Stilstrichs und den Offset . Sie können die Richtung hier festlegen. Sie können auch die Farbe dieses Werts ändern. All diese Dinge sind je nach Bedarf da , Sie können sie verwenden, wenn Sie möchten. Verwenden Sie es nicht, es sei denn, es war erforderlich. Wenn Sie Gliederung und Lift verwenden , hebt sich das Design oder die Textinformation vom Hintergrund ab. Der Wert ist geringer, der Intensitätswert. Wenn Sie mehr hinzufügen, werden Sie auch in diesem kontrastreichen Hintergrund besser sichtbar sein. Um die Gliederung hier zu haben. Man sieht das Echo und den Glitch. Sie können auch die Offsite-Werte für Glitch und Neonglühen anpassen Glitch und Anhand des Knies können Sie wählen, was Sie möchten. Wenn ich nur den Texthintergrund hervorheben möchte, kann ich diesen Hintergrund wählen sodass ich die Rundheit der Kante, den Streuwert und die Transparenz festlegen kann Streuwert und die Transparenz All die Dinge sind da draußen. Aber wie dem auch sei, hier werde ich nur eine Mulde verwenden. Sie haben zwei weitere Optionen : Sie können die Form sehen, die eine Kurve hat, und wenn ich dann den Text auf Logobasis hinzufügen möchte, dupliziere ich ihn einfach und wähle diese Kurve aus , sodass wir den Kurvenwert hier anpassen können. Sie können sehen, welche Art von Kurve Sie benötigen. Auf dieser Grundlage können wir die Werte hier anpassen. Wenn du es nicht brauchst, wähle ich einfach keins. Dies ist der Text von zwei, den Sie mit den Designs haben. Wenn du willst, kannst du all diese Dinge benutzen. Jetzt komme ich runter und vergewissere mich, dass ich gelesen habe und all diese Elemente in einer richtigen Reihenfolge hatte. Schau dir diese Seite an, zuerst werden meine Augen nur auf den Titel schauen, weil er größer war und die andere Farbe hatte, was für dieses Thema relevant ist. Danach habe ich die Informationen zum Haupttext. Dann ist es einfach, drei verschiedene Informationen zu erhalten , die mir als Stolz zur Verfügung gestellt wurden. Auch hier wurden mir die Feedback-Informationen mit einzelnen separaten Feldern zur Verfügung gestellt , und ich möchte das nur in den Vordergrund stellen. Ich wähle alle drei Elemente aus, und Sie können sehen, dass ich ausgewählt wurde, die Hintergrundform und den Text, der eingerahmt soll, und dieses Element. Jetzt drücke ich Shiftiki bei gedrückter Taste und klicke auf den Hintergrund. Die Auswahl wurde aufgehoben Ich klicke erneut auf das Shift-Tiki, den Text. Jetzt wurde mir nur dieses Element ausgewählt. Ich wähle dieses Menü und ich wähle Ebene und ich wähle „ Vorwärts“. Also habe ich statt „Zu einem Freund weiterleiten“ gewählt. Ja, es war schon im Friend, sodass ich es direkt auswählen und duplizieren kann. Ich kann dieses Element platzieren, wo immer ich will. Früher musste ich das tun, aber ich habe es verpasst. Jetzt habe ich diese Arbeit gemacht. Ich dupliziere einfach und füge hinzu, wo ich will. Ich muss das sorgfältig überprüfen und sicherstellen, dass Sie an allen Stellen dieselben markenbasierten Schriftwerte verwendet haben Stellen dieselben . Es hat eine korrekte Ausrichtung und es hat die richtigen, Sie wissen schon, Werte , einschließlich der Schriftgröße. Ich wurde 12 Jahre lang benutzt. Und Sie können sehen, dass ich nie vom Farbthema abgewichen bin. Und auch hier habe ich den Abschnitt gewählt. Nachdem ich den Abschnitt ausgewählt habe, möchte ich die Hintergrundfarbe ändern. Ich kann es auch aus meinem Thema sammeln. Wenn ich dieselben Farben haben möchte, kann ich sie verwenden. Aber ich verwende die Farbe aus meinem Bild, anstatt den Markenwert zu verwenden, weil es sich um eine Galerie-Seite handelt. Ich möchte das gleichzeitig in einer anderen Farbe angeben , die nicht von unseren Dokumentfarben abweicht. Danach hatte ich meine Kontaktseite. Dort wurden mir auch die Informationen zur Verfügung gestellt und hier möchte ich nur die Farbe ändern , weil diese Farbe bereits vorhanden ist und ich diese Farbe hervorheben möchte. Ich kann so wählen oder ich kann es etwas dunkler machen, aber nicht zu viele Dunkelwerte. Ich wähle den ersten Rahmen und ich wähle diese eine Farbe. Ich wähle dort den Farbwert ein bisschen dunkle Werte , ein bisschen dunkle Werte und ich möchte dieselbe neue Farbe verwenden. Sie können sehen, dass das so ist und ich möchte dieselbe Farbe auch für dieses Objekt verwenden. Jetzt haben wir die unterschiedliche Sichtbarkeit dieser Informationen. Auf diese Weise stelle ich sicher, dass ich richtigen Textinformationen habe für alle Stellen hier die außerdem benötige ich nur 12 Textschriften. Ich brauche nicht 13. Auch hier wähle ich beide Objekte aus und gruppiere sie. Ich kann die Tastenkombination Strg G verwenden. So stelle ich sicher all diese Informationen richtig habe. Und hier bin ich nur etwas heller , damit es leicht ist, wissen Sie, die Grafiken zu lesen. So stelle ich sicher, dass ich alle Textinformationen und, du weißt schon, die relevanten Farben auf der gesamten Website für die Marke verwendet habe alle Textinformationen und, du weißt schon, die relevanten Farben auf der gesamten Website für die Marke verwendet die relevanten Farben auf der gesamten , die Canva verwendet 55. 54 Anwenden von Stilen aus anderen Designs: In dieser Lektion werde ich Ihnen zeigen, wie wir mithilfe von Canva die Stile oder, Sie wissen schon, die Hintergrundfarben und Textstile aus anderen Designs zu unserem Design hinzufügen die Hintergrundfarben und Textstile aus können Ist das möglich? Ja, das ist möglich. Lassen Sie mich Ihnen das hier anhand eines anderen Beispiels zeigen. Ich wähle eine andere Website, die wir zuvor zu Beginn unseres Kurses verwendet haben . Jetzt sehen Sie, dass diese beiden mehrere Abschnitte mit den Seiten auf der Website haben . Jetzt möchte ich dafür einige andere Stilfarben hinzufügen. Jetzt wähle ich diesen Hintergrund und ich möchte diese Hintergrundfarbe wählen. Sie können sehen, welche Farben Dokumentfarben sie bei diesem Design haben. Jetzt möchte ich die verschiedenen Dokumentfarben hinzufügen, was einen anderen Stil bedeutet, all diese Elemente ändern wird. Lassen Sie mich Ihnen zeigen, wie wir das nacheinander nutzen können. Um die Farbe der anderen Designs in einem neuen Dokument oder einem anderen Dokument zu verwenden , erstellen Sie einfach alle Werke oder bearbeiten Sie alle Werke. Danach komme ich zum Anfang dieser Option, die als Design bezeichnet wird. Sie können hier sehen, dass ich eine Option namens Design habe. Wenn ich auf dieses Design klicke , werden dir die verschiedenen Vorlagen der Designs angezeigt , die mit Canva verfügbar sind Ich bewege meine Maus zu den Vorlagen Sie können sehen, dass es so viele Vorlagen gibt Und nach den Vorlagen gibt es noch eine weitere Option. Sie können sehen, was Stile sind. Ich klicke auf Styles, es zeigt dir das allererste deine Marke ist. Wenn ich also dort klicke, wird angezeigt, dass die Markenfarbe zu dieser Webseite hinzugefügt wird . Lass mich einfach darauf klicken. Wenn ich darauf klicke, hast du gesehen, dass nur dieser Abschnitt, ich ausgewählt wurde und dieser Farbwert hinzugefügt wurde. Jetzt, nachdem ich das hinzugefügt habe, um die Shuffle-Option zu haben, wenn ich darauf klicke, werden die Farben gemischt, die ich mit dieser bestimmten Marke verwendet habe Jetzt wähle ich einfach diese Homepage aus und füge sie hinzu. Sie können sehen, dass all diese Farben meinem Stil entsprechend geändert wurden. So wie ich runterkomme. Hier habe ich viele voreingestellte Stilwerte. Das können wir hinzufügen. Aber hier haben wir einen Unterschied. Sie können sehen, dass all diese Stile unterschiedlich aussehen. Sie wurden kürzlich verwendet. Danach komme ich einfach runter. Ich habe eine Kombinationskategorie, was bedeutet, dass es sowohl Farben als auch die typografische Kombination geben wird als auch die typografische Kombination Wenn ich darauf klicke, werden beide Dinge angewendet. Sie können also sehen, dass sowohl die Typografie als auch die Farbe geändert wurden Sie möchten das auch wieder mischen Nachdem Sie das angewendet haben, können Sie hierher kommen und darauf klicken Ich werde den gesamten Wert dessen, was Sie verwendet haben, mischen. Auf die gleiche Weise kann ich hier nur die Farben hinzufügen. Ich möchte nur rückgängig machen. Ich brauche diesen ganzen Stil nicht. Stell dir vor. Ich brauche nur Farben. Ich klicke nur auf diese Farbpaletten, klicke einfach dort, damit nur die Farbe gemischt oder verändert wird , nicht die Ich drücke und mache es genauso, auch Sie können die Schriftgruppen alleine hinzufügen , anstatt all diese Elemente zu beeinflussen Sehen Sie hier, ich füge einfach irgendeinen Zeichensatz hinzu. Das allein wurde geändert. Ich habe einfach, weißt du, ständig die Zeichensätze geändert. Sie können auch die Taste C A verwenden. Es gibt also so viele, Sie wissen schon, Kategorien, die Sie auch für die Schrift- und Farbpaletten verwenden können auch für die Schrift- und Farbpaletten Ich kann sehen, dass wir eine riesige Unterstützung für Paletten haben. Und wenn du der Meinung bist, dass das gut ist und du das für alle Seiten hinzufügen möchtest , die wir mit diesem Canva haben, kannst du wählen, ob das für alle Seiten gilt also auf alle Seiten Farbthema wird also auf alle Seiten angewendet Das ist das Schöne an diesem Stil. Wo Sie hier suchen können, können Sie Ihr eigenes Schlüsselwort hinzufügen. Sie können diesen Farbwert abrufen. Sie können das auch hier hinzufügen. Es gibt so viele Kategorien, Illustrativ, und Sie können allen Seiten dieselbe Kombination hinzufügen. Siehst du das? So können Sie die Stile verwenden. Diese Stile sind vordefiniert. Sie können auch die Stile aus anderen Vorlagen hinzufügen. Lassen Sie mich Ihnen zeigen, wie Sie es hinzufügen können. Ich drücke einfach erneut auf Rückgängig und möchte die ursprüngliche Vorlage behalten. Das ist die Originalvorlage. Ja. Danach komme ich wieder zu den Vorlagen zurück. Wenn Sie sich diese Vorlagen ansehen, sind die meisten von ihnen kostenlos wie diese und diese, und das sind die Vorlagen, die kostenlos sind, und das ist die Pro-Vorlage. Sie können sehen, dass Sie ein Upgrade auf Canva Pro durchführen, um diese Premium-Vorlagen zu verwenden Das werde ich nicht benutzen. Ich werde nur die kostenlosen Vorlagen verwenden. Hier wähle ich diese und diese, diese hat die violetten Farben und ich werde sie verwenden, um die jeweiligen Vorlagenfarben und Stile zu verwenden . Ich komme zu diesem Menü hier. Nachdem Sie dieses Menü ausgewählt haben, Ihnen hier die Option angezeigt, bei der es wird Ihnen hier die Option angezeigt, bei der es sich nur um einen Spieltext, nur um Farben und um Spielelemente handelt. Wenn ich „Nur Text hinzufügen“ auswähle , werden nur hinzufügen“ auswähle , werden nur die Typografieelemente aus diesem ich einmal darauf klicke, kannst du sehen dass sich allein die Typografie geändert Ich mache einfach weiter. Und wieder komme ich zu diesem Menü. Ich wähle nur Uplay-Farben. Wenn ich also nur Uplay-Farben auswähle, haben nur die Farben übernommen. Ich kann die Farben auch einmal mischen, wenn ich Es gibt nicht zu viele Farben, also ist es nicht passiert Ich kehre einfach wieder zu den Originalfarben zurück. Ja. Jetzt komme ich wieder an diesen Ort. Ich habe die Option, die Elemente genannt wird. In einem Design haben wir also verschiedene Elemente wie dieses und jenes Template verwendet , um die Elemente darauf zu haben. Wenn Sie also diese Elemente hinzufügen möchten, können wir diese Option verwenden, nämlich Elemente anwenden. Wenn ich jedoch alle Dinge aus diesem Design hinzufügen möchte , kann ich diese Option „Stil auf Seite anwenden“ wählen. Wenn ich also Stil auf Seite anwenden wähle , wird dieser auf die aktuell ausgewählte Seite angewendet. Sie können sehen, dass es zusammen mit der aktuell ausgewählten Seite hinzugefügt wurde . Danach wähle ich „Auf alle anwenden , sodass alle Seiten den gleichen Stil haben. So können Sie diesen Stil zu den Webseiten hinzufügen. Sie können sehen, dass es perfekt zu allen Seiten hinzugefügt wurde. Und da, weißt du, ähm, kannst du all diese Arbeiten machen. Und jetzt komme ich zu dieser, du weißt schon, Homepage. Sie können sehen, dass der Text geändert wurde und die Farben geändert wurden. So funktioniert es, wenn Sie Stile von anderen Websites oder separate Stile zu einem Cava-Website-Design hinzufügen anderen Websites oder separate Stile einem Cava-Website-Design Kann denselben Stil zusätzlichen Prozess von jeder Vorlage aus Sie können es hier sehen, wenden Sie das einfach an und ich möchte es einfach auf alle Seiten anwenden. Wenn du auch die Mischung mischen möchtest, kannst du das tun, wenn du diese Werke hinzufügst Je nach Bedarf gebe ich einfach Undo-Einträge. Je nach Bedarf werden Sie entwerfen, wie Sie diese Stile aus anderen Vorlagen oder anderen Stilen hinzufügen müssen . 56. 55 Farbanpassung von Bildern basierend auf Thema: In dieser Lektion zeige ich Ihnen, wie wir die Farbanpassung für unsere Website anhand des Farbthemas vornehmen können Farbanpassung für unsere Website anhand des Farbthemas , das wir in Canva verwenden Ich werde mit dieser Seite alleine beginnen. Sie können sehen, dass dies ein violetter Hintergrund ist, aber das Bild sieht wärmer aus. Um das anzupassen, um die Farben auszugleichen, gehe ich zur Bearbeitungsoption. In der Option Bearbeiten haben wir die Anpassungen. Wir wissen, dass ich dort klicke, wenn ich Farbwert und die Temperatur bewege und anpasse. Ich kann dem Bild helfen, Ich kann dem Bild helfen die passende Farbe für meinen Hintergrund und mein Thema zu Lassen Sie mich Ihnen zeigen, wie ich das machen werde. Verwenden Sie hier jedoch keinen Sättigungswert, da dadurch nur die Farben erhöht werden, also werde ich ihn nicht verwenden. Also hier komme ich zu einer anderen Option, die Temperatur genannt wird. Hier kannst du sehen , dass es warm aussieht. Zuerst möchte ich die Temperatur vom Bild herabsetzen, das wiederum verändert das Bild komplett und hier habe ich Farbtonanpassungen, aber hier kann man nicht verwenden, dass das für uns nicht sehr nützlich war Danach füge ich einfach die Helligkeit etwas hinzu und gehe der Sache auf den Grund Hier kann ich den Sättigungswert und die Lebendigkeit ein wenig anpassen . Und so können Sie die Werte ändern. Wenn Sie jedoch die Bildfarbe ändern möchten, können Sie diese Optionen verwenden. Um das zu tun, wähle ich die Einstellung zurücksetzen. Ich komme her und wähle die Farbe des Bildes aus. Aber Sie können sehen, dass sie komplett verändert wurde. Deshalb haben wir es nicht benutzt. Wir verwenden nur die Optionen, die direkt aus den Anpassungen stammen. Ich muss das nicht ändern, ich passe nur die Helligkeit und ich möchte hier die Schwarzwerte anpassen. Also ich nur den Schatten, wie will ich damit. Auf die gleiche Weise können Sie das anpassen, aber diese Farbe passte perfekt zu meinem Thema und diese sind in Ordnung. Hier kann ich die Werte dieser Bilder ändern. Sie können die Anpassungen verwenden. Sie haben noch eine weitere Option, nämlich Filter. Ich komme zu den Filtern, hier habe ich viele Filter mit unterschiedlichen Farbvariationen. Ich kann es direkt verwenden, wenn du willst. Wenn ich das Thema so haben möchte, kann ich dasselbe Thema direkt für alle drei Bilder verwenden . Es ist nicht das Wichtigste es ist die Option, die Sie haben Wenn Sie möchten, können Sie sie verwenden. Mir wurde gerade Undo gegeben. Wenn man andere Optionen bei den Filtern hat, kann man sehen, dass es da draußen so viele Dinge mit diesen Farbwerten gibt. Wenn Sie das nicht benötigen, können Sie einfach auch diese Art von Werten auswählen und auch die Intensität dieser Informationen anpassen . So passen wir die Farben der Bilder an unsere Bedürfnisse an. Wir brauchen nicht all die Farben, wir auf den Bildern haben. Und auch hier kannst du sehen, dass ich die Farbe ändern muss. Aber dieses Bild passte perfekt zum Hintergrund. Und hier wähle ich das Bild und nachdem ich das Bild ausgewählt habe, ja, ich klicke einfach mit der rechten Maustaste darauf. Ich kann sehen, dass das Bild dahinter platziert wurde. Ich habe das Bild gerade abgetrennt und das Bild ausgewählt. Jetzt gehe ich zur Option Bearbeiten und in der Option Bearbeiten möchte ich die Farben anpassen. Ich gehe hier zur Option Anpassen und in der Option Anpassen habe ich einen Temperaturwert. Ich kann das an meine Bedürfnisse anpassen. Auch ich möchte den Tönungswert hier anpassen, also passe ich den Tönungswert einfach darauf basierend an Also so mache ich die Anpassung. Nachdem ich die Anpassung vorgenommen habe, komme ich wieder zum Design zurück. Ich bin gleich da drüben und habe die Option Bild einstellen auf den Hintergrund gesetzt. Dieses Bild wird vollständig als Hintergrund hinzugefügt, nicht als separates Bild. Auf diese Weise nehmen wir die Farbanpassungen für die Bilder entsprechend dem Farbthema vor, damit das gesamte Design nicht gestört wird Wenn ich nun dieses Bild auswähle und alle Farbänderungen, die ich mit einem Bild gemacht habe, wiederherstellen oder einfach zurücksetzen möchte die ich mit einem Bild gemacht habe Dann werden Sie feststellen, wie wichtig es für das Design dieser Website ist. Sie können das sehen, das ist der ursprüngliche Wert und wir ändern uns so. diesem Grund ist es unbedingt erforderlich, alle Bildfarben anhand des Themas mithilfe von Canva anzupassen alle Bildfarben anhand des Themas mithilfe von Canva Hier auf unserer Website haben wir auch die Farben der Bilder angepasst Sie erkennen, dass wir diese Farben nur für das Thema verwendet haben. So verwenden wir die Farben in der Designarbeit. 57. 56 Erstellen eines Favicon mit Canva: In dieser Lektion zeige ich dir, wie wir mit Canva ein FAI-Symbol erstellen können ein FAI-Symbol erstellen FAI-Symbol ist das Symbol für die Darstellung von Websites, das auf allen Webseiten häufig verwendet wurde Wenn Sie sich diese Webseite ansehen, haben wir hier einen Website-Namen , der Houston ist, und davor können Sie sehen, dass wir das Symbol haben Dieses Symbol heißt also Favicon. Es war klein. Sie können sehen, dass das darstellt, welche Art von Arbeit wir machen oder welche Art von Website das ist. Sie sehen, ich habe einen anderen Tab mit der Google-Seite und dort befindet sich ein Google-Symbol, das als Fay-Symbol bezeichnet wird Auf die gleiche Weise, dort eine YouTube-Seite zu haben. Diese YouTube-Seite hat den Titel, der die Website namens YouTube ist , und davor steht das Fay-Symbol Jede Website hat ihr eigenes Fay-Symbol. Dort gaben sie die Informationen , zu der diese Website oder die Webseite gehört Jetzt werden wir auch hier das Fay-Symbol erstellen. Die fünf Exxon haben meistens die 16 auf 16 Pixel. Hier zeige ich dir die verschiedenen Dimensionen. Dies ist die optimale Mindestgröße, die zwischen 16 und 16 liegt. Sie können sehen, dass es eine Größe war. Aber wenn Sie die bessere Größe hinzufügen möchten, können Sie von 32 zu 32, 64 64 wechseln. Aber 16 16 ist der optimale Wert. Wir werden das Tarifsymbol für unsere eigene Website mit Canva erstellen für unsere eigene Website mit Canva Um das zu tun, erstelle ich ein neues Dokument mit Canva. Ich öffne eine Seite und wähle hier die benutzerdefinierte Größe aus, weil ich sie manuell erstellen möchte Ich wähle benutzerdefinierte Größe und ich wähle die Einheit in Pixeln statt in Zoll oder etwas anderem. Immer wenn Sie die Abmessungen ändern, wählen Sie zuerst die Einheit aus. Danach geben nur Sie die Dimension an. Das ist ein richtiger Weg. Also hier werde ich 32 zu 32 hinzufügen. Sie können sehen, dass es Ihnen zeigt , was die minimale Pixelgröße ist, und ich werde das aus 64 machen. Also kann ich die restlichen Dinge später erledigen, weil ich die Dimension reduzieren kann während ich das als FA-Icon exportiere. So kann ich die Arbeit machen. Danach wähle ich die Option Neues Design erstellen. Jetzt können Sie sehen, dass wir mindestens 40 Pixel für das Design bereitstellen müssen. Deshalb wurden mir 64 zur Verfügung gestellt. Später werde ich mit einer niedrigeren Auflösung exportieren, was der niedrigeren Dimension entspricht. Jetzt wähle ich dieses neue Design erstellen. Nachdem Sie sich für ein neues koreanisches Design entschieden haben, haben Sie Ihren Facon-Designbereich Also hier komme ich auf meine Website. Ich kann mein Logo verwenden. Ich kopiere einfach dieses Logo. Ich komme in diesen Bereich, hier füge ich es ein. Als ich also zum ersten Mal Control V habe, habe ich mein Logo hier angezeigt und ich wähle eine Hintergrundfarbe. Hier wähle ich eine Hintergrundfarbe aus, und hier habe ich den Wert meines Markenkits angegeben. Deshalb ist das Marken-Kit so wichtig. Ich habe auf diese Farbe für den Hintergrund geklickt, sie wurde hinzugefügt. Jetzt wähle ich das Bild und ich wähle die Position. Hier mache ich die Mitte zur Ausrichtung, und für diese X-Achse war sie bereits in der Mitte. So kannst du einfach dein Fay-Icon erstellen. Am Ende werde ich das herunterladen. Um das zu tun, drücke ich die Share-Taste, und hier habe ich die Option Herunterladen. Und nach dem Download wähle ich dieses PNG. Wenn du den transparenten Hintergrund haben möchtest, kannst du dich für PNG entscheiden, aber ich brauche diese Farbe hier, also wähle ich das JPG-Dokument. Wenn Sie der Meinung sind, dass nur ein bestimmter Buchstabe mit einem Symbol erforderlich ist, können Sie ihn einfach alleine hinzufügen. Jetzt wähle ich dieses JPG und es zeigt dir die Qualitätsanpassung, und das ist die Gegenwart, die Dimension. Sie können das anpassen, wenn Sie dieses Pro-Konto haben. Im Moment habe ich nur das normale Konto. Jetzt, nachdem ich diesen Dateityp hinzugefügt habe, werde ich diese Download-Option wählen. Also wähle ich Herunterladen. Es wird in mein lokales System heruntergeladen. So kann ich es umbenennen und ich kann es verwenden, während ich meine Website online hochgeladen So können Sie mit Canva ein Fay-Symbol für Ihre Website erstellen Fay-Symbol für Ihre Website erstellen 58. 57 Vorschau des Entwurfs im Mobil- und Desktopmodus von Canva anzeigen: In dieser Lektion werde ich dir zeigen, wie wir die mobile Ansicht und die Desta-Ansicht endlich verifizieren und die Änderungen vornehmen können, die für das Design der Website mit Canva erforderlich sind Um das zu tun, wähle ich diese Vorschau. Stellen Sie sicher, dass Sie alle Arbeiten mit jeder einzelnen Seite erledigt haben . Nachdem ich all diese Aufgaben erledigt habe, gehe ich zu dieser Seite, die eine Vorschau ist. Wählen Sie Bewertung. In den vorherigen Abschnitten haben wir auch den Testbericht gesehen und gesehen, wie diese Animationen funktionieren wie die Website aussieht. Aber hier werden wir noch einmal überprüfen , wie die Website aussieht. In einer normalen Ansicht sieht es gut aus. Es hat kein Problem mit den Elementen. Jedes einzelne Element wurde geladen. Und ja, das ist fantastisch, einschließlich des Logos, alles ist in Ordnung. Jetzt mache ich daraus die Vollbildansicht. In einer Vollbildansicht können Sie sehen, dass das Foto hier unten das Foto ordnungsgemäß aussieht, was kein Problem darstellt. Aber wenn ich dorthin gehe, ja, hier haben wir ein Problem. Mit diesen Bereichen haben wir kein Problem, aber hier, wo nur die Einheimischen das Ausrichtungsproblem haben , werden wir das beheben. Auch in der mobilen Ansicht werde ich die Vorschau haben. Da haben wir auch ein Problem damit. Die Knöpfe sind in Ordnung, aber ich habe ein Problem mit dieser speziellen Sache. Sie werden das auch in der mobilen Ansicht klären . Ich scrolle einfach und Sie können sehen, dass das Formular sichtbar ist, die Google-Karte ist sichtbar. Da draußen ist alles in Ordnung. Auch hier ist der Align-Modus perfekt. So brauchen wir sowieso oben. Lassen Sie uns sehen, wie wir das machen werden. Jetzt drücke ich zuerst einfach die Schließtaste. Ich möchte nur alle Elemente in einer einzigen Gruppe behalten, also wähle ich einfach alle Dinge aus und gruppiere sie zuerst. Jetzt habe ich nur noch die Vorschau und ich werde die Vollbildansicht haben. Ja, jetzt ist alles in Ordnung. Ja, seit ich gruppiert war , ist das nicht von diesem Design weggegangen, und das sieht auch für die Vollbildansicht wirklich gut aus. Jetzt schalte ich das in die mobile Ansicht um. In der mobilen Ansicht haben wir, wissen Sie, das Problem gelöst, aber hier haben wir das Problem. Wir müssen nur danach suchen. Jetzt drücke ich einfach die Schließen-Taste und wähle nur diese Symbole aus, ich mache einfach den Groove kaputt. Und nur für die Symbole möchte ich sie gruppieren, und für diese Textinformationen allein möchte ich sie einfach gruppieren. Und schließlich bilde ich die Gesamtgruppe. Jetzt habe ich wieder die Vorschau und werde sie in die mobile Ansicht wechseln, und wir stehen immer noch vor dem Problem, also muss ich die Positionen der Objekte trotzdem ändern. Sie können also sehen, dass jede einzelne Gruppe kaputt war. Und jetzt mache ich das als eine einzelne Gruppe, anstatt mehrere Gruppen zu haben. Ich gruppiere es und habe hier auch eine Vorschau mit einer mobilen Ansicht. Jetzt hat dieser Text das Problem, und wieder gruppiere ich das, ich unterbreche einfach diese Gruppe. Gut. Jetzt wähle ich all diese Elemente und die Gruppe auch hier einzeln aus, ich wähle all diese Elemente einschließlich des Logos und ich gruppiere sie, habe wieder die Vorschau und ich werde die mobile Ansicht haben. Das sieht wirklich gut aus, das ist kein Problem, aber wir wissen, dass die Schaltflächen sehr klein sind. Das werden wir in unseren nächsten Bereichen klären. Danach wähle ich diese Textinformationen, je nach Sando, und ich möchte sie nur so gruppieren, dass diese Ausrichtung auch in einer mobilen Ansicht dieselbe Lassen Sie mich das mit einer mobilen Ansicht ändern. Okay, ich zeige mir immer noch das Problem. Das Problem ist nicht das, okay. Ich habe dieses Problem und gruppiere es einfach alleine und habe die Vorschau mit dem Handy, also hier, ja, wir haben da draußen dasselbe Problem. Ich gruppiere und wähle diese beiden alleine damit aus. Jetzt habe ich hier eine Vorschau, die mobile Ansicht. Ja, das ist in Ordnung. Ja, das Problem wurde gelöst. Aber wie dem auch sei , ich muss die Navigationsleiste besser zeigen . Im Moment können Sie sehen, dass sie mit dieser Navigationsleiste gruppiert wurde. Deshalb sieht es in der richtigen Reihenfolge aus. Kommende Lektionen werden das korrigieren. 59. 58 Anpassen von Abschnitten für kleinere Bildschirme: In dieser Lektion werde ich dir zeigen, wie wir die Ausrichtung der Abschnitte entsprechend dem Inhalt im Canva-Website-Design anordnen können Ausrichtung der Abschnitte entsprechend dem Inhalt im Canva-Website-Design In unserer Kopfzeile haben wir das Logo und danach haben wir dort die Navigationsleiste und alle anderen Symbole Wenn Sie das Gefühl haben, dass es so eng war und Sie diesen bestimmten Abschnitt alleine auswählen können, können Sie nach der Auswahl des Abschnitts einfach den Bereich der Webseite reduzieren. Also wähle ich einfach nur diesen Abschnitt aus und vergrößere den Abschnittsbereich. Jetzt können Sie sehen, dass wir mehr Platz haben und ich kann das einfach abwählen, ich kann die Gruppierung aufheben und ich wölbe und platziere es dort, wo ich wölbe und platziere es dort, wo ich Auch wenn du mehr Platz möchtest, ja, wir können mithilfe dieses Abschnitts mehr hinzufügen Dazu klicke ich einfach nur auf diesen Abschnitt und vergrößere den Abschnittsbereich. Ich kann jetzt die Positionen der einzelnen Muster ändern. So können Sie also die Positionen der einzelnen Tasten ändern. Sie haben hier jetzt genug Platz , um alle Schaltflächen darzustellen. Ich wähle jetzt alle Schaltflächen aus und bewege mich nach unten, sodass es besser ist, alle Tasten mit der richtigen Ausrichtung oben zu haben der richtigen Ausrichtung oben zu Jetzt möchte ich nur eine Vorschau haben. Ich wähle einfach die Vorschau-Schaltfläche und so haben wir es gemacht, nämlich genug Platz da draußen zu haben. Sie können sehen, dass wir mit den übrigen Dingen dort kein Problem haben . Auf diese Weise können wir also den besseren Platz für die Verwaltung all dieser Elemente bereitstellen . Allein mit der, du weißt schon, der Navigationsleiste. In jedem Abschnitt können Sie, wenn Sie das Gefühl haben, den jeweiligen Platz zu benötigen, je nach Bedarf erweitern oder verkleinern. Hier können Sie sehen, dass ich genug Platz habe, und das möchte ich nicht anpassen. Hier brauche ich nur etwas mehr Platz da draußen. Also wähle ich diesen Abschnitt. Und in diesem Abschnitt möchte ich ein wenig expandieren und ich möchte alle Elemente auswählen, nicht nur dieses, alle Elemente. Ich bewege mich mit meinen Pfeilen nach unten. Danach wähle ich den Text aus und bewege mich mit den Pfeiltasten nach unten. Sofern dies der Fall ist, wird der Platz nach oben dringend empfohlen und benötigt, um Ihr Design ausgewogen , und auch hier habe ich ausreichend Platz. Aber hier wähle ich die Elemente und bewege mich ein wenig, um das richtige Gleichgewicht zu halten. Danach komme ich hierher und überprüfe ob genug Platz da ist oder nicht. Ich kann sehen, dass all diese Dinge genug Platz haben. Und nachdem ich all diese Werte für die Rahmenabschnitte angepasst habe, möchte ich sicherstellen, ob die Elemente auf der Seite die richtige Ausrichtung haben oder nicht. Um sicherzustellen, dass ich zu diesem Dateimenü komme. Im Dateimenü habe ich die Option Einstellungen. In den Einstellungen werden Ihnen viele Optionen angezeigt, und ich werde diese Option verwenden, die als Lineale und Hilfslinien anzeigen bezeichnet wird Ich klicke einfach. Jetzt kannst du sehen, dass es dir das Lineal da draußen zeigt. Das Lineal, Sie erhalten die Richtlinie, wie wir sie in einer Software wie Adobe Photoshop und Illustrator verwendet haben in einer Software wie Adobe Photoshop und Illustrator Wir können die Richtlinie von diesem Lineal bekommen. Ich füge hier nur eine Richtlinie hinzu. Sie können sehen, dass diese Richtlinie in allen Abschnitten vorhanden war . Jetzt möchte ich nur noch dieselbe Richtlinie auch auf der rechten Seite hinzufügen . Hier füge ich die Richtlinie hinzu. Jetzt hilft es mir, die Elemente in allen Abschnitten zu verwalten . Ich möchte nur aus meiner Kopfzeile hinzufügen, nicht mit der zweiten Seite. Also okay, ich passe mich jetzt weiter an. Also so möchte ich meine, du weißt schon, die Elemente platzieren . Jetzt wähle ich all diese Elemente aus und passe die Position darin an. Das wird das bessere sein. Und danach komme ich runter und vergewissere mich, dass all diese, du weißt schon, Elemente im richtigen Raum angeordnet wurden. Sie müssen wissen, dass diese Richtlinie nicht gedruckt wurde und in endgültigen Vorschau der Website nicht sichtbar war. Sie war nur für Vorschau- und Bearbeitungsarbeiten verfügbar. Ich wähle all diese aus und füge sie einfach hier hinzu. Anstatt das zu tun, haben Sie eine andere Option. Also mache ich den Würfel einfach mit Strg Z rückgängig und wähle hier alle Elemente aus. Und ich möchte nur den Bereich erweitern, sodass der Abstand zwischen den einzelnen Objekten erhalten bleibt. Ich erweitere das einfach und hier auch, ich erweitere es einfach, sodass der Bildrahmen und der Textrahmen und die Formen die Größe ändern, aber das Seitenverhältnis der Bilder und andere Dinge wird dadurch nicht beeinträchtigt . Danach gehe ich der Sache auf den Grund. Ich wähle diesen Bereich anhand der Ausrichtung aus, die ich vorgenommen habe. Auch ich möchte das Symbol auf dieser Startseite anpassen. Ich wähle das aus und möchte es verwalten. Ich zoome diesen Bereich. Jetzt wähle ich einfach das aus, komme einfach nach unten und ich wölbe die Schriftrolle. Danach möchte ich diesen Bereich anpassen. Ich klicke einfach und verfolge und platziere es dort, wo ich es brauche. Ich brauche hier, ich will nirgendwo anders. Ich möchte sichergehen , dass die Home-Buttons auf allen Seiten den richtigen Wert haben . Ich werde das überprüfen. Nachdem ich die Sprache für die Einrichtung angepasst habe, komme ich auf die Seite mit den Diensten. Dort wähle ich auch die Textinformationen aus und richte sie nach dieser Richtlinie aus. Ich wähle diese Klasse. Hier wurde mir die Note verwendet, nicht die Bildrahmen. Um die Home-Taste einzustellen. Ich komme auf diese Galerieseite. Auch auf der Galerie-Seite muss ich das entsprechend anpassen . Ich möchte alle Bilder, die ich habe, in der richtigen Reihenfolge auswählen . Ich habe mehrere Bilder mit Shiftiki ausgewählt und einfach erweitert Ich werde das Bild nicht verschieben, weil ich zwischen jedem Bild einen richtigen Abstand habe Ich erweitere den Bildbereich nur ein wenig. Am Ende wähle ich die Home-Taste und platziere sie je nach Bedarf. So passe ich die Ausrichtungen mit Grade an. Jetzt komme ich auf die Kontaktseite wähle die Elemente aus, die ich angeordnet habe Und ich verschiebe das mit der richtigen Ausrichtung auf die linke Seite. Auch hier wähle ich diese Form und alle anderen Dinge und ordne sie an die richtige Stelle. So können Sie die Elemente anordnen. Aber was das Essen angeht, brauchen wir uns darüber keine Gedanken zu machen, denn das war in der Mitte. Auf diese Weise können Sie diese Anpassungen und Änderungen für das Design vornehmen. Am Ende können Sie zu den Dateieinstellungen gehen und diese Regel und Anleitung zum Anzeigen auswählen. Also die Realität zeigt, und es waren jetzt all diese Richtlinien versteckt. Jetzt habe ich die Vorschau hier. So können Sie sehen, wie alle Elemente richtig angeordnet sind , ohne dass es zu Störungen oder unregelmäßigen Ausrichtungen kommt So können wir all diese Elemente mit Canva ausrichten. Sie können sehen, dass alle wirklich gut sind. So können wir das machen, die Ausrichtung auf Raster und Hilfslinien mit Canva 60. 59 Skalierung von Bild und Text testen: In dieser Lektion werde ich Ihnen zeigen, wie sich Text und Bild für die Website und den Desktop mit der mobilen Ansicht von selbst skalieren . Um das zu tun, gehe ich jetzt zur Vorschau. In der Vorschau wissen wir, dass dies die Standardansicht der Website ist. Ich gehe jedoch einfach zur Startseite und möchte sie hier auf den vollständigen Desktop-Modus mit dem Breitbildschirm erweitern . Wenn ich das mache, können Sie sehen, dass das Hintergrundbild dieses Layouts automatisch auf den gesamten Bereich erweitert wurde . Danach habe ich die zweite Seite, auf der es um uns geht. In Über uns habe ich kein Hintergrundbild hinzugefügt. Aber wenn ich ein Hintergrundbild hinzufüge , wird es von links nach rechts und von oben nach unten erweitert . Jetzt habe ich hier nichts. Hier in einem kompletten Desktop-Modus und im normalen Desktop-Modus die Lesbarkeit von Text und die Bildskalierung wirklich fantastisch Sie können sehen, dass der Text vollständig lesbar ist und alle Symbole richtig angeordnet sind Die Animationen funktionieren einwandfrei. Jetzt möchte ich zur mobilen Ansicht gehen. Ich wähle einfach die mobile Ansicht, ich gehe zur Startseite. Da habe ich nicht allzu viele Probleme damit, dass die Buttons gut lesbar sind . Home about us and facilities, all diese Buttons. Jetzt komme ich danach runter, hier haben wir kaum Probleme mit der Lesbarkeit Wir schauen uns den Text an, Houston, darunter haben wir den Hauptteil. Das war der Canvas - und Schriftstil. Die Zahlengröße ist 12. Die gleiche Schrift habe ich hier. Aber aufgrund dieses Hintergrunds, der Form und der Textgröße wurde dieser Text auf die Größe reduziert , die der mobilen Projektionsansicht entspricht, und die restlichen Seiten hatten keine Probleme mit Textinformationen, weil es keine größeren Textinformationen gibt, die diese Dinge dominieren könnten. Hier auch das Raster, die Bilder sind richtig angeordnet. Hier habe ich das Problem, ich muss das auch anpassen. Ich muss mich an zwei Stellen anpassen. erste ist die Startseite, der Textinhalt, und zweitens muss ich diese Textinformation anpassen, also die Liste. Davon abgesehen habe ich kein Problem. Lassen Sie mich überprüfen, wie wir diese Änderungen vornehmen. Hier gebe ich einfach Grow. Ich wähle diesen Text alleine und reduziere einfach diesen unerwünschten Platz. Danach werde ich die Schriftgröße ein wenig reduzieren. Ich brauche nicht zu viel Schrift. Aber das sollte das gesamte Design nicht stören. Ich habe jetzt nur die Vorschau , um zu überprüfen, ob sie richtig angepasst wurde Jetzt können Sie sehen, dass der Text besser lesbar ist. Deshalb habe ich das geändert und ich gruppiere es jetzt und lasse uns überprüfen, ob es richtig vorhanden war , nachdem wir es gruppiert haben, dass nein, die Textgröße wurde reduziert. können Sie sehen. Natürlich ist die Gruppe der Grund, aber kein Problem. Ich gebe einfach. Ich möchte die Elemente nicht gruppieren. Ich möchte nur, dass der Hotelname groß bleibt. Ich möchte mich jetzt nicht gruppieren und so sieht es jetzt aus. Da ich gruppiert war , wurde dieses Element im Text reduziert. Jetzt ist es in Ordnung. Ich brauchte den besser lesbaren Text. Das ist in Ordnung. Das ist kein allzu großes Problem. Danach schließe ich einfach diese Bewertung und möchte diese Liste anpassen Ich komme zu diesem Listenbereich. Diese Liste war dort das Problem. Ich wähle das aus und gruppiere es. Ich komme jetzt mit der mobilen Ansicht zur Bewertung. Mobilansicht, ich musste mal nachschauen, wie es jetzt aussieht. Trotzdem sieht es genauso aus. Ich möchte mich weiter anpassen. Ich habe die Gruppierung gerade aufgehoben. Dieses Element sollte also nicht bis zur linken Seite reichen. Hier habe ich das Problem. Sie können sehen, dass die Informationen nicht dem richtigen Wert zugewiesen wurden. Ich sollte die Rasterlinie berühren. Ich aktiviere gerade wieder die Rasterlinienansicht, und dieser Text war nicht richtig angeordnet. Jetzt hoffe ich, dass das in Ordnung ist. Ich habe auch diesen Text ausgewählt, und ich möchte die Position hier wählen. Nachdem ich diese Position ausgewählt habe, möchte ich den Wert anpassen. Hier wähle ich das Top. Standardmäßig können Sie im Moment nur sehen, dass es richtig ausgerichtet war. Jetzt möchte ich nur die Vorschau sehen. Ich wähle jetzt diese Vorschau, die mobile Ansicht und die Ausrichtung des Unordisten Okay, wir haben immer noch ein Problem. Ich versuche, mich ein bisschen nach oben zu bewegen. Nein. Das ist kein richtiger Weg. Das wissen wir. Und ich werde das auf andere Weise regeln. Als ob ich hier die rechteckige Form hinzufügen werde. Um das zu tun, drücke ich R. Ich habe also ein Rechteck in der Mitte des Abschnitts. Jetzt verschiebe ich diese App und platziere sie hier mit dem jetzt hier. Ich möchte nur sicherstellen, dass die Form keine Transparenz hat. Ich brauche das Objekt hier nicht, also wähle ich nur dieses Objekt und setze diese Transparenz auf Null. Jetzt wähle ich die Textinformationen und ich wähle beide als Gruppe Nachdem ich sie als Gruppe erstellt habe, habe ich wieder eine Vorschau mit mobiler Ansicht. Ich komme in diese Einrichtung oder wir stehen immer noch vor dem Problem. Ich bin gewachsen und habe mich einfach rasiert . Jetzt aktualisiere ich diese Seite Sie können sehen, dass alle Änderungen gespeichert wurden und ich habe einfach das Gefühl, dass diese Webseite langsamer geworden ist Also möchte ich aktualisieren , dass ich wieder herunterkomme. Hier muss ich diese Informationen anpassen und sie sollten mit diesem Ort übereinstimmen. Um das zu tun, wähle ich einfach alle Bilder aus, die ich darunter habe, und gehe nach unten und gehe nach weil ich diese Informationen hier platzieren möchte , und davor erweitere ich diese Textinformationen und platziere sie hier. So möchte ich es platzieren. Auch hier dupliziere ich das. Ich möchte drei Dinge hier behalten, und hier möchte ich zwei Dinge behalten. So habe ich platziert und gruppiere das. Jetzt habe ich wieder die Vorschau. In der mobilen Ansicht werde ich das sehen. Das sieht perfekt aus und trotzdem waren wir mit diesem Problem konfrontiert. Fein. Diese Listen oder die Liste. Deshalb sieht es so aus, als ob es in Ordnung ist. Jetzt sieht es besser aus. Ich bin mir sicher, dass das kein Best Out ist, aber es sieht jetzt besser aus, wenn man die vorherigen Gelegenheiten vergleicht. Wir haben alle Dinge oder sind verstreut. Jetzt sieht es besser aus und ich versuche weiter zu gehen , um die Vorschau mit einem Handy zu haben. Okay, gut. So möchte ich all diese Informationen an die Bedürfnisse anpassen, und ich kann diesen Bereich je nach Bedarf ein wenig erweitern . Auf diese Weise können wir den Text und, Sie wissen schon, die Bilder überprüfen , ob all die Dinge richtig platziert sind oder ob dafür irgendeine Art von Skalierung oder Anpassung an den Rändern erforderlich war. Sie können sehen, dass dieses Schwarz das Bild völlig stört Hier habe ich auch noch ein Schwarz, um diese Dinge zu vermeiden. So können wir all diese, du weißt schon, Anpassungen für die mobile Ansicht mit Canva 61. 60 Navigationsmenüs für mobile Benutzerfreundlichkeit neu organisieren: In dieser Lektion werde ich Ihnen zeigen , wie wir die Schaltflächen in der Navigationsleiste nach unseren Bedürfnissen neu anordnen können Bedürfnissen neu anordnen Schaltflächen in der Navigationsleiste nach unseren In unseren vorherigen Lektionen selbst habe ich Ihnen gezeigt, wie wir diese Arbeit erledigen können, und wir haben einfach all diese Schaltflächen getrennt Sie können sehen, dass dies keine Gruppe ist. Wenn es sich um eine Gruppe handelt, werden alle Elemente zusammengeführt und es sieht aus wie eine kleine Schaltfläche. Ich brauche das nicht, ich will die bessere Lesbarkeit und den besseren Zugriff für die Schaltfläche Deshalb wurden mir für all diese Dinge einzelne Tasten zur Verfügung gestellt für all diese Dinge einzelne Tasten zur Wenn Sie danach dieselbe Navigationsleiste am unteren Rand der Fußzeile hinzufügen möchten , können Sie diese Elemente kopieren Ich kopiere das einfach. Nach dem Kopieren komme ich zur Fußzeile und in der Fußzeile erweitere ich einfach den Bereich Und ich verschiebe den gesamten Elementbereich hierher und möchte ihn hier einfügen Ich drücke einfach Strg V. Damit all diese Informationen hier platziert werden. Jetzt möchte ich nur sichergehen, dass mir das in der Mitte des Designs zur Verfügung gestellt wurde , und ich brauche nicht so viel Schriftgröße. Ich brauche nur zehn. Früher waren es 12, jetzt waren es nur noch zehn. Ich möchte die gesamte Textfarbe in Weiß ändern, die Schaltflächenfarbe in Weiß, nicht den Grauwert. Jetzt haben Sie das Menü hier, die Navigationsleiste hier unten in der Fußzeile Von hier aus können Sie auch auf all diese Seiten zugreifen, da diese Informationen bereits über Hyperlinks für den Zugriff auf diese Wenn Sie also nicht das richtige Arrangement haben, können Sie hier alles arrangieren Endlich kannst du das tun. Und hier habe ich einfach die Gruppierung und ich habe hier eine Vorschau mit der mobilen Ansicht und du siehst, wie es angeordnet war und wie es verstreut war Wir brauchen diese Bedingung nicht. Deshalb gruppieren wir das damit. Ich komme nur runter, um sicherzugehen, wie es aussieht, und auch hier haben wir das Problem. Ich komme einfach auf den Grund, ich möchte es gruppieren. Ich wähle alle Elemente aus und gruppiere sie auch hier, ich möchte nur gruppieren. Vorher reduziere ich einfach den Abstand zwischen den Elementen. Und jetzt gruppiere ich das. Lassen Sie uns mit der Vorschau die Navigationsleisten mit einer mobilen Ansicht sehen. Hier haben wir das Problem gelöst. Ich komme hier ganz unten her, wir gruppieren uns und jetzt ist es in Ordnung. Ich habe damit kein Problem. So können wir das Problem lösen, das wir mit der Anordnung der Navigationsleisten in Canva haben 62. 61 Testen von anklickbaren Elementen in einer mobilen Ansicht: In dieser Lektion werde ich Ihnen zeigen, wie einfach es ist und wie Sie Schaltflächen für die mobile Ansicht zugreifen können, unabhängig davon, ob sie ordnungsgemäß funktioniert haben oder nicht Um das zu tun, gehe ich zu dieser Vorschau und danach wechsle ich sofort in die mobile Ansicht. Hier komme ich zu diesem Haus. Wenn ich zu diesem Haus komme, können Sie sehen , dass es problemlos funktioniert, wenn ich über den Knopf komme . Und wenn ich auf die Galerie klicke, wird die Galerie-Seite automatisch verschoben. Scrollen Sie nach unten und klicken Sie auf die Schaltfläche Home. Es bewegte sich also wieder perfekt. Ich wähle eine Galerie aus und von wo auch immer ich auf diese Schaltfläche klicke, sie bewegt sich einfach und kommt auf diese Seite. Sie können sehen, wie wunderbar das funktioniert, und ich wähle Kontakt, um die Kontaktseite zu laden. Und von hier aus kann ich auch auf diese Homepage kommen, wenn es nötig ist. Es funktioniert also perfekt mit dieser Canva-Website in der Canva-Designbox 63. 62 Optimieren der Ladegeschwindigkeit mit komprimierten visuellen Elementen: In dieser Lektion werde ich Ihnen zeigen , wie wir den optimierten Inhalt für das Video und die Bilder hinzufügen können den optimierten Inhalt für das Video und die Bilder Auf Websites wird die Dateigröße meistens erhöht oder die Größe der Website wird aufgrund von Bildern und Videos erhöht. Wie können Sie also die Bildgröße und die Videogröße je nach den Anforderungen der Website reduzieren die Bildgröße und die Videogröße ? Lass es mich dir hier zeigen. Um das zu tun, komme ich zu meinen Uploads. In Uploads sehe ich meine Ordner. Sie können sehen, dass ich Ordner habe. Ich möchte gerade nur ein Bild auf dem Bildschirm hinzufügen, also komme ich zu diesem Haus und hier klicke ich einfach auf diese Schaltfläche. Als ich dieses Bild hinzufüge, wurde dieses Bild geladen und wenn Sie sich das Bild ansehen, ist die Bildqualität wirklich hoch. Das ist mehr als das, was ich meinem Website-Design erwarte oder benötige. Wenn Sie das Design der Website reduzieren möchten, haben Sie zwei Möglichkeiten, die Bildgröße zu reduzieren. Erstens, wenn Sie die Bilder von den Websites herunterladen , haben Sie hier den Download-Button Bevor Sie auf den Download-Button klicken , möchte ich Ihnen noch etwas zeigen. Ich klappere einfach über das Bild und öffne einen neuen Tab und da hast du das Bild mit den verschiedenen Abmessungen Komm in diesen Bereich , der mit Pfeilen kostenlos heruntergeladen werden kann. Ich klicke auf die Pfeile. Dies ist die ursprüngliche Bildgröße mit 6.400, sorry, 4.000 Pixeln in Breite und Höhe Wenn Sie jedoch die Mindestgröße wünschen, können wir diese kleine oder mittlere Größe herunterladen, was für den Zweck der Website ausreichend ist Wenn Sie jedoch Druckdesigns erstellen, können Sie sich für dieses große Design entscheiden. Andernfalls ist dieses Medium ausreichend, wenn Sie eine Website erstellen möchten, da Sie auf unserer Website sehen können, dass wir, abgesehen vom Homepage-Bild, alle Bilder in einer kleinen Größe verwendet haben. Wenn Sie die Bildgröße mit einer geringeren Größe haben , ist es einfach, die Website sowohl auf Mobilgeräten als auch auf dem Desktop zu laden , ohne auf das Internet warten zu müssen. Es ist also zu viel Internet nicht erforderlich, um die leichten Elemente zu laden. Wenn Sie also die Bilder zu diesem Zeitpunkt selbst herunterladen , sollten Sie die Bilder mit niedrigerer Auflösung herunterladen, was den optimalen Wert für die Gestaltung der Website mit allem bietet. Oder wenn Sie die Bilder mit hoher Auflösung bereits heruntergeladen haben, wenn Sie die Größe ändern möchten, bedeutet das, dass es so viele gibt, wissen Sie, es gibt kostenlose Bildgrößenanpassungen Dies ist zum Beispiel die kostenlose Online-Plattform Image ResiZero. Sie können das Bild einfach per Drag & Drop ziehen und die Quelle auswählen und einfach die Bildgröße reduzieren Sie können also sehen, dass die maximalen Dateigrößen zehn und B auf die gleiche Weise gelten, sodass viele Websites, die die Größenänderung von Bildern anbieten , je nach Bedarf funktionieren . Sie können die gewünschte Option verwenden, unabhängig davon, ob Sie die königliche Auflösung herunterladen oder die höhere Auflösung haben, gleichzeitig können Sie die Größe des Bildes Danach müssen Sie nur noch innerhalb von Canva hochladen. Laden Sie nicht alle Bilder mit höherer Auflösung hoch. Die ausgewählten Bilder zuerst in Bezug auf die Kategorie, dann deren Größe ändern und schließlich einfach hochladen So können Sie die Website für die Website und die mobile Ansicht optimieren die Website für die Website und die mobile Ansicht das Video angeht, füge ich nun die Elemente innerhalb der Website hinzu. Nachdem ich das hinzugefügt habe, komme ich zu diesem Dateimenü. Im Dateimenü habe ich eine Option namens Einstellungen. In den Einstellungen habe ich die Qualität der Videowiedergabe. Also komme ich an diesen Ort. Standardmäßig war es Auto. Je nach Internetverbindung wird also niedrig, mittel oder hoch ausgewählt. Wenn Sie jedoch absichtlich einen hohen Wert hinzufügen möchten, können Sie einen hohen Wert wählen, oder wenn Sie bewusst einen mittleren Wert hinzufügen möchten , können Sie einen mittleren Wert wählen. Je nach Bedarf können Sie wählen, welches Sie möchten. Standardmäßig ist es Auto, was besser ist, da sie aufgrund der Internetverbindung die Qualität erhalten. So können Sie das Bild und die Videos für Ihre Website mit Canva-Design optimieren Bild und die Videos für Ihre Website mit Canva-Design 64. 63 Speichern und Vorschau des reaktionsfreudig gestalteten Designs: Nachdem Sie Elemente mit niedrigerer Auflösung wie Bilder und Videos ersetzt haben, was die optimale Größe ist, müssen Sie sich für die endgültige Vorschau entscheiden, da Sie sehen können, dass Bilder so schnell wie möglich geladen werden und die Videos ohne Verzögerung abgespielt werden , da Sie sie auf die gleiche Weise optimieren , wie Sie diese Bilder und alle anderen Elemente hinzufügen können , die optimierte Methode für weitere Arbeiten. Denken Sie daran, wenn Sie an der Website arbeiten, benötigen Sie immer optimierte Bilder, optimierte Videodateien, und wenn Sie die hohe Auflösung hinzufügen, kann dies die Backroad sein, die von links nach rechts über die gesamte Seite verteilt ist. Andernfalls benötigen Sie keine viel größere Dateigröße. Sie können sehen, dass dieses erste Homepage-Bild auf der gesamten Doppelseite erscheinen wird auf der gesamten Doppelseite erscheinen wenn ich das mit der Vollbildansicht habe. Wenn Sie es auf diese Weise verwenden, können Sie sich für Bilder mit höherer Auflösung entscheiden. Das bedeutet auch, dass die maximale Größe vier K sein wird. Abgesehen von vier K werden wir kein Fernsehdisplay haben , und momentan sind vier K optimal. Für die restlichen Bilder brauchen Sie nicht mehr als vier K für diese Bilder zu restlichen Bilder brauchen Sie nicht mehr als vier K für diese Bilder Sie können einfach zuerst die Platzhalter erstellen und auf der Grundlage der Größe können Sie einfach die Bilder hinzufügen. So brauchst du diese Dinge. Dann nur in der Vorschau haben Sie die Elemente, die schnell geladen werden. Sie können nur auf dieser Grundlage sehen, dass alle Elemente schnell geladen werden. Und schließe einfach die Vorschau und ich mache die Vorschau erneut und sofort wechsle ich zur mobilen Ansicht. Lassen Sie uns sehen, wie die Elemente mit Animationen geladen werden. Alle sind wirklich in Ordnung. Es wurde richtig geladen. Auf diese Weise müssen Sie überprüfen, ob es mit optimierten Inhalten ordnungsgemäß funktioniert hat oder nicht. 65. 64 Fertigstellung aller Entwurf Elemente und Bewertung jeder Seite: In diesem Abschnitt werden wir sehen , wie wir unsere Website mit Canva veröffentlichen werden unsere Website mit Canva veröffentlichen Wir haben alle Arbeiten abgeschlossen. Wir machen nur die letzte Überprüfung der Elemente aus der Kopfzeile, der Kopfzeile, auf der Startseite ist alles in Ordnung, hier ist alles in Ordnung, und ich komme auf die Aus-Seite und komme zu diesen Diensten, nicht zu den Diensten, Einrichtungen, die Sie mit dem Portal haben. Überprüfen Sie also einfach, ob Sie all diese Elemente auf die richtige Art und Weise haben all diese Elemente , wie Sie es benötigen oder nicht. Stellen Sie also sicher, dass jede einzelne Seite den Text, die Bilder, die Ausrichtung und all diese Dinge überprüft . Also ist hier alles in Ordnung. Wenn alles in Ordnung ist, können Sie jetzt mit dem Web-Publishing-Prozess beginnen. 66. 65 Verwenden der Veröffentlichungsoptionen von Canva: Nachdem wir den Inhalt fertiggestellt haben, werden wir eine Website veröffentlichen Um das zu veröffentlichen, werden wir diese Option verwenden, die veröffentlichte Website Zuvor haben wir diese Vorschau verwendet, um die Desktop- als auch die mobile Ansicht nutzen zu können. Jetzt werden wir diese veröffentlichte Website auswählen. Nach der veröffentlichten Website haben wir eine weitere Option : Teilen. Sie sollten das nicht verwenden, denn wenn Sie dieses Design mit jemand anderem in Form eines Designs teilen möchten , nicht als fertiges Objekt, können Sie es verwenden. Aus diesem Grund haben Sie diese Option, nämlich Design teilen. Nein, ich habe dieses Design mit niemandem geteilt. Es zeigt Ihnen die Option zum Herunterladen der Website und den dort verfügbaren Link zur öffentlichen Ansicht, aber im Moment werden wir ihn nicht verwenden. Wir werden es mit niemand anderem teilen. Wir werden einfach die Website veröffentlichen. Dazu müssen wir diese Option wählen, veröffentlichte Website. Nachdem wir diese veröffentlichte Website ausgewählt haben, werden wir die restlichen Arbeiten nur hier erledigen. 67. 66 Wähle eine Domain aus oder nutze das kostenlose Hosting von Canva: Nachdem Sie diese veröffentlichte Option ausgewählt haben, wird Ihnen die Bewertung der Website in Form eines Desktops oder Laptops sowie die mobile Ansicht angezeigt Sie können jedoch hier klicken und die erweiterte Ansicht dieser Bewertung sehen . Klappen Sie dies erneut und wechseln Sie erneut zur Option „Veröffentlichte Website“. Also auch hier selbst haben Sie diese Ansicht. Danach werden Ihnen die Verarbeitungselemente angezeigt, die die Website enthält. Also all diese Elemente, die wir hochgeladen haben. Dazwischen haben Sie die Option URL der Seitenadresse. Also hier wähle ich diese Bearbeitungsoption. Hier können Sie angeben, welche Art von Domainnamen Sie benötigen. Also wurde mir gerade der Dateiname hinzugefügt. Dieser Dateiname wurde hier hinzugefügt. Und wenn Sie das in ein Hostel oder Resort in Houston ändern möchten , können Sie hier weitere hinzufügen. Und wenn Sie die neue Domain erhalten möchten, können Sie hier klicken, um eine neue Domain zu erhalten. Dafür müssen Sie natürlich ein Upgrade durchführen, damit Sie Ihre benutzerdefinierte Domain ohne diesen Drittanbieternamen erstellen können . Hier siehst du, dass ich die veröffentlichte Website auswähle. Hier werden zusätzliche Namen von Drittanbietern angezeigt. Sie können diesen CBFS-Punkt auf der Cava-Punktseite sehen. Das wird da sein, als es noch eine kostenlose Website war. Wir brauchen jetzt keine kostenpflichtige Website. Wenn Sie möchten, können Sie sich dafür entscheiden und eine Domain-Option erwerben. Andernfalls können Sie den Namen auch als Houston-Hoster kostenlos ändern auch als Houston-Hoster kostenlos Und ich überprüfe einfach, ob es verfügbar war oder nicht. Sie können sehen, dass es verfügbar ist. Sie können also den Namen ändern, was damit völlig in Ordnung ist . Das ist kein Problem. Aber wenn Sie Ihren eigenen Domainnamen haben möchten, mussten Sie sich eine neue Domain besorgen, und Sie müssen Ihr normales Konto in ein Pro-Konto umwandeln und Sie können separate kostenpflichtige Domain registrieren, und Sie können den Betrag bezahlen. Du kannst diesen Namen auch ohne diese cbfctmtva-Punktseite hochklettern, was der Name des Drittanbieters ist So können wir mit Canva deine URL für die Website auswählen deine URL für die Website 68. 67 Favicon und Titel für Website-Tabs hinzufügen: Nachdem ich meinen Domainnamen für die Website eines Drittanbieters ausgewählt hatte, musste ich die Einstellungen vornehmen Bevor Sie die Website veröffentlichen, können Sie einige weitere Einstellungen vornehmen, was dringend erforderlich ist. Ich wähle hier Einstellungen aus. Wenn ich Einstellungen auswähle, wird dir die Sichtbarkeit in Suchmaschinen angezeigt. Wenn Sie möchten, dass Ihre Website in Suchmaschinen sichtbar ist, können Sie dies aktivieren. Ich aktiviere nur, dass sonst Suchmaschinen wie Google oder jede andere Suchmaschine meine Website nicht finden können. Daher ist es wichtig, diese Sichtbarkeit in Suchmaschinen zu wählen. Wenn Sie einen Teil der Produktion für die Website hinzufügen möchten , können Sie dies aktivieren. Wenn es sich um eine kommerzielle Website handelt, müssen Sie sie nicht hinzufügen. Wenn Sie das Navigationsmenü manuell und nicht manuell automatisch benötigen , können Sie das aktivieren. Sie können das jedoch aktivieren, wenn Sie mehrere Seiten anstelle von Abschnitten haben. Aber hier habe ich mehrere Abschnitte verwendet. Ich habe meine benutzerdefinierten Schaltflächen hinzugefügt. Wenn Sie dieses Navigationsmenü aktivieren, ist das Navigationsmenü standardmäßig vorhanden, Sie können es jedoch nicht anpassen. Versuche das zu vermeiden und habe das manuell erstellte und Rs auf dem Handy, ja, das habe ich benötigt. Das war ein Standardwert. Es war aktiviert und die Vorschau des Links zu sozialen Medien, ja, das ist erforderlich. Sie können das also aktivieren , wenn Sie möchten. Andernfalls wird es auch verfügbar sein. Wenn Sie jedoch die Überprüfung der Social-Media-Links wünschen, aktivieren wir das einfach. So macht man all diese lustigen Glanzlichter. Und wenn Sie über die Website 150 Zeichen oder 160 Zeichen erwähnen möchten , können Sie hier angeben, dass dies auch optional ist Und wenn ich auf diese Stelle klicke, zeigt es dir deutlich, warum du das brauchst zeigt, dass dies normalerweise unter dem Titel der URL erscheint. Wenn Sie also etwas hinzufügen möchten, können Sie dort auch diese allgemeinen Informationen hinzufügen. Und hier können Sie sehen, dass Ihnen der Titel und das Fay-Symbol angezeigt Wenn Sie also den Browser hier öffnen, werden Ihnen hier der Titel und das Fay-Symbol angezeigt Du kannst hier auch erwähnen, was da sein sollte. Ich gebe einfach Houston Hotel and Resorts ein. Okay. Und ich kann hier auch das Lieblingssymbol ändern Wir wissen bereits, dass wir das Lieblingssymbol davor erstellt haben. Wir werden es hier hochladen. Ich wähle diesen Ort, auf den geklickt wird, um das Favicon der Website zu ändern Wenn ich das hier auswähle, ist das Standard-Favicon Canvas One und ich werde auf diesen Ort klicken Es zeigt Ihnen eindeutig, dass die empfohlene Größe des Favoritensymbols 280 bis 280 Pixel beträgt, aber wir haben es nur für 64 Pixel erstellt, ich werde dieses neu erstellen Ich gehe auf meine Startseite. Ich klicke einfach auf meine Befehlstaste. Ich habe hier einen Inhalt, hier habe ich ein Fünf-Symbol. Ich möchte nur in einem neuen Tab öffnen und das Lieblingssymbol hat eine Größe von 64 Pixeln Wenn Sie jedoch ein Pro-Konto haben, können Sie direkt die Option zum Ändern der Größe wählen Dort können Sie die Größe der Dimension problemlos ändern. Hier kannst du sehen, dass wir hier unterschiedliche Dimensionen haben. Aber jetzt möchte ich hier ein neues Dokument erstellen. Ich gehe zur Datei und erstelle ein neues Design. Hier möchte ich erwähnen , dass die Abmessungen nur in Pixeln angegeben werden sollten und ich wähle die benutzerdefinierte Größe. Ich wähle das Pixel und habe die Größe erwähnt , für die 28280 Pixel erforderlich sind Hier werde ich 28280 Pixel erwähnen. Das ist was ich brauche. Ich wähle einfach Erstellen und möchte nur das Logo daraus kopieren, oder ich kann es auch aus meinem Design hinzufügen. Ich schließe einfach dieses Fünf-Symbol und möchte es mit dem Favicon-Namen umbenennen Also habe ich 280 in 280 px umgewandelt. Ich möchte nur den Namen der Datei erwähnen. Und hier wähle ich meinen Upload und ich werde meinen Ordner auswählen. Im Ordner hatte ich das Bild. Zuerst hatte ich ein Logo. Ich füge hier das transparente Logo und danach wähle ich den Hintergrund die Hintergrundfarbe. Ich wähle den Farbwert meiner Marke. Hier wähle ich das Bild aus und erweitere es in einer Ecke. In einer Ecke kannst du sehen, wie ich expandiere. So skaliere ich diese Dimension neu. Jetzt wähle ich die Download-Option, was das Teilen und Herunterladen bedeutet Hier möchte ich das JP wählen, weil ich eine Hintergrundfarbe benötige und einfach die Download-Option wähle. Es wird in meinen Download-Ordner heruntergeladen. Ich muss das auswählen und ich muss auf dieser Website das Messesymbol hinzufügen . Ich kopiere das einfach und füge es in meinen Ordner ein. Nach dem Kopieren und Einfügen in meinen Website-Ordner klicke ich einfach auf dieses Plus und wähle das Fay-Symbol und dann auf Öffnen Das Bild wird darin hochgeladen und schließlich wähle ich die Option Fertig Auf diese Weise können Sie Ihr eigenes Fay-Symbol und den Namen oben auf dieser Registerkarte festlegen Fay-Symbol und und die detaillierten Informationen beschreiben, nachdem Sie dieser Registerkarte alles gezeigt haben, was Sie über diese Website in Canva hinzufügen können über diese Website in Canva 69. 68 Veröffentlichen der Website: Nachdem ich alle Informationen, einschließlich Fawka und anderer Einstellungen, festgelegt habe, wähle ich diese Option und fahre mit der Veröffentlichung fort Ich klicke einfach darauf und wähle diese Option Veröffentlichen. Also ging es darum, den Prozess zu bekommen. Es zeigt Ihnen, dass der Preloader , der Ihr Design vorbereitet veröffentlicht wurde Sie können sehen, dass es Ihnen den Link dieser bestimmten Website zeigt , die Sie erstellt haben Wenn Sie auf diese Schaltfläche klicken, um die Website anzuzeigen , werden diese Informationen automatisch auf eine neue Website-Seite geladen . Es überprüft diese Website hier jedoch auch für Sie als Referenz. Ich klicke einfach auf diese Ansicht der Website. Sie können die URL der Website hier sehen. So generiert es das Website-Design mit Canva. 70. 69 Testen Sie die Website auf verschiedenen Geräten: nach der Veröffentlichung der Website sicher, dass sie ordnungsgemäß funktioniert hat oder nicht. Ich kann sehen, dass dies eine vollständige endgültige Ausgabe der Website ist. Es ist keine Vorschau. Es ist eine Ausgabe. Auch hier drücke ich einfach Enter Load. Ich möchte sicherstellen, dass all diese Layoutelemente richtig geladen werden oder nicht. Nur Moderator, und Sie können sehen, dass die Elemente mit Animationen geladen werden , einschließlich des Bildmoments im Hintergrund. Jetzt scrolle ich nach unten und ich hatte all diese Momente. Sie können sehen, dass Bilder geladen werden, einschließlich der Formulardetails und der Google-Kartenfunktionen. Also funktionieren wirklich alle ohne Verzögerung. So reichen wir die Website ein oder laden sie hoch. Jetzt trenne ich das einfach durch ein separates Fenster. Jetzt siehst du, ich möchte nur die Fenstergröße reduzieren. Ich reduziere nur die Fenstergröße. Und anhand meiner Anpassung können Sie sehen, dass sich dieses Layout von selbst angepasst hat. Nun, das ist die Struktur. Sie können sehen, dass sie die Elemente gemäß meinen Anpassungen anordnet , und wenn ich sie erweitern möchte, erweitere ich sie Wenn ich mehr reduziere, einfach sehe, wie ich es angepasst habe , und ich mehr anpassen möchte, reduziere ich einfach den Verzicht Wie ich dir schon sagte, es ist ein responsives Layout. Ich passe mich an unsere Bedürfnisse an. Das kannst du sehen. Ich passe nur das Fenster an. So können wir mit Canva eine Website erstellen, die perfekt funktioniert responsiv ist und ohne Verzögerung 71. 70 Bearbeiten und erneutes Veröffentlichen: In dieser Lektion werde ich Ihnen zeigen, wie wir die veröffentlichte Website erneut bearbeiten und erneut veröffentlichen können die veröffentlichte Website erneut bearbeiten und erneut veröffentlichen Dies ist die vollständig veröffentlichte Website. Das kannst du sehen. Nach der Veröffentlichung wird diese Website immer über diese Informationen verfügen, sofern sie veröffentlicht wurde Es zeigt Ihnen, dass Sie, wenn Sie dieses Design weiter bearbeiten, es erneut veröffentlichen und Ihre Website aktualisieren müssen, da diese Änderungen aktualisiert werden müssen. Aus diesem Grund wurden die Informationen auf diese Weise angezeigt. Sie können hier also nicht direkt bearbeiten, das können Sie sehen. Und wenn Sie bearbeiten möchten, müssen Sie diese Schaltfläche „Design bearbeiten“ wählen. Ich klicke einfach hier, Design bearbeiten. Jetzt können Sie sehen, dass wir diese Elemente bearbeiten können. Und wenn Sie denken, dass ich hier noch keinen Hyperlink hinzugefügt habe und ich kann mir vorstellen, dass ich hier einen Dummy-Link hinzugefügt habe Und ich möchte nur den Link mit dem Design selbst hinzufügen oder ich füge einfach den Link mit diesem Index oder dem ersten Abschnitt hinzu , der Navigationsleiste ist Ich habe es gerade hinzugefügt und Sie können sehen, dass diese Unterstreichung hinzugefügt wurde Ich habe das gerade mit dieser Unterstreichungsoption entfernt. Danach und wenn Sie zum Beispiel weitere Änderungen oder Aktualisierungen vorgenommen haben, wurde mir hier nur der Dummy-Text hinzugefügt Und wenn Sie echten Text hinzugefügt haben und weitere Abschnitte oder Seiten hinzufügen möchten, werden Sie ihn schließlich erneut aktualisieren, um die vorhandenen Änderungen zu aktualisieren Sie müssen die veröffentlichte Website erneut besuchen Und auch dieses Mal haben Sie die Möglichkeit, alles zu überprüfen. Aber hier unten haben wir die Option „Neu veröffentlicht Im Moment zeigt es Ihnen die Live-Ansicht, was Sie haben, also wähle ich diese Neuveröffentlichung erneut, und die Aktualisierungen oder Änderungen, die Sie der Website vorgenommen haben, werden aktualisiert, und Sie können diese Option wählen, nämlich die Website-Ansicht Lassen Sie uns überprüfen, ob es aktualisiert wurde oder nicht. Also komme ich dazu. Hier kannst du sehen, dass wir den Link hier haben. Und so stellen wir sicher, ob es aktualisiert wurde oder nicht. All diese Links funktionieren also problemlos, das können Sie sehen. Ich möchte nur noch einmal auf das Home-Symbol klicken, weil ich zur Startseite gehen möchte und sie perfekt geladen wird. So funktioniert es also mit allen Seiten. Wir haben diese Art von Fußzeile. Wenn Sie einen Hyperlink mit diesem Fußzeilentext oder dem Logo hinzufügen möchten, können Sie diesen in Canva hinzufügen Auf diese Weise erstellen wir die komplette Website ohne Codierung und Canva und Sie benötigen keine richtigen Website-Kenntnisse, um diesen Kurs zu studieren, und so haben wir das Endergebnis live