So baust du eine Website zur Lead-Generierung mit Webflow auf

1. Einführung: Erstellen einer maßgeschneiderte Website: Als Plattform ist Webflow eine großartige Alternative zu Leuten wie WordPress so schnell, leistungsstark und viel einfacher zu bedienen. Die traditionelleren Web-Glocken in Plattformen ermöglicht es Ihnen, Ihre Website visuell zu erstellen, ohne sich um Codes kümmern zu müssen. Und endlosen Kurs, Ich werde Ihnen Schritt für Schritt zeigen , wie Sie eine Lead-Generation-Website erstellen können. Wir sind B2C-Unternehmen. Also, wenn Sie ein Restaurantbesitzer, ein echtes und ein lokales Unternehmen sind, das Ihre Online-Präsenz schärfen möchte, wird dieser Kurs definitiv dazu beitragen, Bearbeitungen zu helfen. Ich zeige Ihnen alles, was Sie über Webflow wissen müssen , von der Einrichtung Ihrer Hauptfunktionalität, zusätzlichen Dingen, die Sie mit der Webflow-Plattform tun können, und zeigen Ihnen Best Practices, wie Sie die Regeneration automatisieren können -Prozess. Also bin ich Surface IC, um ein Kurs mit dir in Betrieb zu sein. Und ich hoffe wirklich, dass es hilft. Wenn Sie Fragen haben, während Sie diesen Kurs durchlaufen, können Sie gerne einen Kommentar unten hinterlassen, und ich werde mich so schnell wie möglich bei Ihnen melden. Und darüber hinaus würde ich es lieben, wenn Sie mit mir als Projekt teilen könnten , was Sie als Ergebnis dieses Kurses gebaut haben. Also, wenn das gesagt wird, lasst uns darauf hineingehen. Ich bin wirklich aufgeregt, damit anzufangen. 2. Die Website wirs: Alles klar, so wie ich im Einführungsvideo erwähnt habe, und wir werden die Elite-Generation-Website für ein B2C-Unternehmen belten. Also x Sie sind ein kleiner Unternehmer, lokales Unternehmen, wissen Sie, wenn Sie in einem Restaurant, einem Fitnessstudio oder einer solchen Firma sind, wird dieser Kurs Ihnen helfen, eine Website zu bauen, die Methoden der frühen Generation. Also werde ich Ihnen zeigen, wie Sie das Web für die Plattform hinter mir einrichten und alles, was Sie darüber wissen müssen. Ich werde mit Ihnen über Marke reden. Sie müssen Ihre Markenbestände und all die verschiedenen Tools, die Sie verwenden können, nicht entwickeln. Und noch wichtiger ist, ich werde wirklich in die Nitty-Gritty des Web für die Plattform kommen. Denn so ziemlich hart zu bedienen, wenn Sie ein Anfänger sind und wir wirklich in die Details davon bekommen wollen, so dass Sie voll verstehen, was Sie tun, weil es definitiv nicht einfach auf den ersten als Ihr erstes Mal mit es. Aber bevor wir tatsächlich in das Gebäude kommen, setzen Sie tatsächlich oder Webflow lief. Im nächsten Video werde ich die Unterschiede zwischen Webflow und WordPress diskutieren , weil FU wirklich zu Beginn der Lektion, Sie nie Webflow verwenden. Und vielleicht haben Sie jetzt eine WordPress-Website, die verständlich ist. Sie können zögern, Webflow zu verwenden. Vielleicht zögern Sie nicht, Ihre Online-Infrastruktur hier zu kennen, aber ich kann Ihnen versichern, dass es schlimmer ist. Und wir werden einige der Gründe, warum Web wird wirklich als eine bessere Alternative im nächsten Video sezieren . Also lasst uns da hineinspringen. 3. WordPress: Ordnung, also ist dies seit geraumer Zeit eine Entwicklungsseite auf der Webfluss-Website gewesen. Und im Grunde der Grund, warum durch Flüssigkeit dies offensichtlich gemacht, sind sie ein Disruptor und die Website Design Raum. Und nur um Ihnen eine grobe Vorstellung davon zu geben, wo sie stehen im Vergleich zu welchem Preis, als ich dieses Video mache, welche Trends machen etwa 34% aller Websites im Internet aus, richtig? Also die meisten der Websites, die Sie sich ansehen, sind wahrscheinlich gehostete Bar wurden Gürtel durch welches Kleid? Alternativ sind Webflow derzeit 0,4%. So etwa 0,40% .5 aller Websites im Internet oder Gürtel mit Webflow jetzt. Also, als eine wirklich erhebliche Verdünnung, ich meine, ich denke immer noch, dass das ziemlich gut ist, wenn man bedenkt, Frau wird nicht so lange da gewesen sein, aber sie haben offensichtlich noch einen langen Weg vor sich. Und eine der großen Herausforderungen, die sie haben, als raten Benutzer von unserer WordPress-Website zu Webflow zu bewegen, oder? Sie wissen, dass sie eine schlechte Produkte haben und sie wissen, dass sie mehr haben, um die Nolan innovativer zu bieten. Sie sind insgesamt besser. Aber das Problem ist, dass, wenn die Menschen gehen voran und ves viel Zeit und Geld und so weiter, Online-Infrastruktur, sagen Sie auf WordPress und dann diejenigen, die arbeiten und sie können sehr, sehr entmutigend und ziemlich stressig sein. Also Grad, um auf eine andere Plattform zu wechseln und alle Ihre Eier in den Korb zu legen. Also diese Seite veranschaulicht einige der wichtigsten Punkte, warum Web, wer am besten ist. Und ich will sie einfach schnell durchlaufen. So können wir hier sehen, sind offensichtlich Tweets von Leuten, die Webflow lieben. Wir werden jetzt alle negativen Kommentare auf der Plattform auf hier hinzufügen. Aber lassen Sie uns einfach eine Vorstellung davon geben, was die Leute sagen. Webflow ist also verrückt gut. Ich fühle, dass ihr die ersten seid, die die richtige UX bauen , werden in einem CSS Giveaway-Boden bleiben. Versuchen Sie mit nichts, um automatische Updates zu installieren und keine PHP, welche Presse von Terroristen, wenn Sie brauchen. All das sind wahr. Ich muss sie nicht alle durchmachen. Aber wenn wir nach unten scrollen und uns ein paar dieser Punkte ansehen, haben wir wieder ein Zeugnis dort und richtig, okay, also los geht's. Dies ist wahrscheinlich einer der Hauptpunkte, warum Webflow so ein Spielwechsler ist. So können Sie, sie sagen, dass Sie eine bessere Website ohne Codes erstellen können. Und auf diese Weise gibt es eine Art Essenz dessen, worum es bei ihnen geht. Es gibt keine Code-Firma, und die Bewegung ohne Code umfasst im Grunde eine Reihe von Unternehmen, die es Menschen ermöglicht , Dinge ohne Codes zu tun, die normalerweise Code verwenden müssten. Zum Beispiel muss das Erstellen einer benutzerdefinierten Website, die Sie normalerweise verwenden würden , wissen, wie man kodiert, um dies zu tun. Und was ist Webflow. Sie müssen nicht wissen, wie man kodiert. Und am Ende haben Sie wirklich hochwertige Website, die Sie normalerweise wissen müssten, wie man kodiert, um zu erreichen. Okay, also lassen Sie uns einfach weitermachen. Sie können visuell mit den Codes erstellen. Weißt du, wie wir sagen, es ist ein visueller Bowser, er basiert nicht auf Themen, basiert nicht auf sperrigen Codes, es basiert nicht auf Plugins wie das, was drückt. Sie können Kundeninteraktionen und Animationen erstellen. Das ist eine weitere wichtige Sache. Ich kann das nicht wirklich tun und was drücken, es sei denn Sie beginnen zu vermasseln und einige benutzerdefinierte Sachen zu machen. So können Sie wirklich, wirklich granular mit, wie Sie die Dinge auf Ihrer Website und Anti-B-Antwort animieren möchten. Also, wenn Sie möchten, dass es zu plötzliche Aktionen vom Endbenutzer sein. Und Sie können auch entwerfen, wo CMS-Inhalte. Also das ist eine andere Sache, Webflow, CMS ist wirklich, wirklich mächtig, wirklich mächtig als absoluter Spielwechsler. Also, obwohl, wie Sie wahrscheinlich beobachten dies, Sie beobachten es als ein lokaler Geschäftseigentümer, Sie können nicht ein Vermarkter oder Web-Entwickler jetzt, das ist in Ordnung. Aber wenn ich eine Sache betonen musste, um als Spielwechsler zu verwenden, vor allem von dem, was zu Webflow gedrückt, sind eigentlich die meisten Website-Builder zu Webflow als CMS-Funktionalität. Durch die Verwendung eines CMS, wenn Sie es selbst tun müssten, wäre Tressie schwierig. Und welche Frau, die hier haben? Sie haben ein CMS, wo, wenn Sie Boot-Seiten von einer bestimmten Sache haben wollen, also tun Sie lokale SEO, zum Beispiel. Das ist eine Taktik, bei der Sie viele Seiten haben , anstatt jede einzelne Seite hinzufügen zu müssen. Sie verwenden also, um einen bestimmten Ort zu zielen und fügen eine Seite, eine Vorlage hinzu und sie wird auf alle angewendet, so dass Sie wirklich gute Kontrolle über alle Ihre Seiten haben können , ohne dass es dieses wirklich große Stück Arbeit ist. Wenn wir von hier runterziehen. Dies sind nur einige Fallstudien zu den Arten von Websites, die Sie Bögen können. Und dann betreten wir die Gastgeber-Sache. Also, als würden wir darüber reden, und eines der Videos kommt. Webflow hat Hosting Glocke nth der Plattform. Sie müssen nicht gehen und einen Drittanbieter für das Hosting finden. Und im Grunde, was sie sagen, ist, dass sie Hosting wie über Amazon CloudFront. Und dann in Verbindung damit, verwenden sie auch schnell. Beide kombiniert bieten einen wirklich, wirklich starken Hosting-Service, den ich persönlich wirklich mag, ich denke, ist wirklich, wirklich gut. Bis jetzt konnte ich nicht fallen, und ich arbeite seit etwa einem Jahr bei Webflow. Genauso gut, Marx, und du musst darüber nachdenken, viel weniger als das, was du andere Plattformen würdest. Und darüber hinaus ist definitiv viel billiger als einige andere Hosting-Anbieter. Also, das ist etwas, das man im Auge behalten muss. Und als nächstes haben wir die Tatsache, dass Sie nie wirklich irgendwelche manuellen Updates auf Ihrer Website tun müssen. Und das Gefühl, dass, wenn Sie WordPress verwenden, in der Regel, wenn Sie Plugins sind, wenn WordPress selbst Updates, müssen Sie tatsächlich initiieren das Update. Was ist das Richtige für Sie? Machen Sie nicht die Updates automatisch und Sie fühlen es nicht wirklich, Sie werden nicht einmal bemerken, dass es eine wirklich nahtlose Erfahrung in dieser Hinsicht. Sie haben Sicherheit und Frau wird Sicherheitsdienst für Bell haben. Und so im Gegensatz zu WordPress, wo Sie einen Drittanbieter für unsere Sicherheit bezahlen müssen, was wunderbar ist Belsen. Und wenn Sie sagen, müssen Sie über einen Heck von viel weniger als das, was Sie würden, wenn Sie dies auf WordPress tun. Also wieder, ein weiteres tolles Feature. Und denken Sie daran, dass sie die SUS-Wette haben können. Wenn Sie also nicht wissen, was SEO ist, ist das okay. SEO Suchmaschinenoptimierung, das ist, wo wir gehen über die Optimierung Ihrer Website. So kleine Schuhe bei Google. So gute SEO ist eine Reihe von Dingen, die zusammen kommen. Wir werden nicht, wissen Sie, wir müssen hier nicht zu viel ins Detail geraten, aber das sind einige der Dinge, die wirklich zu guter SEO beitragen. So High-Performance-Hosting, wie wir gerade gesprochen haben, das wirklich beiträgt, weil es einen großen Einfluss auf die Geschwindigkeiten hat. Und dann haben wir Werkzeuge, wissen Sie, es ist wirklich einfach, Umleitungen und Sachen für meinen Fluss einzurichten, viel einfacher auf WordPress, zum Beispiel, wie ich erwähnt, die Kälte ist wirklich, wirklich sauber. Das bedeutet, dass es für Suchmaschinen viel einfacher zu lesen ist. Das ist ein wichtiger Punkt. Also, das irgendwie fassen diese meisten der wichtigsten Punkte zusammen. Wir werden auf alle ein bisschen individueller eingehen, während wir diesen Kurs durchlaufen. Aber hoffentlich gibt Ihnen das eine bessere Vorstellung von Webflow und y ist definitiv viel schneller als das, was F5 drücken. Zusammenfassend würde ich sagen, der Workflow verbessert sich auf alles, was WordPress bisher gescheitert hat, m, weil wir wissen, zum größten Teil, WordPress ist eine Open-Source-Plattform und jeder kann wirklich tun, was sie mit ihm wollen. Aber der Zweck dieses Videos war nur, um einige der Bedenken, die Sie bezüglich der Verwendung von Webflow haben könnten, anzusprechen . Und ich bin mir sicher, dass Sie das sagen können, wie ich darüber rede. Ich singe die Gebete der Firma, jede Chance, die ich bekomme, nur weil sie gut sind. Also ja, was soll das gesagt werden? Lassen Sie uns zum nächsten Video springen und beginnen Sie tatsächlich mit der Bewertung bei Webflow und lassen Sie sich diese Website für Sie erstellen. 4. Erstelle dein Webflow: Okay, das allererste, was Sie tun müssen, ist, gehen voran und erstellen Sie ein Konto auf Webflow. Jetzt habe ich bereits ein Konto mit einer anderen E-Mail-Adresse, aber ich richte nur ein Dummy-Konto ein, um Ihnen den Prozess zu zeigen , den Sie durchlaufen müssen, wenn Sie Ihr Konto erstellen. So wird es auf drei gestoppt. Und Sie können mit Ihrer E-Mail-Adresse fortfahren oder Sie können sagen, nein, es war Google. Ich empfehle Ihnen dringend, sich mit Ihrem Google-Konto zu verbinden , da es nur ein bisschen einfacher ist und Ihnen ein wenig Zeit spart. Also werde ich nur diese E-Mail-Adresse verwenden und wir werden hören, was wir tun wollen, ist nur die E-Mail senden Taste und dann überprüfen Sie es auf Bücher. Und Sie können sehen, wir haben eine E-Mail von Web volle Unterstützung. Bestätigen Sie Ihre E-Mail-Adresse. Ok. Und das ist, es gibt buchstäblich zu gehen. Und das ist so einfach, wenn es darum geht, Ihr Konto zu verfolgen. Und es gibt wirklich nicht so viel, mit dem du zu kämpfen hast. Und Sie können einige Dinge in Ihrem öffentlichen Profil tun und Sie können Ihren Kontosatz bearbeiten. Und wir haben hier ein paar Tabs, wie Schaufenster. Hier können Sie verschiedene Arbeiten von verschiedenen Personen in der Webflow-Community entdecken . Und Sie können einen Blick auf verschiedene Designer werfen und sehen was sie auf den Profilen tun. Und Sie haben noch viel mehr, aber das ist nur der Prozess der Anmeldung. Lassen Sie uns also mit dem Gesagten fortfahren und unser erstes Projekt verfolgen. 5. Dein erstes Projekt: Okay, was ich hier getan habe, ist, dass ich zu meinem Web-Flow-Konto gewechselt habe. Und hier werden wir Projekte aufbauen. Das ist, wo ich Ihnen zeigen werde, dass es Ihr Projekt erstellt. Und was ich tun werde, ist nur ein bisschen heranzoomen, nur damit du ein bisschen besser sehen kannst. Ok? Was Sie also tun werden, ist in Ihrem Dashboard, Sie werden nur auf die Schaltfläche Neues Projekt klicken. Okay, also klicken Sie einfach darauf und dann gehen wir von dort. Und dann wird Webflow Ihnen einige Optionen für Vorlagen und solche Sachen geben , wenn Sie sie wirklich brauchen würden, aber wahrscheinlich sind Sie fertig. Ich würde Ihnen raten, von einer leeren Leinwand zu beginnen, wie wir es hier haben. Daran solltest du dich wahrscheinlich gewöhnen. Wenn Sie mit Webflow-Gesetz arbeiten, werden Sie feststellen, dass Sie nicht viel Arbeit mit Vorlagen machen werden, wahrscheinlich jemals wieder. Okay, also lasst uns einfach leer klicken. Schlitten Sie das. Und okay, also die Art von Website, die wir bauen werden, falls ich das noch nicht berührt habe. Und natürlich bauen wir eine Lead-Generation-Website für ein B2C-Unternehmen auf. Aber die Art Website, die Ratsche wird so weit ein Fitnessstudio bauen. Ok. So ist es ein lokales Unternehmen sind ziemlich häufig Art von Website Gürtel. Und alles, was ich Ihnen zeigen werde, alle Grundlagen der Erzeugung von Leads über eine Website, über die Sie wissen müssen. Also, was ich ein Fitnessstudio nennen werde als Magnus Juwel, Air Share. Ok. Und nur für den Fall, dass Sie sich fragen, was eines dieser Worte bedeutet oder abgesehen von Jim, Magnus bedeutet nur Grau und eine Asha ist eigentlich, wo ich herkomme. Für den Fall, dass du ihnen keinen Akzent sagen kannst, dass ich aus Schottland komme und der Kantian aus nennt man Luftschüchtern und wir sind an der Westküste Schottlands. Aber das musst du wirklich wissen. Aber wie auch immer, lassen Sie uns weitermachen und unsere Projekte erstellen. Und wenn wir tun, wird das genommen und zu Webflow. Und hier fließen, so sieht es aus. Es ist eine echte leere Leinwand, um es gelinde zu sagen. Und wir haben hier viel zu besprechen. Aber das fasst zusammen, dass Sie nur in einem Projekt erstellen und wie dieser Prozess ist. Und dann das nächste Video werde ich brechen die Kernkomponenten der Welle voll Plattform. Und nur damit du verstehst, warum irden kein Gewicht ist, ist alles. Also ja, lasst uns da hineinspringen. 6. Deine Breakpoints einstellen: Also das erste, worüber ich hier sprechen wollte, ist eigentlich Breakpoints, weil es ein ziemlich wichtiger Teil ist. Der Web-Entwicklungsprozess und die Frau flog zu wirklich, wirklich gut. So wie Sie hier oben in der Mitte sehen können, sind wir, gerade jetzt sind wir auf, dass mit einem Stern daneben angezeigt wird. Das ist also Ihr Kernentwurf als die Art und Weise, wie ich alle Änderungen kategorisieren würde , die Sie hier vornehmen, und wird auf Ihren Tablet-Breakpoint angewendet werden, um Ihren horizontalen Telefon-Breakpoint bis zum Telefon-Breakpoint. Und wie Sie sehen können, ist Webflow bereits vordefiniert, was jeder dieser Haltepunkte ist. Und Sie sollten auf jeden Fall einfach nichts von diesen ändern, lassen Sie sie einfach so, wie sie sind, weil das Recht und Sie können sehen, ich scrollen Sie einfach nach unten, es wird kleiner. Also, wenn wir zum Beispiel Edison-Desktop sind, tun wir hier. Denken Sie daran, dass es keine Tablette war, die wir hier machen. Denken Sie daran, Edison oder Telefon horizontal wir tun hier. Und offensichtlich nur ein normales mobiles Gerät, das machen wir hier. Nun gibt es hier einige Optionen, die Sie berücksichtigen sollten, wenn Sie eine Website erstellen. Und ich sage dir nur, dass ich leidenschaftlich als jemand tue, der das ständig macht. Wenn Sie diese drei kleinen Punkte hier auf der linken Seite anklicken, können Sie sehen, dass Sie tatsächlich weitere Haltepunkte hinzufügen können. Und während ich normalerweise tue, füge ich normalerweise alle diese Haltepunkte hinzu, richtig? Also werden wir sie nur für diese Projekte hinzufügen und Sie können sehen warum ich tatsächlich mit ihnen mache, nur für den Fall, dass Sie sich entscheiden, sie zu verwenden. Also haben wir unseren Haltepunkt für 1280 Px, also werden wir das hinzufügen. Und das ist ein wichtiger Punkt, wenn Sie diese erstellen, können Sie sie nicht loswerden. Stellen Sie also sicher, dass Sie es aus den richtigen Gründen tun, wenn Sie sie erstellen . Klicken Sie also auf Erstellen, und ich gehe voran und füge diese beiden anderen hinzu. Ok, perfekt. Also jetzt haben wir alle unsere Haltepunkte. Jetzt weiß ich, dass du denkst, du denkst wahrscheinlich, okay, alles von diesem Haltepunkt bis hin zu diesem großen hier sieht genau gleich aus. Wie soll ich in der Lage sein, den Unterschied zwischen diesen zu erkennen? Also lassen Sie mich kurz erklären. Wenn ich das kleine Auge hier auf der linken Seite klicke, wenn ich das einfach anklicke, kann ich jetzt eine Vorschau bekommen, richtig? Und wie Sie sehen können, verbringt die Größe dieses Haltepunkts den ganzen Bildschirm, okay? Und ich mache mein ganzes Design und auf einem iMac Pro, richtig? Also die meisten Websites schaue ich auf meinem Desktop, aber eigentlich all dieser Haltepunkt. Und wenn Sie hier entwerfen, entwerfen Sie für Leute, die einen größeren Bildschirm haben. Und wenn wir runtergehen, werden Sie sehen, dass es von dort kleiner wird. Und Sie können weniger ziehen Funktionalität und Sie können sich nach oben und unten bewegen. Sie können es überall hinstellen, wo Sie wollen. Und dann eigentlich grau, wenn Sie sicherstellen möchten, dass alles über alle Ihre Breakpoints hinweg reagiert. Aber lassen Sie uns nur einen Vorschau-Modus für eine Sekunde. Während wir auf Design-Modi sind, können wir hierher ziehen, oder? Frauen auf dem Tablet, so was. Und der Grund, warum ich ganz gerne ziehen Sie es auf die Design-Modi m ist, weil Windfluss wird Sie zeigen , wie Sie sehen können, dann die untere rechte Ecke dort wird Ihnen zeigen , welche Größe dies für bestimmte Geräte sagt. So können wir hier die 768 px als iPad Pro sehen, schreiben Sie als 9,7 Zoll iPad Pro. Das ist also sehr nützlich, um es zu wissen. Okay, Also, wenn Sie ein iPad Pro haben, wenn Sie es auf einem iPad Pro suchen und Sie können nicht herausfinden, warum es scheint nicht zu passen. Und es liegt wahrscheinlich daran, dass Sie es nicht auf dem Zins-Breakpoint betrachten. Also ja, aber etwas, das man im Hinterkopf behalten muss. Das ist also eines der ersten Dinge, die wir in die Quere kommen müssen, und das sind Haltepunkte. Also ja, ich hoffe, Sie finden das hilfreich. Es sei denn, gehen Sie zum nächsten. 7. Webflow's: Also, jetzt, da wir verstehen oder Breakpoints und wir haben bereits unsere Breakpoints zum Beispiel gesetzt, das nächste, was ich sprechen möchte, wenn es um die verschiedenen Funktionen geht, die voll ging, hat als diese Spalte dann die linke Seite. Dies ist, wo Sie verschiedene Teile von sagen zu kontrollieren. Also lasst uns einfach schnell durch sie gehen. Lassen Sie uns zuerst Tab hier haben wir mit einem kleinen Plus-Symbol. Hier finden Sie alle verschiedenen Elemente, die Sie Ihrer Website hinzufügen können , und die verschiedenen Elemente, mit denen Sie spielen können. Und dann haben Sie auch sie Schicht gemacht, so dass Sie hinzufügen können, wissen Sie, so für eine klebrige navbar, eine Heizung Overlay einen Aufruf zum Handeln passt oder Kontakt von der ganzen Menge. Und so sind diese Basis-Layer, so dass Sie verwenden können, wenn Sie nicht wollen, etwas von Grund auf neu zu bauen und die zweite Registerkarte zu beenden, haben wir Symbole. Symbole sind etwas, das Sie in keinem anderen Website-Design-Build sehen werden. Sie sind also völlig neu und unabhängig. Vor allem, wenn es um die Website-Design-Builder geht. Warum das Symbol im Grunde erlaubt es Ihnen, zu tun, wenn ich irgendwo ein Element erstelle und tatsächlich einen Abschnitt sehe, den ich wie eine APA oder etwas erstelle. Ich kann meine navbar drehen und zu montieren. Und was dieses Symbol mir erlauben wird, so erlauben es mir, den gleichen Inhalt hinzuzufügen, also mehrere Seiten zu sagen. Und wenn ich dann ein Symbol bearbeiten möchte, kann ich diese Bearbeitung direkt an allen Stellen vornehmen, an denen das Symbol erscheint. Und ich gebe Ihnen später ein aktives Beispiel dafür, dass Sie sehen können. Aber das gibt Ihnen nur eine kurze Einführung in. Und wenn wir wieder runtergehen, haben wir einen Navigator. Wenn ich also verschiedene Elemente zu meiner Website hinzufüge und keine Ebenen habe, füge ich hinzu, füge ich verschiedene Komponenten hinzu, die unterschiedliche Weise übereinander klingen. Und was könnte es mir erlauben zu navigieren, ist die Art und Weise zu sehen, dass diese Elemente übereinander. Also ist etwas nicht ganz eingestellt und richtig, oder wenn etwas nicht richtig aussieht und ich es nicht sehen kann, nur wenn ich auf meine Glocken schaue oder ich gehen kann es zu navigieren und ich kann sehen, wie die Abschnitte sind. Ich sehe, dass alles gut aussieht und ich sehe meine Klassennamen, auf die wir ein wenig später wieder eingehen werden. Was wir wieder bis ein bisschen später bekommen werden. Aber das gibt Ihnen nur eine Vorstellung davon, wie die Navigation funktioniert. Und wenn du eine große Seite aufbaust, gibt das Beten ziemlich schnell mit. Aber es macht es wirklich einfach, das zu finden, was Sie suchen , wirklich schnell, ohne in, ähm, wissen Sie, eine Menge Chaos in die Boote und finden, was Sie , dann gibt es einen Fehler. Wir haben die Registerkarte „Seiten“. Das ist wirklich einfach. Hier werden Sie Ihre Seiten erstellen. So haben Sie auch Ordner. So, wie Sie schauen in hält Dinge organisiert, Ordner ist eine gute Möglichkeit, Ihre Seiten zu segmentieren, und das ist alles, was Sie wirklich über sie wissen müssen. Wir werden über die tatsächlichen Einstellungen und Seiten ein bisschen weniger sprechen, aber das ist wahrscheinlich der wichtigste Ort, um zu beginnen. Dann unten, dass wir Sammlungen haben. Sammlungen, die ich erwähnte kaufen mehr, reden über das, was Presse gegen Webflow. Ähm, aber wir werden nicht über zu viel mit Sammlungen erwähnt werden. Wir werden nicht tun, wir werden nicht ein Blog oder so etwas einrichten, aber Sammlungen oder etwas, das ich definitiv anfassen werde wahrscheinlich in einem anderen Kurs, aber Sie müssen sich keine Sorgen machen oder für das, was wir hier tun. Und dann unten, dass wir E-Commerce haben. Nein, wir werden den E-Commerce nicht berühren, aber es ist wahrscheinlich gut, nur auf jeden Fall anzufassen. Wenn Sie also E-Commerce aktivieren, ist es ein ganz anderer Plan für E-Commerce. Aber das wird im Grunde, wenn Sie auf E-Commerce klicken und doch haben Sie eine E-Commerce-Website und dann gibt es eine Reihe von anderen Sachen, die zu tun haben und ich werde uns einfach rausholen, aber wir tun das hier nicht, also brauchen Sie sich keine Sorgen zu machen. Also lasst uns einfach abkreuzen. Darunter haben wir den Ort, wo Sie alle Ihre MGs hinzufügen, um, so dass Sie alle Ihre Bilder hier verwalten können Sie sehen, die Größe des Webflows wird Ihnen auch sagen, wenn es fühlt sich ein wenig Schaden. So zu backen, und das ist einfach toll, um alle Ihre Bilder und einen leicht zugänglichen Ort zu halten . Und dann unten, dass wir Einstellungen haben, so Backups und Sie können nach zusätzlichen Sachen suchen. Und darunter, wie Sie unten in der linken unteren Ecke sehen können, haben Sie dieses Häkchen oder die Funktion. Und was Ihnen das ermöglicht, ist, wenn Sie auf einer Seite entwerfen , und Sie können sich glücklich damit fühlen, okay? Aber Webflow-Analysen und es sieht, dass es Probleme auf der Seite, die Ihre SEO verletzen könnte oder haben. Es ist also Leistung oder etwas, das die Website nicht richtig aussehen lässt, dann werden Audits kennzeichnen und anstatt ein Häkchen zu haben, haben Sie nur Quadrat mit nichts drin. Hier. Sie können nach verschiedenen Dingen nach Flow suchen, wenn Sie Hilfe mit Aniston benötigen , und darunter haben Sie einige Video-Tutorials, wenn Sie weitere Erläuterungen darüber benötigen , wovon ich spreche, und dann können Sie Hilfe bekommen, wenn Sie es brauchen. Aber das erklärt all diese Registerkarten und was sie sind und kurz, wie sie verwendet werden. Die Orte, an denen wir die meiste Zeit verbringen werden, sind definitiv in diesem Anzeigenbereich. Wir werden über Symbole sprechen, die gut sind. Wir werden navigieren durch ein Gesetz, viel darüber reden. Und Seiten werden ein wenig Zeit der Seiten verbringen und das sind die vier, auf die Sie sich konzentrieren müssen. Also im nächsten Video werde ich über diese rechte Spalte und Watson hier sprechen , der ich sicher bin, dass Sie begeistert sein werden. Also lasst uns da hineinspringen. 8. Webflow's: Okay, also die nächste Sache, über die wir als Workflows Design-Features sprechen müssen. Also, wenn wir tatsächlich Elemente auf die Seite von den Management-Registerkarten setzen und was fügen wir ihnen tatsächlich hinzu? Wie gestalten wir sie? Wie lassen wir sie so aussehen, wie wir sie wollen? Also habe ich ein paar wirklich grundlegende Elemente hier drin gemacht, nur um zu versuchen, den Punkt über zu kommen. Und ich werde nur durch jede dieser Registerkarten auf der rechten Seite gehen und Ihnen sagen, was sie alle bedeuten, weil sie alle unterschiedliche Zwecke hatten, aber Sie sollten in der Lage sein, die meisten von ihnen zu sammeln. Also MLA-Abschnitt, bestimmt dies im Grunde, wie die Dinge richtig aussehen, wo dies der Führer von ihnen war. Normalerweise verwenden Sie die Registerkarte Layout, wenn Sie versuchen , die meisten Dinge in etwas hinzuzufügen. Und was ich damit meine, ist, wenn wir dieses Beispiel nehmen, ich habe einen Dev-Blog, dann habe ich eine Überschrift, einen Absatz und einen Button Einblick. Wenn ich den Überschriftenabsatz und die Schaltfläche horizontal im Gegensatz zu vertikal machen möchte, würde ich auf den Dev-Blog klicken, den Sie dort sehen können. Ich gehe in die Laborabteilung. Und wenn ich auf diesen kleinen Knopf rechts klicke, kann man sehen, dass sich alles horizontal bewegt. Und offensichtlich sieht das nicht sehr appetitlich aus, oder? Ich meine, es ist nicht dazu bestimmt. Dies ist nur, um zu veranschaulichen, wie es funktioniert. Und darin kann ich ein paar verschiedene Dinge ändern. Ich kann mit diesen Buttons wegklicken. Ich kann mit ihnen spielen, bis ich glücklich bin, wie sie aussehen. Ich kann Vasco waagerecht ändern. Ich kann tun, was immer ich mag, damit tun, oder? Und das ist, was Sie ein Leben weit verwenden würden. Sie können es für Dinge wie Überschriften verwenden, wenn Sie möchten. Aber ich würde raten, das nur zu verwenden, wenn Sie versuchen, Dinge zu bearbeiten und einen Deadlock oder im Cyto-Sektion zitieren. Aber wie auch immer, das ist der Layout-Abschnitt. Wenn wir dann zum Abstand gehen, können wir hier die Polsterung und den Rand anpassen. Also, wenn ich diesen Kopf nehme und Sie sehen können, habe ich bereits eine sehr kurze Änderungen an der Überschrift vorgenommen, aber ich kann den Rand ändern und ich kann die Polsterung ändern. Also, nur um das zu zerlegen, falls Sie nicht wissen, was einer von ihnen ist. Ränder des Raums, wie Sie hier sehen können. Es ist blau auf dem Ehrenfeld hier hervorgehoben. Die Ränder des Raums, der außerhalb des Elements vorhanden ist, das wir betrachten. Diese blauen Farbtöne stellen den Rand dar. Wenn ich den Mauszeiger über Polsterung führe, lass mich nur sehen, dass ich Shows mache. Ja, Sie können sehen, dass die Polsterung existiert n, sagen wir, das Element, das wir betrachten. Polsterung und Rand sind also nur eine sehr einfache Möglichkeit, den Abstand anzupassen. Und es gibt nicht nur eine wunderbare Sache, Sie werden feststellen, dass Sie einen Padding Marge und praktisch jede Website-Design Build oder Inklusion hinzufügen können einen Padding Marge und praktisch jede Website-Design Build , wenn Sie es von Grund auf neu erstellen. Also, das ist etwas zu beachten. Lassen Sie mich dann zu Größe, wenn Sie jemals die Größe von etwas manuell anpassen müssen. Und wir können darüber ein wenig später ausführlicher sprechen. Sie können eine Größe Wanne verwenden, so dass Sie eine Reihe von verschiedenen Optionen haben. Sie müssen nicht wissen, dass alle diese Optionen sind, aber Sie haben Ihre grundlegenden diejenigen, die Px und Sie haben Prozentsatz von nass. Wenn wir also diesen Haltepunkt betrachten, wenn wir wollen, dass das Weiß zu dem Element, das wir nicht haben, nur 60 Prozent von all dem ist, was wir gerade betrachten. Und dann können wir sie benutzen. Dann haben wir hier ein paar verschiedene. Sie müssen es nicht gießen, aber das sind die einzigen drei, die ich jemals wirklich unseren px-Prozentsatz benutze und dann diesen namens View. So sehen, was bedeutet, dass der betreffende Abschnitt oder der Entwickler-Blog, und wir werden seine Größe basierend auf dem Gerät anpassen, die Person verwendet, um die Website anzuzeigen. Also, das ist etwas im Auge zu behalten und zu sehen hey, ist sehr viel das gleiche. So dass Größe, können sie Besitz und statische relative absolute Fakten klebrig haben. Sie werden diese nur wirklich verwenden, wenn Sie ziemlich komplexe Animationen machen oder wenn Sie Ihre Navigationsleiste bauen und Sie werden sehen, wie Sie diese Laser auf sie verwenden. Ich habe Typografie. So offensichtlich weit Ihr Text, wenn Sie die Schriftart so ändern möchten, wie die Größe, Höhe, Farbe, Ausrichtung, Stil, die ganze Menge, die Sie dort tun können. Sie können auch Klassen erstellen, was bedeutet, dass Sie nicht für jeden einzelnen Textblock, den Sie anzeigen, Myelitis erstellen müssen, aber wir können darüber später auch sprechen. Dann hier unten haben wir Hintergründe. Wieder, wenn Sie den Hintergrund eines Def-Blocks ändern möchten, oder Sie ein Bild erstellen möchten, oder Sie versuchen, Animationen zu machen , Das ist alles, was Sie nur dafür tun würden. Und wir haben Grenzen. Also, wenn Sie irgendwelche Zeilen wollen, Bereich von Blöcken, so dass Sie beliebige Zeilen, Ranger-Elemente, die Sie verwenden können, dass Es ist selbsterklärend, dann haben Effekte. Wir werden hier nicht viel mit Effekten arbeiten. Wir konzentrieren uns nur wirklich auf die Regeneration, die Struktur des Standortes. Und es gibt offensichtlich eine Menge, die wir hier abdecken müssen. Animationen wären ein völlig separates Thema, aber es gibt keinen Schaden und spielen mit ihnen, experimentieren Sie mit ihnen und sehen Sie, was Sie mit ihnen tun können. Das ist also die Registerkarte Design. Also, wenn wir oben rechts hier wieder nach oben schauen, können wir sehen, wir haben Einstellungen Tab. So könnte NFA oben rechts nachschlagen, können wir sehen, dass wir Einstellungen Tab haben. Und was Sie mit diesem finden, wie die Registerkarte Einstellungen ändert sich je nachdem, was Sie suchen. Und weil ich eine Überschrift habe, wähle Taten aus, möchte ich vielleicht wählen, ob diese Rubrik H1, H2, H3 für 56 und so weiter ist . Und wenn Sie nicht wissen, was sie sind, im Grunde die H1, H2, H3 Struktur, denn so sagen Sie Google oder Sie sagen der Suchmaschine die Struktur Ihrer Seite. So zum Beispiel, Sie haben nur ein H1 pro Seite und das hat einen Titel der Seite der Person, die auf ein H2 schaut , wäre die zweite Hälfte davon und Sie bekommen die Idee, so weiter so weiter. Auch hier sind Chef-Instruktoren eher eine SEO-Sache. Wir müssen sie hier nicht wirklich zu sehr anfassen, aber es ist wichtig, dass Sie es wissen, und Sie werden nicht zu irgendwelchen benutzerdefinierten Attributen haben, und Sie werden nicht zu haben, was auch immer, außer Suchindexeinstellungen, weil Alles, was nicht wirklich wichtig ist. Und dann haben wir Style Manager. Wieder, Sie werden sich nicht zu sehr darum kümmern müssen, aber, und wir beide tun etwas, das am Ende eine Bereinigung genannt wird, wo f irgendwelche Klassen waren, von denen ich weiß, über die wir noch nicht gesprochen haben. Und wenn es irgendwelche Klassen gibt, verwenden Sie sie nicht. Wir putzen sie auf und werden die aktiven loswerden. Und dann das Solarpanel. Wenn Sie komplexere Interaktionen, Effekte und Einführungen wollen, wenn Sie etwas komplexeres bauen wollen, die Brennstoffe, die können ein bisschen mehr Zeit in Anspruch nehmen. Sie würden Interaktionen Panel wieder verwenden, das ist fortgeschrittener und komplexer und wir werden hier nicht wirklich berührt werden. Aber trotzdem ist es wichtig, dass Sie wissen, was es ist. Also ja, aber wirklich ist es. Also habe ich das Gefühl, dass das ein ziemlich guter Überblick über die Webflow-Plattform insgesamt ist. Es gibt ein paar Dinge, die wir tun müssen , damit ich hier und die Einstellungen später nicht berührt habe . Aber größtenteils sollte ich gut gehen. Ich werde näher auf bestimmte Aspekte eingehen, die hier erwähnt werden. Aber insgesamt, ja, ich denke, wir sind ziemlich gut zu gehen. Also lassen Sie uns weitermachen und unsere Marken-Assets für diese Website vorbereiten , bevor wir tatsächlich mit dem Aufbau beginnen. Okay, gehen wir zum nächsten. 9. Unsere Markenfarben: So, jetzt verstehen wir ein bisschen mehr über die Web-Plattform ist Zeit zu stoppen reden über eine Marke Vermögenswerte. Wenn Sie also anfangen, die Website vorzubereiten, das Sprichwort, dass Sie nicht tun, wenn Sie eine Website erstellen, normalerweise nicht direkt in den Designprozess. Das ist nicht die effizienteste Art, Dinge zu tun. Und Sie können oft feststellen, dass die Dinge länger dauern als die Hälfte, weil bestimmte Dinge, die Sie es zu Beginn des Prozesses nicht getan haben. Das erste, was ich immer gerne mache, ist, meine Markenfarben zu bekommen und zu verändern. Und die Website, die ich verwendet, um das als eine Website namens Mörder zu tun und tötet seine große für die Erzeugung von fade Gaumen. Es ist wirklich einfach zu bedienen und du kannst, ich werde nicht lügen. Sie können hier viel Zeit verbringen, indem Sie nur verschiedene Farben betrachten. Fangen wir also mit Januar an. Dann sieh mal, wie wir weitermachen. Okay, also können wir hier sehen, das ist Sanftmut und Kilo. Und du kannst damit herumspielen. Sie können tun, was Sie wollen, mit der Art von Farbschema, das ich für diese Tücher verwenden werde, die ich bereits weiß, wird eine einzelne Farbe sein. Also will ich keine Akzentfarben, ich will nur eine gute Farbe und dann werde ich eine Graustufen für all die anderen wichtigen Sachen verwenden . Also, was ich ihnen ein Gericht antun werde. Und dann werde ich das zu einer Graustudie machen. Ich gehe zu einem für Texte und dann zu einem für den Kontrast und Farbe. Und Fall, ich mache verschiedene Blöcke oder nur eine Sache, um ein bisschen mehr zu knallen. Also werde ich eine Farbe für meine Texte haben, die diese hier sein wird. Und dann werde ich einen anderen Code haben, den ich vor dem weißen Hintergrund verwenden kann , wenn ich tatsächlich möchte, viele Boxen sind unschuldig, aber ich möchte nicht, dass es so dunkel ist, dass es einen Kontrast verursachen wird. So sehr gründlich und mit dem Text. Also lassen Sie uns voran und wählen Sie die Farbe für unsere Texte. Wenn wir hier gehen und klicken Sie unten hex und wir klicken pecker, rechts dann, um wahrscheinlich hier zu haben, denken Sie wahrscheinlich, aber da, ich denke, das ist wahrscheinlich ein guter Platz für den Text. Ok. Also können wir das tun, und wir können das sperren. Und dann hier drüben will ich ein viel helleres Grau bis zum oberen Ende der Skala. Jetzt werden Sie wahrscheinlich nicht in der Lage sein, hier zu sagen, aber diese Farbe wird nicht viel verwendet werden. Und es ist so schwach, dass du es nicht einmal bemerkst. Aber was es tut, ist, dass es mir hilft, eine Differenzierung zwischen verschiedenen Teilen der Website zu schaffen und ohne zu viel ins Gesicht des Betrachters zu bekommen. Und es ist etwas, das der Betrachter nicht einmal bemerken wird. Aber das ist die Sache eines Designs, gutes Design als Anomalie von der Person, die es als schlechtes Design und Moses betrachtet bemerkt. Also weiß ich, dass wir bei diesem bleiben werden. Und Sie können sehen, dass es einen sehr leichten Unterschied zwischen dem Weg hier oben in der grauen Zone gibt. Also schließen wir das ein. Und wenn ich das umschalte, und wenn Sie die Leertaste verwenden, können Sie die Farbe ändern, wie Sie das sehen können. Also werde ich diese einfach weiter durchmachen, bis ich die Farbe finde, mit der ich zufrieden bin. Es ist also ein Juwel. Also wollen wir etwas, das wahrscheinlich ziemlich hell, ziemlich elektrisch ist. Nun, das ist eine ziemlich interessante Farbe, aber wahrscheinlich ein bisschen zu viel für einen Tag. Und hier, hmm, interessant, obwohl. - Ja. - Ich weiß es nicht. Ich glaube, ich könnte hier unten bei der hier unten bleiben. Vielleicht verbringen Sie die helle Seite, aber ich denke, ich könnte damit arbeiten. Eigentlich, ja, weißt du was, lasst uns einfach bei uns bleiben. Ich denke, es zeigt, was ich versuche zu bekommen. Also gehen wir mit dieser Farbe. Also lasst uns das einsperren. Und was wir tun werden, ist es einfach hier zu retten. Und ich werde es als dieses Gestaltungsbeispiel speichern. - Das ist in Ordnung. Speichern Sie das. Okay, unnötig, wenn ja, das ist eines der wichtigsten Dinge von Glocken und Ihrem Markengut so, dass wir unsere Farbpalette so einfach erstellen. Und ich weiß, es mag sehr einfach erscheinen, sehr simpel, aber manchmal, wenn man Marken und Farben macht, will man nicht, dass sie zu viel los sind. Sie wollen nicht, dass das übermäßige Farbe ist. Sie wollen nur etwas einfach und einfach auf die meisten Bereiche der Website anzuwenden. Also lass uns das weitermachen und als nächstes werden wir unsere Typografie picken. 10. Deine Schriftarten hinzufügen: In Ordnung, jetzt, wo wir die Farben kennen, die wir auf einer Website verwenden werden. Und das nächste, was wir als die Art der Schriftarten betrachten wollen. Wir werden also verwenden, was ein weiterer wirklich wichtiger Teil jeder Website ist , die Sie entwerfen. Und ich werde nicht so lügen, wie du das tust. Was ist wunderbar ist so viel einfacher und Vergleiche von WordPress wie es ist Nacht und Tag, ich finde es immer super, super schwierig, benutzerdefinierte Schriftarten innerhalb von WordPress zu bekommen, dass, wenn nur der Standard, den sie Ihnen von jemandem wie mir gab, Wenn ich das die ganze Zeit mache, macht es mein Leben zehnmal einfacher. Was wir also tun müssen, ist, dass wir zu Adobe-Schriftarten gehen müssen. Da gehen wir. Und wir halten das Killer-Tab für Laser offen. Aber ich werde mich hier schnell anmelden. Okay, das ist gut zu gehen. Was wir Preis Schriftarten messen werden. Also seien Sie anders für Sie, hängt davon ab, welche Art von Website Sie entwerfen. Weil ich das Fitnessstudio entwerfe. Wir wollen etwas Sauberes und es ist ziemlich mutig, nicht im Gesicht, nicht übertrieben, aber etwas, das sauber und modern ist und den Leuten sagt, dass es ein Fitnessstudio ist. Und was ich tun werde, ist durch die saubere gehen. Sie können hier sehen, ich werde einfach etwas hineinzoomen, nur damit Sie sehen können. Und das gibt uns eine Reihe von verschiedenen Optionen. Also, was? Ich werde gehen für? Einer von einem werde weit gehen. Lassen Sie uns Luxus versuchen, nicht einen, und es ist so und vielleicht geometrisch. Jetzt lass uns sauber gehen. Und ich will Serif, das ist wahrscheinlich ein guter Ort, um aufzuhören. Und sieh dir diese an. Also, was Sie finden, ist, ich meine, das sind alles nur Variationen der Lehre von abgestanden, von der gleichen Art der Schrift, aber sie sind definitiv falsch. Ich kann es garantieren. Also, ich schaue nur auf die, die mir auf der ersten Seite ins Auge fiel, dass ich denke, wir könnten diese hier benutzen, Proxima Nova. Und ich habe schon benutzt, ich will wissen, dass psi ist, aber ich denke, wir sollten einfach voran gehen und diesen einen Griff benutzen , den einen. Ich habe es schon mal benutzt. Ich weiß, dass es funktioniert, also lassen Sie uns einfach dabei bleiben. Und jetzt werde ich tun, wie schafft Projekte. Und was wir tun werden. Es wollte es nur Magnus Gym Beispiel nennen. Ok. Wenn Sie nicht auf Erstellen klicken. Und was wir dort getan haben, wie wir es getan haben, ja. Also, was wir hier getan haben, ist, dass wir Fälle ein Web-Projekte haben und die Schriftart für das Web-Projekt und das Web-Projekt mit verrückt schätzen , wie was in Webflow durchgesetzt wird, nur für den Fall, dass es nicht klar war. Also lasst uns auf Fertig klicken. Jetzt habe ich bereits eine Verbindung mit meinem Adobe Fonts-Konto hergestellt, also müssen Sie dies auch tun. Aber was wir hier tun müssen, ist zu den Einstellungen zu gehen. Wenn Sie also in die obere linke Ecke gehen, zum kleinen Hamburger und dann zu Projekteinstellungen gehen. Also haben wir nicht wirklich auf Einstellungen viel berührt und wir werden irgendwie definitiv sein, wenn hier. Und wie wir gehen alles gute Sachen hier drin, über die Sie wissen müssen. Aber wir werden nicht in Laser sagen gehen. Wir richten uns für Domain und so ein. Aber was Sie für Schriftarten tun möchten, wie es in den Schriftbereich geht. Und Sie werden hier sehen, offensichtlich haben Sie Zugriff auf Google-Schriftarten, wenn Sie eine von ihnen verwenden möchten. Ich bevorzuge nur die Flexibilität von Adobe-Schriftarten und Sie können irgendwie Zugriff auf Schriftarten erhalten, die Sie sonst nicht wirklich in der Lage wären. Wenn Sie benutzerdefinierte Schriftarten hinzufügen möchten, können Sie dies hier tun. Aber wirklich, wenn Sie mich isolieren, was Sie wahrscheinlich tun werden, ist die Verwendung von Adobe-Schriftarten. Also habe ich bereits mein Konto, wie Sie sehen können, und wir können Magnus Jin Beispiel hier unten sehen. Also werde ich darauf klicken und ich werde Änderungen speichern. Und was das tun wird, ist, dass es Proxima Nova importieren wird. Und so unsere Projekte. Und das war's. So einfach ist es. Es ist wirklich so einfach. Das einzige, was ich auch nicht angefasst habe, und er ist ein API-Token von Adobe. Alles, was wir tun müssen, ist die API von Adobe Stock zu sammeln und sie sind Token gespeichert. Und was APIs tun, alles, was tut, ist wie eine Überprüfung zwischen den beiden Anwendungen zu erstellen. Und es umgeht ein Sicherheitsniveau, das ihnen erlaubt, miteinander zu reden. Also haben wir die Schriftarten ausgewählt und das nächste, was wir tun müssen, ist unser Logo zu sehen, richtig? Ein weiterer wirklich wichtiger Teil war ein bisschen, wie wir aussehen werden. Also lassen Sie uns als nächstes darüber reden und beginnen, ein Logo zu entwerfen. 11. Ihr Logo entwerfen: In Ordnung, also das nächste, was zu tun ist, bevor wir tatsächlich wieder in Webflow gehen und anfangen zu hüpfen, wie unser Logo erstellen. Es gibt also ein paar gute Websites, die Sie verwenden können. Ich würde empfehlen, Ihnen nur ein paar Ideen und die Art der lokalen, die Sie vielleicht wollen. Der erste als Lookup. Und ich habe einen Blick auf ein paar Mal verwendet, es gibt mir nur einige gute Ideen und die Art des Logos und ich bin auf der Suche zu erstellen, und es gibt mir nur einige Waren, n sagen, n auf die Art von Logo, die ich wollen könnte. Also melde ich mich einfach schnell ein, weil ich bereits ein Konto bei ihnen habe. Und was wir tun können, ist, dass ich mehr Logo-Designs generieren werde. Und weil ich schon damals hier war, machte Elea etwas an der Bestellung, sagen wir mal, aber es sind Glocken. Es gibt bereits ein paar Vorschläge für Magnus Gym. Also lassen Sie uns das einfach so behalten. Scrollen wir einfach durch diese und werfen einen Blick. Okay, also gibt es offensichtlich eine Reihe von Anregungen, die uns gegeben haben. Ich persönlich bin nicht scharf auf irgendeinen von ihnen, aber was Sie bei uns finden, müssen Sie irgendwie auswählen und wählen, was Sie suchen. Also, wenn Sie es wie ein Spaß machen und hassen die Farben sind einige von ihnen Sie mögen das Symbol verhalten den Text kennen einige von ihnen. Vielleicht lieben Sie das Symbol und der Text verhält sich die Farbe, so dass Sie nur irgendwie wählen und wählen müssen. Und warum sollte ich nur sehen, ob es einen gibt, der wirklich rausspringt. Also wissen wir, dass unsere Farbe rot sein wird. Lassen Sie uns also nach Formen suchen, die funktionieren können. Das scheint daran interessiert zu sein. Viele gehen hier vor. Genauso wie das Gewicht. Eigentlich ging es voran und ich habe bereits ein Logo verbeugt, das wir benutzen könnten, aber ich will nur sehen, ob hier etwas anderes ist, das aus dem Arm springt. Ich weiß nicht, wie ich das empfinde. Und wie auch immer, der Punkt hier ist, dass Sie einfach durch das scrollen können und Sie weiter schauen können weit verschiedene Logos und Sie können so lange dauern, wie Sie wollen. Es ist irgendwie so, dass Kühler, Sie, könnte einfach hier sitzen, klicken und laden Sie mehr den ganzen Tag Blick auf eine Reihe von verschiedenen Logos. Einige davon sind interessant, aber was wir tun könnten, ist, dass wir einfach mit dem Logo bleiben, dem äußeren. Sie gingen voran und erschaffen diese, nur um zu halten, dass wir Schritt halten. Ja, ich mache sie einfach. Also, um Ihr Logo zu entwerfen, haben Sie ein paar Optionen. Sie können Adobe Creative Cloud verwenden oder Canvas verwenden. Wenn Sie schnell ein Logo erstellen möchten. Oder wenn Sie bereits ein Logo haben, vielleicht, vielleicht haben Sie Canva verwendet, vielleicht nicht durch empfehlen Canva für die meisten Leute, nur wenn Sie gestoppt werden, um diese einfach zu bedienen, ziehen Sie und lassen Sie all das gute Zeug. Also werde ich tun, ist ja, das ist das Logo, nach dem ich hier suche. Richtig. Also ging ich schon voran und verrückt die Seite von verschiedenen rot. Also lasst uns es zu den Roten ändern, die ich benutzen möchte. Kommen Sie zurück und lassen Sie uns das gut machen, Gewinne. Okay, versuchen Sie glücklich mit dem insgesamt die Sache. Ja, okay. Daran können wir einfach festhalten. Ich bin nicht so schneller als Knochen. Also, was wir wollen, ist, dass ich das ein bisschen größer machen will. Also kriegen wir den Knall für Dollar. Ich werde diese Dynamik beschneiden, damit es nicht wirklich massiv über die Größe und das Zeug ist. Und dann lasst uns herunterladen. Also gehen wir PNG wird Transplantation und Hintergründe Downloads. Und jetzt, da wir das getan haben, gehen wir zurück in den Webflow. Also, hier geht's. Es sei denn, ja, lass uns wieder hier reingehen. Gehen wir zurück zum Designer. Und wir werden dieses Logo hochladen. Und das sollte hoffentlich setzen ist nicht gut stat Websites beginnen, das gleiche zu entwerfen. Also lasst uns zu MGs gehen. Klicken Sie auf Uploads, weniger hier, öffnen Sie das. Okay, und wir können unsere Logos in ihren Taschen sehen. Nun, da wir ein Logo haben, nehmen Sie offensichtlich ein bisschen länger, weil Sie ein von Grund auf neu entwerfen müssen. Du musst Zeit damit verbringen, ein paar Ideen zu bekommen. Logo ist aufrecht wichtig. Stellen Sie also sicher, dass Sie Ihre Zeit damit verbringen. Stellen Sie sicher, dass Sie wirklich zufrieden damit sind, bevor Sie es auf Ihrer Website platzieren. Aber ja. Also das nächste, was wir tun müssen, und wir werden wieder in ein Web-Formular bekommen Glocken auf, dass stoppen , wie wir brauchen, um einen Style Guide zu bauen. Jetzt, wo wir Farben haben, haben wir Geld, wir haben unser Logo und wir müssen einen Styleguide erstellen. Und ein Styleguide wird Ihr Leben viel, viel einfacher machen, wenn Sie tatsächlich anfangen, auf dieser Plattform zu bauen. Also lasst uns im nächsten Video darauf hineinspringen. 12. Entwerfen deines Style: Okay, jetzt, wo wir eine Marke Farben haben, haben wir unsere Typografie oder Fonds und wir haben unser Logo. Es neigt dazu, voran zu gehen und einen Style Guide in Webflow zu bauen. Also, wenn wir zurück zu Webflow springen und wir werden eine Seite erstellen und wir werden einen Styleguide jetzt anrufen, falls Sie sich fragen, warum bleiben alle erhalten As und mögen, warum, warum kann ich einfach vorwärts gehen Gürtel die Website jetzt a1 wie das eine Rechnung zu bleiben ODER Tor. Dieser Tag wird mit ein paar Dingen helfen. Erstens, wird helfen, wenn Sie verschiedene Themen anwenden, die verschiedenen Teile Ihrer Website. Und weil was wir tun werden, ist, dass wir Klassen erstellen und ich werde genau erklären, welche Daten sind, während wir den Prozess durchlaufen. Aber die andere Sache wird es Ihnen helfen, so zu tun. Wenn Sie auch soziale Inhalte erstellen, wissen Sie, vielleicht machen Sie auch einen IPO-Markt. Wenn Sie das tun, wenn Sie verschiedene Marketing-Methoden verwenden, wo Ihre Marke gilt, wird der stabile Gewinn Ihnen helfen, Ihre Marke konsistent über alle verschiedenen Plattformen zu halten , die der Urin, aber vor allem wird wirklich , um Ihnen in Webflow zu helfen und Ihnen viel Zeit und Energie zu sparen. Lassen Sie uns also voran und erstellen Sie eine neue Seite. Und wir werden es Styleguides nennen. Und das ist alles, was wir tun müssen. Sie müssen nichts gegen SEO tun. Sie müssen sie nicht mit Open Graph diagnostizieren, aber es gibt eine Sache, die Sie tun müssen. Wenn Sie also bis zum Ende dieser Seite scrollen, haben Sie benutzerdefinierte Codes und Sie haben NSA-Kopf-Tag und ein Body-Tag. Und du brauchst ein bisschen Codes. Du brauchst ein bisschen Code. Damit diese Seite nicht von Google indiziert wird, weil der Zweck dieser ist, intern in Ihrer Studie verwendet werden. Der Zweck davon ist nicht, dass es von Google indiziert wird. Du willst nicht wirklich, dass es jemand sieht. Also diese Seite habe ich gerade hochgezogen, es sollte nicht Google Search Console selbst. Und wir wollen ein No-Index-Tag verwenden. Und das sagt Google im Grunde, dass diese Seite, die wir betrachten, nicht von ihnen indiziert werden sollte. Wir wollen nicht, dass es indiziert wird. Also, was wir tun werden, ist, dass wir diesen Code hier kopieren, ihn kopieren und zurück zu Webflow gehen. Und wir werden das Endkopf-Tag einfügen, okay? Und das war's. So wird das Google Crawl auf dieser Seite stoppen und ich werde nur Google jede Suchmaschine. Es wird jede, jede Suchmaschine gekauft Crawl auf dieser Seite und Indexknoten stoppen. Wenn wir das getan haben, drücken wir „Erstellen“. Jetzt haben wir unsere Styleguides. Was wir also mit der Heckklappe machen werden, ist, dass wir im Grunde das Thema unserer Website aufbauen werden. Und nur um ein wenig von einem Vergleich hier zu geben, wissen Sie, wir werden über WordPress reden ziemlich viel auf Welle für Sie im Grunde erstellen Sie Ihr eigenes Thema. Es gibt kein Wordpress, wo man einen auswählt. Sie können Vorlagen für Layer und den Typ der Struktur auswählen, dem die Website folgen soll. Aber wenn es um Themen, Schriftarten, Farbe, Design, Animation, solche Sachen geht. Wir müssen Styleguide bauen, damit das der Fall ist. Die Art und Weise, wie ich Web-Floors beschreibe, ist es im Grunde als keine Codeentwicklung dies zu mögen, das am nächsten ist, wenn Sie Codierung bekommen, ohne tatsächlich Mäntel machen zu müssen, okay? Weil die Grundlagen dieser Plattform aus als Schließung gebaut wird. Und das ist die Wahrheit. So wie wir das auch tun werden, müssen wir einfach mitverfolgen, was ich tue. Hier. Ich bin die gleiche Sache wie abhängig davon, welche Schriftarten und Farben Sie verwenden. Es kann etwas anders sein. Machen wir einfach einen Abschnitt. Und dann werfen wir rein, ich werfe hier vorerst einen Behälter. Ich werde über meine Tricks mit Containern Laser sprechen. Und das erste, was wir tun werden, ist, dass wir, Entschuldigung, die Überschriften spült, das wird die primäre Sache sein. Also lassen Sie uns diese einfach hier hinzufügen. Wir werden sechs von ihnen hinzufügen. Ok? Und dann fügen wir unter jedem einen Absatz hinzu. Ok? Also lasst uns reden, eine, die wir hier benutzen werden, wird unsere H1-Überschriften sein. Dies ist also der Titel, der oben auf jeder Seite verwendet wird. Und 40 H1 wollen wir tun, vor allem eine Sache. Das ist also schon markiert. Aber bevor wir anfangen, dies zu bearbeiten und machen es ein Ende der Fehler und machen es reflektieren die Marke, die wir erreichen wollen. Wir wollen eine Klasse geben und wir wollen es nennen, ich werde es einfach nennen. Ja, das reicht. Wir werden es als grundlegendes Alter 1 nennen. Klicken Sie auf Erstellen. Jetzt, was ich gerade getan habe, ist etwas zu schaffen, das eine Klasse genannt wird. Und der beste Weg, wie ich eine Klasse als eine Reihe von Markenfeatures oder Marken-Themen beschreiben könnte, sind entworfene Funktionen, eher dass Sie sich auf ein bestimmtes Wort auf Ihrer Website bewerben , das unabhängig von allem ist, was diese Klasse nicht hat. So kann ich diese Klasse auf alle Arten von verschiedenen Elementen anwenden, alle Bearbeitungen, die ich hier mache. Also H1 mit dieser Klasse, solange ich diesen Teller anwende, welche über mein Wort, das gleiche Thema, werden die gleichen Designprinzipien angewendet. Und das ist ein entscheidender Punkt. Also haben wir grundlegende H1. Und was ich hier tun werde, ist das, ist so gut, dass ich weiß, dass Sie verwenden können, die helfen, Ihre Überschriften zu dimensionieren. Also Web sagen, ich denke, das ist eine richtige. War das nicht. Gib mir zwei Sekunden. Sie können wirklich jede von diesen verwenden. Es ist nur eine persönliche Vorliebe, aber es gibt eine bestimmte, die ich sehr nützlich finde. Und es war dieser hier. Nein, ich glaube, es war derjenige, der gerade darunter lag. Das ist eins. Ja. Ich mag dieses sehr, wenn ich es benutzen würde. Ok. Also, was du hier tun wirst, wie du deine Körpertext-Schriftgröße setzen wirst, empfehle ich dir, die 18. Und das Minimum wirklich für Ihre Website sollte 16 sein, indem Sie immer async empfehlen, weil es nur gut für Benutzerfreundlichkeit und Zugänglichkeit und sicherstellen, dass jeder lesen kann, was auf Ihrer Website ist. Und dann, wenn Sie die n setzen und das wird Ihnen sagen, was alle anderen Kopf Schneidezähne sollten über verschiedene Haltepunkte und basierend darauf sein, basierend auf dieser Absatzgröße. So können Sie hier sehen, weil meine Körperschriftgröße 18 sein wird, sagt im Grunde, dass mein H1 auf dem Desktop 54 sein sollte. Es sollte fallen die 45 auf Tablet und dann 36 auf Handy. Gehen wir also zurück und wenden einige davon auf unser H1 an. Also das erste, das wir haben, ist 54. Also werde ich die Größe dieser Liste machen. Wir müssen zur Typografie gehen. Also lasst uns all diese Schulen in Typografie zusammenbrechen. Wir können sehen, dass es ein 38 China ist. Also lasst uns das FST für COPD machen. Wir haben die Größe vergrößert. Und warum würde es nicht hören? Lassen Sie uns es einfach in die Schriftarten ändern, Schriftart spawn, die wir wollen. Und schauen wir uns die Farbe an. Das war also eine Farbe, die wir vielleicht dem, der schon hier ist, ziemlich ähnlich sein wollen . Ok. Einfach etwas anders, aber ziemlich auf der gleichen Linie. Ok. Also haben wir das getan und jetzt wollen wir sicherstellen, dass die richtigen Schriftgrößen gelten. Es sind all diese verschiedenen Haltepunkte. Wenn Sie also die Skala hinaufsteigen, wenn Sie dem Bettler näher kommen, einem Haltepunkt, ist es nicht wirklich wichtig. Die einzige ist wirklich wichtig, die Größe der Haden und die ganze Sache nach unten skaliert, wenn Sie auf kleinere Geräte gehen. Also, was wir hier tun werden, ist, dass wir auf die Tafel gehen. Wir nehmen die Tablette Nummer 45. Und wir werden es hier anwenden. Okay, keine Skala, die nach unten. Und dann gehen wir zum H1 Mobile 36. Und wir werden 36 sowohl auf das horizontale Handy anwenden. Ich bin nur ein normaler Volvo will sich in Ordnung, Gewinne. Also, das ist eine leise, Es ist im Grunde eine IB Scale-up. Sie können sehen, dass es konsistent bleibt und wir bleiben effektiv für, wie wir den ganzen Weg hier oben gehen. Richtig? Also, jetzt wollen wir zu H2 übergehen. Also werde ich dieses grundlegende H zwei nennen. Okay, also wollen wir den gleichen Prozess noch einmal durchlaufen. Also lasst uns diese Topographie machen, bringt ihr es zurück zu Proxima Nova. wir sicher, dass wir die richtigen Farben verwenden. Wie bereits erwähnt. Kümmere und endlose gehen hier rüber. Also für Hedge to Desktop, wir schauen uns Farsi eins an, Schweden, richtig? Es sei denn, du kennst diese Fähigkeiten. Also werden wir Sie zwingen, voraussehen 1, 36, dann 29, Backup, SAP wieder, eine Stufe drei, zurück auf 0. Nichts, was ich vergessen habe zu erwähnen. Das hier, ich habe vergessen, hier eine Klasse hinzuzufügen. Und das ist eigentlich ein guter Punkt. Wenn Sie keine Klasse erstellen, bevor Sie Entwurfsarbeiten an einem Element durchführen. Der Workflow weist automatisch eine Klasse zu, aber Sie können den Namen der Klasse an jedem Punkt ändern. Und so wird dieser nur Kopf zugewiesen. Also werde ich das ändern und ich werde das eine grundlegende H3 nennen. Und eine andere Sache darauf hinzuweisen, wenn Sie machen, wenn Sie eine Klasse machen und Sie es grundlegende HCI nennen, ist besonders für Titel. Es wird sich nicht automatisch ändern, die Bewertung hier drin. Also zum Beispiel, ich glaube nicht, dass es hier drauf ist, der als H zwei markiert werden sollte. Und dieser hier sollte als H3 markiert werden. Ok? Das wird dir wirklich helfen, ein bisschen. Okay, jedenfalls, ziehen wir nach H4. So einfach h4. Ok? Und jetzt können Sie die H4 sehen. Wenn wir 20 sind, fangen die Dinge an, ziemlich klein zu werden. Und eigentlich werde ich wahrscheinlich nicht an H4 und an dieser Instanz vorbei gehen, und ich glaube nicht, ich kann mir nicht vorstellen, dass wir mehr als eine Seite verwenden werden wenn wir auf der Website gebaut sind. Also lasst uns das behalten. Wir haben die grundlegende h4 genannt. Wir möchten sicherstellen, dass es als h4 markiert ist. Zurück hier drüben. Mal sehen. Ich stelle mir vor, ja, sie werden alle 20 bleiben, egal ob ich runterfalle, gehen wir. Okay, gut, gut. Also lasst uns einfach nur verwenden, weil wir diese nicht mehr brauchen. Ich glaube nicht, dass wir sie brauchen, aber nichts, was wir tun wollen. Ich würde gerne hier tun. Also, was wir tun wollen, ist den Absatz zu bearbeiten und ich werde Ihnen raten, was hier zu tun ist, aber wir wollen nur diese Klasse Basic Paragraph nennen. Wieder werden wir seine ungefähre ANOVA ändern. Wir werden die Größe 18 machen, wie wir gesprochen haben. Okay, cool. Wie Sie dort sehen können, weil wir die Größe des Textes und dieser, und dieser Absatz erhöht haben, ohne tatsächlich die Höhe zu erhöhen. Es sieht ein bisschen lustig aus. Es sieht eng und kondensiert aus. Wenn es darum geht, die Größe zu senden, ist weit. Ihre grundlegenden Absätze. Warum würde als Erhöhung der Heu raten? Ändern Sie es in Prozentsatz. Und dann wirst du irgendwo zwischen 125%, 165 suchen. Normalerweise würde ich gerne etwa 145 gehen, was ja, damit kann ich leben. Das sieht gut aus für mich. Ja. Das kann ich noch hinzufügen. kann ich leben. Das sieht gut aus. Ich denke. Mal sehen, wie es bei 16 aussieht. 5 eigentlich ist, so können Sie irgendwie spielen mit in der Regel. Ich meine, du willst nicht, dass es ins Weltraum schaut. Es sieht einfach nicht aus, weißt du, es ist einfach nicht leicht für das Auge. Sie wollen einfach nur Raum aussehen, so dass es nicht wirklich Trends aussieht, das ist es, was wir tun. Also denke ich, das ist fair. Ich denke, das ist ein guter Anfang. Ich versuche nur zu glauben, sie würde 17 oder 16 gehen. Vielleicht für diese Website, Ich denke, wir können für eine gehen 16, tatsächlich, 16 px in Bezug auf grundlegende Absatz, Hey, Ich denke, das könnte besser geeignet sein. Also gehen wir 65, und hey, 69 Größe. Ja, wie ich sagte, ich meine für Lügendetektorhöhe, du musst wirklich nehmen, wie es kommt, manchmal werden Schriftarten etwas anders aussehen, wenn du verschiedene Schriftarten mit ihnen verwendest. Und das ist, wo wirklich die Größe und Gerechtigkeit. So eine Sache kann, für diese, wie es bei 16 bleiben wird. Und wir haben unseren grundlegenden Absatz definiert. Lassen Sie uns diese Farbe einfach schnell kopieren. Okay, gut. Damit bin ich ziemlich zufrieden. Ich denke, was wir tun werden, ist, dass wir diese Klasse einfach auf all diese Haden anwenden diese Klasse einfach auf all , nur damit Sie eine Idee bekommen können, wie sie mit verschiedenen Haden aussehen. Und dann werde ich markieren, dass dies die Überschrift eins ist, auf die Rubrik drei und dann vier. Ok. Damit bin ich ziemlich zufrieden. Ich denke. Ja, da fühle ich mich gut. Also, was wir jetzt tun werden, das ist das, das ist das wichtigste Zeug. So wie ich vorher gesprochen habe, bedeutet das, dass Sie im Grunde dieses grundlegende H1 nehmen können, das Sie kopieren können, und Sie können es auf andere Orte auf der Website anwenden. Und der Styleguide bleibt der Kern dessen, worum es bei diesen Klassen geht. Jetzt haben Sie etwas, das Combo-Klassen genannt wird. Wenn Sie jemals eine dieser auf einer bestimmten Seite ändern müssen, weil die Farbe nicht richtig ist oder so etwas. Und ich zeige dir, wie man das macht, Lisa. Aber das ist das Wichtigste. Aber das ist das Wichtigste. Jetzt. Jetzt haben wir den Text oder die Art und Weise, die eine der Kernkomponenten war. Eine Sache, die wir tun wollen, um, wie Knöpfe hinzufügen, okay, also lass mich hier zurück gehen. Ich ziehe über einen Knopf und wir wollen ein Design für 40 Tasten finden, richtig? Wir wollen, dass ein Knopf einer Marke widerspiegelt. Wir wollen auch für n. Also, was ich hier tun werde, ist, dass wir eine Art Topographie an dieser Stelle sind und wir werden mehr von seiner Größe, Hintergründe und Grenzen suchen. Also, was ich möchte, dass meine Schaltfläche sagen, die meisten Tasten sagen Learn More Standards. Und ich möchte, dass der Text offensichtlich Proxima Nova ist. Ich möchte, dass der Hintergrund schön ist, rot, den wir ausgesucht haben. Und bewegen Sie das zurück. Lasst uns in die Hintergründe gehen. Alles klar, Sweet. Ok. Jetzt, wie Sie sehen können, sieht es immer noch ein bisschen aus. Ich bin, als wäre es nur ein einfacher Knopf, oder? Lassen Sie uns den Text fett machen. Wir werden die Grenzen machen, aber Kurven jetzt können wir entweder, entweder Pille es re n, also sieht es ein bisschen mehr so aus oder wir können es einfach immer so leicht haben. Für mich, dafür denke ich, dass wir das behalten werden, denke ich, dass wir ausfüllen können. Aber weil wir das getan haben, müssen wir wieder auf die Größe gehen, keine Größe. Also habe ich jede SQL zu Abstand. Es bedeutet, hier einen Lub und mehr Polsterung zu den Rändern hinzuzufügen. Ich denke, vielleicht Diebstahl sagen ja, ich denke, das ist eine vernünftige natürlich wissen, vielleicht 21 Sache, die Sie finden, wenn Sie das durchmachen ist, dass Sie ein Flugzeug über eine Menge darin spielen werden. Wir versuchen herauszufinden, was das Beste ist. Also denke ich, das ist angemessen. Und eine andere Sache, die wir tun wollen, ist, dass wir es nicht ein bisschen mehr knallen lassen wollen, aber wir wollen diese harten Kanten glätten. Wir haben die Größe davon ausgeführt. Ähm, ich denke, es sieht gut aus. Ich könnte wahrscheinlich das benutzen und mich damit einverstanden fühlen. Aber eine Sache, die ich gerne tun würde, als wenn wir zu Effects gehen, wir haben eine pastöse, fügen einen Box-Schatten, richtig? Klicken Sie also auf das Plus. Nicht so grundlegende Absatz also, nein, ich will, möchte ich auf den Knopf. Ok. Nun ist die Sache darüber, wenn Sie Bulk-Schatten hinzufügen und Sie nicht wirklich wollen, dass sie auffällig sind Platte, über die wir wieder gesprochen haben, wissen Sie, gutes Design ist Design als Oozyste. Das ist der Grund, warum ich sagen würde, wir wollen, wir wollen sicherstellen, dass unsere Benutzer sich nicht so fühlen werden, wie es nicht ganz richtig aussieht. Also wollen wir die Distanz nehmen. Ich sollte wissen, dass wir eine Sache hinterlassen können, von der ich denke, dass ich gehen kann. Sie können es bei einer Unschärfe auf dem erröten lassen, um ziemlich hoch zu sein. Aber wir wollen, dass die Größe ziemlich klein ist. Ok. Du willst diese Nasen nicht benutzen und das war irgendeine Art von Unschärfe da. Und wir wollen nicht schwarz, wir wollen es vielleicht in den gleichen Grauton ziehen, den wir auf dem Text verwenden. Ok. So können Sie vielleicht nicht bemerken, dass Sie tatsächlich wissen, dass Sie gemacht haben. Das sind sehr, sehr leichte Unschärfe um diesen Knopf. Das macht es ein wenig mehr auffallen, gibt viel mehr Textur. Und, aber nicht so sehr, dass es jedem im Weg steht, der es ansieht. Ich fühle mich nur unwohl auf dem Auge. Das ist der Punkt, den ich ansprechen würde. Das ist also ein Knopf, damit wir das kopieren können. Oh, das letzte, was wir der Klasse geben müssen, also werden wir diesen einfachen Knopf nennen, richtig? Und wir können diese Klasse auf jede andere Schaltfläche anwenden, die wir hinzufügen. So Website auch. Also lasst uns das einfach kopieren. Eigentlich, nein, wir können es duplizieren und wir können nur sehen, wie das aussieht und andere Bereiche. Und ich weiß, was du denkst. Was ist der Abschluss? Ja. Ich meine, sagen Sie Ihrer Marke wie die Sache, die Azure-Marke entwickelt, können Sie diese Seite verwenden, um verschiedene Aspekte davon zu entwickeln. Also zum Beispiel, wenn ich möchte, dass du hier eine Akzentfarbe hinzufügst, möchte ich, dass du verschiedene Sachen machst und ja, ich hatte all diese verschiedenen Farben los und vielleicht wollte ich noch einen Spaß hinzufügen. Dies ist der Ort, an dem ich die Arbeit erledigen würde, um das zu erreichen. Jetzt, wo wir den Knopf haben, haben wir den Text, ich bin ziemlich hoch, ziemlich glücklich mit ihnen. Ich mache zwickt den Knopf wieder. Ich könnte den Knopf vielleicht noch mal anpassen, aber abgesehen davon denke ich nicht, dass ich viel tun werde. Also, jetzt ist das letzte, was wir hier tun wollen, offensichtlich nur zur Benutzerfreundlichkeit ID dann ein Abschnitt hier. Ich habe keinen Webflow-Standardcontainer, ich werde Ihnen hier zeigen, hat tatsächlich den Abschnitt und den Container Gürtel. Denn wenn Sie diese höheren Haltepunkte verwenden, wie wir gesprochen haben, haben Sie tatsächlich ein bisschen klar darüber, also spielt alles gut. Lass mich jetzt darüber reden. Also, was ich tun will, als ich dort in einen tauben Block ging, jetzt bin ich irgendwie rückwärts konstruiert und das stimmt. Wenn du es baust, bist du nur ein Abschnitt und dann hast du einen toten Blog-Veranstaltungsort Seiten und Sachen, die ich damit hätte führen sollen. Verzeihen Sie mir. Aber das werden wir tun. Ich ziehe das in den Block. Also werde ich alle diese Elemente in die Sackgasse ziehen. Also sollten sie alle einfach ziehen und einfach so, ziemlich zeitaufwendig, aber wir werden dorthin kommen. Okay, beachten Sie, und jetzt möchte ich nur verschieben, dass das blockiert und ich will den Container nicht wegwerfen. Jetzt können Sie sehen, dass, wenn ich den Deadlock hatte und wie ich von einem Like sprach, es keinen Unterschied zwischen einem Deadlock in einem Container gibt und der Container nur ein Dev-Blog ist. Der Webflow wird mit ein wenig gespielt. Aber was ist dieser Abschnitt, während ich tun will, ist, dass ich dem heute eine Klasse geben will. Ich möchte es einfach nennen. Ja, ja. Grundlegende kann nicht klar buchstabieren. Grundlegender Abschnitt. Und in Bezug auf das Layout möchte ich zu dieser Box auf der rechten Seite gehen, wie wir zuvor gesprochen haben. Ich will, dass es Vesikel und I1 ist. Ja, das will ich da. Nein, ich werde nicht, das werde ich nicht mögen. Weißt du, ich ging da raus und das ist alles, was wir wollen. Okay, Also, während Glück, in diesem Abschnitt, werden wir skalieren unabhängig davon, welche Größe die Geräte, die ein Benutzer betrachtet. Was die Deadlock Dinge etwas geändert haben und ich werde jetzt darüber reden. Also, was wir tun werden, ist zu def Block zu gehen. Ich werde diesen einfachen Container nennen. Was wir jetzt tun wollen, ist, das so zu lassen. Dann wollen wir in Bezug auf die Weds unsere Max Weds auf die Breite eines Basis-Haltepunkts setzen. Also wollen wir eine maximale Breite 11, 7, 8 sein. Und wir wollen sein Lassen Sie mich sehen, wo wir bei 99 sind. Und dann werden wir die tatsächlichen Gewichte einstellen, um zu sehen, was das ist? Hunderte. Ok? Und dann, was wir auch tun wollen, ist mit Padding, Sie wollen nie wirklich Elemente hatte nicht die Seite der Seite so. Also, was Sie tun wollen, ist Polsterung auf jedem hinzufügen, sagen Sie wahrscheinlich Furz, sagen Sie ja, ja. Ja, ja, fangen wir mit FAR an. Du wirst sehen, wie wir weitermachen, du kannst immer zurückkommen und das ändern, wenn du deine Meinung änderst, aber ja, wir sind weit davon entfernt. Und dann, wenn wir nach oben gehen, okay. Du kannst es jetzt nicht wirklich sehen. Aber das sollte ich hoffentlich nur sie lassen. Ich werde etwas verkleinern und Ihnen hier zeigen. Ok. Richtig. Also, wenn Sie das sehen können, was passiert, ist der Abschnitt, wie ich nach oben gehe, während ich herausgehe, der Abschnitt nimmt zu. Der Abschnitt nimmt in der Breite zu. Aber die Art und Weise, wie ich diesen Abschnitt so eingestellt habe, hält die a den grundlegenden Container zentriert, unabhängig davon, welche Größe der Abschnitt als. Und weil wir diese Einschränkungen um Hypha festgelegt haben, kann der Container ausgehen und es wird sich nicht zu weit strecken, wenn der Bildschirm größer wird. Dies ist eine häufige Sache, die Sie auf den meisten Websites sehen, weil sie es nicht tun. Denn was passiert, ist, wenn Sie etwas perfekt auf diesem Basis-Breakpoint 0 entworfen haben. Und nur für die Grundmaße einer Website, wenn Sie sie herausziehen, verlieren Sie all das tolle Design, all die tollen Sachen, die Sie damit gemacht haben. Also ist es am besten, nur Dinge Sensor zu halten, um alles an Ort und Stelle zu halten. Und deshalb machen wir das. Also bin ich ziemlich glücklich damit. Das ist der Trick, wenn es um Container geht. Also jetzt haben wir unseren Grundabschnitt und haben einen Basiscontainer. Wir haben unsere grundlegenden Überschriften und wir haben einen grundlegenden Absatz. Und ich bin generell zufrieden damit, wie es aussieht, wenn ich ehrlich bin. Ok. Also denken wir vielleicht: Nun, nein, ich habe irgendwie veraltete Führung und Spiel. Nun, das nächste, was wir tun müssen, ist, dass wir fortfahren und unseren Header unter FIFO erstellen müssen . Und das ist es, was ich als Nächstes weitermachen werde. Und was wir tun werden, ist, wenn etwas auftaucht, wir werden denken, dass es angemessen ist, und das ist der Grund, warum ich normalerweise tue. Normalerweise beginne ich damit als mein Atelierblick. Und wenn ich denke, dass etwas anderes führen muss, ist er hier drin, zum Beispiel, sagen wir eine 10, ich kenne keinen Endpunkt des Knopfes, oder? Das gibt es nicht. Es sieht ein bisschen anders aus als das passt zu einer anderen Art von Design. Und ich komme zurück und entwerfe einen anderen Knopf mit einer anderen Klasse. Und du kannst das für alle möglichen Dinge tun, oder? Ja, jetzt werden wir die Kopfzeile entwerfen, was ein wirklich wichtiger Teil ist. Und dann entwerfen wir die Fisa. Und dann werden wir anfangen, die Leerzeichen auszufüllen und ich werde sagen, dass es gut aussieht. Okay, das ist also ein großer aus dem Weg. Gehen wir zum nächsten. 13. Deine Sitemap erstellen: Okay, jetzt, wo wir bleiben ODER Tore gebaut haben, ist es Zeit, tatsächlich zu beginnen, die Köpfe zu bauen, sind ein Offizier einer Website. Aber bevor wir das tun, Es gibt ein letztes, was bedeutet, ist ein Gürtel, eine Sitemap und Seiten und Audra. Und manchmal kann dieser Schritt im Prozess übersprungen werden. Es hängt von der Größe der Website ab, die Sie erstellen. Und durch Licht, um dies ohnehin, nur weil ich weiß, dass Sie in einer größeren Website gebaut werden könnte, war mehr Seiten und F, Also, dass nece, vielleicht etwas, das Sie in Betracht ziehen möchten. Jede Website wird also etwas haben, das als Sitemap bezeichnet wird. Und eine Sitemap als Google-Weg sogar Chatbots in der Struktur Ihrer Website und welche Seiten wichtig sind. Nun, Sitemaps sind nicht nur dafür, obwohl es gibt alle Arten von Hilfe, die Sie verfolgen welche Seiten in einem mehr Seiten bauen würden, sind wichtig für Sie. Warum also normalerweise, ich benutze normalerweise nur uns, um Kleber-Maus zu nennen, aber Sie können auch die wie Lucidchart als Namen verwenden. Ja, du kannst Lucidchart benutzen. Ich habe Lucidchart und die Vergangenheit benutzt, und sie sind wirklich gut, wenn du versuchst, diese Art von Sachen zu bauen. Lassen Sie uns nur visuelles Drahtmodell, aber das ist, warum es Spalte ist. Und das ist es, was Sie tun, wenn Sie eine Standortübersicht erstellen. Also die Seiten, die wir haben werden, wenn wir irgendwie diese als eine Hierarchie erstellt werden, während die Homepage die über Seite hat. Und wir werden auch eine Menge von Dienstleistungen Seite wird eine Preisseite für verschiedene Pakete haben. Und die letzte, die wir als Kontaktseite haben werden. Also lasst uns das einfach reinpacken. Und jetzt haben wir 15. Ja. Also, das ist ungefähr so groß wie eins. Wir haben fünf Seiten Webseite und ich kann damit leben. Also, was wir damit machen wollen, jetzt, wo wir unsere Sitemap haben, wie Sie diese speichern können, können Sie es herunterladen, tun, was Sie wollen. Und Sie haben Bettler-Website, wie ich schon sagte, dann wollen Sie wahrscheinlich wissen, dass irgendwo oder halten Sie den Haufen, wissen Sie, ein aktives Dokument über Glanz veraltet wir hier haben und fügen Sie es einfach zu jedem und wieder, wenn sich die Dinge ändern, viel mehr Klarheit über den Inhalt Ihrer Website und das Wichtigste für Sie. Also, jetzt, da wir unsere Seiten kennen, Gehen wir zurück zu Webflow und eine letzte Sache, Wipe Flow wird tatsächlich Website-Sitemap für Sie generieren. Also die eine, die Google liest Whisfore wird automatisch generieren, dass für Sie, so dass Sie sich keine Sorgen über etwas anderes als das tun , wenn es um Ihre Site-Karte geht. Und das ist nur, um dir zu helfen. Also, wenn wir das getan haben, springen wir wieder rüber. Also Webflow, und wir werden nur schnell unsere Seiten erstellen. Also haben wir unsere Styleguide, die nicht Index waren, und dann werden wir eine neue Seite erstellen. Also lassen Sie uns das hier nennen. Nochmals, lasst uns notieren, was ich SUR habe so etwas im Moment, lasst uns einfach diese Seiten erstellen. Also haben wir die Webseite. Als Nächstes gehen wir für Dienste. Lassen Sie uns das schaffen. Wir werden Preisgestaltung haben. Wir werden Kontakte haben. Und wir werden eine Kontaktseite haben. Okay, großartig, also lasst uns sie erschaffen. Und lasst uns einfach die Apollo-Band säubern. Stellen Sie sicher, dass der Styleguide nicht und die Art und Weise ist. Alles klar, großartig, jetzt haben wir alle unsere Seiten und das war's. Also der Grund, wieder, nur um zu betonen, der Grund, warum Sie wollen, um zu sparen. Der Grund, warum Sie eine erstellen wollen, ist, wenn Sie eine Bettler-Website haben, wenn Sie mehr Seiten haben, das ist, warum Sie wollen eine, weil Sie wollen, um den Überblick über die Dinge zu behalten. Möglicherweise möchten Sie CFS und Seiten in Ordnern kaufen. Also ja, wenn Sie eine größere Website bauen, dann empfehle ich definitiv, eine Sitemap zu erstellen. Aber mit dem Gesagten, lasst uns aufknacken und weitermachen, unseren Header zu bauen. 14. So baust du deine Navbar: Okay, jetzt, wo wir unsere Seiten erstellt haben, haben wir unsere Sitemap und all das Zeug. Und jetzt wollen wir weitermachen und die Navigationsleiste und die Fissur erstellen. Und dieses Video, wir werden nur auf den Kopf der Navbar schauen. Und wir werden darin eingebaut werden. Und ich werde Ihnen Schritt für Schritt zeigen, wie das geht. Du kannst wirklich all diese Sachen in jeder Reihenfolge machen, die du willst. Ich denke nur, dass es am besten ist, die Navbar in die Eingeweide des Weges zu bringen. Und vor allem, weil sie Symbole sein werden, es Dinge geben, die auf jeder Seite der Website erscheinen. Und es ist ein faires Stück von Design, was Sie tun, den Weg, wenn Sie beide getan haben, ich finde nur, dass gute Weg, um das Workout-Video zu brechen und es funktioniert für mich. So kann es für Sie funktionieren. Also muss ich das tun. Was wir tun werden, ist, dass wir zu dem Pluszeichen oben gehen. Ich werde mich hier rüber stellen. Und wir werden nach unten scrollen. Und du wirst Navbar sehen. Und wir werden das hier hochziehen. Okay, denken Sie daran, wenn ich über Container gesprochen habe und wie sie ein bisschen lustig sind. Diejenigen, die Webflow Ihnen gibt, was dieser Container, Sie sind auf diese Vermählten von Container beschränkt. Und das wollen wir nicht. Wir wollen den Raum auf der linken und rechten Seite nutzen können. Und jetzt, um das zu tun, müssen wir über Othello Bett Affen , bevor wir anfangen, all das Design von Sachen damit zu tun, wollen wir unsere Strukturen an Ort und Stelle bringen. Also hat es nicht navbar. Wir haben den Container, wie Sie auf dem Navigator auf der linken Seite sehen können. Und dann sagen, dass wir Markenfunktion haben und dann haben wir tatsächlich gegangen Nav Menü war unsere nav Links und zitieren Sie es. Und dann haben wir eine Menü-Taste, die angezeigt wird, wenn wir auf mobilen Geräten sind. Aber was ich hier machen möchte, ist, dass dieser Behälter die Nahrungsnetze ist. Nun, ich will nicht mit diesem Container damit auffeln, weil es mich nicht lassen wird, es ist auf neue Städte beschränkt, was es tun kann , und es wird mich nicht das Gefühl geben, dass das die volle Breite ist. Also, was ich als Ticket tun wollte, dass blockieren, werde ich das in den Container ziehen. Und ich frage mich, ob all diese Dinge und sagen, dass Diblock und wir werden umbenennen und eine zweite bösartige ziehen alle von ihnen und ich werde das herausziehen. Und dann werden wir die Container Insights wegwerfen. Okay, und jetzt sieh dir das an. Wir haben eine volle Breite und was wir hier tun werden, ist, dass wir diesen Def-Block Nav-Bar-Container nennen. Okay, toll, also haben wir dieses Glas erstellt, das nur eine andere Art von Container ist, weil das, was wir nicht wollen wie die Einstellungen und die Strukturen, die wir auf verschachtelten Block setzen werden, sich von einem grundlegenden Container, so dass wir sie nicht vermischen wollen. Jetzt, wo wir das haben, machen wir einfach ein paar Dinge. Also viel von der Arbeit, die Sie mit der Navbar und der Fisa tun werden. Und der Grund, warum es ein wenig zu einer Zeit dauern kann, ist, weil Sie versuchen, die Strukturen zu schaffen, die es ermöglichen, reagieren. Wir sprachen davon Reaktionsfähigkeit und Haltepunkte. Wir möchten, dass eine Website richtig skaliert wird. Und damit es richtig skaliert werden kann, müssen wir einige Einschränkungen für bestimmte Schließungen und Haltepunkte setzen , damit es richtig funktioniert. Weil für diesen Basis-Breakpoint, werden Sie feststellen, dass es für eine Reihe von Geräten angewendet wird, sind klein und größer k und die Navbar wird drücken Enter und es wird herausgezogen. Und das wollen wir erleichtern. Wir möchten, dass es reagiert, unabhängig davon, auf welchem Gerät jemand es ansieht. Also, was wir tun werden, da wir die Navbar hier haben, haben wir den Navbar-Container. Und die Navbar-Abteilung. Wir wollen es so lassen, wie es ist. Okay? Und wenn wir auf die Navbar klicken, was wir tun wollen, ist, dass wir diesen Button hier auf der rechten Seite unseres Displays klicken wollen. Wir wollen darauf klicken und dann wird das alles ein bisschen funky aussehen, aber bleiben Sie einfach bei mir und Sie werden sehen, wie es sich herausstellt. Also, in Bezug auf die Richtung, wollen wir, dass es Vasco ist. Ok, und Sie können sehen, es ist ein Wechsel zurück zu dem, was wir vorher gesehen haben. Und wir wollen, dass es hier zentriert wird. Jetzt wieder, diese n, das was auch immer. Und dann wollen wir, dass es hier komplett ausgerichtet ist. Und das ist der Grund, warum wir das tun, ist, weil wir wollen, dass sich die Navigationsleiste so weit wie eine Anzeige erstreckt, wie Sie sehen können, dass, wenn wir nach oben gehen, aber wir wollen, dass unsere Navigationsleisten konsistent mit den Rest der Website. Also, um das zu tun, und wir saßen in der Versorgungsstufe, die navbar zensiert unabhängig davon, wie gewichtete Ziele und eine Desktop-Anzeige. Und aber was wir wissen müssen, dass wir brauchen, um diesen Container richtig zu bekommen Was ist Höhe? Also, was Sie tun werden, ist auf den Kartoncontainer zu klicken und dann werden Sie, ähm, einige Bedingungen darauf setzen . Also, die Bedingungen, die wir anziehen werden, werden Sie auf Größe gehen und dann gehen Sie zu Männern Minimum. Also gehst du zu Size. Und was dann? Sie werden auf vw klicken, was bedeutet, Ansicht. Was ist in Ordnung. Jetzt können Sie sehen, dass alles erweitert ist, aber wir werden das auf 100 setzen. So sehen, wie wir über gesprochen haben, das bedeutet, unabhängig davon, welches Gerät jemand es ansieht , wird das Weiß des Displays sein. Aber wir wollen das einschränken, okay? Weil wir nicht wollen, wollen wir nicht die Ansicht was angewendet wird, wenn wir zu einigen dieser höheren Haltepunkte kamen. Also nicht nur um das zu umgehen, wir müssen einige Einschränkungen darauf setzen. Also werden wir die Mindestnässe erfüllen. Lassen Sie mich hier sehen, und es ist immer so leicht. Ja. Okay. Okay. Also werden wir die Mindestbreite 992 machen. Und wir werden die maximale Breite 12, 79 Gewinne machen . Und dann gehen wir jetzt diese Haltepunkte hoch. Sie können sehen, wie die Navbar, und wie sie sich den ganzen Weg hinaus erweitert, bleibt, wo wir sie haben wollen. Also lass uns wieder runter gehen. So Basis-Breakpoint. In Bezug auf Heu einer navbar weniger schnell, überprüfen Sie einfach unsere Höhe oder wie Sie sein sollten oder ein ACP x für diese. Also 60, ich denke, ich denke, wir werden das nur auf 70 stoßen. Ja. Vielleicht ist es sofort sagen Ja, ich habe ich viel lieber die AC. Es gibt nur ein bisschen mehr Platz, mehr Platz. Also, was wir hier haben, haben wir, wir haben irgendwie freche, dass einige der Strukturen eines Napa. Aber wir können hier sehen, dass eine Marke, die wir als Einheimischer sind, sein wird. Und dann unsere navbar zu nah an den Kanten, wir wollen, wir wollen, wir wollen uns ein wenig Raum zwischen ihnen sein lassen. Wir wollen nicht, dass es zwei Cluster durchläuft. Also auf einem Container, was wir tun wollen, ist, dass wir etwas Polsterung hinzufügen wollen. Und das, was ich Ihnen empfehlen würde, ist 40 px. Das sollte reichen für das, was wir hier tun. Und ich kann ihm einfach ein wenig Platz geben. Es gibt uns etwas Platz. Und was Sie finden, ist, wenn Sie eine Website entwerfen, ist die echte BC einer guten Website wie in dem Raum um den Text und die Bilder. Es trägt wirklich stark dazu bei, wie die Menschen eine Website wahrnehmen, aber wir brauchen nicht in all das hier zu bekommen, aber Räume, die wichtiger sind, als Sie vielleicht denken. Jetzt, wo wir das haben, wollen wir anfangen, diese Längen zu gestalten. Ich weiß, du denkst, du wärst wahrscheinlich, nun, wir haben es nicht auf Tablets oder Mobilgeräten angefasst. Wir werden in nur einer Sekunde darauf eingehen, aber konzentrieren wir uns darauf, alles auf dem Desktop gut aussehen zu lassen. Also lassen Sie uns eine Seite hinzufügen. Diese gehen nach Hause über Kontakte und lassen Sie uns einfach unsere Seiten überprüfen. Wir brauchen Hoffnung, dass wir die Homepage in der Navigationsleiste lesen. Ich werde in einer Sekunde darüber reden. Aber wir werden über die Preise und Konzepte von Dienstleistungen haben, okay? Also werden wir das duplizieren. Bot Services, duplizieren Sie diese Preise. Und dann haben wir Inhalt. Ok, großartig. Und wir werden das Haus wegwerfen. Das und ich sage Ihnen, warum in einer Sekunde, aber das wollen wir. Okay, großartig. Also sind wir irgendwie gehen oder Seiten und Ort. Das nächste, was wir tun möchten, ist unser Markenlogo hinzuzufügen. Jetzt weiß ich nicht, ob ich ein bisschen Änderungen vornehme. Du musst nur bei mir bleiben. Ich werde sehen, wie das aussieht. Aber lassen Sie mich hier ein Bild machen. Und ich werde wählen oder Logo, das ist ein bisschen vage, aber bleiben Sie einfach bei mir. Ja, also warum ich das gemacht habe, denke ich, ich nehme das raus und ich kann einfach mit den Gewichten gehen, ohne Magnus Jin zu sagen. Es darf einfach nicht. sehe ich einfach keine Poppers und wir wollen natürlich auch konsequent bleiben. Lassen Sie mich das nur für den Moment nehmen. Okay, und jetzt werde ich das Lokal bearbeiten. Es sollte also nicht dauern, es sollte zwei Sekunden dauern, sollte nicht lange dauern. Okay, wir haben hier das Magnus-Fitnessstudio. Lass uns das loswerden. Lassen Sie uns das Gefühl der Wieder bekommen, laden Sie es herunter. Lass mich nachdenken. Ich will dieses wenig niedrig, aber kleiner, aber Sie wollen nicht wirklich einen großen Schaden haben. Und ich sollte eigentlich ein bisschen mehr über AI-Standard mit uns reden. Wenn Sie Bilder und Dinge auf Ihre Website hochladen, möchten Sie, dass es ein Gewicht im JPEG-Format und wann es sein kann. Und der Grund, wenn Sie ein PNG-Bild verwenden, wenn Sie einen transparenten Hintergrund wollen, normalerweise ist dies der einzige Zinken, den Sie ein PNG-Bild verwenden, wenn Sie das nicht benötigen, verwenden Sie JPEG, weil es eine kleinere Dateigröße ist und es wird nicht Hartley Leistung Ihrer Website. Also, was ist das? Wir erhalten, dass PNG transparente Hintergründe ist und wir werden es herunterladen. Und ich bin, ich werde tun, ist schnell hierher zu kommen. Ziehen Sie diese hoch und öffnen Sie diese und bearbeiten Sie sie schnell. Also alles, was ich will, ist dieses absolute, so nah ich kann, weil wir nicht wollen, dass es etwas durcheinander bringt. Okay. Das sieht gut aus für mich. Ok, großartig. Und jetzt, wenn wir zum Luftstrom zurückkehren, gehe ich zurück zu meinen Bildern und ich werde das hochladen. Großartig. Also gehen wir wieder zum Vollbild zurück und gehen weiter da rein. Jetzt wieder, wir bleiben nur ein bisschen bei uns und sehen einfach, oh, ich schaue mir das an. Sieht ein bisschen blutig aus. Fast da, Leute, die Leber. Dann verdoppeln wir noch einmal. Halten Sie es eine Timeline von 500 plus. Kein transparenter Hintergrund und zurück hier und verschieben Sie raten, laden Sie diese erneut hoch. Okay. Und was wir tun werden, ist, dass sie nicht zu nett in Bezug auf Größe, Proportionen und so zu spielen . Also nur das mit mir. Ich werde okay sein. Okay. So haben Seiten an Ort und Stelle. Wir haben da ein bisschen. Es sieht im Moment vielleicht nicht so toll aus, aber bleib einfach bei mir. Richtig. Jetzt. Was wir als Nächstes tun wollen, wie wir anfangen wollen , wieder, Das sieht ein bisschen besser aus. Übrigens, was Sie hier tun werden, Lasst uns Brand Link. Wie Sie auf der linken Seite sehen können, wird dies der Link zu Ihrer Homepage sein. Sie werden feststellen, dass die meisten Leute auf die Kleinen klicken, die eine Website erwartet, und das ist bringen Sie sie zurück auf die Homepage. Also werden wir das verknüpfen. Du gehst zu den Einstellungen. Und Sie werden nur auf diese Seite klicken Schaltfläche hier. Wählen Sie die Seite aus und klicken Sie auf. Okay, das ist jetzt so weich. Es ist eigentlich, das ist eine andere Sache, die Sie mit dem Container tun können. Hier kommen meines Erachtens einige der Probleme heran. Gehen Sie zurück zu Design. Und doch nennen wir, dass ein Unternehmer Leo, glaube ich, es fehlt immer so leicht horizontalen Sinn für, oh, da gehen wir. Das ist besser. Und dann, und was? Ja, das war's. Ok. Also wollen wir essen. Also lassen Sie mich einfach erklären, das meiste, was passiert war, war das Bild bekam Bettler, Es ist das Logo wurde größer. Und es war, es drückte die Proportionen in der Mitte Ausrichtung der nav Links. Also, was ich hier getan habe, ist, dass ich gerade zurück zum Navbar-Container gegangen bin. Ich ging zum Layout und ich habe eine Änderung geändert. Es ist eine andere Einstellung und stellen sicher, dass seine Sensoren, alles, was Einblicke ist, die taube Menge, die wir Container. Und dann habe ich es gerechtfertigt, indem ich sichergehe, dass alles so weiß wie es gehen kann. Erlaubt die Einschränkungen, die in Kraft gesetzt wurden. Okay, jetzt ist das fertig. Gehen wir voran und verlinken Sie diese Seiten schnell. Wir haben also die Info-Seite, die Services-Seite, die Preisseite, und wir haben die Inhaltsseite. Und wir werden etwas Interessantes mit der Kontakt-Schaltfläche tun, die ich Ihnen in nur einer Sekunde zeigen werde, aber lasst uns Kontexte klicken. Okay, großartig. Jetzt haben wir alles an Ort und Stelle. weiß nur, was ich hören wollte. Ich will anfangen, diese mehr zu bekommen. Und eine, die mehr auf Marke steht. Ich will, dass es ein bisschen schneller aussieht, weil ich weiß, dass es nicht zu gut aussieht, oder? Als ob es nur wie ein Logo und ein paar Links aussieht, oder? Das ist nicht sehr gut. Also die Navbar, wir wollen zuerst den Hintergrund ändern. Lassen Sie uns ein bisschen besser gestalten. Also der Hintergrund, wir wollen weiß sein. Und dann innerhalb dieses Knochens selbst wollte ich, dass es eine Art Box-Shadow ist, nur um eine Art Unterscheidung zwischen der Navigationsleiste und dem Inhalt der Website zu schaffen . Also, wie wir wieder darüber gesprochen haben, wenn wir diese Box-Schatten an Ort und Stelle setzen, wollen wir nicht wirklich, dass sie keine Schule sind, sie sollten einfach mit der Website fließen. Also können wir genug davon zurückhalten. Also werde ich es bei 0 behalten. Ja, Unschärfe, nimm das Array hoch, Größe, wir werden das runter nehmen, aber vielleicht bringen wir auch das Blut runter. Also bewegen Sie die eigentlich, ich denke, dass wahrscheinlich der Sweet Spot für mich. Ja, damit bin ich zufrieden. Ok. Ich bin damit zufrieden. Okay. Das wusste also nicht, dass das erledigt ist. Wir können die Differenzierung zwischen der Website und einer App-Leiste sehen, was genau das ist, was wir wollen. Und jetzt wollen wir diese nav Links ändern und diese abnormal bekommen. Also haben wir sie verlinkt, aber wir wollen sicherstellen, dass die Klasse richtig ist und dass sie die richtige Schriftart und solche Sachen haben. Also lasst uns die Klasse korrigieren. Wir werden es nur Navbar-Link nennen. Richtig? Wir nehmen die Klasse. Ich werde es kopieren. Also diese drei. Alles klar, großartig. Also, was jetzt passieren wird, ist, dass wir voran gehen und eine von diesen bearbeiten. Es wird alle Fotos hinzufügen. Also lasst uns zur Typografie gehen und wir werden sie in Proxima Nova ändern, wie wir davon gesprochen haben. Toll, das sieht schon besser aus. Und wir wollen keine 14. Wir wollen mindestens 16 für das Napa, wahrscheinlich da drüben. Okay. Und das sieht gut aus für mich. Ich fühle, was auch immer das ist. Jetzt möchten wir einige Änderungen an diesem navbar Link vornehmen. Ich möchte also, dass die Kontakt-Schaltfläche ein bisschen mehr erscheint . Hauptsächlich, weil das eine der Seiten ist, die wir beim Aufbau der Website priorisieren würden , weil wir wollen, dass die Leute die Kontaktseite ändern , die wir wollen, dass sie in Kontakt mit der Firma . Also werde ich zu sehr weniger Knopf und ich werde das tun. Und ich werde das tun, indem ich es eher wie einen Knopf ansehe. Du wirst sehen, was ich meine, in einer Sekunde. Aber ich werde hier eine weitere Klasse hinzufügen , weil wir nicht wollen, dass alle diese Tasten eine Einstellung sind. Also werden wir etwas schaffen, das eine Combo-Klasse genannt wird. Und hier haben Sie eine Klasse und dann haben Sie eine andere , so dass Sie die Grundlage der bereits vorhandenen Klasse bearbeiten können. Also werde ich diesen CTA nennen, es nav, nav link nennen. Cta. Okay, damit kann ich leben. Gehen wir zu Hintergründen. Und das reift nicht offen. Öffne das schnell. Also, was ich hier will, lassen Sie uns das in den Hintergrund dieses Links stellen. Jetzt können Sie sehen, ich meine, es sieht gut aus, es ist in Ordnung , aber es ist nur eine Box mit schwarzem Text und der Kontrast ist nicht sehr gut. Also wollen wir das etwas aufräumen. Also wollen wir es aussehen lassen wie die Knöpfe, die wir verrückt nicht kennen, bleiben ODER Tor. Also müssen wir die Grenzen ein wenig ändern. Wir müssen sie bis zur 23-Marke bringen, die ich gemeistert habe oder einfach nur die Polsterung und sagen, dass ich hier bin. Also wollen wir machen, dass ich denke, vielleicht nicht ganz zehn, wahrscheinlich glücklich. Und ich weiß, dass du denkst, dass alles in Ordnung ist, das nicht richtig aussieht, zu hoch oben ist. Aber ich zeige dir, wie du das in einer Sekunde beheben kannst. Also haben wir die Länge und wir wollen den Text in weiß ändern. Und ich denke, ich könnte diese Bolds machen. Ich habe mich noch nicht entschieden. Ja, machen wir diese Knöpfe Bolzen. Also nav Link, wir werden für kühn gehen, etwas, das viel besser wäre. Und wenn die Farbe tatsächlich von den Links ist, haben wir das nicht geändert. Also wollen wir sie ein bisschen so machen. Okay. Das ist es, was wir so Brent sind. Okay, und jetzt der Grund, warum Sie denken, na ja, im Wesentlichen den Container, also sollte das nicht mit diesem Knopf passieren. Aber der Grund, warum es passiert, ist, weil diese Person tatsächlich in Saiden ist , das Nav-Menü. Also müssen wir tatsächlich Änderungen am Navigationsmenü vornehmen, damit das Sensoren sind. Also müssen wir zur Anzeige gehen. Wir müssen nach V nichts gehen. Wir wollen horizontal und einmal zentriert. Da gehen wir. Der letzte, den wir wollen, und wir wollen, dass es gefüllt ist, okay, jetzt sendet das diese. Also jetzt haben wir eine gewisse Unterscheidung zwischen den Standardseiten und das würde nur für Informationszwecke verwenden. Und eine der Seiten, die wir für die Lead-Generierung verwenden würden, was nützlich ist. Und jetzt, eine Sache, die ich normalerweise gerne setzen, und ich bin sehr daran interessiert, auf einem oberen Block über der Navbar mit anderen Informationen oder anderen Links, die ich auf einigen Seiten mache, sind in der Regel über Bettler, RFQ, vor allem für lokale Geschäfte. Wenn Sie erwarten, dass Menschen Sie per Telefon oder E-Mail kontaktieren, oder das ist, was Sie über und über die Kontaktseite oder andere Generierungsmethoden hinaus drücken möchten . Ich denke immer, es ist gut zu setzen und die Nummerierung E-Mail dort. Deshalb denke ich, dass ich das hier tun werde. Ich werde Ihnen nur zeigen, was zu tun ist, weil es eine der anderen guten Features über Webflow demonstriert , die wir noch nicht wirklich berührt haben. Also möchte ich einen anderen div-Block und ich möchte dies über den Container legen, also immer noch in der navbar. Und warum werde ich auch mit der navbar zu tun haben ist erhöht Hass auch, richtig? Also, jetzt habe ich diesen Dev-Blog und ich möchte dieses Top machen, Top Nav, was wir es Top-Knoten nennen werden. Ich nenne es einfach Top Navbar. Das wird reichen. Wir wollen das Web dafür wieder machen. Wir wollen, wir wollen, dass das so ist, wir wollen, was würden wir wollen? Wir wollen, dass das Hunderte ist. Jetzt wollen wir, dass es Hunderte sein. Und wir wollen, dass die Höhe wie 20 ist wie Schnupp Statue oder Farsi, vielleicht ist das ja, ich würde sagen, das ist fair. Und dann, was ich hier tun muss, muss ich die Größe dieses Behälters erhöhen. Wahrscheinlich. Höhe des Behälters Ac Ja. Wir wollen, dass ich sehe. Ja, ja, da wollen wir es. Okay, jetzt haben wir eine obere Navbar. Wir wollen eigentlich einen anderen Entwickler-Blog und eine Website setzen, wenn Sie in Ordnung sind. So genau wie das, was wir mit dem so Ja gemacht haben. Genau wie das, was wir mit dem Container gemacht haben, wollen wir das einstellen, sahen das. Und es wird sich nicht zu sehr ausdehnen. Es, alles wird auf eine Proportion schauen. Also werde ich das lesen sehr schnell nehmen. Ich werde das als Hintergründe sagen. Okay? Und wir haben hier noch einen D-Block, mit dem wir arbeiten müssen. Also lasst uns ein paar davon machen. Wir werden das Top Nav nennen. Und voll, richtig? Noch einmal werden wir machen, glaube ich, die Hass-Statue glaube ich. Also werden wir das schneller machen. Und weil es keinen Inhalt in diesem Problem gibt und ich werde sehr viel tun. Nein, tut mir leid, das ist der falsche Ort. Deshalb ist es eigentlich richtig. Großartig. Jetzt wollen wir einige Einschränkungen festlegen. Sehen Sie, es sind Hunderte. Aber wir wollen Beschränkungen, über die zuvor gesprochen wurde. Also 12 79. So wäre Minimum 1902 und die maximale Breite wäre 12 79. Richtig? Jetzt eine Sekunde, paar Informationen hier oben und sehen, wie wir weitermachen. Wie ich etwas Text will und lassen Sie uns hier etwas Text einfügen. Nichts Verrücktes. Okay. Also bin ich ein Name. Ich will keine andere für meine Telefonnummer. Jetzt können Sie sehen, dass sich der andere vertikal stapelt. Wir wollen, dass das horizontal ist. Okay, großartig. Also haben wir die horizontalen Nahrungsnetze geändert. Also ja, das ist fantastisch. Eigentlich denke ich, ich werde nicht auf der IEP. Ich glaube, ich hätte es gerne dort. Ja. Und das werden wir dazu neigen. Sie können sich nicht entscheiden. Ja, ich werde auf der rechten Seite bleiben. Wir können auf der rechten Seite bleiben. Und wir wollen auch etwas Polsterung hineinlegen. Also werden wir diese Fossae-Pakete machen und dann hier enden. Was ist mit Zufallszahl? Also gehe ich nach Großbritannien, also werde ich nur eine wirklich zufällige Zahl setzen, also plus 44, 23456. In Ordnung, das kann einer sein, und dann werde ich einfach Kontakte setzen. Das ist Magnus Magnus Problem. Ich kann mich nicht erinnern, den Namen der Domain dieser Website, aber ich werde nur nennen es neun ist Jim.com. Es spielt keine Rolle. Ok? Und dann wollen wir diese kleinen Klassen geben. So navbar, Handynummer und E-Mail-Adresse. Okay, also lasst uns diese auf die Marke bringen. Also werden wir Proxima Nova Condensed ganz normal machen. Und machen Sie es kühn. E ipa, mach es fett. Und wir werden etwas Polsterung um es halten, weil gerade jetzt die E-Mail-Adresse, Anzahl der Faszikel zusammen. Also lasst uns wahrscheinlich 10 machen, denke ich, und dann 10 hier. Ja. Und dann wollen wir es weiß machen. Also ihr Gitter. Ja, ja. Und dann wollen wir hier wieder sagen, wir wollen sehr ähnliche Dinge tun. Also werden wir 10 richtig setzen ? Ding da. Ok. Bolds. Ja. Ja. Kann damit arbeiten. Das habe ich mir einfallen lassen. Das ist gut. In Ordnung. Also die Funktion, die Sie zeigen würde, wenn es um diesen Teil geht, wie Sie tatsächlich diese Links auf der Website zu öffnen entweder, wissen Sie, wenn Sie auf einer Website auf Ihrem Handy suchen, können Sie es so einstellen, dass es öffnet sich. Die Parsons und Dialer sind weit E-Mail. Sie können es so einstellen, dass es öffnet sich diese Person wie Gmail oder Yahoo oder E-Mail. Aber Sie können es so einstellen, dass die Person Gmail öffnet , um eine E-Mail zu senden, Sie wissen schon, Sachen wie das. Also, wenn die Nummer, die wir wollen aber das ist, was wir tun werden. Also das nächste, was wir tun müssen, mache ich das etwas rückwärts, aber bleibe einfach bei mir. Sie haben das getan, Sie werden hinzufügen wollen, dann. Mal sehen, Sie werden Link Block hinzufügen wollen. Wir werden einen hinzufügen. Du wirst was fragen? Du wirst also hinzufügen wollen, um Blogs hier oben zu verlinken. Es ist wirklich einfach. Noch ein, wir haben diesen Link Block gemacht. Wir wollen nur eine Nummer und E-Mail setzen und sagen den Link Block. Super einfach. Da gehen wir. Jetzt können wir sehen, dass dies eine schöne, hässliche blaue Linie darunter ist. Also wollen wir das loswerden. Ich gehe hier los. Deko Und genau wie, Nope, will das nicht. Und das gleiche hier. Klicken Sie einfach auf Nein, das gefällt uns nicht. Und wieder, Sie brauchen nicht wirklich was auch immer Klassen für Linkblöcke, es ist nicht so wichtig. Es wäre wichtig, wenn Sie versuchen zu diktieren, wie die Dinge im Link-Blog aussahen, aber wir sind es nicht, wir brauchen nicht, was auch immer das. Okay, also, wenn Auto-Nummer, wollen wir einen Link hinzufügen. Wenn Sie auf Link-Einstellungen CEO klicken, haben Sie hier ein Mobiltelefon. Ich werde darauf klicken. Und dann werde ich diese Nummer einfach kopieren und einfügen. Kopieren Sie das und fügen Sie es ein. Dann verknüpfen Sie es, um die Nummer n. Und wenn jemand auf diese Zahl klickt, so auf die Website zu schauen, wird es automatisch ein Dialogproblem öffnen. Und jetzt wollen wir das gleiche für E-Mail-Adresse tun. Damit gehen wir zu den Einstellungen und wir werden sofort E-Mail bekommen. Also die E-Mail wird Kontakte sein, Magnus, Jim.com, und dann Thema wird nur sagen, sagen wir einfach Mitgliedschaft und Chormitgliedschaft. Und okay. Und ja. So ja. Also beachten Sie das. Okay, also jetzt sieht das Besso Ray ist Tag und Nacht von was? Von dem, was es vorher war, aber ich habe immer noch das Gefühl, dass es ein wenig kahl aussieht. Und jetzt, wo ich es betrachte, denke ich wegen des Logos. Also werde ich zurückgehen wollen und vielleicht mit ein wenig unten spielen wollen. Aber mal sehen, ob ich dort etwas zum Laufen bringen kann. Denn obwohl das gut aussieht, kann ich nicht sagen, dass ich damit völlig zufrieden bin. Also muss ich vielleicht ein bisschen herumspielen und dich sehen. Ich kann weitermachen. Also, wenn wir zurück nach Canva gehen, also wenn wir zurück nach Canva und wir einen Einheimischen hier haben, möchte ich wahrscheinlich zu gehen, ich denke, ich werde wieder in das, was wir kaufen mussten. Magnus, nimm den Namen des Fitnessstudios dahin. Also denke ich, wir können das etwas kleiner machen. Nimm ein paar Texte dran. Und ich werde nur Magnus setzen, Jen. Und es hebt sich nicht und es stimmt etwas nicht ganz mit mir. Ich denke, es liegt daran, dass es mir nicht gefällt, horizontal zu sein. Was passiert, wenn ich ich bin, dass das vielleicht funktionieren könnte? Es spielt keine Rolle. Ich meine, der Punkt hier ist nur zu veranschaulichen, dass Sie Ihr Logo n. und so viele verschiedene Möglichkeiten, wie Sie das tun können, aber ich wollte nur ein bisschen mehr knallen. Ich will, dass wir ja sind, ein bisschen mehr los. Also nimm meinen grauen Stock da und ich kann das etwas näher kommen. Ja, ich denke, das ist ein bisschen besser. Ich kann hinzufügen, um den Magnus kann es hier hinzufügen, nur um es mehr zu geben. Was ist ja, eher so? Das ist eher so. Okay, und dann möchte ich diese Schriftart ändern. Mal sehen, ob wir Bücher haben, weißt du, Nova hier drin. Nein, ich bin kein Fan davon. So muss vielleicht nur mit Monster bleiben, dass. Nun, Sie werden diejenigen finden, wenn Sie Canva verwenden, Sie sind eingeschränkt und welche Schriftarten Sie verwenden können und welche Schriftarten Sie nicht verwenden können. Denken Sie also daran, wenn Sie Canva verwenden möchten. Aber ich glaube, ich kann damit leben. Es wird für das tun, was wir hier versuchen. Also lassen Sie uns das nehmen und wir werden wieder auf eine Seite setzen, eigentlich in einer weiteren Sache, ich wollte nur diese Zeilenhöhe. Immer so leicht. Ja. Das ist besser. Ja. Und dann kann ich die Größe wieder runterziehen. Ich weiß nicht, ob ich hier nach einem anderen Symbol suchen könnte. Wir haben die Elemente. Ja, ich will nur etwas, das nicht so horizontal angetrieben ist. Also vielleicht werde ich so etwas suchen, das nichts verrückt sein muss. Es kann sein, was immer du willst. Sie können dort sein, wo Sie wollen. Sie wissen, Sie können am Ende gehen Sie voran und erstellen Sie Ihr Logo auf Illustrator oder Photoshop oder Y v Sie können tun. Der Grund, warum ich es nicht getan habe, ist nur, weil das ein völlig separater Kurs ist. Es ist ein völlig separates Video. Also kann ich einfach nehmen, lassen Sie mich das hier nehmen. Ich sollte wissen, dass ich vielleicht noch nicht keiner von ihnen ist hellgrau, wenn ich ehrlich bin. Ja, ich glaube, ich habe Glück. Ich muss nur bei dem bleiben, was ich hier habe. Eigentlich könnte ich das hier gebrauchen. Nun, da ich ein Befürworter des Bodybuilding bin oder deine Muskeln gezeigt habe, aber das scheint das Beste. Nur aus gestalterischer Sicht. Das ist ziemlich interessant. Ja, es ist ziemlich interessant. Ja. Richtig. Wie auch immer, abflachen. Wir können einfach mit uns gehen, von dem muss sich wieder ändern, wir können, aber es ist nicht so eine große Sache im großen Schema der Dinge. Also werden wir das einfach schnell bearbeiten. Also denke ich, wenn es um die Gestaltung Ihrer Website und Sachen geht, werden Sie gerade die Wahrscheinlichkeiten jetzt finden. In Ordnung, weißt du, als ob ich es bearbeiten muss, mache ich eine Reihe von Bearbeitungen, die sich mit anderen Dingen beschweren. Und das ist, was Sie tun, um ehrlich zu sein, wenn Sie entwerfen sagen wir, Sie verbringen Zeit planen weil Sie versuchen, die richtige Kombination von dem zu finden, was funktioniert und was nicht. Und das ist es wirklich. Sie müssen mit Ihrem Darm-Niveau gehen, aber, und Sie müssen nur ein wenig Intuition verwenden, zumindest meiner Meinung nach sowieso. Manche Leute haben verschiedene Prozesse, die Dinge auf jeden Fall für mich tun. Es ist nur mehr ein Fall von Blick Himmel gehen und spielen. Und deshalb würde ich sagen, du musst reingehen und damit spielen. Also lassen Sie mich das sehen. Ich bin damit zufrieden. Ja, weißt du, ich komme vielleicht zurück und spiele mit der Schicht. Wenn ich das tue, werde ich nicht auf, auf diesem Video. Also lassen wir es einfach so, wie das existiert. Gut. Es ist nur mein Perfektionismus. Aber bei all dem haben wir, ja. Ich bin ziemlich zufrieden mit dem Gesamtbild. Ich meine, es gibt nicht viele Seiten auf der Seite. Es wird nicht viele Seiten für Ihren Staat geben, Sie haben vielleicht eine Menge Seiten, aber ich fühle mich mit uns zumindest für den Moment gut. Also versuche ich zu denken, gibt es noch etwas, das wir hier hinzufügen müssen? Das glaube ich nicht. Das glaube ich nicht. So ja. Also, was wir wissen wollten, wie wir wollen sicherstellen, dass dies auf Tablet und mobilen Geräten gut aussieht. Also lasst uns auf Tablet gehen, richtig? So können Sie es wegen der sehen, wegen der Einschränkungen, die wir auf navbar und den Hauptbreakpoint setzen , wie sie auf alle von ihnen angewendet. Also wollen wir das auf einem, auf einem Tablet-Gerät ändern. Und lassen Sie mich einfach schnell überprüfen, um sicherzustellen, dass das gut aussieht , wie Sie wissen würden, ein kleines Problem dort. Also offensichtlich hier, ich habe das nicht richtig eingerichtet und ich kann das Problem sofort sehen. Es liegt also an diesem hier. Und ich denke, ich kann grob zu ja, weil wir wollen, dass das weiß gefüllt wird, aber das war's. Also habe ich das Layout nicht bearbeitet und deshalb füllt es sich bis zur äußersten linken Seite, während es sich skaliert, wir werden es zu Vasco-Sensoren machen. Und das sollte das lösen. CEO. Das sieht gefesselt aus. Okay, dann zurück zur Ärztin. Okay, also gehen wir weiter zum Tablet. Und jetzt wollen wir diese Einschränkungen in den Schichten des Wandels machen. Also brauchen wir es nicht, um so weiß zu sein und wir wollen nicht wirklich, dass es so Dealer ist. Wir wollen nur, dass es so ist, wir wollen, dass es skaliert wird, wir wollen, dass es seine Sache tut, aber wir brauchen nicht viele dieser Einschränkungen, die wir anfangs aufsetzen. So können wir das Minimum datieren. Was ist der Name, um das auch zu machen. Machen Sie das Max war keine. Aber immer noch nicht schön spielen dort. Das auch, okay. Und jetzt siehst du, dass das ein bisschen besser aussieht, oder? Diese Person ist an einem Ort, wenn eine Pille zuhört und sie bewegt sich mit ihr. Und wie Sie hier auf dem Tablet sehen können, denken Sie vielleicht, Oh, warum zeigt es die Navigationsleiste, wenn es auf einem Tablet-Gerät ist und sehen, ob Sie auf einem iPad Pro sind. Zum Beispiel, wenn Sie einen Webserver auf Ihrem iPad Pro und horizontal anzeigen, kann es aussehen, wie es zeigt den Desktop, Desktop-Version der Website, aber in der Tat, es zeigt die Tablet-Version davon. Und es zeigt es wahrscheinlich so. Denn wenn es sich anfühlt, dass ich kriege, kann ich breit genug werden, um die ganze Nav-Bar zu zeigen , ohne es in einen Hamburger zu machen, und dann wird es das tun. Also bin ich damit zufrieden. Das einzige, was ich nicht glücklich bin, da ich nicht sicher, wie ich über die Pflege px Raum auf Tablet-Gerät fühlen, aber in der Regel würde ich es nach unten ziehen, um Mini-Batch, ging schlafen. Ich fühle mich wirklich gut mit auf diesem sieht tatsächlich okay aus. Lasst uns das einfach so lassen. Damit bin ich nicht zufrieden. Also wieder, lassen Sie uns nach unten gehen zur Horizontalen. Ja, ich habe genau hier ist, wo ich nicht glücklich damit bin. Hier möchte ich mich ändern. Also möchte ich das für meinen Navbar-Container machen. Statt weit werde ich es 20 machen. Und sehen Sie, wie das spielt. Es scheint nicht Verschiebungen in viel Welle sein, die ich die Einschränkungen auf mit Ich höre Wille , das zu sehen ist, sobald wir spielen in schön. Und während ich fertig bin, habe ich es geschafft. Okay, jetzt, wo ich hinzugefügt habe, dann mal sehen, ob ich das gut spielen kann. Während einer ist, wollte ich nur, es geht wahrscheinlich darum, also habe ich kein Problem. Wann ist dieser weiße Raum mit Proportionen da? Aber wenn es hier unten ist, mag ich nicht, dass das zu viel Platz war. Da. Es muss viel weniger sein als das. Also machen wir die 28, vielleicht 10, zehn, zehn, zehn, einen Sweet Spot. Und auf der anderen Seite wollten wir das gleiche tun, wie ich zehn lassen, okay, so jetzt können Sie sehen, dass diese Skala ist ein bisschen besser, immer noch nicht völlig perfekt, aber ist viel besser als das, was es war. Also werde ich das so lassen und es springt ein bisschen, aber es ist nur, weil ich herausziehe, es war klug, wie es gehen kann. Und das ist okay. Okay, was wir jetzt tun werden, ist auf das Handy zu gehen. Der echte Spielwechsler. Mobil ist also ein bisschen anders. Also Männer Minimum hier möchte ich machen, um zu fördern ein Ich will nicht, dass mein Maximum 479 sein. Okay. Und für mich, ich meine, schauen, schauen wir uns einfach an, diese Geräte sind niedrig, aber die Art und Weise, wie die Website sieht jetzt auf einem Nintendo unterhalten. Ja, ich weiß, dass ein immaterielles Gerät wahrscheinlich die meiste Zeit nicht in einem immateriellen Gerät angesehen wird. Wir nehmen das Apple iPhone SE, ja, wahrscheinlich. Also wollen wir mit dieser Ladung hier oben ein wenig spielen , denn gerade jetzt ist die E-Mail in Philly und sehen. Was wir also tun müssen, ist einfach nicht die Größe zu nehmen, aber wir müssen nehmen, zuerst nehmen Sie dieses Muster weg. Und da gehen wir. Für mich ist das immer ein Problem, wenn ich fühle, dass ich mich damit gut fühle. Ja, damit kann ich leben. Und was ich tun könnte, als auch einen Satz zu machen. Wenn ich also in meine große Bar gehe und voll ist, haben wir das Gefühl, dass ich ja will. Okay. Also habe ich das Zentrum Leben tosyl in Eis gemacht, aber sehen ja. Warum also hier Dinge passieren, können Sie sehen, wie es einspringt. Ich glaube, das liegt daran, dass es dieses Design vom vorherigen Haltepunkt erbt. Also versucht es, was immer das ist, zum größten Teil. Ich meine, es wird immer gesehen werden, wenn wir es hier verfolgen, fast immer. Okay, also jetzt für mich, all die, okay, ich bin ziemlich glücklich damit. Und jetzt möchte ich tun, wie ich den Kopf bearbeiten möchte, die manuelle Blick auf Handy und öffnen Sie sich mit dem Hamburger. Also Musicals Einschätzung für mich zu klicken Menü Öffnen. Und Sie können sehen, dass es nicht zu schön aussieht Streifen, dass es nicht gut aussieht. Also, wenn es so offen ist, was wir tun werden, um es zu machen, wird der Hintergrund die Weißen und das saudische Geld sein. Also ja, offen, nett zu mir so. Okay, das sieht so aus, das ist in Ordnung. Also lasst uns öffnen, öffnen, schließen. Ich sehe nur alle. So stellen Sie sicher, dass das Element selbst als Weiß, Saudi, dunkelgrau, dunkelgrau, bringt es zurück hier durch. ist also ein offener Alex Bessel. Und für diese Elemente wollen wir den Hintergrund weiß und genau wie der andere machen. Also nav Menü, Sie gehen zu den Hintergründen und wir werden das weiß machen. Und das ist Bessel gerade. Alles klar, es sieht besser aus. Aber jetzt, was wir tun wollen, ist die Kontakt-Schaltfläche eingestellt ist und direkt darunter, direkt am Ende des Navigationsmenüs, wollen wir,dass direkt am Ende des Navigationsmenüs, wollen wir, es um Raum geht, und wir wollen auch, dass dies ein Box-Schatten ist. Also lassen Sie uns einfach etwas Polsterung an der Unterseite hinzufügen, sagen wir 20, es wird 20 hinzufügen. Und dann, was ich tun werde, ist, dass ich Polsterung auf jeder Seite des Navigationsmenüs hinzufügen werde. Also nicht scharf auf die Taille, setz dich jetzt hinein. Ok. Und dann, was ich tun werde, wenn ich die Sensoren machen werde, ja, ich werde sie zu Sinnen machen. Und wir werden eigentlich noch einmal besuchen müssen, ja. Jetzt können Sie hier sehen, dass ich einige Änderungen vorgenommen habe und ich habe diese Art von Anzeige ist M und o ist passiv und das ist irgendwie, das ist der Levator. Aber weil du das tun kannst, um das okay zu machen. Wenn ich zum Mobiltelefon komme , mache ich dann die Änderungen an der Navigationsleiste. Du willst sie wirklich hier erfinden. Aber die meisten von ihnen ohnehin. Und was ich tun werde, ist, wenn Sie die Änderungen auf Tablet, die horizontale mobile und mobile und hatte es, die Änderungen, die Sie gemacht haben. Also lasst uns einfach schnell und damit spielen. Also Hintergründe, Weißen, Ikone. Wir werden grau machen. Nav-Menü. - Weiß Fügt 20 px und 20 meter. Mehr haben sich noch nicht entschieden. Und dann, während ich will, dass die Texte auch verschickt werden. Mal sehen, was passiert. Nicht weniger, als ich es tun werde. So dass es zum Nav-Menü geht, machen Sie sie Zentren so. Und dann dieser Bus und ich wollen, dass sich dieser Knopf ändert. Also die Ränder vielleicht B will dies wahrscheinlich hinzufügen, wenn wir nach unten gehen, wir bleiben einfach bei mir. Okay. Und dann weniger, als wir es tun werden, Wir wollen nur Bulk-Schatten unten hier. Machen Sie es einfach richtig. Und eine Sache, die wir könnten, und warum ich denke, ich könnte hier tun, ist, wenn wir die Farben, über die wir gesprochen haben, wie eine Software grau machen. So unterscheiden zwischen Weißen und bestimmten Bereichen und die Dicke wäre ein guter Ort, um es zu tun. Nun, das werden wir damit experimentieren und keines davon sehen. Nein. Als Allee. Denken Sie, das könnte. Ja, eigentlich weißt du, worum es ein bisschen geht. Und Sie können hier als alleiniger Sessile sehen, aber ich versuche, eine Unterscheidung zwischen der oberen Navigationsleiste und dann der Dropdown-Liste zu machen. Ähm, denn wenn alles weiß aussieht, gruppiere ich mich einfach zusammen und es sieht blind aus und es nicht, es sieht nicht richtig aus. Also denke ich, ich bleibe dabei. Und lasst uns einfach schnell gleich n Diese, Ja, Also, richtig, also, was wir hier haben, die Ränder weit durch hier zurück, 11 Phosphat fallen auf viel weniger als das, vielleicht 60. Machen Sie es Farsi tatsächlich. Okay, und Sie können sehen, dass das Grau tatsächlich nicht den ganzen Weg nach unten vererbt hat. Also muss ich das ändern. Also muss ich unser schönes Grau von hier nehmen. Wir haben einige mobile nicht Veranstaltungshintergrund gemacht. Und ich werde das da reinbringen. Okay, also lassen Sie uns das schnell ansehen und sehen, ob es richtig aussieht. Also nehmen wir den ganzen Weg nach oben, so sieht es auf dem Desktop aus. All das war das raus. Wir ziehen den ganzen Weg nach unten. Und so sieht es aus. Und ich muss sagen, dass ich es wirklich in Ordnung fühle. Ja, es macht den Job. 15. Dein Footer erstellen: Ordnung, jetzt, wo wir unsere Kopfzeile an Ort und Stelle haben, ist es Zeit für uns zu schaffen oder Fisa. Wissen Sie, es gibt nicht viele Seiten für uns auf dem Spaltmittel. So wird es nicht eine große Massive für, so dass Sie sehen Sie auf einigen anderen Websites. Aber hoffentlich gibt es einige Dinge, die wir tun können, um es ein wenig nützlicher zu machen. Genau wie wir es mit der Navbar getan haben, würde ich empfehlen, mit einer dieser Schichten zu beginnen und es war an einem anderen Ort, aber ich würde empfehlen, mit dem zu beginnen, was wir hier haben, nämlich der Fisa. Also, was wir das hier knallen werden. Und dann werde ich nur einen Abschnitt zwischen dem Header und dem Spaltmittel nehmen, nur damit klar ist, was was ist. Aber was wir das machen wollen, weil wir es nur wirklich zum Branding machen wollen, das ist das Wichtigste, wie der Kopf, den wir nehmen wollen und einfach unseren machen wollen. Weil es nicht wirklich viel gibt, worum wir gebeten haben. Und hier insgesamt, etwas, das ich im Sinn habe, ich denke, dass wir tun können, was Sie vielleicht in Betracht ziehen möchten, weil Sie weniger Seiten haben. Aber wenn Sie mehr Seiten bekommen, Ich habe gerade gesagt, die Sonne und angepasst, um Ihre Markenfarben passen. Und dann wirklich, dass du gut zu gehen sein solltest. Also lass uns einfach weitermachen und sehen, wie du jemals gegangen bist. Also in Bezug auf die Farbe, ich will nicht, dass es weiß und MOSFETS ist, die sind in der Regel eine dunklere Farbe, also werden wir wieder unser dunkelgrau nehmen, ich werde wiederkommen. Und was wir tun werden, das heißt erleichtert bekam klassische Physik. Also lassen wir es einfach so. Und wir werden die Hintergrundfarbe schön grau machen. Ok. Jetzt können Sie sehen, dass der Text offensichtlich nicht funktioniert. Also müssen wir die Farben dieser ändern. Also werden wir sie in Weiß oder ein flaches Grau ändern. Aber das ist eine andere Sache, die Sie vielleicht so oft auf der Fisa in Betracht ziehen wollen, Sie nicht wirklich wollen, dass alles auffällt. Als solche. Du willst es irgendwie, du willst, dass es ziemlich weich ist und du willst es nicht wirklich jemandem ins Gesicht, richtig? Weil sie bereits die Top-Navigation haben , um Mieten zu bekommen und die meisten Seiten, die wir wollten zu bekommen. Und Sie wollen nicht, dass jeder Link auf der Faust betont wird, oder Sie wissen, es wird bestimmte Dinge geben, auf die Sie vielleicht aufmerksam machen möchten, wenn die Leute so weit kommen. Ähm, aber insgesamt versuchst du nicht wirklich, so viel damit zu machen. Es ist nur mehr zu den Längen, all den verschiedenen Teilen Ihrer Website. Also, was wir hier tun werden, als einfach schnell ändern diese Farben. Und so werde ich tun, ist die n mal ist die weiße. Ich würde es nicht ganz weiß machen. Du willst wahrscheinlich dort sein. Ich würde sagen. Ja. Ok. Also nehmen wir das und wir werden es hier anwenden. Und wir werden das hier hineinmachen. Okay, also weiß irgendwie, welche Länge hat. Und ich werde nur die Überschrift für diese Firma anrufen. Und dann gehen wir über, dient diese Preisgestaltung. Und sie haben Kontakte. Und dann werde ich diese beiden loswerden. Jetzt denkst du vielleicht, warum, warum, warum, warum, warum, warum, nicht? Nun, es gibt einen Grund dafür. Wir werden eine weitere Sackgasse für das Richtige finden. Wir müssen vielleicht ein bisschen damit spielen. Ja, das können wir vorerst dort hinstellen. Ich sollte das wohl nicht sein. Ja, ich werde mein eigenes Ding hier machen. Also, was ich tun will, ist, dass ich Säulen will. Und statt dieser Art seltsame Flocken, die M Workflows und Statuten blockieren. Also werde ich hier in Spalten setzen. Ich werde hinzufügen, und dann werde ich tatsächlich einen Block oben hinzufügen. Und du wirst in einer Sekunde sehen, wohin ich mit uns hingehe. Es ist also Protokollspalten und sie sind in Bezug auf Spalten erledigt. Ich denke, wir gehen auf ein Problem mit drei. Ok. Ja. Und weiß, wenn ich mich anschaue, versuche ich nur zu überlegen, was der beste Weg, um das hier als Pilus runter nach unten zu gehen . Und dann sagen Sie Block. Ich möchte das weniger horizontal machen. Und will auch, dass es auseinander gebracht wird, aber nicht ganz so viel. Ja, gehen wir dorthin. Und dann werde ich berühren, dass Marken tun werden, ist, dass diese loszuwerden. Ja. Wir werden ein Logo hinzufügen. Bleiben Sie einfach bei mir. Was können wir mit diesem Flex-Container machen? Ich denke, wir können den Flugcontainer dort lassen. Irgendwelche großen Gefühle dagegen? Ja, ich denke, wir können das benutzen. Und was wir versuchen werden. Okay, also was wir hier als NFS machen werden, ein Teil zum Teil, das ist ein bisschen Regeneration, richtig? Und wie ich sage, wenn Sie nicht viele Seiten haben, dient Ihre Physik nicht wirklich dem gleichen Zweck, was es normalerweise tun würde, wenn Sie eine größere Website entwerfen würden. Also, um diesen Raum zu nutzen, was Sie oft tun können, ist drehen Sie die Füllfarbe und so rufe ich zum Handeln, weshalb es normalerweise in dieser Situation tun würde. In diesem Fall werden wir ein E-Mail-Anmeldeformular erstellen und Angebote und Dinge, über die wir ein wenig später sprechen können. Aber für die Zwecke dieses M nur Grube in den Frameworks sind sicher, dass Sie ein Kontaktformular von Schauen Sie, wie Sie eine mit Webflow bauen würden, und dann, wie Sie dieses Ende E-Mail Marketing-Anbieter verbinden können , wenn das ist, was Du wolltest es. Also lasst uns einfach ein bisschen herumspielen und sehen, wie weit wir kommen. Also werde ich hierher gehen. Ich will diesen vertikalen Sinn von dort. Ok? Also zuerst, lassen Sie uns hier ein Bild bekommen. Und ich will das Bild von meinem lokalen, aber ohne den Namen. Und das loswerden. Holen wir uns diese große muskulöse Figur hier. Und es gibt einige Art Download der transparenten Hintergründe. Wenn wir dann wieder hierher gehen, muss ich das so leicht beschneiden. Pakete fallen lassen. Und dann gehen wir zurück. Okay, und dann gehen wir zurück. Und wir sollten einen Durchschnitt genau dort haben. Im Moment fängt das an, irgendwohin zu kommen. Und das ist wahrscheinlich eine faire Größe für das, was ich will. Okay, jetzt habe ich ein Logo für die Seiten da drin. Wir müssen die verknüpfen. Das habe ich noch nicht getan. Das machen wir ein bisschen später. Jetzt, sobald Sie den Vorarbeiter bekommen, dass wir m für kundenzentrierte E-Mails und so verwenden. Also lasst uns wieder hierher gehen. Und mal sehen, ob wir hier irgendwelche Formulare bekommen. So bekam Kontaktformular von Jungs abonnieren Formular. Die eine, die ich auf alle Fotos tatsächlich das Anmeldeformular gehen. Ich denke, das ist einer der nützlicheren. Mal sehen, ob das funktioniert. Wenn nicht, müssen wir einen von Grund auf bauen. Also Dicke dy, okay, also das ist ein ganzer Abschnitt. Das wollen wir nicht. Wir wollen nur die Farm aus dem Nichts bauen. Wir werden also einen Formularblock in den Container ausfüllen. Ok? Was Sie hier bemerken, ist, dass ich diese ein Gefühl habe, aber ich möchte, dass sie volle Breite haben. Und dann, was ich tun werde, ist, dass ich Polsterung anwenden werde, ziemlich viel davon, um zu versuchen, es nur ein bisschen mehr Sensoren zu machen. Ok. Also landete ich Ablenkung, weil ähnlich wie das Problem, das ich hatte, ich normalerweise mit dem Header haben würde und der Container nicht schön spielt. Also werden wir tun, ist, dass wir nur zu schaffen auf tun, das ist immer einfacher, immer. Also diese Sackgasse da drin, noch eine hier drin, tut mir leid, die Klassen in einer Sekunde. Und wir werden ein Logo bekommen, wie wir es vorher hatten. Wir werden hier das Ende kriegen. Und dann holen wir unsere Farm. Also lasst uns diese vorgetäuschte Form bekommen, die, die eingezogen ist. Richtig? Also das ist wieder, jemand würde sich ein bisschen klar mit UGA machen. Und das nennen wir, wir nennen es Container. Und dann Tomes von jeder Polsterung und Zeug, die wir wollen. Ich werde das sagen. Ja. Also müssen wir hier ein wenig klar machen, so wie wir es mit dem Header getan haben. Das ist also toter Schlag hier. Wir werden den Container offenbar anrufen. Wir werden das nennen und wir werden nur den internen Container nennen. Du musst es nicht so machen, aber es ist genau so, wie ich mich dafür entscheide. Und wir wollen setzen, wir wollen den gleichen Satz hinzufügen, den wir getan haben, als wir den Header bauen. Also wollen wir als Hundertstel betrachten. Und die minimalen Kraut auf 992 sein. Und Maxwells wird 12 79 Gewinne sein. Nun, wenn wir das hochziehen und wir nur alles, was wir tun müssen, immer links zu tun. Als Sensor. Viszerale Efference, denken Sie an die Einrichtung der empfindlichen Fisa. Und das wird Besso sein. Ok. So können Sie sehen, dass funktioniert, aber wir müssen nur ein paar Dinge Läufe ändern. Also lassen Sie mich sehen, wie das spielt. Ja, also was wir hier drinnen wollen, werden wir ein Muster wollen, nur um Dinge zu brechen, laden Sie das herunter. Und dann für die Form selbst möchte ich gehen. Ja. Ok. Also können Sie das tun und Sie können es Vesikel machen, um es volle Bahnen zu machen, was definitiv das ist, was ich hier will. Ich muss hier oben die Farbe ändern. Dasselbe hier. Ich möchte nur sicherstellen, dass es derselbe ist, den wir benutzt haben. Ok, und lassen Sie uns etwas Polsterung an den Boden dieses Behälters legen, nur weil es nicht sehr gut zu sitzen scheint. Das ist ein großes Schiff, das ist ein bisschen wie ein Gefäß. Und jetzt, wenn ich es betrachte, so wie Sie sehen können, sind die Felder gesetzt. Sehr schön, aber es sieht einfach nicht sehr appetitlich aus mit den großen, massiven Lücken zwischen, zwischen den Eingabefeldern sind eher die Eingabefelder. Also werden wir sie gleich dort loswerden. Und wir werden etwas Spielraum bekommen. Das sind sie. Und was ich tun werde, ist, dass wir den Namen der Eingabefelder der Informationen, die wir suchen, setzen und es hier sagen. Und wir werden hier diskutieren, wenn es um Felder geht, und wir werden uns ein wenig an die Prinzipien der Lead-Generierung wenden, Lisa. Aber Sie werden den Dateinamen nicht haben wollen. Sie werden nicht wollen, um Zusammenstöße und ein Dateiname und jede Essenz sein, Sie werden wollen, um einen Vor- und Nachnamen sammeln. Also werden wir eines dieser Eingabefelder duplizieren, dass wir tatsächlich ein weiteres zum Telefon direkt dort hinzufügen können . Und dann, wenn wir auf jede Zeile doppelklicken und wir können sie benennen, richtig? Und wir wollen das tun. Wir wollen ihnen einen Vornamen geben, und wir wollen ihnen den Namen der Informationen geben, die wir suchen. Und dann wird dieser Platzhalter hier nur Vorname sein , OB, Nachname. Und schließlich, eine Sache, die ich gerne tun würde, wie ich Spalten einfügen und die Farm sagen möchte , weil ich es nicht wirklich mag, ich mag es nicht wirklich, wenn die Vorname und Nachname so übereinander setzen, denn es ist eine ziemliche Nutzung des Raumes hier. Also, was wir tun wollen, ist eins, für den Vorname, Spalte eins, wir wollen den Nachnamen setzen und es heißt zwei. Und dann wollen wir die Polsterung loswerden, die mit jeder Spalte kommt, egal was passiert. Also lasst uns das einfach nehmen. Und wir können intern machen, wir können es fünf machen. Das ist also auch mit Proportionen über die Bretter. Okay, das sieht für mich ein bisschen besser aus, aber ich bin immer noch die Länge davon ist immer noch ein Problem. Hat mich zu weiß angerufen. Also will ich, ich will das kleine Stück zuschneiden. Statt 220 müssen wir also zwei Phosphat-Ermittler bis 60 suchen. Nein, nicht ganz so viel. Also lasst uns 300s versuchen. Da mag ich es. Ja, ich fühle mich damit viel wohler. Und jetzt wollen wir einfach alles aufräumen und sicherstellen, dass es eine Marke und einen Teil unserer Marke darstellt. So wollen wir zum Beispiel keinen blauen Knopf, wir wollen unseren roten Knopf. Und sie wollen auch ein wenig Informationen über dem Formular zur Verfügung stellen, um den Leuten mitzuteilen , wofür sie sich anmelden. Also lasst uns das einfach machen. Wir werden hier eine Überschrift hinzufügen. Und dann werden wir einen Absatz hinzufügen, dann auch in einer Sekunde leben. Angenommen, ich werde es vorerst dort hinlegen. Und dann wollen wir noch spielen, wir spielen damit herum. Also lasst uns einfach weitermachen. Ich kann tatsächlich ein wenig hier unten setzen, kann Spalten in das Formular erstellen. Also, sobald ich gerade einen vollen Bürger verkauft, so Tasche und es gibt einfach zu viel Platz auf beiden Seiten. Also wie auch immer, lassen Sie uns einfach leid, es war Telefon gespült. Also in Bezug auf die Schaltfläche, LSI, die Klasse, wir nennen es einfach eine Farm Lektion. Nun, offensichtlich haben wir wie eine abgerundete Tasten und das ist, was wir wollen weiter West, aber es gibt keine Nur für die Taste, wenn wir den Bus und Randy machen, ohne den Rest des fremden Feldes rendern, das wird gut aussehen. Also müssen wir eigentlich ein bisschen mehr als das tun. Also müssen wir wirklich sagen, wir werden den Block hier setzen. Und wir werden alles in den Augen dieses D-Blocks stellen. Und lassen Sie mich nur sicherstellen, dass Schaumstoffblöcke und damit wir alles bekommen und sagen die Sackgasse. Und ich werde diese Klasse nur nennen. Und tonale Passt. Auf, weil wir diese Schriftart wollen, Popolo, aber wir wollen, dass es leicht unterscheidet Sie von allem anderen auf der Seite. Also lasst uns das einfach machen und wir werden die Farbe dieser internen Fisa-Farm ändern. Wir werden ein paar Muster-Sachen hinzufügen und ein paar verschiedene Dinge tun, aber bleiben Sie einfach bei mir für jetzt. Also Hintergrund, wir werden eine Art Grau machen, aber wir wollen nicht, dass es zu hell ist. Wir wollen nur sehr subtile Differenzierung. Rob ein bisschen da. Ja, ja. Und was ich tun will, ich will dieses Pad zurückziehen und immer so leicht, es ist vielleicht wie 20. Jetzt, tut mir leid. Ok. Und dann in dieser Form, diesem Block, will ich ein Muster. Also werde ich 2010 bis zehn an der Spitze ziehen. Vielleicht 20 unten. Jep. 20 die Saiden. Ja, damit kann ich leben. 20 wieder und zwingt sie. Heute. Wir fangen mit Zwillingen an, sehen, wie wir weiterkommen und diese Überschrift. Also, was wir tun werden, ist, dass wir eine H2-Überschrift verwenden, aber wir werden eine Combo-Klasse erstellen, weil wir wollen, dass es der Kopf ist und weiß ist. Also werde ich dieses H zwei grundlegende H2 nennen, wie üblich. Und dann werde ich einfach bearbeiten. Es ist weit. Dieser schöne Wald oder so etwas. Ok? Und das wird mir erlauben, die Farbe eines Sterns zu ändern, ohne alles andere auf der Website zu vermasseln. Ich werde das Gleiche hier machen. Professor. Machen Sie es weiß. Jetzt kommen wir irgendwohin. Batson einen Tunnel für die Farm. Wir wollen die Ecken für diese Runde machen. Weil wir wollen, dass es im Einklang mit dem Rest unserer Farm steht, in dem Rest von dem, was wir bauen. Und dann, wenn wir hier durch unsere Farm gehen, wollen wir es, wir wollen, dass diese abgerundeten Ecken halten uns in Kraft bleiben, wir wollen, dass es auf der gesamten Website konsistent ist. Also, was ich normalerweise in diesem Fall mache , möchte ich, werde ich nicht. Also, warum würde es normalerweise in diesem Fall tun? Und ich werde nicht die gesamte Ecke auf der ganzen Farm runden, weil das nicht sehr ist, würde ich es gesagt haben, wenn wir über Dinge sprechen , die die Leute wissen, dass, wenn sie auf eine Website schauen. Das ist eine Sache, die wir bemerken werden, ist notwendig. Sie mögen vielleicht nicht unbedingt wieder, das meiste, was wir hier tun, was wir wollen, sondern wenn Sie, Brandi, wir wollen auch zusammenpassen, aber wir wollen nicht unbedingt, dass die Leute es bemerken. Anstatt das zu tun, werden wir jede Ecke hier laufen, genau wie wir es mit der inneren Fusiform getan haben. Und du wirst sehen, was das macht. Und ja, also lass uns das machen. Also rufen wir uns an, wir sagen nur Fisa, Bodenwälder. Und Sie können hier Grenzen sehen. Wenn wir auf die Alternative klicken, die uns an jeder Ecke einzeln hinzufügen lässt, werde ich 20-Fuß setzen war nein, nicht 20. Eigentlich, vielleicht 20. Lassen Sie es mich vorerst dort stehen und sehen, wie wir weiterkommen. Eigentlich. Nein, ich werde wahrscheinlich 15 mögen. Ja, ich denke, 15 ist wahrscheinlich die beste. Okay, wir fangen mit 15. Und wie nennen wir dann diese Fusiform? Nachname, okay. Und ich will die rechte Ecke davon nehmen. Ich will für das zu 15. So können Sie wahrscheinlich sehen, wo ich damit hingehe. Wir müssen nicht wissen, dass wir die E-Mail-Adresse nicht berühren müssen. Aber wir wollen mit den Knöpfen spielen, die wir diesen Offizier nennen werden. Eigentlich nur gehen, um diese Formularschaltfläche zu nennen. Denn wenn wir jemals andere Farmen verwenden, wollen wir, dass es dieser Art von Thema dort folgen. Also werde ich es einfach in Klammern setzen weil ich nicht weiß, ob dieses eine ich Sie tatsächlich wiederverwenden. Ok. Richtig, also machen wir das aus ihnen heraus. Also lasst uns die Schriftart in Proxima Nova ändern. Machen wir es kühn. Nehmen wir unser schönes Rot. Lass es uns so sagen. Und dann, wenn es um die Ecken geht, haben wir eine 15 dort. Ok. Sie können sehen, was ich hier getan habe. Ich habe versucht, die Schriftart ohne Bohne abgerundet zu halten. Übermäßig, aber das muss nicht so sein, wie du es machst. Sie können alle Ecken vollständig entfernen, wenn Sie es auf diese Weise tun möchten. Und während des Abendessens werde ich Ihnen zeigen, wie es aussehen würde, wenn wir alle Ecken umrunden, okay, nur damit Sie wissen, wissen Sie, was wir moralisch mögen, dass wer weiß. Also lasst uns weitermachen und das tun. Treffen wir sie alle 15. Oder sollen wir es 20 machen? Sollen wir es 20 machen? Ja, machen wir es komplett abgerundet. Und so würde es völlig zufällig aussehen. Für manche Leute, wenn man sich das anschaut, fühlt sich das vielleicht besser an, weil man die ganze Ecke entfernt hat. Also, anstatt nur das Gefühl, die immer um die Gesamtheit der Form bedeckt, können Sie fühlen, dass Sie wieder sind, es könnte leichter auf dem Auge fühlen, wenn Sie es so betrachten. Aber wirklich können Sie tun, was immer Sie wollen mit dem Design Ihrer Schriftart. Es spielt wirklich keine Rolle. Solange es sich nicht unruhig auf dem I anfühlt oder das Design sich nicht anfühlt, dann wird es Ihnen gut gehen. Und dann sendet es einen Text, den ich einfach hier reinlegen werde, lassen Sie uns einfach sagen um eine E-Mail zu senden. Er ist weniger. Schließen Sie sich an Schließen Sie sich Tausende zufriedener Kunden an. Regelmäßige Updates zu Produkten und Dienstleistungen. Weißt du, was ich tun werde? Sie können 10 Prozent Rabatt auf Ihre Spülung bekommen , wenn Sie sich jetzt anmelden. Ok. Das sieht also in Ordnung aus. Ok. Ich meine, es ist weder hier noch da für mich , ich würde funktionieren. Ich könnte dies als Website veröffentlichen. Ich wäre glücklich, wie diese Form unten aussieht. Ich habe keine Probleme damit. Aber warum haben Sie ein Problem mit ist der Raum und die Größe der Spaltbarkeit. Für mich ist das einfach zu groß, zu groß und es gibt zu viel Platz. Und diejenigen, die wie ich vorhin erwähnt habe, gibt es eine feine Linie, wenn es um den Weltraum geht. Manchmal meine ich, du brauchst Platz, oder? Space schafft BC, wenn es darum geht, Websites zu entwerfen. Und das sind wirklich, wirklich wichtig. Aber es gibt eine feine Grenze zwischen zu viel Platz und um jetzt etwas Platz zu lassen, meiner Meinung nach, haben wir zu viel Platz. Einige Designer können Meinungsverschiedenheiten, wir werden nicht zu viel haben, Also müssen wir versuchen, etwas dagegen zu tun. Also, was wir tun werden, ist, dass wir Säulen haben und zum Container. Was wir als Block machen werden, und hier, ich weiß, das sieht vielleicht ein bisschen lustig aus, aber es wird absolut gut sein. Also kommen wir zu diesem Bild mit Pop, das da drin ist. Bisher haben wir Pop, dass dort drin und beziehen sich auf die volle Breite. Was wir tun werden, ist das einfach zu verlängern? Und weil das eigentliche Basislogo dafür eigentlich ziemlich ist, würde ich sagen, es ist ziemlich interessant. Du magst es nicht wirklich in deinem Gesicht , wenigstens finde ich das nicht in meinem Gesicht. Ich denke, es ist ziemlich ein bisschen verrückt. Ich spüre es nicht im Raum, wenn ich es ansehe. Aber wir wollen nicht, dass ich nicht so nah am IgE bilden will, also müssen wir etwas damit machen. Also, wenn wir zu Spalten gehen, wir brauchen, dass Farsi oder Donnerstag, weil es bereits zehn X gilt oder 30. Die 30 hier. Und das ist keine Linie. Als erste Bestellung bin ich damit zehnmal glücklicher. So viel, viel glücklicher damit. Es fühlt sich viel mehr an als in. Es fühlt sich an die richtige Größe, so viel Bessel-Proportionen, und es sieht nicht aus der Nähe. Also könnte ich das veröffentlichen und mich damit einverstanden fühlen. Das letzte, was hier noch zu tun ist, ist nur diese Links saucy den Boden zu machen. Also werde ich nur schnell die Schriftart hier ändern. Scheint den Knopf erledigt. Und ja, wir sind ziemlich gut zu gehen. In Ordnung. Es hat also einige Zeit gedauert. Diese seltsamen Probleme mit der Farm, wo es nicht der Vor- und Nachname war, kreuzen sich übereinander und wurden nicht richtig ausgerichtet. Es würde Gewicht genommen haben Alongs gehen durch ist nur ein Haupt oder Eimer und Sie hoffen, dass Sie auf jeden Fall fast definitiv keine Probleme damit haben und Sie würden enden. Aber wenn das gesagt wird, lassen Sie uns aufknacken. Das ist also im Grunde der Gefrierschrank. Und das letzte, was wir tun müssen, ist nur eine Verbindung dieser spaltbaren Längen. Wir haben also die Homepage mit einer Bot-Seite, Services, Tracing und Kontakten. Ok. Das bin ich also. Ich bin ziemlich glücklich damit als Fassade. Ich denke. Ja, ich kann mit mir arbeiten, abgesehen davon fühle ich mich ziemlich gut. So können wir sehen, wie wir die Bauern ein wenig skalieren, also müssen wir daran arbeiten. Also diese Spalten sind, Spalten sitzen nicht schön, also müssen wir daran arbeiten. Okay, das ist in Ordnung. Das sind schöne Effekte. Also wieder, genau wie der Header, müssen wir uns alle als Hunderte hineinsetzen. Also setzen Sie unsere max 12, 79 und dann sind sie Männer sollten 922 sein. Lasst uns hochziehen. Wir müssen großartig gehen. Und letzte Schule in der Größenordnung und die CIA ist weg. Okay, also haben wir hier etwas Arbeit. Also, was sind Spalten? Was wir tun wollen, ist, dass wir sie normalerweise stapeln, tun, wenn wir runter zum Tablet kommen. So bleibt es als Doppelsäule. Aber Sie können Tablet-Porträt für Quer- und Porträt sehen. Und wir wollen das einfach so zu statisch ändern. Dann, wenn wir hierher zurückkommen und wir zu den Einschränkungen hinzufügen wollen, die wir haben, machen Sie einfach alle von ihnen auch. Keiner. Ja. Also wollen wir es dort sehen. Ähm, und das war wirklich nicht toll, muss ich das tun? Das einzige, was ich gemacht habe, die ich bin mir nicht sicher, ob ich ein Logo auf der Oberseite so gestapelt will. Also werde ich tun, ist eigentlich nur drehen Sie sie Runden. Und ich werde das tun, indem ich zum Layout gehe und auf die Schaltfläche rechts vertikal klicke . Und wir wollen, nein, tut mir leid, nicht das. Falsches Element sind Spalten. Wir wollen eigentlich ihre vertikale Wohnung betrachten. Ok? Und aus diesem Grund können wir sehen, dass die Logos tatsächlich ein bisschen höher sitzen ist für mich Es ist wahrscheinlich zu nah an der Farm. Also wollen wir das in Ordnung bringen. Wir können das mit Vasco machen, Sinn UBS. Und ich denke, es wird sich zeigen, weil wir ein Muster haben, gibt es einen Schuldigen. Okay, also haben wir ein paar Pads und die unerwünschte Polsterung und 20 unten mal oben. Ok. Damit. Dann zum Telefon, um ein Problem hier zu haben, waren Tabletten. Nein, wir sind gut da. Und wir kommen zum Tablet. So können wir sehen, dass sieht ein bisschen wackelig weil wir runter auf Tablet die Sachen, die wir gewonnen haben, Dinge konsequent zu sein. Also müssen wir einige der Polsterelemente loswerden, die wir beschlossen haben, immer mehr auf dem Desktop hinzuzufügen. Für mich denke ich, dass wir dort gut sind. Nur schnell haben Sie auch Singled tatsächlich Modus. Also, wenn Sie jemals stecken bleiben oder wenn die Dinge nicht funktionieren, entweder hatte ich nicht richtig, wie hier zum Beispiel. So können Sie sehen, dass diese sehr, sehr gering sind wie fünf Pixel-Lücke, die ich frage mich, dass ich mein Büro nicht schmeiße und mich denken lässt, dass das eine Art Code-Abdeckung war oder wann es ist, aber es ist nicht absichtlich und es ist nur, weil es hier eine leichte Diskrepanz gibt. Was wir also tun wollen, ist aus zusätzlichen Abstimmungen zu kommen. Was ist die Kolumne, die wir betrachten und diese fünf px loswerden, damit wir nicht brauchen, also weiß ich nicht, dass sie hier sind. Großartig Jetzt sieht es gut aus für mich. Also lasst uns weitermachen. Und so auf dem Handy, wir suchen nur nach dem, was wir getan haben. Wir können das unten zentrieren. Dort gibt es Links. Und lasst uns das einfach abpolieren und das gut aussehen lassen, damit wir 201010 Zoom nicht brauchen. Und dann wollen wir, dass das auch 10 sein wird. Nun lasst uns ESA winken, der Motor war, und ich sagte: Okay, jetzt haben wir eine skalierbare Einrichtung mit einem ACE-Call to Action. Sie können verwenden, wenn Sie nicht viele Links auf Ihrer Website haben , weil Sie versuchen möchten, den Raum zu nutzen, oder? Wenn dies ein Standardteil Ihrer Website war, möchten Sie sicherstellen, dass Sie das Beste daraus machen, wenn Sie Ihre Website erstellen. Und lassen Sie mich zu Lead-Generation-Methoden gehen. Wir werden darüber reden, wie wir diese Formulare tatsächlich in dem verknüpfen, was wir dort tun. Ähm, aber größtenteils, das war's. Also, das hat Pharao gerade erledigt. Also lass uns schnell wieder nach oben gehen und einfach auschecken und dich sehen. Dann ist es ein Chaos. Das Einzige, was ich denke, diese Unordnung. Ja, also wurden die Texte hier nicht in Proxima Nova geändert. Lass uns das einfach machen. Soll ich diese mutig machen? Deshalb weiß ich es nicht. Jetzt können wir sie wie gewohnt lassen, glücklich damit. Und jetzt, da wir das getan haben, wollen wir ein Symbol machen, genau wie wir es mit dem Header getan haben. Klicken Sie also auf das Fisa, klicken Sie mit der rechten Maustaste auf die Fassade. Da. Drei Symbole dann alle Kappen. Wir werden nur Besuch und Gewinne schaffen. Genau so. Das hat es gerade geschafft. Also, mit dem gesagt, das nächste, was wir gehen, um zu bewegen, ist tatsächlich beginnen, einige der Inhalte der Website zu füllen. Und kurz bevor wir zu dem gehen, was Sie tun sollten, ist zu sehen, ob Ihre Seiten in einem Abschnitt in und dann Azure Fisa. Ok. Abteilung, Offizier. Abschnitt. Also ja, das war's. Also lasst uns aufknacken, richtig. Super einfach, super, super einfach. So wie ich sagte, mit dem Kopf, während du das durchmachst, wenn du stecken bleibst, ich meine, es gab einen Punkt da drin, als ich das erste von dem durchging das ich tatsächlich abgestolpert habe und eine von der gerade Webflow durch auf einem Kurvenball auf mich und es wird das manchmal tun, manchmal wird es Probleme sein und Sie werden nicht unbedingt die Antwort kennen. Ich kann Ihnen versichern, die immer ein logischer Grund ist dennoch sehr wirklich alles, was Sie tatsächlich schuld machen können. Webflow weit Abfall. Bin normalerweise ist es nur, dass Sie einen Fehler in der Art und Weise gemacht haben , dass Sie die Plattform und die Art und Weise, wie Sie die Dinge eingerichtet haben, und verursacht nur eine leichte Diskrepanz und von dem, was Sie erwarten, passieren. Also ja, gehen wir weiter, um den Rest des Baustellenbootes zu bekommen. Wir kommen näher und machen Fortschritte. Lasst uns weitermachen. 16. Deine Homepage erstellen: Okay, das ist also die Kopfzeile und die Art, wie wir den Kopf und die Fisa gebaut haben, und jetzt ist es tendenziell weiter und hört auf, Seiten zu schnüren. Also die erste Seite, was wir gerade den Weg sammeln, ist unsere Homepage. Und das ist, wo wir einige von ihnen Lead-Generation-Zeug in der Lohnstruktur dieser Seiten berühren und was Sie denken sollten. Und bevor wir tatsächlich mit ein paar Dingen anfangen, möchte ich darauf hinweisen. Sie können sich in einer Situation befinden, in der Sie das Gefühl haben, eine Menge Inhalt zu haben, das ist Ihre Website. Und mein Rat an dieser Stelle ist, die Dinge kurz, süß und prägnant zu halten. Das wären meine besten Ratschläge. Und der Grund dafür, als Leute, wenn er eine Website hat, gehen sie für die besondere Absicht dorthin. Und normalerweise suchen sie eine wirklich bestimmte Information. Und Sie wollen es so einfach wie möglich für den Ruhm, dass Informationen. Und Sie wollen die Dinge so aufschlüsseln, dass die Dinge einfach zu scannen sind , anstatt einfach zu konsumieren, oder? Wie in dem Sinne, dass Sie nicht wollen eine übermäßige Menge von Texten, die in der Welle begann oder jemand sucht. Und es ist eine häufige Sache, die ich auf vielen Websites sehe. Es ist nur das. Es ist einfach zu viel Inhalt, nur, nur eine überwältigende Menge an Inhalten und es sättigt nur das Designfeld, den Zweck der Website und auch die Marke. Also, das ist etwas, das Sie im Hinterkopf behalten müssen, wenn Sie das durchmachen. Halten Sie die Dinge auch kurz und süß, würde ich sagen. Aber auch keine Angst haben oder zurückhalten. Sie legen die Informationen in die Website, die Sie brauchen, um es einfach nicht zu übertreiben. Also das erste, was wir für diese Seite als auch tun müssen, tatsächlich für alle Seiten, wie wir brauchen, um eine Reihe von Emojis und Sie etwas über die Überwindung von Schäden zu bekommen , könnten Sie denken Chicago Stock oder Adobe Stock. Da zahlt beide die Kosten ziemlich viel Prozent und sie saugen genau dort. Sie sind nicht die Besten. Normalerweise verwende ich Adobe Stock, wenn ich versuche, Grafiken herunterzuladen. Das ist, wo ich die meisten meiner Grafiken von einigen anderen guten Websites bekommen da draußen. Aber der, den ich tatsächlich empfehle, heißt Unsplash. Das ist diejenige, die ich empfehle, wenn Sie Stockbilder verwenden müssen. Und das ist ein guter Punkt, so dass, wenn es um Bilder geht, weil Sie Ihre eigenen Bilder verwenden können. Und wenn Sie Ihre eigenen Bilder haben, wenn Sie Zugang oder das Budget haben, einen Fotografen zu mieten , um ein paar gute Fotos von Ihrer Marke oder Ihrem Unternehmen, Ihrem lokalen Unternehmen zu machen und in sie zu investieren. Wie die Leute über Ihre Geschäfte wissen wollen, vor allem, wenn Sie physische Räumlichkeiten haben und sie wissen wollen, wie es aussieht und sagen, dass sie wissen wollen, was für eine lose wie ich sage, dass sie die Leute kennen wollen, die die Marken führen. Sie wollten hier über die Angestellten wissen. Sie wollen nicht sehen, dass die Aktien fallen. Nur wirklich eine Möglichkeit für Marken oder Geschäftsinhaber, sich hinter der Website zu verstecken. Also würde ich raten, das nicht zu tun. Aber wie auch immer, für weniger, als ich werde mit Stock Fotos offensichtlich, weil ich nicht wollen, Jim. Also lasst uns einfach ins Fitnessstudio tippen. Und ja, ein paar Bilder, die wir hier wählen können. Und eines der Dinge, die ich an Unsplash wirklich mag, da all diese Energien von unabhängigen Trailern oder Fotografen kommen, wissen Sie, obwohl sie nicht von Adobe Stock oder Shutterstock gepflückt wurden. Und es sind nur Leute, die kleine Nussallergien mögen und sagen, hey, ihr könnt sie umsonst benutzen, nur um Kredit zu sein. Also, was wir hier tun werden, ist, dass ich wahrscheinlich 10, 15, 20 Energien aussuchen werde. Wir kommen immer wieder hierher, wann immer wir müssen. Um ehrlich zu sein, werde ich einfach nicht wirklich schlimme Sachen aussuchen. Lasst uns einfach aufhören und sehen, was wir getan haben? Diese, all diese Energien sind nutzbar. Also, hier gehst du. Öffentliche fünf weitere. So Kanten sind wichtig, sie machen wirklich den Unterschied, aber die Website in Bezug auf Design. Also willst du sichergehen, dass du sie richtig machst. Das ist ein guter. Ich kann hier gehen. Und lassen Sie mich sehen, ob ich ein anderes Keyword austippe. Lassen Sie uns und es ist ein anderes. Das sind gute. Ok. Ich denke, ich werde es wahrscheinlich von jetzt an tun, um ehrlich zu sein. Also lassen Sie mich einfach zurückgehen und wir werden diese Bilder auf die Website hochladen. Sie können, wenn Sie offensichtlich in wie Lightroom gehen müssen oder wo auch immer Sie tiefgreifende Fotobearbeitung App ist. Aber dafür werde ich mich nicht darum kümmern, ich fühle nicht das Bedürfnis. Gehen wir also voran und laden Sie Bilder hoch, die alle hier in nur einer Sekunde erscheinen werden. Da gehen wir. Ok. Eine andere Sache, die du tun kannst, die ich hier nicht nur im Interesse der Zeit gemacht habe. Lassen Sie uns die EMG durch Kompressor stellen. Ich muss nur dafür sorgen, dass sie nicht zu groß sind. Und die, und die, Ich werde Ihre Website verstopfen, weil Leistung wird eine wirklich wichtige Sache sein. Und wenn du damit kämpfst, bist du wie, oh, ich weiß nicht, welche Größe Energie sein sollte oder was da drin sein sollte, denn Webflow wird dir eigentlich sagen. Also, wenn Sie zu den Einstellungen eines Bildes gehen und lassen Sie mich das einfach auf diese Weise verschieben. Sie können sehen, dass es hier sagen, dass das Bild ist sehr groß und wir werden nicht auf dieser Website veröffentlicht werden wirklich versuchen, und einige Lektionen, also spielt es keine Rolle. Aber ich werde es dir sagen, okay. Und wenn es sehr weitgehend so ist, dass ich meine, das ist eine beträchtliche Website. Du brauchst es nicht, um so zurück zu sein. Du willst nicht, dass es so groß ist. Ihre Website wäre nur langsam, klobig, und eine Menge gute Arbeit, die Sie getan haben, wird zu Grad überflüssig sein. Wie auch immer, ich habe ein paar Bilder, also lasst uns einfach voran gehen und sie benutzen. Also gehen wir zu Bolzen. Header wird kein Ja haben, wir werden es oben auf der Seite Abschnitt herausziehen, sollten wir es nennen. Also haben wir Abschnitt, wir werden einen Block da reinlegen, der ein Container sein wird. Und was wir tun werden, wir noch ein Div Gesetz hinzufügen, nur für den Fall, dass wir heute eine andere irgendwie verrückte Adresse haben. Und dann werden wir es stoppen und Inhalte und Websites. Also werden wir eine Überschrift setzen. Holen wir uns ein paar Fotos da rein, und lassen Sie uns einen Knopf da rein. Und das wird der Anfang einer Seite sein. Was wir also tun müssen, ist unsere Klassen und ADA zu bekommen. Also lasst uns auf den Abschnitt klicken. Und dann werden wir auf Basic Abschnitt, grundlegende Container klicken. Und dann haben wir Seite einen Absatz Button. Also, was wir tun werden, ist, dass wir das etwas schärfer aussehen. Und dann werden wir weitermachen, um einen Chat Lead Generierung Zeug und warum der Anfang dieser Seite so wichtig ist. Also lasst uns hier einfach ein Bild bekommen. Tut mir leid, der Rest später. Wir gehen hierher zurück. Es spielt keine Rolle, warum Bild, ich kann, wenn ich ehrlich bin, was auch immer wählen. Stattdessen. Wir wollten das ein wenig dunkler, um Gott zu danken, ich gab es etwas nicht ganz richtig. Und dann werden wir eine Combo-Klasse mit unserem Container erstellen, weil wir wollen, dass es ganz so ist, wenn wir über einer bestimmten Größe sein wollten. Also gehe ich einfach zu Top Hat sagen w in Bezug auf das Spiel über das mit diesem und das ist, was du tun willst. Du willst über sie spielen, wenn du an diesem Punkt kommst. Und Sie werden nicht unbedingt wissen, was die beste High als ein Think, etwa sechs Hunderte manchmal ist eine gute Show. Hallo. Ja, kann damit gehen. Und dann schauen wir uns diesen Hintergrund an, denn das sieht nicht so toll aus. Ja. Ok. Ich werde damit rauskommen. Und dann wollen wir sicherstellen, dass alles und Websites, die einen Sinn enthalten. Also, das wird Vasco gehen. Sie sind ein NSAID, der Sackgasse ist. Und wir werden im Grunde dasselbe tun. Und dann wirst du etwas machen wollen. Sie möchten Kombinationsklassen erstellen. Wenn Sie anfangen zu bearbeiten, wie das Wetter, die Überschrift, eine zentrale oder nicht, weil Sie nicht wollen, um eine Änderung irgendwo in es. Vermasselt alles auf Ihrer gesamten Website weniger das Letzte, was Sie wollen. So Züge. Zentrale Stufe eins. Eigentlich ist noch eine Sache zu machen, wir müssen eine Klasse machen, um sie in Weiß zu ändern. Also habe ich normalerweise nur weiß gemacht. Ich werde es einfach ganz benutzen. Ich meine, du kannst deine Klassen beschriften, wie du willst. Ich verwende nur gerne mehr wie Befehle als Klassifikationen, nur weil es einfacher ist, wenn ich bin, ich gehe darüber und bestimmte Klassen, die mikrofonweiß sein müssen. Also machen wir das zuerst, da es das gleiche wie der Absatz ist. Richtig? Also nochmal, Soma, dann werden wir nur diesen Button Tag treffen. Können wir jetzt jedes Generationsmaterial in einem zweiten Schrittblock abbrechen? Was wir nur als Text hier tun wollen, ist viel zu klug und wir wollen es nicht so. Weil es einfach nicht richtig aussieht. Also lasst uns das ein bisschen reinziehen und sehen, wie wir gegangen sind. Ja, ja. Das Labor arbeitet für mich. Ja, ja. Und so gibt es ein paar Dinge, die Sie hier tun können, und wir werden hier nur einen Abschnitt hinzufügen um sich auf die nächste vorzubereiten, die wir machen werden. Sie können die haben, Sie können eine Art Bauernhof hier haben. Es kommt wirklich darauf an, was du versuchst zu tun, oder? Und es kommt darauf an, was du uns angeboten hast. Aber ein Standard auf der Homepage ist nur eine Schaltfläche, die Links zu Ihrer Kontaktseite. Sie können viel mehr tun, als das, wenn Sie wirklich Ihre Eigenschaften lassen, würde ich sagen, gehen ein wenig wilds. Und Sie können haben, Sie können ein Formular haben, das es den Leuten erlaubt, den Namen und die E-Mail wie die, die wir für die Fisa gebaut haben, einzufügen. Oder Sie können es mit einem Typformular verbinden. Sie können es mit allem verbunden haben, was Sie wollen. Es gibt so viel Potenzial mit dem, was Sie auf meiner persönlichen Website von BYU-Medien tun können, und ich empfehle dies in der Regel einigen der Kunden, dass wir mit dieser Verwendung Typ Telefon arbeiten. Ich mag Typ 1 ist wirklich gut wie funktional und ist ziemlich interaktiv für Benutzer. Also zeige ich Ihnen schnell, ob Sie einen Buchhalter haben. Und ich glaube nicht, dass wir das durchmachen werden, keine Schriftart. Ich denke, das wäre etwas für ein separates Video, aber es gibt keinen Schaden hat Ihnen die Plattform gezeigt und genau wie es aussieht, weil es eine wirklich gute Lead-Generierungsmethode gibt, die ziemlich gut für uns funktioniert. Aber wir haben nicht viel auf dem Markt und in letzter Zeit, aber wir haben eine Reihe von verschiedenen Formen hier. Und Sie können jedes Formular erstellen, das Sie sich vorstellen können und j kann es mit Ihrer Website verknüpfen oder Sie können es einbetten. Sie können alle möglichen tollen Sachen damit machen. Und was ich für das hier tun werde, da ich eigentlich nur ein E-Mail-Feld setzen werde. Ja, und wir werden nur ein E-Mail-Feld kleben und so werden wir diesen Knopf loswerden. Und was ich tun werde, ist, wie ich das tun will. Ein paar verschiedene Möglichkeiten. Ich könnte auf ein paar verschiedene Wege zurückgehen. Mal sehen, was wir bekommen. Was wir als Formularblock zunächst brauchen. Ok? Und du kannst, wie ich schon sagte, du kannst tun, was du willst. Hier sind einige, was ich meine, was Sie tun können, wie Sie können, können Sie hier zum Beispiel auf Ihre Kontaktseite verlinken. Und Sie können Ihren Kontakt verknüpfen, fügen Sie ein Typformular ein. Sie können Informationen hier nehmen, dann erhalten Sie Menschen, deren Name und E-Mail-Adresse ist, was wichtig ist, vor allem, wenn Sie Januar führt wollen. So wie zum Beispiel, Sie könnten beide ein Angebot hier haben. Ok. Nun, Glocken im Angebot und was wir sehen können, ich bin genug gegangen. weiß nicht, ob ich dieses Bild ändern möchte, ich weiß nicht, wie ich darüber denke. Vielleicht. Ich dachte nur, wir könnten einfach sagen, nun, es ist nicht so wichtig, an diesem Punkt. Ja. Aber ich denke, der Punkt, den ich wirklich versucht habe, hier mit der Homepage zu machen, ist, dass diese Überschrift Ihrer Website , wie zum Beispiel auf Ihrer Homepage, was normalerweise die Wiederholungen passieren werden, wenn Sie einem traditionelles Modell und Überschrift. Und dieses Gebiet hier. Muss in der Lage sein, Ihre Nachricht zu erhalten und eine Leidenschaft zu erzählen, warum sie sich auf Ihrer Website anmelden sollten. Sie wirklich Generation Methoden, Straße, oder wo immer Sie angeboten werden, wie Sie brauchen, um das sofort zu rechtfertigen, müssen Sie deutlich machen, dass muss prägnant sein und es muss ziemlich Direkte sein. Was ist also Ihr wesentlicher Differenzierungsfaktor als Begleitung? Es war eine Sache, die Sie auf jeden Fall war die Sache, die Sie Besso macht, warum sollten wir sagen, nicht gerade jetzt auf dieser Farm, die in statt einer der Konkurrenten gebaut wurden . Dies sind die Dinge, die Sie daran denken müssen, wenn Sie Ihre Website bauen, weil viele Leute wählen einfach kommen und sie werden sich sofort verbiegen, wenn sie nicht finden, wonach wir suchen, müssen Sie ihnen einen Grund geben, zu bleiben und engagieren. Und du willst es ihnen so einfach wie möglich machen, das ist es, was wir hier bauen wollen. Zum Beispiel habe ich hier ein paar Ideen, warum ich für nützlich halte. Und ich glaube, ich will das hier rüber ziehen. Okay, ein Zufallsprinzip, damit du da drinnen sehen kannst. Ich werde oft, ich gehe für es hängt ab. Wir können Ihre Arbeit abbilden, müssen Sie, aber manchmal möchten Sie den Hauptfokus des Bildes auf eine Seite verschieben und Ihre Farm auf der anderen Seite haben , nur so dass wir nicht übereinander sitzen, wie sie waren. So im Moment kann ich den Muskel des Auges in diesem Bild sehen. Ich versuche, diese Idee anzudeuten, dass du stark wirst. Weißt du, dass das eine echte Übung ist, dass dies echte Fitness ist, dass das eine wichtige Arbeit ist, die du im Fitnessstudio machen wirst. Und dann, offensichtlich hier mit dem Text, versuche ich zu sagen, Schau, melde dich an, das ist unsere Klasse. Und Sie schlagen fast vor, dass durch die Anmeldung, das ist, was Sie aussehen könnte, was nicht direkt hier runter gekommen ist, um zu tun, aber Sie könnten das Argument machen. Also lasst uns das spielen und sehen, wie wir weiterkommen. Ich will also nicht mehr, dass das zentriert ist und ich will nicht, dass mein Kopf auf 1 zentriert ist, ganz links. Und dann bauen wir hier unsere Farm. Und dann bauen wir hier eine Farm auf. Und wir werden ein Angebot erstellen und Sie werden hoffentlich genau sehen, was ich meine. Also lasst uns über ein Angebot nachdenken. Nun, eigentlich zuerst lasst uns diese Formel bekommen. Ich denke, das ist die Sache, die Vorrang hat. Ich denke, zuletzt, Ich denke, dass übernimmt die Führung in Bezug auf die Bedeutung. Also lassen Sie uns eine Klasse erstellen und sagen wir einfach, sagen wir einfach Header. Und unsere Hintergründe. Ich werde eine Sache machen, dieses schöne Grau, das wir benutzen. Wir haben gesagt, dass wir den Anfang benutzen werden. Also, wen soll ich, nicht wahr? Ja, ich denke, das könnte funktionieren. Mal sehen, wie es geht. Ich möchte, dass es Kurven sind. Willst du nicht CSS Telefontaste , die wir früher noch schlimmer gemacht haben? Ja. Irgendwie. Ja. Ja. Ok. Wir können damit arbeiten. Und dann möchte ich diese Felder wie zuvor loswerden. Und dann, was wir tun werden, ist zu antworten, ich werde es ihnen eilig sein. Und Sie können so viele Felder haben, wie Sie möchten. Und hier wollen Sie sicherstellen, dass zwei benötigt werden, wenn es um die Mittel geht. Und dann wollen wir diese Felder machen, die wir uns Kurven ansehen. Und eine Sache, die Sie vielleicht eine kleine Grenze darüber in Betracht ziehen wollen, worüber ich mich nicht sicher bin. Mal sehen, wie wir weitermachen. Ja, okay. Ja, wir wollen oder brauchen nicht wirklich irgendeinen Lambda in der Auswahl, nur diese sie. Und diese Dinge, die wir tun können, um es so zu machen , was wir tun werden, ist, wenn wir das Ende der Kühnheit nähern, ein Google-Bike durch analysierte einige Interaktionen und ich kann Ihnen zeigen, wie das funktioniert. Aber im Moment werden wir es einfach verlassen, ja, wir werden es so lassen. Und wir werden sicherstellen, dass wir die richtigen Schriftarten verwenden. Okay, und OK, jetzt haben wir die Formel. Lassen Sie uns einfach sagen, das ist die Seite für 1 Sekunde. Und ich werde nur tun, lassen Sie uns einfach für Pensionen gehen. Also, jetzt, da wir das und einige der Texte oben auf der Seite haben, wenn wir das tun, was wir wollen, wie wir es versuchen wollen. Und ich meine, es sei denn, es gibt mehr Marke und Business WACC in irgendeiner Entdeckungsarbeit, die Sie vielleicht tun müssen. Aber Sie wollen wirklich diese Schlagzeile bekommen und es sollte Ihr Kernangebot sein und zusammenfassen. Das sollte sein, dass Sie hier eine Zeile sind, oder Sie wissen Ihre, Ihre Schlüsselvorschlag, die Sie vorlegen. Also werde ich einfach, ich werde Shane nur setzen, die ich setzen werde, tatsächlich weniger werden . Ok. Nun, da ich den Text aufstelle, meine ich, was Sie hier sehen können, ist diese kleine Zeile, hey, ist nicht ganz richtig, also müssen wir das ändern. Und was wir eigentlich tun werden, ist, dass wir seinen Ehrenstil ändern werden, weil es heißt, wir haben Combo-Klasse. Ich will nicht wirklich, dass irgendwas davon vermasselt wird. Und wie Sie hier sehen können, weil ich dem Hintergrund dieses Containers mit dem Hinzufügen einer neuen Klasse hinzugefügt habe , wird es auch für diese geändert. Also wollen wir das wieder ändern. Also wollen wir diesen Hintergrund zurück zu uns ändern, offensichtlich Bild, das wir hier haben. Okay, das ist also, das ist in Ordnung. Lassen Sie uns das einfach aus dem und weit weniger Container. Wir werden es setzen. Jetzt werden wir nur die Zeilenhöhe bearbeiten. Ok. Also Zeilenhöhe, bewegt sich nicht ganz 145125. Ja. Eigentlich tun Sie es nicht ich werde das wieder in den einfachen Container legen. Ja. Und wenn wir hierbei abstimmen, müssen wir nur das Bild biegen. Ich gehe hierher zurück. Bleibt immer noch. Ja. Ok. Im Moment können Sie sehen, dass jetzt, wo wir alle n und diesen Schuh hinzugefügt haben, die Änderung auf 12 noch, aber tote Gewinne. Jetzt müssen wir die Größe, die Höhe dieses Behälters erhöhen . Also machen wir es sieben Hunderte. Noch. Glücklich damit, richtig? Und hier werden wir uns heute nur anmelden. Melden Sie sich noch heute an, um loszulegen. Es ist eigentlich der Haken. Schön, eigentlich, weißt du was? Ich denke, ich bin eigentlich nur nehmen weniger Sex Nacht, weil ich das Gefühl , oft war ich teilweise sowieso. Ich habe immer das Gefühl, wenn ich das Gefühl habe, dass ich mich zwingen würde, mehr Worte hinzuzufügen, dann sollte ich wahrscheinlich nicht mehr hinzufügen will, weil das gerade hier, es gibt wahrscheinlich genug ja. Ausgebildete Vasopressin klüger mit wollte ich Wes Magnus setzen. Ja. Ja, transgressiv sind suspendierte Omegas. Und dann, was wir tun können, ist anstelle der Struktur, für die wir gehen, wir können das hier reinwerfen und wir können setzen weil eine Sache, die Sie auch tun können, wenn Sie den Namen und die E-Mail einer Person haben, können Sie sie anpassen und verkaufen die Trichter man es zeigt in 10 auf ihren Parks sind im Grunde die gleichen. Sie sind interessiert. Aber es könnte nicht sofort für Sie kaufen, aber es bedeutet nicht, dass sie es nicht können. Und auf Ihrer Kontaktseite können Sie sich mehr darauf konzentrieren, Menschen dazu zu bewegen, tatsächlich eine Mitgliedschaft und so etwas zu kaufen. Aber wie auch immer, lassen Sie uns einfach weitermachen. Und es verwirrt uns nicht wirklich zu sehr über dieses Stück Text. Also werde ich hier nur schiefern. Also, das ist in Ordnung. Ich meine, was wir hier machen, sagen wir im Grunde, war definitiv besser. Dieser Gentleman wurde gesehen, außer sie, um unserer Gemeinschaft beizutreten. Und Bedingungen dafür, ich meine, ich denke, wenn wir das wirklich richtig machen würden, wäre ich gezwungen, zu antworten, wie zu versuchen, die Person zu schieben, die tatsächlich ihre Mitgliedschaft kauft. Aber das ist eher wie ein Econ, Art Sache und Zeiten der Elite-Herrschaft. Ich habe kein Formular auf der Homepage, denke ich, dass es ein ziemlich guter Weg ist, darüber zu gehen. Oder zumindest eine Verbindung herstellen oder zumindest eine Schaltfläche haben, die mit einer formellen Art Lead-Generierungsmethode verbunden ist. Das ist also etwas, worüber man nachdenken kann. Und dann verschieben Sie diese Abschnitte hier runter, was ich normalerweise nur sehr, wirklich einfach halte. Als hättest du diesen Topf nicht so kompliziert. Und es hängt von der Person ab, die Sie versuchen, zu helfen und weniger zu arbeiten, aber warum würde normalerweise tun, wie bekommen Sie Ihre Klassen und Autofokus? So grundlegender Abschnitt. Okay, Ihre Container-Spalten müssen Sie nicht lesen, wirklich umbenennen. Jetzt, da du das da hast, lass uns D-Block holen. Und in diesen beiden Spalten, was wir tun werden, ist, dass wir ein Bild bekommen. muss nicht sein. Es kann wirklich nicht sein, was du willst. Ich bin nicht wirklich so gut, eine, die wir für ja gehen, ich meine, ja, das kann funktionieren. Und dann hier, Rubrik 1, hier nicht zu tun, wie übermäßige Mengen von Texten hinzufügen. Ich meine, es hat keinen Sinn, wenn du wirklich nicht sehen musst, dass ich ein wenig freistehend schreibe. Du musst nur die Struktur verstehen, für die ich gehe. Also lassen Sie mich das schnell aufräumen. Ähm, und ja. Und dann auf der SAT wollen wir Px von 40. Und dann wollen wir sicherstellen, dass die Höhe jedes dieser Abschnitte konsistent ist. Also, was wir tun wollen, ist, welche Höhe weniger als gemein ist. Wir sehen uns hier an. Ich werde das Bild nicht herunterladen. Ich werde das machen, ich werde hier ein Hintergrundbild machen , weil das es tatsächlich richtig skaliert. Es wird das Bild richtig skalieren und ich werde es konsistent halten, wenn wir Abschnitte unten und sie werden alle gleich groß bleiben, was letztendlich ist, wonach wir hier suchen. Lasst uns das hier holen. Und dann , was ich tun werde, ist, dass ich die Seite der Größe ändern werde. 500 ist, aber wir suchen nach Gewinnen. Und wir machen dasselbe mit einem Step Block. Und in diesem div wollen wir es Vasco Sensitives machen. Ja, ja. Ok. Und hier ist es, wo wir unsere H2 verwenden wollen. Also, wie ich schon sagte, Sie verwenden nur eine oben auf der Seite. Ich benutze das nicht. Ehrfürchtig. Also, tut mir leid, geh in die unteren Abschnitte. Ok. Ok, jetzt lasst uns diese Deadlocks schnell nennen. Also, wie werden wir es nennen? Ich denke, was wir tun werden, wie wir es zweiseitig nennen. Ja, wir werden einfach nennen, es hat nicht gut gespielt. Okay, also müssen wir das Bild gegen die O. hinzufügen und das ist die Sache. Wenn sich versammeln, um sie anzurufen, werden wir eine andere Klasse namens Anzeigen erstellen. Das Bild. will ich eigentlich nicht machen. Ich werde darauf hin und her gehen. Sie kann ein paar verschiedene Wege machen. Ich denke, ich könnte eigentlich nur eine leere Zeichenfolge hinzufügen und sicherstellen, dass sie den gesamten Hintergrund bedeckt gesamten . Ja, tut mir leid. Aber schließlich gibt es nur schnell das Bild wieder in. Wenn ich ein Paket der zweiten Klassehinzufügen ein Paket der zweiten Klasse muss. Und jetzt werden wir diesen Abschnitt duplizieren. Und wir werden diese Spalten nicht umdrehen. In Ordnung, also bekommen wir schöne, saftige Abschnitte , die wir über das Fitnessstudio und einige der Funktionen davon sprechen können. Und dann normalerweise, was ich tue, wie ich meine, das ist wie ein sehr unkompliziertes Design in dieser Hinsicht. Aber so einfach wie es wird. Aber warum würde ich normalerweise tun, ist, dass ich voran gehen würde. Und ich möchte hinzufügen, wie, was würden Sie es als Mission Statement nennen, sind nur eine Art von einfühlsamen Stück Text , der darüber spricht, was die Marke bedeutet Wasser streben nach dem, was seine Hauptchaotigkeit. Also lasst uns einfach schnell speichern und so etwas. Und dann möchte ich, dass das ja ist, wir können es schaffen, wir können es tatsächlich rot machen, das wäre ziemlich interessant zu sehen wie das geht. Richtig? Erraten einige sind langsam, aber sicher. Warum könnte ich das eigentlich tun, ist, dass ich den Kopf nehmen und das aufregen könnte. Es tauchte einfach da draußen auf. Wenn Sie also einen Abschnitt wie diesen erstellen möchten, können Sie einfach folgen, was ich tue. Ich mag es so. Und am Ende glaube ich, dass ich es vielleicht wieder reinlegen könnte. Okay, das ist also etwas, das mit dem Knopf hervorgerufen wird. Denken Sie daran, dass wir über gesprochen haben, können Sie sich daran erinnern, ein Memo getan Escape Style Guide. Ich habe darüber gesprochen. Während wir durchmachen oder wenn wir etwas anderes hinzufügen müssen, um zu sagen, okay, wir können, nun, das ist eines dieser Dinge. Wenn wir also zu unseren Styleguides zurückkehren, können wir eine dieser Schaltflächen duplizieren und dann eine Komma-Klasse hinzufügen. Es steht Lektion. Und wir können das im Grunde weiß machen, okay, denn das ist es, was wir wollen. Und wir können das Innere machen, wir können das Grau machen, das wir mögen. Und das war's. Also nehmen wir diesen Kurs und gehen zurück auf unsere Homepage. Niemand will einen Sinn für uns machen. Haben Sie hier ist, als würde ich diesen Abschnitt Fair bitten Sie, wie Sie wollen einige gute Polsterung hier? Wahrscheinlich wollen Sie noch viel mehr. Ja, so etwas. Und dann möchten Sie ein wenig Differenzierung erstellen. Oder 11 mehr Platz zwischen der Knopfpolsterung von F. Kennedy. Gehen Sie so drüber. Das haben wir wahrscheinlich. Und mir wurde gerade klar, dass ich nicht darauf gezählt habe, dass das weiß ist, also müssen wir das wieder grau machen. In Ordnung. Also habe ich das Gefühl, dass ich mich damit einverstanden fühle. Ich denke, diese mehr Arbeit daran zu tun, ich habe es hinter den Kulissen geschafft. Hunderte, Hunderte Zs wahrscheinlich jemals hatten. Und doch die Dinge, die hier hinzugefügt werden können, okay, es gibt viele verschiedene Möglichkeiten, wie es ID sein kann, dann die meisten dieser Funktionen, weil der Fokus dieser Website nur Generation ist. Ich will nicht wirklich, ich meine, ich will nicht zu schwer in die Design-Seite der Dinge, aber du kommst dahin, wo ich herkomme. Ich meine, wirklich hier zu tun ist wirklich grundlegende Abschnitte zu bauen. Und im Grunde ist es das m, das Sie verwenden können. Es sieht vielleicht nicht nach viel aus, aber es ist einfach, den Punkt zu erraten. Und wir verwenden ein starkes Farbschema, das irgendwie die Arbeit für uns erledigt hat. Das ist eigentlich das, was ich verwenden werde. Ich denke, ich muss ändern, müssen Sie dieses Bild ändern? Also hier, hier unten schnell. Ja, okay. Ja. Und dann, was Sie auch tun wollen, ist, dass wir ipx über die Spitze, die wir bisher gepflegt haben, aber wir wollen sicherstellen, dass das auch in diesen Bereichen gepflegt wird. Also hier ist ein Ort, wo es definitiv ist. Aber wir wollen sicherstellen, dass alles Art von Flug hier ist. Also bewegen wir uns einfach nach oben und sehen uns. Okay, also will das nicht tun. Und schafft. Also werde ich diese eine Noppe Seite der linken Seite nennen . Alles klar, also insgesamt sieht das ziemlich gut aus. Aber es gibt noch einige Dinge, die wir tun müssen, bevor wir zur nächsten Seite übergehen können. Es gibt ein paar Dinge. Ich bin nicht daran interessiert. Ich denke nur nicht an das Beste. Also bin ich nicht daran interessiert, wie dieses Bild in diesen Abschnitt übergeht. Also, was ich hier tun möchte, möchte ich einen Abschnitt hinzufügen, der, na ja, nur über einige wichtige Funktionen und Vorteile der gesamten Fitness-Studio selbst sprechen. Also werfen wir einfach einen anderen Abschnitt und vergessen das Geräusch hinter mir. Das ist mein Springer Spaniel. Tun Sie Nettes. Also ist es entweder ein weiterer Abschnitt dort und wir können in einer Sackgasse haben. Und dann werden wir einige Spalten und Spalten hinzufügen, die Gitter sind. Ich denke. Eigentlich ist dies eine gute Gelegenheit für mich, Ihnen zu zeigen, wie man die Gitter benutzt. Also Raster sind wirklich, wirklich gut, wenn Sie verschiedene Karten und Tabellen bekommen , die Sie wirklich hinzufügen wollten, was wir hier tun. Ich verstehe, dass Sie vielleicht nicht wirklich wissen, was ich wieder hier, aber was wir tun wollen, ist die Fliesen hier hinzuzufügen. Das werden also drei separate Karten sein, und dann wollen wir diese untere entfernen. Also mit der rechten Maustaste und löschen Zeile. Okay, jetzt haben wir eine Reihe von drei, okay, das ist es, was wir wollen. Und dann mit jeder Zeile, die ich hinzufügen möchte, möchte ich nur einen Block daraus hinzufügen. Und es möchte schnell sicherstellen, dass dies alle Klassentröpfchen sind. Also Grundabschnitt, Grundabschnitt, Grundcontainer. Und der Admin bekommt die Kreditklasse, wenn Sie wollen, aber es ist wahrscheinlich nicht wichtig. Und dann habe ich offensichtlich darin blockiert und ich werde das Set einfach anrufen. Ich werde es nur Service-Titel nennen. Du wirst in einer Sekunde sehen, warum. Ok. Ok. Also für mich bin ich so: Ja, das sieht gut aus. Ich kann ja, wir können mit uns arbeiten. Und was ich tun könnte, ist, nun, gerade während wir darüber reden, bin ich mir nicht sicher, wie scharf diese Bilder und diese Abschnitte im Auge haben. Ich bin nicht so weit zu folgen, sagen Px von Raum steady Websites. Also wollen wir vielleicht einen Blick auf diese Binärdatei werfen. Lasst uns einfach damit fortfahren. Also hier haben wir die Service-Kacheln. Und dann werde ich hier eine Bildüberschrift hinzufügen. Dann werde ich zum Paragraph wollen. Und schließlich Knopf. Und dies ist auch eine gute Gelegenheit, Menschen an zwei Dezimalstellen auf Ihrer Website zu senden , wenn Sie möchten. Und dann mache ich normalerweise auch, wie du diese hier offensichtlich hast, aber ich füge normalerweise Überschrift und Kreisdiagramm darüber hinzu, nur damit die Leute wissen, was es ist. Und normalerweise füge ich immer ein wenig Tags direkt darüber ein. Eins. Bringen Sie mich einfach wieder hierher. Also gehen sie auf den Weg. Und dann muss Absatz sicherstellen, dass diese n sagen den grundlegenden Container sind. Okay, jetzt sehen wir besser aus. Ich bitte mich zu denken, oh, war dieser Knopf. Sie werden sehen, wie alles in nur einer Sekunde zusammenkommt. Also haben wir so eng. Also zuerst, lasst uns einfach ganz oben anfangen. Und dann einige Texte, werden Sie nur Schlüsselfunktionen und Vorteile setzen. Lasst uns hier einen Text schreiben. Und ich werde nur den Logarithmus-Automatismus verlassen und hier, denn wenn du weißt, was du hinzufügst, okay, der ganze Punkt hier ist, dir das Design zu zeigen, nicht zu sehen, wie ich tippe. Also lasst uns einfach versuchen, diese in ein bisschen mehr zu bekommen. Otto, wir haben diesen Fehler tolerant gegenüber der Klasse und wir sagen einfach oben. Texte sind wie ein Unterkopf. Und damit meine ich, du nennst die Klasse ist, was du willst. Das wird H2 sein. Und das wird ein grundlegender Absatz sein. Ok, großartig. Nein, ich möchte tun, was ich nicht weiß, ob ich ändern möchte, vielleicht nicht die Farbe ändern, aber ich möchte etwas ändern. Also wahrscheinlich dieser hier. Und ich möchte diesen oberen Rand loswerden. Also werde ich nur den oberen Rand setzen , vielleicht 10. Jetzt geht es hoch. Ja. Richtig. Ich werde diese und, und Typografie zentrieren. Wir werden wissen, dass wir keinen Bolzen machen werden. Oder wir sollten keine Umfrage machen, nicht wissen, dass Bolzen es nicht fett machen wird. Aber wir werden es in das Rot ändern, das wir mögen, das hier ist. Und wir werden es in Großbuchstaben schaffen. Und wir werden weniger Abstand je so leicht es aber wahrscheinlich auch dort drüben verbreiten . Und was wir tun werden, ist hier zentral. Wahrscheinlich auf 10 px hier. Und ich werde die Marge erhöhen, nur damit es nicht so breit ist wie das, was S, denn das sieht nicht richtig aus. Also wahrscheinlich wie einer, vielleicht zwei Svante, mal sehen. Es scheint der Sweet Spot dafür zu sein. Und dann möchten wir etwas Polsterung hinzufügen. Okay, toll, also das sieht ein bisschen über einen anderen aus, Unterscheidung zwischen diesem oberen Abschnitt und dann den Abschnitten hier ArtUnterscheidung zwischen diesem oberen Abschnitt und dann den Abschnitten hier, weil sie einfach zusammengestampft werden und es war nicht so gern, wenn ich sagen muss. So. Jetzt haben wir das getan, gehen wir zu den Service-Kacheln und lassen sie gut aussehen. Also müssen wir Canva benutzen. Und Sie werden sehen, warum in einer Sekunde für die Schäden. Aber lassen Sie uns einfach die Politik oft sehen, wie wir sie bekommen können. Sieh mal. Wir werden das schöne alternative Weiß benutzen, das wir ausgesucht haben. Und die Hintergründe dafür werden aussehen. Also werde ich es Karren und die Ausbuchtungen machen. Und in Bezug auf das Layout wollen wir alles Satz machen. Und dann wollen wir auch nur eine weniger Polsterung von 20, 20 hinzufügen. Genau so. Okay, also ja, ich kann damit arbeiten, werde das einfach zu einem einfachen Knopf machen, oder? Okay, das ist das das Richtige. Und dann, was wir tun werden, ist, das zu nehmen und dort zu kopieren, und dann , okay, jetzt bekommen wir drei Serverabschnitte, was gut ist. Ok? Und ich werde wirklich schnell in diesem Text gefallen. So werden wir für das, was ich denke, Schlüssel-Service-Features eines Fitness-Studios gehen. Ich meine, Lasst uns einfach x Bar Unterstützung setzen, Community-Gruppe. Und dann werden wir Online-Kurse machen, weil warum nicht? Und dann werde ich viele Apps verlassen. Mm-hm. Ich werde dieses bisschen hier nehmen, weil es meiner Meinung nach einfach zu viele Sätze für Phi gibt. Also hier ist auch ein kleiner Tipp. Wenn Sie diese Arten von Abschnitten tun. Ich habe immer festgestellt, dass es auch eine fünf Leitungen in der Regel Stromabschnitte genug. Und y meinen damit als fünf Bahnen, einschließlich der Überschrift, wenn er dann Sex und so. Einige Websites müssen und die Notwendigkeit, dass zusätzlichen Text. Aber zum größten Teil möchten Sie versuchen, es zu halten. Und wie zurück zu diesem, wie halten Sie es so kurz und prägnant Art von Sache. Sie wollen nicht wirklich in viel Text gesteckt werden. Du willst sein, du weißt schon, du willst, dass es einfach für Leute ist, zu konsumieren. Und das ist der Schlüssel. Sagen wir mal, lassen Sie uns einfach mit weniger weitermachen. Also, okay. Für mich sieht das ein bisschen von der ESA aus. Und wir werden den Schaltflächentext ändern, um nur mehr zu erfahren. Und da gehen wir. Alles klar, und wir kommen hier irgendwo hin. Jetzt brauchen wir nur ein paar Bilder. Also gehen wir zu Canvas. Wir werden eine benutzerdefinierte Größe Bild erstellen, sagen wir 300 mal 300. Das Ding, das wahrscheinlich angemessen ist. Und dann sind wir nur auf der Suche nach kleinen Grafiken, die wir verwenden können. Also gehen wir zu Elementen. Und was ich werde es nur als Gym eingeben, es sei denn, Sie, was wir einfallen können. Oder Gesundheit MOOC Überholung der Abschnitte. Das kann eine Klasse sein, Community-Gruppe. Wir gehen einfach auf das. Also wirklich wichtig, was man da ist. Und haben Sie einen Experten. Können wir diese Ups einfach so groß machen und sie zu der Farbe machen wollen, die wir suchen, richtig? Und machen wir sie zu Coachella, das sind die Ratten auf diesem und jenem. Und M möchte sie als PNG mit transparentem Hintergrund herunterladen. Chris. Und dann komme ich einfach zurück und laß sie uns hochladen. Jetzt müssen wir tun, ist Ergänzung. Und es gibt zwei Banken trocken, also wollen wir sie kleiner machen. Und wie Sie hier sehen können, wenn ich das Bild kleiner mache, neigt sich rechts zur und linken Seite. Nein, sehen Sie, ich leite das. Das sind die Tracks, auf die du das ausgeführt hast, weil es etwas ist , auf das du ziemlich schnell stoßen könntest. Also lasst uns einfach schnell Größen unten Wälder und Gallonen Platz , mit dem wir zufrieden sind. Ihr Ja. Ok. Dann lassen Sie uns hier, hier und hier einen Deadlock einfügen. Und dann werden wir das Bild setzen und dort speichern. Und du wirst sehen, was ich in einer Sekunde tun werde. Und dann werden wir die LEA wechseln und sagen, dass sie Sensoren sprechen. Genau so. Wir werden dieses Klassen-Terminal nennen. Wir nennen es internen Service TO Image. In das hinein. Ich werde es auf alle unsere Abschnitte anwenden. Alles klar, das sieht gut aus, tut es nicht. Das sieht also viel besser aus als vorher. Und wenn wir nur kommen, um hier zu sagen, wenn Sie es von ein wenig betrachten und wir sehen können, wie wir alle irgendwie zusammenpassen, aber ich bin ziemlich glücklich mit diesem Gesamtmittel, Ich denke, das sieht ziemlich gut aus für nur eine Template-Website, Sollen wir es nennen? Also nehmen wir das und es gibt noch eine Sache, die wir schließen müssen, ein paar weitere Dinge. Wir müssen hierher zurückkommen und ich möchte diese MGs so ändern, wie sie sich gesetzt haben. Es liegt in gewisser Weise an dir, vielleicht könnten wir diese ändern und sie sehen vielleicht nicht so toll aus. Mal sehen, wie wir gehen. Aber während wahrscheinlich tun müssen, ist entfernen Sie diese Bilder aus dem Hintergrund weil ich glaube nicht, dass es zu schön zu spielen. Also entferne ich die Polsterung hier, also möchte ich , ja, also möchte ich dieses Muster wieder hinzufügen. Und ich wollte von hier entfernen, genau so. Und dasselbe hier unten. Ich werde die Polsterung entfernen, wir wollen es behalten. Und wie Sie sehen können, hält das alles schön und endlos. Sehen Sie sich das jetzt so an. Ich fühle mich viel besser. Ich schaue es von weiter hinten auf dem größten Bruchpunkt an, weil ich sehen kann, dass alles mehr ist als Länge, was ich denke, ich bevorzuge ein bisschen besser. Ich denke, es ist wirklich persönliche Vorliebe. Ich habe nur ja. Ich denke, ich bevorzuge es war und so in der Spur zu sein. Lass uns einfach zurückgehen und nochmal nachsehen. Eigentlich ist dann ein Teil von mir auch irgendwie so. Lassen wir es einfach so, wie wir es hatten. Ok. Ich meine, du kannst tun, was du willst. Wenn Sie einen Platz wollten, können Sie sehen, was ich dort getan habe. Wenn du es nicht tust, kannst du es so behalten, wie es ist. Also lasst uns das machen. Und dann will ich hier nur schnell ein paar Überschriften setzen. Also die wichtigen Informationen. Ok? Das sieht also gut aus. Ich bin damit zufrieden. Ich meine, Sie können weitere Abschnitte hinzufügen. Sie können alle Arten von bestimmten Sachen machen. Aber für mich, ich meine, das sind irgendwie der Kern, ja, ich würde sagen, Ja, ich sehe, das sind die Kernkomponenten dessen, was Sie wahrscheinlich am Ende tun werden. Sie möchten einen Titelabschnitt nur für Dinge, die Sie hinzufügen möchten. Wenn Sie Bettler-Website haben, möchten Sie einen Schwanz Abschnitt, um zu anderen Orten auf Ihrer Website zu verlinken. Und Sie möchten, dass diese Abschnitte nur in der Lage sein, ein wenig mehr auf bestimmte Punkte zu erweitern sind bestimmte Dinge, die wichtig für Ihr Unternehmen sind. Und dann hier unten finde ich es immer gut, dieses Leitbild hinzuzufügen. Warum ist es, was Sie versuchen zu erreichen war, was hat Ihr Unternehmen Führungskraft, warum sollten die Leute kümmern ist, dass dies wichtige Punkte, die so früh wie möglich angesprochen werden sollten , wenn jemand Ihre Website besucht und das ist bei c, Das ist ein guter Ort, um das zu stoppen. Also, jetzt müssen wir sicherstellen, dass dies auf allen über Breakpoint gut aussieht , ist das das nächste, und Sie müssen dies mit jeder Seite tun, unabhängig davon, was eine. Also lasst uns einfach die Waage hinaufgehen und sehen, wie wir weiterkommen. Also, wenn wir gehen VF und wir sehen gut dort, sehen keine Probleme. So Kinder. Ja, ja. Ich denke, wir sind gut. Und ich meine, wenn Sie möchten, dass Ihre Website dieses Leerzeichen nicht auf beiden Seiten hat, während Sie skalieren. 17. Die About Page erstellen: Also, jetzt haben wir unsere Homepage gemacht und das nächste, was wir tun müssen, ist, unsere über Seite zu gestalten. Und das wird hoffentlich nicht so lange dauern, weil wir einige der grundlegenden Strukturen zusammengestellt haben , die wir brauchen, um diese Seite auf der Homepage zu erstellen , und Sie werden sehen, was ich meine in nur einer Sekunde. Aber das allererste, was Sie hier sehen können, dass ich ansprechen möchte, und Sie sehen das als blau. Und wir gingen rüber, warum ist das? Nun, das liegt daran wir auf der Überseite sind. Das ist die, die wir bearbeiten. Und wir wollen nicht, dass das blau ist, weil es nicht mit unserer Marke übereinstimmt, oder? Also wollen wir das gehen und Sie können hier sehen, dass es Strom sagt, dieses Grün. Hier. Es bedeutet, dass wir gerade auf dieser Seite sind. Und was wir tun können, ist, dass wir unser schönes Rot nehmen und das ändern können. Also jetzt, wenn wir auf einer bestimmten Seite sind hervorgehoben werden und Rechte für diese, diese Seiten zu. Was ich also tun will, ist, wie ich schon sagte, wir haben bereits die Grundstruktur dessen festgelegt, was wir erreichen wollen. Also müssen wir nicht wirklich weitermachen und mit einem Hut und so wieder aufbauen. Du willst das nicht von Grund auf neu machen, nachdem du es einmal getan hast, richtig? Es dauert eine lange Zeit, wie wir aus dem ersten Video gelernt haben. Also, was wir tun wollen, ist auf die Homepage zu gehen. Und wir können annehmen, wir können die Struktur, die wir hier haben, nehmen, aber wir werden ein bisschen ändern wollen. Aber wir können diesen grundlegenden Abschnitt nehmen, über den wir reden werden. Und das können wir lehren. Fügen Sie den Körperabschnitt ein und schauen Sie dort, wir haben es. Aber wir wollen hier keine Farm. Also werden wir das ablegen wollen. Und diese Sackgasse, ich meine, jetzt wollen wir das auch nicht benutzen. Also werden wir gehen und den Block dort aufbrauchen. Das werden die Nahrungsnetze sein. Aber wir werden ein paar Dinge ändern. Aber wir werden den Kopf da drin haben und wir werden einen Absatz darunter haben. Und dann haben wir einen Knopf darunter. Und das wird auf die Kontaktseite verlinken. So können Sie dieses Standardformat für jede Seite zumindest für den Anfang der Seite verwenden. Und das ist der Grund, warum ich es normalerweise tun würde, nur ich meine, es macht einfach das Leben am Ende des Tages einfacher. Und so ist da etwas los. Nun, stellte eine Madonna und eigentlich kein Schaden ist wahrscheinlich in Ordnung. Ja, das ist in Ordnung. Lass uns einfach mit dem Absatz fortfahren. Und ich werde das Layout auch hier ändern, nur damit alles schön passt. Und dann werden wir die Polsterung anpassen, wie wir vorherige Seiten gemacht haben. Genau so. Und wir sind gut zu gehen. Gut zu gehen. Und ich wollte nur ein paar von diesem Text, weil ich meine, es gibt eine andere Sache ist auch, wie ich bereits sagte, durch die Größe, eine Lounge pro Abschnitt zu haben. So können wir ein Buch von fünf Bahnen sehen, einschließlich der Titel im Absatz, Burger drei Zeilen und die beschreibende im Gegensatz zu der Überschrift. Und das ist ein günstiger Abschnitt. Aber für den Header würde ich nicht sagen, dass wir entweder zwei oder drei drehen mussten und nicht 23. Ok. Also, das ist nur etwas zu beachten. Jetzt werden wir das als Kontakt verwenden. Und wie fühleich mich fühle wegen Yeah. Gut. Ich schätze, zu breit für mich. Als ob es übermäßig weiß ist. So gut, ich glaube, ich habe es geschafft, diese Schicht zu ändern, die Mitte und dann muss ich, okay, das ist besser. Ja, das ist über M. Jetzt können Sie hier sehen, der Kontrast ist in Ordnung, ich kann lesen, dieser Text ist nicht zu schlecht. Das ist ein bisschen invasiv, aber nicht bis zu dem Punkt, wo es ist, als wäre es völlig übertreiben. Also, was ich hier tun werde, als lass mich einfach zu gehen , in Ordnung, also jetzt, wo wir diesen Abschnitt gemacht haben, was mir gut geht, und lass uns einfach schnell sicherstellen, dass es nicht skaliert wird, aber wir kommen dazu. Lisa. Wir werden nur einige wirklich grundlegende Abschnitte hier einfügen. Wie nichts Verrücktes, nichts verteiltes Design, nichts dergleichen. Und ich werde hier eigentlich nur etwas wirklich, wirklich unkompliziertes tun . es ist in Ordnung, Dinge einfach zu machen, denn es wird es einfacher für Sie und Ihren Druck in einem Text und so. Und wenn Sie entwerfen und ist offensichtlich einfacher für mich, Rechnungen hier, aber es ist nur ein einfaches Layout. Also lasst uns einfach voran gehen und das tun. Also durch mit einem Block da drin und einem anderen. Und dann werfen wir einen Überschriftenabsatz. Ich brauche keinen Knopf. Und ich meine, wir haben Knopf oben. Du willst nicht ja, du willst es auch nicht mit den Knöpfen übertreiben. Das ist eine gute Sache, um darauf hinzuweisen und im Hinterkopf zu behalten. Und dann hier wollen wir einfach wieder, wie oft, bevor wir nur die Polsterung anpassen wollen. Nun, dieser Abschnitt, können Sie so lange sein, wie es muss, dass, ich meine, wenn Sie nur auf der Suche nach etwas kurzes und überzeugendes, können Sie entweder speichern Sie es dort, Sie können hinzufügen, was Sie wollen. Aber das wird der erste Abschnitt sein. Und ich werde hier unten einen neuen Abschnitt machen. Ich bin so, als müssten diese Informationsseiten nicht übertrieben sein. Ich meine, Leute Google hier, wie sie nur wollen, um mehr darüber zu erfahren, desto schlechter Unternehmen insgesamt gibt es. Und dann folgen Sie dem grundlegenden Abschnitt. Ich will, ich will es grau machen. Also, wenn eine Art Differenzierung. Okay, Sie können sehen, dass es eine sehr, sehr leichte Unterscheidung zwischen den beiden Abschnitten gibt. Jetzt im Dev-Blog werde ich zwei Spalten hinzufügen. Hier. Gleich darüber. Ich werde eine Überschrift hinzufügen. Und das wird unser Meet the Team sein, das eigentlich anstelle von Spalten gewesen ist, ich denke, ich werde tatsächlich die Aggregate und Waren sind in der Regel nur ein bisschen einfacher, fast immer. Also werde ich H2 sein. Und wir werden hier zwei sehr einfache Kacheln hinzufügen . Rufen Sie das einfach an. Und dann werde ich diesen Hintergrund auch etwas dunkler machen, nicht zu viel, aber gerade genug, damit der Kontrast immer so leicht ist. Genau so. Wieder werden wir die Grenzen machen und wir werden etwas Polsterung hinzufügen und die Ebene ändern. Wieder. Wir machen es Vasco Breiten und genau so. Und dann, wie wir es vorher getan haben, fügen wir eine Standardeinstellung hinzu, ziehen das Bild hinein und ändern die Ebene, die blockiert. Dieser wird h3 sein. Und dann wollen wir einen Text für den Beruf, kursiv. Und dann mache ich das rot für den Beruf um die Marge zu ändern. Zehn. Und das sieht gut aus für mich. Und dann für das Gras selbst, sind, ich meine, um das Argument zu machen, Diese sind zwei weiß, aber es kann schwer sein, das zu beurteilen. Eigentlich könnten die in Ordnung sein. Ich denke, es würde das hineinschieben. Ja, eigentlich sind die in Ordnung. Also werde ich nur die Kopie nehmen und es dort einfügen. Und das ist die Rubrik „Treffen Sie das Team“. Und auf Canva, wie wenn du bei bist und die MGs. Ich finde das immer gut für das Team Beweis AOC ist wie eine kreisförmige Falte. So auf Canvas. Wenn Sie zu Canva zurückkehren und einfach erstellen, können Sie einen Rahmen hinzufügen. Nicht da. Sie sind kreisförmig eins. Du kannst zu Fossilien gehen. Profilbilder. John und Joe. Okay, ich lade diese mit einem transparenten Hintergrund herunter . Jetzt haben wir sie da. Und wir wollten nur die Größe dieser Hinweise sind viel zu vage. Und die sind okay. Ich meine, hier denke ich, dass sie etwas schlanker sein sollten. Also, wenn ich zum Gras selbst gehe, für das, was wir hier tun. Okay, das wird gut. Und dann unterhalb des gleichen Containers wollen wir weiter gehen und einen weiteren großen Abschnitt hinzufügen. Okay, und der letzte Abschnitt, den Sie wahrscheinlich in das Hinzufügen von m schauen sollten, vor allem, wenn Sie eine Webseite sind, ist es nur eine ziemlich lange Eigentlich. Ja, ich ändere das von unserer Geschichte zur Förderung von Gesundheit und Wellness. Dann hier können Sie zu den Ebenen gehen und Sie können diese Hauptinhalt Lügendetektorschicht eher nehmen . Du kannst das wie ein Bettler machen. Wie wenn Sie ein Gesetz schreiben wollen, wenn Sie viel zu sprechen haben in Ihrem About Abschnitt und das ist ein guter Ort, um es zu tun. Vielleicht haben Sie einige Videos, die, und diese Aktion wird etwas verwenden, ein Rich-Text-Element genannt, Sie können hier sehen. Wir müssen also einige Änderungen daran vornehmen. Und wir werden diesen und Styleguide machen, denn das ist der beste Ort, um es zu tun. Also, wenn wir gehen, Leute, wir wollen keine Seite, wir wollen Style-Guides und wir wollen einfach so leben. Wir wollen den Text natürlich in Proxima Nova ändern. Und all diese Eile Zehen und Zeug sollten online sein. Und wir wollen das mit der anderen Seite zwei in Einklang bringen, also haben wir Sophie, und wir werden es grau machen wollen. Kreisdiagramm bleiben. Wir wollen auf 16. Das ist eine 165. Und du siehst irgendwie, wo ich damit hingehe, du bist weit weniger, was du durchmachen willst, und du wirst fragen, um, alle Prinzipien anzuwenden , die du für deine Überschriften schuldest und dein Haupt-Kreisdiagramm in Zentimetern und du willst sie hier anwenden. Und der Grund dafür ist genauso hauptsächlich nur, weil es ein Rich-Text-Block ist, es funktioniert ein bisschen anders als einige der, einige der anderen Elemente. Sie möchten also reingehen und diese Änderungen vornehmen und dies als Ihre Basis verwenden, richtig? Behalten Sie dies also in Ihren Styleguides und nehmen Sie die Bearbeitungen vor, die Sie hören müssen. Und Azure kann sehen, ob ich auf meine Webseite zurückgehe, sie werden bereits angewendet. Und was passieren wird, ist, dass diese Änderungen nicht auf die angewendet werden, auf die Ebene, die wir gerade der About Seite hinzugefügt haben. Aber was wir tun werden, ist, uns zu nehmen, wir werden es kopieren. Wir gehen zurück zum Boot. Wir können das servieren, was wir hier haben. Und wir können einen neuen Abschnitt hinzufügen. Und du siehst, dass ich die ganze Sache noch nicht bearbeitet habe. Das sind also, diese bauen auf so klein auf. Ich könnte Affen darüber und spielen mit uns den ganzen Tag bis ich das Gefühl, dass der Rich-Text perfekt ist. Aber was ich hier als unsere Geschichte wählen werde, denn das ist, was Sie einen Abschnitt vier verwenden würden. Und damit kannst du machen, was du willst. Und das wäre meine Webseite, richtig? So lassen Sie das Netz und fährt dann den Zweck des Unternehmens, treffen Sie das Team. Wenn Sie mehr Mitarbeiter sind, fügen Sie weitere Abschnitte hinzu und machen Sie diese schlanker. Und indem Sie mehr und mehr Mitarbeiter hinzufügen, wenn Sie sie bekommen haben. Und dann sprechen Sie über Ihre Geschichte gemacht, dass vielleicht ein YouTube-Video hinzufügen, wenn Sie können. Und das war's. Du musst nicht überdenken. Diese Seiten müssen nicht erschöpfend sein. Sie müssen uns nur mit Informationen über die Firma für alle, die suchen, kämpfen. Aber das Letzte, was wir tun müssen, ist, dass wir nur voran gehen und sicherstellen müssen , dass die Skala grob. Damit wir sehen können, dass das in Ordnung ist. Und diese skalierten perfekt, was großartig ist. Also, jetzt gehen wir zurück und wir wollen auf Tablet gehen. Das skaliert also nicht sehr schön. Wir wollten nur das auffüllen. Und ich denke nur, ich glaube, ich will das Gleiche hier machen. Ok. Ähnlich hier. Richtig? Und das sieht gut auf Tablet abgesehen von den Behältern S Topf. Und mir wurde gerade klar, dass ich das nicht verstehe. Und wie auch immer, Sie können irgendwie sehen, was Omega, also müssen wir nur diese Container hinzufügen. Das ist in Ordnung. Und der Hauptinhalt wird auch gut sein. Und dann sieht es plötzlich gut aus. Gehen wir also zur Horizontalen. Dieser Container hier ist also einer, der einige der Probleme verursacht. Und wir wollen eigentlich, gehen wir einfach zurück und überprüfen das. Das ist in Ordnung. Dann habe ich 77 dort. Und dann wollten wir die Polsterung reduzieren, die wir hier haben , weil es nicht versuchen wird, wenn wir auf diese Ebene kommen. Und das sieht gut aus. Und hier diese Gitter, wir werden den Stapel wollen, weil es viel mehr Texte sein wird. Also füge einen hier hinzu und werde diesen loswerden. Und wieder, viel Platz hier, aber es sieht gut aus. Du wirst damit durchkommen. Und dann wieder, unser Hauptteil ist Ruhm. Und schließlich haben wir mobil. Das sieht in Ordnung aus. Diese tun es nicht eindeutig. Lasst uns das einfach nochmals überprüfen. Es geht ihnen gut. Und dort sieht es gut aus. Ja, ja. Jetzt kriegen wir keine. Lassen Sie uns schnell überprüfen, lassen Sie es überprüfen und Sie ziehen es direkt heraus und schieben n. Lassen Sie mich einfach überprüfen Weg des Containers hier. Ja, ja. Ok. Glücklich damit. Ja. Das ist die Abschnittsseite. Deswegen empfehle ich. Es muss nichts Verrücktes sein. Du musst nicht wie eine dumme Menge Arbeit machen. Ich meine, das kannst du, und wir werden über einige Dinge reden, die du in späteren Videos tun kannst, oder es könnte in einem anderen Kurs sein. Also, wenn wir versuchen, fortgeschrittener zu werden, aber wenn Sie nur nach etwas suchen, im Grunde sieht es sauber aus, es wird die Arbeit erledigt. Deshalb empfehle ich. Das war's also. Fahren wir mit dem Erstellen einer Services-Seite fort. Und mal sehen, was wir damit machen können. Okay, also gehen wir jetzt weiter. 18. erstellst: In Ordnung, jetzt, wo wir unsere Über Seite fertig sind, werden Sie die nächste Seite als Sokrates-Seite erstellen gebeten. Und für sich selbst, wenn Sie Ihre Services-Seite aufbauen, haben Sie möglicherweise eine Reihe von Diensten. Möglicherweise möchten Sie eine Seite, den Dienst, zuweisen. Du darfst nur einmal, wenn ich Blöcke habe, wie ich es dir hier zeigen werde. Und es gibt eine Reihe von verschiedenen Dingen, die Sie tun können. Also werden wir das hier wirklich, wirklich einfach halten. Also werden wir Hallo von der vorherigen Seite nehmen, wie wir es vorher getan haben. Lassen Sie uns treffen, dass Kopie es geht die Dienste, fügen Sie es, nehmen Sie so die Spitze. Ändern Sie das Bild und machen Sie es zu unseren Dienstleistungen. Und wir können hier etwas anziehen. Wir können jetzt haben, dass wir uns einfach in Ruhe lassen können. Absolut. Okay, also haben wir das. Und dann hier, was wir tun werden, möchte ich hier vermutlich ein Akkordeon hinzufügen. Also möchte ich Informationen für die Dienste von dem haben, was das meiste davon versteckt werden soll. Und, ähm, ich will es nicht zu kompliziert machen. Ich wollte nur auf den Punkt kommen, dass die Leute sehen können was Magnus Jim zu bieten hat, und wir können es so behalten. Aber wie gesagt, können Sie voran gehen und Seiten für jeden Service erstellen und zentrieren. Und Sie können hier ein Dropdown-Menü haben, dass die Visuals alle verschiedenen Dienste. Also lasst uns weitermachen und einfach einen Ricardianer bauen, damit wir sehen können, was wir Layout bekommen haben. Also schauen wir uns das an. Und ich weiß nicht, ob ich vorerst eine Lektion habe. Wir haben kein Akkordeon oder so etwas. Also werden wir es von Grund auf neu bauen müssen, was absolut in Ordnung ist. Also lasst uns einfach einen Abschnitt erstellen. Also Elemente, was nicht Container, ich will meine eigenen. Also wirf eine Sackgasse hier rein, dann noch einen. Und dann hier unten, wo wir das Dropdown-Menü haben. Lassen Sie sie fallen. Da gehen wir. Perfekt. Also müssen wir damit ein bisschen herumspielen. Also, wenn wir immer einen Blick hier werfen und sehen, was wir finden können. Alles klar, und unter diesem Abschnitt, was wir tun werden, wie ich ein Akkordeon hinzufügen möchte und tatsächlich bereits eine Voreinstellung für diese Seite, die ich hinzufügen möchte. Dann werde ich es zu einem separaten Projekt hinzufügen, so dass Sie es einfach nehmen können, wenn Sie es verwenden möchten. Aber auch diese ganze Website, werde ich ein Ethan Exemplar veröffentlichen. Du kannst alles wegnehmen, was du willst. Ähm, aber lass mich dir kurz zeigen, was ich tun werde. Also werde ich zu meinem Flow auf einem anderen Tab gehen. Offensichtlich wird es mich auf eine Firmenwebsite bringen, aber das ist okay. Nicht weniger absichtlich. Ich versuche nicht, über Dienste nachzudenken, aber wir werden hier rauskommen. Oder eigentlich denke ich, ich habe vielleicht einen auf der Suche nach hier, aber gehen wir einfach auf das Dashboard von diesem. Nein, eigentlich, ja, wie auf der NVD-Website, deshalb wollte ich mich entschuldigen. Also gehen wir wieder hier rein. Ich werde ein bisschen jagen müssen. Ich weiß, ich weiß irgendwo hier. Shrift Gewebewerte, möglicherweise die Werteseite. Ja. Dies ist das Layout, das ich nehmen möchte , und wir werden es ändern und sicherstellen, dass die Markenfarben repräsentiert. Aber wir nehmen diesen Abschnitt, kopieren ihn. Und ich könnte mir eine Webseite vorstellen. Sie können einfach zwischen Projekten kopieren und einfügen, wirklich einfach, wie diese. Wirklich immer irgendwelche Probleme. Also ziehen wir einfach nach oben. Okay, und jetzt wollen wir nur diese Mikrofonstunden betreten. Nun natürlich begleiten diese Prinzipien. Ich gehe zum Lorem Ipsum Generator. Nun, das hier, wahrscheinlich dieser. Also eins. Und dann hier, alles, was ich hinzufügen werde. Richtig? Also nicht, also nehmen wir unsere schönen Roten von hier. Kleben Sie das da rein. Ich habe einen langen Titel, aber nicht wirklich so schnell. Und dann hier drin, werde ich nur Rasen und Epsilon da reinlegen. Also ja, als ob du das aus Projekten nehmen könntest. Ich gehe nach Lincoln auf Skillshare auf diesem Kurs. Und du kannst alles kopieren, was du magst. Sie können auf das gesamte Projekt zugreifen und es einfach nehmen. Okay, ich werde es für nichts benutzen. Es wird nur da drin sein. Also, wenn Sie etwas brauchen, das ich hier entwerfe und Sie können es nehmen. Und das ist alles richtig skaliert und so. Also lass mich dir einfach zeigen, was ich meine. Also, wenn ich hier gehe und nur sehen, so würde es einfach so aussehen. Ich habe da etwas verpasst, aber du kannst das hier rausnehmen. Du könntest nur vier haben. Sie können sie in verschiedene Abschnitte aufteilen. Sie können sie unserem Bagger hinzufügen. diesen kannst du machen, was du willst. Also sind diese nützlich, denke ich. Und ich mag es sehr, weil es nur eine Drop-down-Liste ist und es wirklich unkompliziert ist. Und Sie müssen den Hervorhebung-Layer ändern. Eigentlich mache ich das, bevor ich weitermache. Ich denke, das ist ein guter Weg, besonders wenn Sie viele Dienste haben, aber Sie wollen nicht unbedingt umfangreiche Informationen über sie hinzufügen. Alternativ, wenn Sie ziemlich viele Informationen haben, aber Sie wollen nicht, dass es Ihre Seite verstopft. Mit einem Drop Down so ist gut, es zu verschleiern und lassen Sie einfach die Leute auf das klicken was die eine m und lassen Sie mich einfach schnell die Farbe hier ändern. Und es ist auf Animationen. Ich bin Session Sugar hier. Okay, also lasst uns einfach die Farbpalettenändern die Farbpaletten , oder? Das ist es, wonach wir suchen. Schnee bekommt ein paar gute Drop-Downs, die wir benutzen können. Und ja. So können Sie das für Ihre Dienste verwenden. Sie können definitiv verwenden. Du kannst tun, was du willst. Aber ich denke, dass dies eine gute Möglichkeit ist, die Dinge auf eine Weise zu zerbrechen , die Ihre Seite nicht verstopfen oder sie zu textschwer und unschmeichelhaft macht. Also ja, deshalb mache ich für die Webseite und das sollte skalieren. Nun, in diesem Abschnitt spielt nicht nett, aber das ist okay. Ich kann damit arbeiten. Ich kann das jetzt tun, damit wir sicherstellen können, dass alles gut ist. Lasst uns das einfach machen und das sollte sein und am besten Hofstede. Ich denke. Ja, sieht gut aus. Also insgesamt Lassen Sie uns zur Vorschau gehen. Ja, ja. Körnung. Also, jetzt ist das an Ort und Stelle. Ja. So, wie Sie, wie Sie auch. Und das war's. Ok. Also lassen Sie uns auf die Preisseite gehen. 19. Ihre Preisseite: In Ordnung. Jetzt, da wir unsere Services-Seite fertig und bestäubt haben, ist es Zeit für uns, weiterzumachen und den Platz und die Strafen zu bekommen. So wie zuvor werden wir unseren grundlegenden Header-Abschnitt nehmen. Und wir werden das hier aufkleben. Wir werden nur Verspannungen setzen. Und wir lassen es einfach so viel Epsom. Und wir werden dieses Bild in etwas Schöneres ändern. Okay, also lassen wir das da. Und dann, in diesem neuen Abschnitt, den wir haben, werden wir etwas wirklich Einfaches aufbauen, was ich empfehle. Ich meine, Sie können einige, einige weitere Komplikationen auf Ihrem Preis und Ihrer Seite haben , wenn Sie wollen, aber Sie werden wahrscheinlich nicht brauchen. Und die meisten Instanzen mit Fitness-Mitgliedschaften haben Sie normalerweise wie Stahl-Angebote bekommen. Du hast wie eine Basis, diesen Einstiegspunkt. Und vielleicht erhalten Sie Ihre höhere Stufe für höhere zahlende Kunden. Also, und das ist es, was wir hier gürten werden. Also werden wir das tun. Ich habe einen Grundabschnitt, der hier einen Todesstoß enthält. Was ich dann tun werde, was ich reinwerfen werde, denke ich, wir sind gut. Ja, wir machen das hier mit Säulen. Wir werden dafür ein Gitter benutzen. Wir benutzen Spalten und wir werden drei haben. Und dann werden diese Spalten einen Def-Block hinzufügen und jeder, es wird eine sehr ähnliche Schichten geben, was wir vorher getan haben, aber es wird etwas anders sein. Und dann werden wir eine Überschrift über den Spalten und n hier haben. Wie sollen wir das machen? Wir werden es tun, ich muss mir überlegen, dass wir nur eine Klasse haben, die er zuerst gemacht hat. Also werden wir den grundlegenden Abschnitt, dann grundlegenden Container zu tun. Und für unsere Überschrift werden wir das sein. Sensor versus sagen. Und mir wurde gerade klar, dass das nicht wirklich H2 ist, das ist. Und hier werden wir nur die Blog-Klasse nennen. Preis-Pakete. Wir werden es ganz einfach halten. Und allgemein hat es damit zu tun, weil wir wirklich versuchen, etwas Nachdruck zu setzen. Ich möchte eigentlich das Rot verwenden, ist die Hintergründe und was ich nicht viel weniger gemacht habe, aber es ist nur, weil Sie es nicht übermäßig verwenden wollen. Sie wollen die Verwendung der Farbe nicht sättigen. Also lasst uns das um ihn herum machen. Und dann lassen Sie uns etwas bekommen, das ist, wie Sie über die Struktur davon nachdenken müssen. Also werden wir setzen, lassen Sie mich nachdenken. Wir werden zuerst ein Textelement haben. Dann werde ich einen Kopf haben. Und dann werden wir eine kurze Beschreibung haben. Also ein weiteres Textelement. Und dann werden wir weniger haben. Also lassen Sie mich einfach eine anständige Liste von Texten finden anständige Liste . In Ordnung, also lass mich eine Masse sehen, aber wir werden das Wasser aufpolieren, genau wie vor 2020. Und übrigens können Sie die Umschalttaste gedrückt halten. Wenn Sie alles in eine Nummer auf einmal ändern möchten. Dann werden wir jetzt nicht Bolzen. Ich brauche keine Schrauben. Wir brauchten es nicht, dass ich 15 gehen werde. Und dann werde ich diese Stacia nennen, wird weniger Platz und 2 sein, und ich werde es weiß machen. Eine Überschrift wird offensichtlich ein H3 sein. Und behalte es dabei. Und wir machen es einfach weiß. Und wir werden nur 25 sagen. Dann hier werden wir die beschreibende hinzufügen. Also nehmen wir etwas, eine Menge Epsilon. Ich kann das hier einfach mitnehmen. Vielleicht nicht so viel wie das. Also vielleicht nur ein Satz. Scheint gut für mich und wir werden diesen grundlegenden Absatz nennen. Bringen wir etwas Weiß da rein. Eigentlich, nein, ich muss die Klasse hier nicht kennen. Und dann werden wir Listen festlegen. Das ist, wenn wir die Dinge so leicht ändern werden. Und ich möchte auch das Modul an der Spitze dieser Überschrift reduzieren. Dann ein N hier auf der weniger werden wir nur die ANOVA machen. Wir machen es weiß. Wir machen eine 16. Und dann werden wir einige Polsterung zwischen jedem weniger als wahrscheinlich zehn hinzufügen. Ich denke. Ich fühle mich bei diesem hier nicht ziemlich gut. Und wir werden einen Knopf unten hinzufügen. Wir sagen einfach Grundlegende Lektion. Und wir gehen hoch, weil wir wollen, dass das weiß ist. Lassen Sie uns das neueste in letzter Zeit ändern. Also eine der Tasten, um volle Breite zu sein, einfach so. Und ich werde mich anmelden lassen. Ich werde das nehmen und ich werde das hier und hier einfach kopieren und einfügen. Versteckt all der Vater ruft jetzt die Bücher gehen. Ich weiß nicht, 35, 45. Und das ist, warum ich für die Preisseite tun, eine wirklich unkompliziert, Sie wollen es nicht zu überdenken. Das sind also die wirklich grundlegenden Pakete, die wir verwenden können. Und Sie könnten einige Dinge darüber hinzufügen, wie, anstatt sie alle gleich Farbe zu haben. Was Sie tun könnten, ist, wie Sie diese als weiße und n Scheitelpunkte oben als Rechte haben könnten . Eigentlich macht es mir nichts aus, das nur zu veranschaulichen. So wirst du, das wird aussehen. Also lasst uns das weiß machen, was eigentlich nur leicht grau wird. Damit ich Edison sehen kann, und ich kann die Spitze machen. Und ich kann das so weit gehen, dass die Textur hinzufügt. Ich glaube nicht, dass das angemessen ist. Und dann will ich das grau machen. Das gefällt mir. Und dann, weil wir eine weiße Wand machen, will ich hier einen Kastenschatten hinzufügen. Genau wie wir es schon oft getan haben. Und für mich, wenn ich damit zufrieden bin, kopieren Sie, dass es diesen gibt. Lasst uns die Tags ändern. Grundlegende Spezifizierer. Ja. Okay, und du kannst so etwas tun. Brief etwas Betonung auf den letzten, und das ist der, den Sie wollen, dass die Leute gehen. Sie können die beliebtesten Etiketten hinzufügen. Sie können hier viele Sachen machen, aber das ist, warum ich für den Preis empfehle und Sie müssen es nicht zu komplizieren oder zu machen. Ja. Du machst es einfach nicht zu komplizieren. Also lassen Sie uns schnell überprüfen und sehen, wie die Skala, und ich will mehr Platz. Also werde ich nicht ganz eine 100 bewegen , vielleicht wie 60. Ja, ja. Bringen wir jetzt das glücklichere mit. Lass uns Tablette gehen. Ein bisschen zu verlieren, aber nicht so sehr, dass ich fühle, was magst du? Das ist okay. Ich denke. Ja, das ist in Ordnung. Was wir tun können, ist, dass wir das Muster auf vielleicht 20 ändern können. Das wird unten helfen, aber, okay, und hier, was wir haben, also haben wir den Spaltenstapel, den wir erwarten würden, aber es gibt nicht genug Platz, also fügen wir einige Abstände hinzu aber es gibt nicht genug Platz, . Und das war's. Nun, es ist viel besser als das. Mal sehen. Ich werde auf dem mobilen Gitter suchen. Sieht gut aus für mich. Normalerweise nur ein Raum hier, es ist Farsi und E Schleifen Waren. In Ordnung? Und das ist ein Preis und ein Pitch. Also kommen diese Seiten schön und ich fühle mich ziemlich gut in ihnen. Nun, es gibt einige Teile, die du mir vielleicht hier zugesehen hast , und du würdest denken, okay, diese Teile, die vielleicht nicht ungeheilt sind, habe ich auf allen Seiten gemacht, zum Beispiel, ich war nicht Lincoln der Buttons und ich hatte nicht viel Aufmerksamkeit auf die Überschriften geachtet, ob sie korrekt kategorisiert sind. Und auch der Grund dafür. Das tue ich immer. Ich versuche normalerweise, den Großteil des Designs zu bekommen, was für eine Art von Weg. Und dann habe ich am Ende einige Standardprüfungen, die ich mache ein Video und zeige Ihnen, was zu tun ist. Und weil Sie sicherstellen möchten, dass Ihre Website optimal funktioniert, möchten Sie sicherstellen, dass alles an Ort und Stelle ist. Manchmal ist es ein bisschen viel, diese Schecks zu machen, während Sie den Designprozess durchlaufen, denn das ist nicht das, worauf Sie sich konzentrieren, Sie konzentrieren sich auf Handel und etwas, das entworfen ist. Na ja. Also machen wir das in. Also, wenn du das bemerkt hast, wenn du es nicht bist, werden wir darauf zurückkommen. Aber ja, das ist die Preisseite. Und jetzt haben wir die Kontaktseite, um einen Blick zu werfen. Das ist der Nächste. Und dann sind wir fast da. Lassen Sie mich jetzt anfangen, über Regenerationsstrukturen zu sprechen und wie wir tatsächlich Leads mit uns generieren wollen. Also gehen wir zum nächsten. 20. Erstelle deine Kontaktseite: Alles klar, jetzt kommen wir endlich zu unserer Kontaktseite. Und wie die Themen, die durch diesen Kurs gehen würden. Ich weiß, dass wir uns viel auf Design konzentriert haben und wir raten jetzt völlig Generation Teil des Kurses. Aber es hängt davon ab, welche Art von Website Sie erstellen. Erstens können Sie in Bezug auf die Art und Weise, wie Ihre Kontaktseite aussehen soll, einem traditionelleren Ansatz folgen, bei dem die Kontaktseite nur eine Schriftart ist. Und ich kann Ihnen hier absolut zeigen, wie man das macht. Und Sie können auch sagen, den Ansatz, wo Sie eine enge Farm bauen und Sie auf der Seite einbetten. Und das ist eine interaktivere Art, Leads zu sammeln, was ich argumentieren würde, ist ein bisschen ansprechender als ein bisschen innovativer. Und an diesen, es verbindet und enge Form zwei verschiedene Anwendungen ist auch viel einfacher als vielleicht nur eine Standardform. Es gibt also so viele verschiedene Möglichkeiten, das zu nehmen und es ist alles, was für Sie am besten war. Und was ich eigentlich vorschlagen werde, wie ich uns bauen werde. Ich werde voran gehen und das mit einer engen Form und Verstand aufbauen. Und es hängt davon ab, was du tust, aber deshalb empfehle ich dir, wenn du das siehst und echt bist und die Art und Weise, wie ich das aufrichte und nicht in sein wird, wird wahrscheinlich nicht in deinem besten Interesse sein. Und der Grund, warum ich sage, wie Sie weiter gehen können, können Sie Nein für PT Rest sagen. Du kannst nein sagen für Team up. Sie können Mitglieder sagen, dass oben über Ihre Website und tatsächlich Geld von ihnen bekommen bevor sie sogar Schritt Fuß in der Turnhalle oder bevor Sie sogar mit ihnen gesprochen haben. Und es sei denn, Sie verkaufen wie eine High-Tech-Art von Produkten oder Dienstleistungen, die Sie brauchen, um mit Menschen zu sprechen, und Sie müssen durch einen bestimmten Verkaufsprozess gehen , bevor sie tatsächlich von Ihnen kaufen. Dann könnte dieser Weg vielleicht ein bisschen besser sein. Wieder, wenn Sie nur ein bisschen Standards lokalen Geschäft sind und Sie Menschen Kontakte brauchen und dann, ja, die Art Schriftart Methode ist viel Besso, verschwendet. Gehen Sie und lassen Sie mich einfach schnell zurück und ich werde Ihnen zeigen , dass Sie auf unsere Gürtel sind sehr eng Form. Ich bin weit weniger. Ich zeige dir nur, wie es aussehen wird, und zeige dir, wie man zu Mittag kommt, richtig? Und ich denke, das ist der einfachste Weg, um es zu tun, oder? Und enge Telefonschienen von Land teuer. Sie können damit erstellen, wirklich in Farmen engagieren und einfach loslassen Einbettungen. Lassen Sie uns also einen neuen Typ 1 erstellen. Und wir werden uns ihr eigenes Thema einfallen lassen. Und wir könnten einfach von leer eine Sache beginnen, weil alle von Grund auf neu. In Ordnung, und jetzt diese Spuren werde ich diese Magnus Jan-Anmeldung nennen. Und was ist die Art Form selbst? Sie müssen ein Thema erstellen. Du musst einfach nur Affen machen. Und ich möchte dieses Bild loswerden. Ok? Und ich möchte einen Willkommensbildschirm hinzufügen. Okay, die erste Frage hier, offensichtlich der Begrüßungsbildschirm hier Frage, und wir werden nur ein paar Fragen hier machen. Wir brauchen nicht viel Zeit und darüber in Anspruch nehmen, aber Sie hätten Ihren Startbildschirm, Sie haben Ihre erste Frage, die ich empfehlen würde, ist auch Ihr Vorname, weniger als die E-Mail-Adresse ist. Das wirst du sammeln wollen. Und jede Instanz. Wenn ich es finde, dann ist es Hayden. Ein Ausflug. Und du kannst weitere Fragen hinzufügen, die du willst, aber ich gehe einfach mit. Dann möchten Sie eine Endung hinzufügen. Sie können sehen, dass es hier bereits einen gibt. In Ordnung? Also haben wir das und ich werde, ich werde tun, ist ein Thema zu bauen. Also, wenn es um Design geht, werden wir ein neues Thema hinzufügen. Die Hintergründe. Wir werden kein Bild haben, aber wir werden eine Hintergrundfarbe haben und wir werden nur unser Raster verwenden. In Bezug auf die Texte. Wir werden Weiß benutzen. Und mit dem Knopf werden wir unsere Rottöne benutzen, wie wir es vorher getan haben. Und das sind wir. Und die Antworten werden auch sein, wahrscheinlich werden wir bei Weiß bleiben. Und das sollte es tun. Mal sehen, wie das wirklich schnell fließt. Also klicken wir auf Start. Ja, und wir werden auch schnell einen Blick auf die Schriftart werfen wollen. Also werden wir keine Systemschriftart verwenden, wir werden UDL verwenden, denken Sie, dass Sie Ihre ANOVA haben. Wir benutzen Matsuda würde einfach alles benutzen, was wir in die Hände kriegen können. Okay, das funktioniert und wir können eine Menge Medien machen, wahrscheinlich die beste Option, um, okay, und das ist ein wirklich grundlegender Farmgürtel für diese Website. Also lassen Sie es uns einfach veröffentlichen. Und was wir tun werden, ist, dass wir es als Füllseite hinzufügen. Wir kriegen, dass der Mantel die Codes kopiert. Und hier, was wir tun werden, wir unseren Header loswerden. Wir haben diesen Abschnitt. Dann werden wir ein eingebettetes Element hinzufügen. Fügen Sie den Kühl ein und speichern Sie ihn dann. Und das sind wir. Du musst uns nichts anderes antun, was wir tun müssen. Und wenn wir das veröffentlichen, können wir sehen, wie es aussieht und sich bewegt, sehen, wie wir damit interagieren können. Aber das ist wirklich so weit, wie wir es im Moment nehmen werden. Also ja, ich denke, ich weiß warum ich es so gemacht habe, macht vielleicht keinen Sinn, dass du den Offerten nicht sehen kannst, okay, aber in den nächsten Lektionen werde ich darüber reden wie wir das tatsächlich drehen oder wie wir die Regeneration tatsächlich verbessern -Aspekt. Das wird also nicht den Fluss davon erklären. Und dann werde ich einige Vorschläge machen, ja, aber wie Sie diese verschiedenen Anwendungen verbinden können und wie Sie das Beste daraus machen können. Gehen wir also zu dem und beginnen Sie mit der Lead-Generation-Seite der Dinge. 21. Die Struktur der Lead-Generation: Alles klar, jetzt, da wir alle unsere Seiten entworfen haben und wir noch ein wenig Arbeit haben, um die Designseite der Dinge zu erledigen, aber zum größten Teil ist im Grunde fertig. Aber was wir jetzt tun wollen, ist über Lead-Generierung zu reden. Und das wird sich ändern, je nachdem, was Ihr Unternehmen ist. Und es gibt so viele verschiedene Möglichkeiten, wie du Leads generieren kannst und am Sonntag deine Frauen beantworten kannst, was wir es als Verkaufsmaschinen nennen würden, wo wir sammeln können, was führt und wir eine Menge gute Arbeit leisten können. Diese Website, die wir gesetzt, Ich habe versucht, eine Struktur, die ich denke, wird wahrscheinlich für die meisten Unternehmen geeignet sein. Also, Sie bekommen, um Mathe geht los. Erstens können Sie E-Mail-Adressen und Namen und die Zunge für etwas für ein Angebot sammeln . Also bieten sie an, dass wir hier verwenden, ist sagen, dass wir nicht 10 Prozent Rabatt auf Ihr erstes Jahr bekommen. Also, wenn Sie sich für eine Mitgliedschaft anmelden, um 10 Prozent Rabatt zu bekommen, der Grund, warum ich getan habe, mag ich das, weil es einen separaten Weg gibt , den ich normalerweise tun würde. Sie sollen gehen und füllen. Ich kenne die Jim-Website zum Beispiel nicht, weil die Mathematik mit den beiden Methoden, die ich hier habe, wahrscheinlich die beiden sind , die jedes Unternehmen verwenden kann , die Sie einfach hinzufügen können, dass Sie die Grundlagen des Gehens anpassen können, aber hier können Sie es auf Ihre anwenden. Und so haben wir das hier oben oben. Und das Wichtigste ist, dass dies für jeden sichtbar sein wird , der die Website zum ersten Mal besucht. Wie es kommt durch die Homepage dort durch teilweise präsentiert , aber diese Seite wird eine präsentiert, aber der Zweck und das Leitbild, aber als Menschen zu sagen, was dieses Juwel Ihnen helfen kann. Und dann unten sagen wir den Leuten, wo wir, wenn Sie sich hier anmelden, einen sehr starken Aufruf zum Handeln bekommen, und das ist der Punkt. Und wieder, präsentiert mit, dass, mit jeder Schule zu tun, und ich klicke auf alles. Und das ist es, was wichtig ist. Und dann unten unten haben wir noch einen Anruf. Es geht den gleichen Aufruf zum Handeln. Es ist nur in der ersten Zeile und dies wird auf jeder Seite angezeigt. Also, je tiefer jemand in die Seite kommt, wenn der Kopf der Boden wieder mit einem anderen Angebot präsentiert. Und das sind aus einer Reihe von Gründen gut. Ich meine, der erste ist, dass es Ihnen etwas gibt an das Menschen über nur Kontakte in Ihrem Unternehmen hinausgehen können. Wenn Sie ein Service-basierte Marken für ein Fitnessstudio, es wäre mehr E-Commerce-Funktionalität beinhaltet, bevor wir gehen, um diese Straße aufzuschreiben. Und die Wahrheit ist, wenn Sie wirklich tief in eine bestimmte Art von Geschäftsmodell bekommen, werden Sie feststellen, dass ihre Grundlagen Regenerationsmethoden immer gleich bleiben, aber sie machen uns einfach Fest, aber sie machen nur leicht verblasst von einander durch denken, dass das hier gezeigt ist ein wirklich guter Ort, um zu beginnen, mit einem Angebot zu kommen, wie wir hier haben. Und dann haben Sie offensichtlich hohe gute Kontakttaste oben oben. Und die Kontaktseite oder bestand aus einem Typformular oder wo auch immer eine Farm, die Sie verwenden möchten. Und eine Sache, die ich nicht auf dem Band gemacht habe, als ich baute, war wirklich ein Aufruf zum Handeln dort ein eindeutiger Aufruf zum Handeln. Holen Sie sich jetzt 10 Prozent Rabatt. Und es könnte einfach sein, was du willst. Und wir werden hier über einige davon reden. Also zum Beispiel, ich habe es aufgelistet Diagramm hier geöffnet. Ich werde nur die Dichten aufgeben. Aber für die Tischkantinen Angebot, können Sie dann Ihre E-Mail, E-Mail-Kampagnen oder den Schreibtisch eingeben und es wäre Boote. Und ich werde das einfach mit einem Link erweitern. Zum Kauf. Eine Mitgliedschaft. Sind alternativ, wäre es schwierig. Aber der Vertriebsmitarbeiter. Denn wenn Sie Cyberspace sind und nicht über eine E-Commerce-Funktionalität verfügen. Jemand muss mit Ihnen sprechen, bevor Sie tatsächlich zu einer Einigung kommen können. Also, das ist etwas, das Sie vielleicht in Betracht ziehen möchten. Und Sie können mehrere E-Mails nehmen, aber Sie können mehrere senden, Sie wissen, Sie können eine ganze automatisierte Sequenz erstellen. Offensichtlich sind wir nicht, wir gehen nicht in das heute, aber das ist, was Sie tun können, können Sie voran gehen und Sie können eine vollständige automatisierte E-Mail-Sequenz zu einem Angebot erstellen , um die vielleicht zu verkaufen und wenn Sie ihn gefragt, aber weil jemand wird sich in der HUC stark genug anmelden, gibt es einen älteren 'll Desktop bekommen und Sie müssen das vielleicht tun. Und was ist dann die Kontaktseite? Es kann nur ein geradliniger Weg sein, da Kontakt ist wie eine Farbauswahl Entdeckung genannt Lücke Vorschlag Anfrage Preisgestaltung, so dass wir den Preis haben und es sei denn, Jim sagen, aber es gibt so viele verschiedene Haken, die Sie verwenden können. Und ja, Also werden wir sagen Kontakt und dann war das Ergebnis, dass ein großer Anruf sein würde. Also ja, wie die so vielen definitiven Generationsmethoden, über die ich hier sprechen könnte. Und um ehrlich zu sein, wäre es ein völlig separater Kurs. Ich könnte weitermachen, aber das ist so lange für die Seele. Aber weit weniger Website, die wir uns ansehen. Dies sind die beiden verschiedenen mit Golfer würde ihnen einen Schreibtisch bieten und behalten sie. Waren oft als mein Schreibtisch und wählen Sie eine Mitgliedschaft oder flüssige größere Anruf. Standard-Kontaktformular, in dem jemand eine Reihe von Informationen durchdringen kann. Und dann zurück, um mit dem Vertriebsmitarbeiter oder so etwas verbunden zu sein. Und das ist das Wichtigste hier. Das sind die wichtigsten Dinge, auf die wir uns konzentrieren und Trends. Und was wir als nächstes Video zu tun haben. Vielmehr werden wir verbinden, was wir hier haben. Also, was wir im nächsten Video tun werden, als die Verbindung unseres Typ-Formulars und auch unsere Farmen hier und hier mit unserem E-Mail-Marketing-Anbieter. Und ich möchte kurz auf die verschiedenen Arten von bösen Roxanne Anbietern eingehen, die Sie verwenden können. Und sie sollten überlegen, ob du momentan keins hast. Also werden wir im nächsten Video darauf eingehen. 22. Verbinde deine führenden Formen mit einem E-Mail-Anbieter: Also, jetzt, da wir über Allegenerierungsmethoden gegangen sind und wir sie mit unserem E-Mail-Marketing-Anbieter verbinden müssen. So können Sie bereits ein E-Mail-Marketing-Anbieter sind, wenn Sie nicht, müssen Sie einen auswählen. Und ich werde Ihnen zwei meiner Lieblingsstücke zeigen, die ich Anfängern empfehlen würde. Einer von denen wir intern benutzen, ich bin für eine Menge von dem, was wir getan haben, und das werde ich dir zeigen. Also das erste, das wir als Mailchimp haben, und das ist nicht das, das wir benutzen, aber wir haben es benutzt. Und Miliz war wirklich, wirklich gut, wenn Sie ein Anfänger von Eva Marketing ist definitiv der Fall. Also zu Kleinunternehmern. Und dann sind die Menschen neues Team und Marketing und Marketing im Allgemeinen. Also würde ich empfehlen, mit ihnen zu bewerten. Und der Prozess, um Ihre Webflow-Farm mit Bewegung zu verbinden, wird dem Prozess der Verbindung von Webflow sehr ähnlich sein, aber konvertieren Kit, worüber ich hier sprechen werde. Aber das sind die beiden, die ich empfehle. Aber Sie können gehen und selbst recherchieren weil es so viele verschiedene E-Mail-Marketing-Anbieter gibt. Mailchimp ist wahrscheinlich der Marktführer und das Gesetz respektiert Convert Kit als weniger bekannt, aber es ist genauso gut wie Mailchimp. Also, was wir tun werden, ist eine neue Registerkarte zu öffnen und durch einen Dirigenten zu gehen. Wir sind tatsächlich weg von MailChimp oder unterziehen vor einem Monat, Monaten, will, will gehen. Also lasst uns einloggen. Das ist also Convert Kit. Lassen Sie uns Ihnen eine Vorstellung davon geben, wie es ist. Und das sind die USA, ja, ist wahrscheinlich diejenige, die ich empfehle, dies als ein so gut ich viel bevorzugt über Bewegung zu verwenden , ist meiner Meinung nach einfach viel besser. Aber ja, die Sache, die wir hier machen werden, dann wollen wir zuerst Farmen oder Rabatt-Foren auf, hier, oben auf unserer Homepage verbinden . Unter Fisa. Wir wollen sie mit Kampfkappe verbinden. Und dann wollen wir auch unsere Art Farm mit Connecticut verbinden. Also der erste, den ich Ihnen zeigen werde, ist, wie Sie Ihr Typformular mit Kickback-Hit verbinden. Und die Art und Weise, wie du das tun wirst, ist eine Plattform namens Zapier zu benutzen. So können Sie hier sehen, dass es viele verschiedene Verbindungen gibt, die Sie mit verschiedenen Plattformen in enger Form herstellen können . Und was sie eigentlich nicht Zapier oder eine andere Art von API-Konfigurationssoftware verwenden müssen . Also lasst uns einfach hier eintippen und sehen, ob Convert Kit kommt. Damit wir sehen können, dass es nicht hier war. Wir müssten weitermachen und Zapier nutzen, um sich damit zu verbinden. Aber wir haben gut versucht, hier oben zu verbrauchen. Wenn Sie also nicht wissen, wovon ich da rede und wir immer noch nutzen werden , zeige ich Ihnen den Prozess, den Sie durchlaufen müssen, also tun Sie nicht was auch immer. Aber hier haben wir Typ-Form und wir werden uns zu verbinden und wir sollten gut sein, in nur einer Sekunde zu gehen. Okay, so enge Form wurde authentifiziert. Jetzt müssen wir die Authentifizierung von Connecticut erhalten, was relativ einfach sein sollte. Also muss es gehen, damit Sie alle Schuleinstellungen saugen können. Und jedes SQL ist hier ein allgemeiner und ein weniger API-Schlüssel. Eigentlich dieser hier, der geheime. Nehmen wir das, kopieren Sie es. Um hierher zurückzukehren, fügen Sie ein, und klicken Sie dann auf Erstellen. Großartig, und das war erfolgreich. Und was ich hier in Bezug auf Tags und Sachen tun möchte, du, was du müsstest, um ein Tag zu erstellen und zu sagen, Convert Kit, das du anhängen wirst. Die Leads kommen von diesem Formular zu, also werde ich nur wählen, ja, ich werde nur einen einzigen Tag auswählen. Und dennoch können wir bestehende Abonnenten aktualisieren, aber das müssen wir nicht. Okay, also können wir wählen. sind alle Tags, die ich bekommen habe, die Seite kommt zurück. Es spielt keine Rolle, welche. Sie erstellen ein Tag spezifisch für das Formular, das Sie auf Ihrer Kontaktseite haben. So erstellen Sie ein Tag, das nur Kontakte sagt und so etwas. Und was wir benutzen werden. Es ist diese, die ich einfach nicht theta habe. Ich habe keine Frage zu hinzugefügt. Und dann werden Sie diese Fragen mit Vor- und Nachnamen abgleichen. Und dann, wenn diese Information in Convect gezogen wird, erhalten Sie o an die richtigen Stellen zugewiesen werden. Also klicken wir auf Fertig stellen. Und das war's. Also, wenn ich ging auf Form auf der Website, die Belgo war, nehmen wir noch zu veröffentlichen. Und ich wäre in der Lage, meine Informationen in und es würde auftauchen und kommen wieder Kätzchen, das wäre gut zu gehen. Nun, da wir die Bandfarm mit konvex verbunden haben, gehen wir zurück zu Webflow. Und wir werden diese Farmen verbinden. Also haben wir den Header und die Fisa bekommen und wir werden sie mit Convect KitKat verbinden. Jetzt werden wir das mit einer Plattform namens Zapier tun, die offensichtlich erwähnt hat. Und das wird uns erlauben, Webflow zu verbinden. Wes, konvertieren Kits durch API-Konfiguration und Zapier, es macht es sehr, sehr einfach zu tun. Und in Bezug auf diese Formen, natürlich erhalten diese Formen können unabhängig voneinander scheinen. Aber so wie wir sie auf die gleiche Weise einrichten, werden wir es auf die gleiche Weise einrichten. Wir werden das gleiche Tag zuweisen und es wird als dasselbe behandelt. Und weil sie letztendlich sind. Das werden wir als Nächstes tun. Jetzt ist das etwas komplexer. Es braucht ein bisschen mehr Geschick. Aber ich war definitiv wert zu wissen, wie es geht. Und Sie denken vielleicht, warum, warum habe ich nicht einfach ein Formular auf meine Website eingebettet? Weil du das nicht mit einem Comeback hier machen kannst. Sie können eine Farm erstellen und dann können Sie sie einfach auf die, auf Ihre Website einfügen und Sie können Informationen auf diese Weise sammeln. Der Grund, warum das nicht mochte, ist, dass Sie nicht so viel Kontrolle darüber haben, wie das Formular aussieht. Und das ist normalerweise ein ziemlicher Untergang für jemanden wie mich , der sich um Zink kümmert, weil es nicht konsequent wäre. Es würde es wie ein wunder Daumen zu mir kleben und es machte mich verrückt, gelinde gesagt. Also lasst uns weitermachen und das tun. Also werde ich alle diese Tabs herunterfahren, vor allem, weil wir auch irgendwie in das Ende dieses Projekts kommen. Also haben wir Art Form als andere Weise gemacht. Lasst uns das alles loswerden. So Zapier als Plattform, die Sie kostenlos nutzen können, aber es gibt auch eine kostenpflichtige Version davon. Ich würde raten, in zu investieren, wenn Sie am Ende kompliziertere Teil damit machen. Also werde ich es einfach hier drinnen sagen. Dies ist eine der Plattformen, für die wir bezahlen. Und das wird es uns sehr einfach machen, Webflow mit konvex zu verbinden. Also, was ich tun werde, werde ich das erschaffen. Und dieser Prozess wird gleich sein, unabhängig davon, dass US zahlen die kostenlose. Und dann werden wir erstellen, wir werden einen Kunden erstellen. Also, jetzt, wo wir hier sind und Zapier, dieser Prozess wäre übrigens der gleiche, unabhängig davon, ob Sie auf einem kostenlosen oder kostenpflichtigen Plan sind, und zumindest sollte es sein. Aber was wir tun werden, ist, dass wir auf die Schaltfläche Erstellen klicken. Und dann werden wir die Galerie durchsuchen. Wir werden sehen, ob es hier irgendwelche Vorlagen für verbindet sie Webflow mit Convect Kit. Denn eine tolle Sache genau ist es, dass Sie die App suchen können , so dass Sie hier suchen. Und dann können Sie sie direkt mit dem anderen IPR verbinden. So müssen Sie nicht viel Affen darüber tun kann Sie durch den gesamten Prozess zu engagieren. Also lasst uns zuerst Webflow dort eingeben. Und dann tippen wir Connecticut ein. Und dann wirst du einen Auslöser setzen. Also F ist ein Formular Einreichung. Das wird dieses Ereignis auslösen. Dann werden wir einen Abonnenten hinzufügen. Dann werden wir einen Abonnenten zu einer Sequenz hinzufügen. Das werden wir tun. Und doch werden wir das schaffen. Und dann, was wir hier tun werden, ist einfach auf Guest OS klicken. Es ist in Ordnung, also jetzt, wo wir hier sind, klicken wir auf Verbindungen. Und Sie können nicht, weil es eine separate Website ist, mit der wir arbeiten. So können Sie alle verschiedenen Websites sehen, die ich hier habe. Und die, die ich benutzen werde, ist offensichtlich Magnus, Jimmy oder Shi'a. Also werden wir dort klicken. Ich werde auf Anwendung autorisieren klicken. Und das ist es für unsere Website. Es könnte nicht sagen, aber das ist definitiv die eine. Also, dann lass uns Nacht schlagen. Also, das ist offensichtlich unser Juwel hier. Nun, was wir tun wollen, bevor wir tatsächlich voran gehen und weiter klicken, ist, dass wir an dieser Stelle veröffentlichen oder sagen wollen, weil eine Bestellung für Zapier, weil für Zapier, um die Formulare zu identifizieren, die wir Informationen daraus abrufen möchten, muss veröffentlicht werden. Also gehen wir zurück zu Webflow und gehen hier hoch. Und dann werden wir zu diesem Zeitpunkt keine benutzerdefinierte Domain hinzufügen. Und das ist ein völlig separater Prozess, über den wir am Ende sprechen werden. Denn um die benutzerdefinierte Domäne hinzuzufügen und Sie müssen auf einen Website-Plan aktualisieren, was ich hier nicht tun werde. Aber warum ich tun werde, ist es zu veröffentlichen. Also dieser Webflow, Hofstedes Domain. Also lasst uns das machen. Weil das ein Projekt identifiziert, ist das Gleiche, unabhängig davon, in welcher Domäne es sich befindet. Und dann, was wir tun werden, um sicherzustellen, dass das Formular ordnungsgemäß registriert wird. Wir werden nur schnell und SAT oder Informationen, so dass Informationen endet So registriert sich entweder als Antwort. Okay, das ist also einer. Und dann werden wir das Gleiche tun. Ok? Also jetzt Zapier sollte in der Lage sein , diese Informationen zu ziehen, die wir nur durcheinander haben, wenn wir hier auf Weiter klicken. So können Sie sehen, dass mit zwei separaten Formularen registriert wird. Sie müssten tatsächlich 2s abs erstellen, müssen Sie eine für eine Farm und eine Formel erstellen. Also gehen wir einfach für den ersten hier. Ich klicke auf Weiter. Und Sie können sehen, dass es die Daten aus Webflow zieht. Und dann müssen wir uns verbinden und zurück. Gut. Und ich habe bereits verbunden, so dass dieser Teil für mich geht. Aber was Sie tun müssen, ist, wenn Sie verbinden und konvertieren Kit, Ich stelle mir vor, wie Sie Ihr Geheimnis, wie bekommen Sie Ihren geheimen API-Schlüssel. Und dann musst du das hier irgendwo kopieren und einfügen. Jetzt fragt man ein bisschen Sequenzen. Wir haben keine Sequenz erstellt. Aber lass mich einfach zurückgehen und über Git reden und es dir zeigen. Sie erstellen eine Sequenz und Automatisierungen. Und wieder, konvertieren Kit als wahrscheinlich einen ganzen separaten Kurs in und für sich. Aber die Art und Weise, wie wir planen, Informationen zu haben, oder Sie können eine wirklich großartige Sequenz erstellen. Aber das war, als wir über die E-Mail-Kampagnen gesprochen haben. Aber du würdest zu Sequenzen gehen und dort anfangen wollen. Und hier würden Sie Ihre E-Mails aufbauen. Und dann können diese E-Mails auf einige Automatisierung hinzugefügt werden. Aber welche Sequenzen? Es ist nur eine Reihe von E-Mails, die Weihrauch bekommen und eine automatisierte Art und Weise. Also werde ich im Moment keines davon benutzen, aber wir gehen zurück zu Zapier und ich werde nur sammeln, was für mich egal ist, aber du kannst nicht sequenzieren. Sie dann auf Weiter. So können wir hier sehen, wenn wir uns das ansehen, das durch einen Namen gezogen wird, aber wir wollen diesen auch nicht. Wir wollen die E-Mail schreiben, wir wollen das abbilden. Also werden wir nur auf Daten emo klicken. Und dann hier unten gehen wir Vorname und Nachname. Und das werden wir benutzen. Und mal sehen, ob es funktioniert oder nicht. Und dann gehen wir weiter und klicken auf Weiter. Wir werden einen Test schicken, um zu sehen, ob es funktioniert. In Grau wird durch gezogen. Also, jetzt haben wir geschaffen, also was wir wollen nur auf diese aufschalten, und das war's. Und dann wollen Sie diesen Vorgang für das zweite Formular wiederholen. Und dann haben Sie Ihre Daumen angeschlossen, um zu befürworten und die Informationen werden richtig weitergegeben. Sie gut, ein wenig zu einer Zeit zu verbringen, wenn Ihre E-Mail-Kampagnen Gesetz. Und um eine Sequenz zu erstellen, verwenden Sie diese neue Sequenz, geben Sie ihr einen Namen. Wie. So. Dann willst du dir eine Sequenz geben, einen Namen. Und wir können alles, was du magst, in dein Geschäft einsteigen. Stellen Sie einfach sicher, dass es klar ist und klar ist, in welcher Form die Sequenz zusammenhängt. Also und dann ist das, was du in deinem Zach verwenden wirst. Ich werde nur einen Test erstellen, nur um Ihnen den Prozess schnell zu zeigen. Und dann schreiben Sie hier Ihre E-Mails. Und Sie können mehrere E-Mails hinzufügen und alle feuern auf automatisierte Weise. Und Sie bestimmen, wie lange nach jeder E-Mail gesendet wird, wann die andere gesendet wird. Und es ist wirklich so einfach. Sie können ein gutes bisschen Taiwan Sie an E-Mails verbringen, um sicherzustellen, dass sie richtig gestaltet sind und der Sand die richtigen Dinge. Und dann abhängig von Ihrer Authoring oder Ihrem Dienst, wenn die Absicht hier ist, jemandes Buch einen Anruf zu verwenden, den Sie verlinken möchten, werden Sie einen Link zu Ihrem Zähler senden wollen, eine Plattform, die Sie dafür verwenden können, als genannt Calendly. Und das ist es hier. Und du kannst das benutzen. Und wenn es wirklich, wirklich einfach ist, ein Ereignis zu erstellen, wird es Ihren benutzerdefinierten Link generieren. Du musst nicht viel Affen und etwa tun. Sie müssen nur Calibri die Informationen erhalten, die Sie benötigen. Und Sie werden in der Lage sein, das in Ihren E-Mails für Schüler ein bisschen Anrufe Babys für Geschäft zu verknüpfen , immer noch abhängig von dem, was Sie tun. So können Sie wirklich diese Richtung nehmen, in die Sie wollen. Es muss nicht spezifisch sein, worüber ich hier gesprochen habe. Und das war's. An diesem Punkt werden Sie verbunden haben, es ist Ihre Farmen Kit zu konvertieren. Und das wird eine automatische Sequenz sein, wenn Sie dies richtig einrichten, was wirklich, wirklich nützlich ist , bedeutet, dass Sie manuell E-Mails an Leads und all diese Art von Sachen senden müssen. Also ja, das ist wirklich jetzt gibt es ein paar andere Dinge, die wir tun müssen, beziehen sich auf die Website und bewerten. Also werde ich im nächsten Video darüber reden. Und lasst uns das jetzt eingehen. 23. Ihren Siteplan und Einstellungen hinzufügen: Also die letzten paar Dinge, die wir hier gehen müssen, und das ist ein Aspekt, den wir nicht berührt haben, als wir diesen Kurs als Workflows, Projekteinstellungen durchlaufen haben. So können Sie sehen, dass Sie eine Reihe von verschiedenen Tabs mit einer Reihe von Einstellungen haben. Ich werde sie einfach schnell für Sie durchgehen und Ihnen erklären, was jeder von ihnen ist. In den allgemeinen Einstellungen haben Sie offensichtlich den Namen auf der Sub-Domain über die Website. Und Sie können es zu unserem Ordner hinzufügen, wenn Sie möchten. Dann können Sie auch Ihre Favicon und Web-Clip hinzufügen. Also würde ich raten, Ihr Logo darauf zu setzen, weil die Leute es nicht wissen. Also und dann hier unten hast du deine Zeitzone. Sie können Ihre Zeile Login Ferse hinzufügen, das ist nützlich. Sie können Workflow-Branding im HTML loswerden, was Sie wahrscheinlich tun möchten. Und dann hier unten, nur Statistiken wirklich und Hosting. Also möchten Sie Ihre benutzerdefinierte Domäne am Ende verbinden. Wenn Sie bereit sind, zu veröffentlichen, möchten Sie einen Websiteplan hinzufügen. Ein Aufsatzplan kann einer dieser beiden sein. Die, die ich empfehlen würde, ist CMS. Aber Sie können Basic verwenden, wenn Sie möchten. Cms wird Ihnen nur zusätzliche Funktionalität geben und oh, wahrscheinlich ein etwas besserer Hosting-Service sein. Dann ja, die Isotope. Also, wenn Sie irgendwelche Mitarbeiter haben, die Sie Änderungen an der Website vornehmen möchten, aber Sie wollen nicht wirklich das Chaos und das Boot mit einem Design. Sie können sie als Kollaborative hinzufügen. Also auf Login, um MGS-Text zu ändern, Dinge wie diese, oder erstellen Sie neue Seiten und Ihr CMS. Muss ich nicht. Warum rebellieren SEO? So haben wir Google Analytics oder Site-Konsole noch nicht eingerichtet. Aber wenn Sie gehen, um dies zu tun, einen von uns zu tun, müssen Sie einen Lageplan hinzufügen. Sie müssen auch Ihre Website mit Google überprüfen und sind fantastische SQL-Dinge, die Sie tun müssen, über die ich in einer Sekunde sprechen werde. Und dann Farmen, wenn E-Mails von Januar ist oder wenn Sie wissen wollen, wann diese Farmen, in Bezug auf Benachrichtigungen, Sie einfach alle Informationen in hier und folgen Sie für Sie. Dann haben wir Schriftarten. Wir haben bereits eine Art von Schriftarten berührt und sie mit Adobe verbunden und all das getan. Also sind Sie in Ordnung mit ihren Backups. Wenn Sie jemals große Fehler auf Ihrer Website machen oder Sie Dinge verlieren, können Sie eine der Backups hier sammeln oder zurückkehren. Das Gute an Webflow ist, dass es Backups automatisch macht. Das ist also ein echter Vorteil und Integrationen. Sie werden also hier mit Google Analytics integrieren wollen. Wenn Sie, Google hat Google Maps, Facebook-Pixel an den beiden wichtigsten hier sind Facebook-Pixel auf Google Analytics. So wichtig, du bringst sie auf. Und die dritte als Suchkosten, wollen wir auch das Selbst zu bekommen. Und dann haben wir benutzerdefinierten Code. Es hängt davon ab, was Sie tun möchten, was ist Ihr Google Analytics- und Facebook-Pixel? Sie können den benutzerdefinierten Code hier hinzufügen. Oder alternativ können Sie Google verwenden, oder alternativ können Sie Google Tag Manager verwenden, was auch eine gute Möglichkeit ist, diese Sachen zu verkaufen. Aber diese Themen wirklich Spaß an der Burg, irgendwie Website-Optimierung, SEO. Und das war's. Das ist es, was Sie wissen müssen und hier. Und es gibt Ihnen nur einen Überblick über die Einstellungen und die Dinge, die sie tun müssen, um die Website startbereit zu machen. Also, mit dem gesagt, ich möchte nur ein letztes Video machen, das wir in den letzten Kontrollen behandelt , die ich normalerweise auf jeder Seite mache, die ich baue. Also ja, lasst uns jetzt drauf springen. 24. Abschlussprüfung: Alles klar, das allerletzte, was Sie tun möchten, bevor Sie Ihre Website live nehmen , sind nur einige letzte Kontrollen. Die Dinge, die wir hier machen wollen, wollen wir nachsehen. Wir überprüfen die Kopie, stellen sicher, dass es keine Grammatikfehler gibt. Wir möchten die Links auf allen Tasten überprüfen und sicherstellen, dass alle an die richtigen Stellen gehen. Und wir haben die Farm schon überprüft. Das ist also eine Sache aus dem Weg. Und das Letzte, was wir tun wollen, ist, dass wir den Kopf und die Strukturen überprüfen wollen. Und dann ist die Sache, die uns dabei helfen wird, wie wir vorher davon gesprochen haben, der Webflow andere Checker ist nützlich. Und eine Sache, die wir nicht berührt haben, dass es tatsächlich Hervorhebung hier als das Fehlen von Alt-Text auf den Bildern. Das ist eine andere Sache, die du wirklich überprüfen willst. Alt-Text ist sehr wichtig für SEO. Also, um Alt-Text hinzuzufügen, geht sie einfach zu jedem Bild, wie Sie sich ansehen. Klicken Sie auf das kleine Zahnradsymbol, und fügen Sie dann Ihren ALT-Text dort für was auch immer es ist. Für ein Ende, um Ihre Überschriften zu überprüfen, gehen Sie einfach zu den Einstellungen für die Überschrift, auf die Sie klicken, und stellen Sie sicher, dass sie als die richtige markiert ist. Tun Sie das für die gesamte Website. Und dann, wenn Sie bereit sind zu gehen, müssen Sie nur starten. So können Sie hier sehen, dass diese nicht richtig verlinkt wurden. Also werde ich diese beiden einfach schicken. Jetzt. Ich werde diese an Kontakt schicken. Und Sie werden das tun, wenn die gesamte Website und stellen Sie sicher, dass Sie nichts verpasst haben. Und es ist immer am besten, dies am Ende eines Projekts zu tun , dann Azure durchgeht, weil Sie sich dazu neigen, etwas zu durcheinander zu bringen, weil Sie sich auf so viele verschiedene Dinge gleichzeitig konzentrieren. So viel Schlachten am Ende. Und ja, ich werde dir nur für diese eine Seite zeigen, aber wenn du das getan hast, wirst du gut gehen, was deine Frau sagt. Und das ist eines der letzten Dinge, die ich dir empfehle zu schreiben. Es war also eine Freude, diesen Kurs zu unterrichten. Und ich hoffe, Sie in der nächsten zu sehen. Also danke. 25. Nächste Schritte: Alles klar, ich danke Ihnen so sehr, dass Sie sich diesen Kurs angesehen haben. Ich hoffe, dass Sie viel davon gewonnen haben. Die Truhe als Webflow, als eine unglaublich leistungsfähige Plattform ist was wir intern für all die Arbeit, die wir für Kunden getan haben, nutzen. Ich meine, es ist wirklich ein Spielwechsler, wenn es um Webdesign geht. Und wenn Sie Ihre Web-Host-Waage weiter verbessern möchten, haben wir Zwischen- und Fortgeschrittene Kurse auf Ambient Academy. Wenn Sie unsere Website Ressourcen besuchen, werden Sie in der Lage sein, zu finanzieren Ansicht Academy. Ich empfehle, Auschecken es erschwinglich hat. Du kannst Teil einer Gruppe sein, mit anderen Leuten wie du in eine Menge von demselben Zeug schaust. Und es ist wirklich ein Spielwechsler für Menschen, die sich entwickeln wollen , aber digitale Marketing-Fähigkeiten insgesamt. Aber wie auch immer, vielen Dank, dass Sie sich diesen Kurs nochmal angesehen haben. Und ich werde in der nächsten sehen.