Nebeneinkommen aufbauen: So baust Du Deine erste Squarespace-Website

1. Einführung: Hallo und willkommen, um Ihre Seite Hektik zu starten Wie Sie Ihre erste Squarespace Website zu bauen. Ich bin Rosanna und ich bin ein Produkt- und Möbeldesigner aus Großbritannien Ich habe mehrere Websites für verschiedene Projekte erstellt und viele Tipps und Tricks gelernt. Und jetzt möchte ich sie mit Ihnen teilen, damit Sie Ihre eigene Ecke des Internets bauen können. Also denkst du vielleicht, warum ein Nebenhustle? Nun, ich glaube, wenn Sie etwas für sich selbst beginnen, selbst wenn Sie weiter an Ihrem Tagesjob arbeiten, fühlen Sie sich ermächtigt und gewinnen Vertrauen. Sie schaffen Chancen und Sicherheit für sich selbst. Also fange ich an, darüber nachzudenken, was dein Nebenhustling für dich tun könnte und wohin es dich führen könnte. Aber du denkst vielleicht, Hey, was ist mit meinem Instagram? Ich teile, was ich in meinen Leidenschaften über diese Plattform tue. Aber unsere Social-Media-Plattformen gehören nicht wirklich zu uns. Sie könnten sich jeden Moment ändern. Und wir haben nicht die Kontrolle über Daumen mit einer Website. Wir können basteln und schnitzen und die Kontrolle über unsere eigene Ecke des Internets behalten. Warum Squarespace? Nun, ich habe viele der verschiedenen Website-Builder ausprobiert, die da draußen sind, und ich fand Squarespace als der einfachste zu bedienen, keine Codierung erforderlich und es ist voll reaktionsschnell. So funktioniert es auf dem mobilen iPad und Desktop, ohne dass Sie sich um irgendetwas kümmern müssen. Sie haben auch kürzlich eine neue App gestartet, mit der Sie sie auf Ihr Telefon herunterladen können. Stellen Sie sich vor, selbst wenn Sie auf dem Weg zur Arbeit sind, könnten Sie an Ihrer Seite arbeiten, um einen Blutpost zu bearbeiten oder ein Bild auf Ihrer Website zu veröffentlichen , so dass es Ihnen das zusätzliche Maß an Freiheit und die Möglichkeit gibt, an Ihrer Seite zu arbeiten . Treiben Sie, wann immer Sie wollen, während dieser Anfängerklasse. Bevor wir auf eine voll funktionsfähige Website zu bekommen, werden wir diese Schritte eine Forschung auf der Suche nach Inspiration folgen. So ist es so einfach wie möglich, wenn wir kommen, um unsere eigene Website zu Mission Statement zu erstellen. Dies wird das leitende Licht für unsere Seite Treiben drei sein. Nach meinem 10-Schritt-squarespace-Flow, der uns von keiner Website zur Website und voll bringt. Jetzt, da wir unsere Website haben, werden wir an der Struktur arbeiten, um sicherzustellen, dass die Seiten darin einfach zu navigieren. Am Ende dieser Klasse werden Sie eine Website haben, und der schwierigste Teil beginnt und Sie haben das bereits so gut gemacht. Jetzt lasst uns geschäftig werden 2. Recherche: damit Sie vielleicht denken, Warum müssen wir mit der Forschung aufhören? Nun, wir sind alle beschäftigt. Das ist doch unsere Nebengeschäfte. Und wir wollen in der Lage sein, schnell effiziente Entscheidungen zu treffen, wenn es darum geht, eine Website zu erstellen , so dass wir zum lustigen Teil weitergehen können, wenn es darum geht, außerhalb von Tussle mit anderen zu teilen und Inhalte zu erstellen. Und wenn wir verstehen, was wir an anderen Websites lieben, können wir die gleichen Prinzipien auf unsere eigene Website anwenden, um sicherzustellen, dass sie professionell, einfach und angenehm für unsere Besucher zu verwenden ist . Unser Klassenprojekt heute ist es, einen Screenshot einer Website zu teilen, die Sie zusammen mit einigen Aufzählungspunkten auf Ihre Beobachtungen inspiriert . Denken Sie daran, wir analysieren es nach Struktur. So, wie Sie auf der Website navigieren und wo die Seiten sitzen. Zum Beispiel, andere viele Klicks benötigt, um durch ein Menü zu der gewünschten Seite zu gelangen, oder ist es relativ einfach, die Seite zu finden, die Sie suchen? Oh, das Farbschema. Sind die Farben komplementär? Erregen sie Sie oder lassen Sie sich entspannt fühlen? Oder das Layout, wie und wo der Inhalt auf der Seite positioniert und präsentiert wird und wie das auf Sie zukommt. Also werfen wir einen Blick auf die by Inspiration Website für mein Klassenprojekt. Ich habe die Marke Stylist dot com als meine Inspiration Website gewählt, und wie Sie sofort hier sehen können, ist es eine sehr saubere und klare Website zu betrachten. Wenn wir uns ein wenig genauer auf die Struktur der Website schauen, können wir sofort auf der Homepage sehen. Die Menüoptionen sind oben hier auf beiden Seiten des Logos so sofort können wir sehen welche Seiten es innerhalb der Website gibt, sondern auch, worum es bei der Website auf der Marke Stylist eigentlich geht. Manchmal haben Sie hier ein Menü auf der linken Seite, ein Burger-Menü. Es heißt, ähm, wo alle Seiten dort versteckt sind, die Vor- und Nachteile haben können. Aber für hier könnte das ein bisschen negativ sein, denn wie wir die Marke Stylistin als Online-Kurse sehen können, die Ihnen gleich mehr über sie erzählt? Aber wenn das in einem Menü versteckt war, wissen Sie vielleicht nicht darüber und vielleicht nicht erkennen, dass das Farbschema der Website auch sehr schön ist . Ich finde es sehr entspannend und sie irgendwie ruhig sehr, sehr blass, leicht rosa im Hintergrund. Der starke, klare schwarze Text ist wirklich, wirklich sehr leicht zu lesen und sehr klar auf dem Logo selbst hat ein bisschen metallischen Effekt , was ein zusätzliches Element von Luxus bringt. Und wenn wir einen Blick auf die Life-Website selbst und Blick auf das Layout, können wir sehen, es ist eine vollständige Scrolling-Website auf allen. Der Inhalt hat viel Platz um ihn herum. So ist es wieder zurück zu diesem sauberen und klaren Stil, wo man alles sehr leicht mit dem schwarzen Text auf den hellen Bildern und viel Platz sehen kann und sehr einfach zu navigieren und sich zu bewegen. Wenn wir also einen Blick auf meine eigene Website werfen und wie ich meine Inspiration von der Marke Stylisten dot com verwendet und auf meine eigene Website angewendet habe, können Sie sehen, dass es das Menü oben hier für die gleiche klare Struktur, das Farbschema. Ich habe versucht, ihre beruhigende Atmosphäre auch mit dem Farbschema zu schaffen. Andi. Der Inhalt hat viel Platz und ist sehr übersichtlich, so dass alles leicht zu sehen ist , also ist das Lektion zu beenden. Gut gemacht. Wir haben das Klassenprojekt dort angesprochen und eine Inspirationswebsite gefunden, die wir für seine Struktur, sein Farbschema oder sein Layout analysieren können . Wir haben einen Blick darauf gehabt, wie wir das auf unsere eigene Website anwenden können, um es einfacher zu machen, wenn wir zu Squarespace kommen . Vergessen Sie also nicht, einen Screenshot von Ihrer Lieblings-Website im Klassenprojekt mit ein paar Aufzählungspunkten auf Ihren Beobachtungen über seine Struktur, sein Farbschema oder sein Layout zulöschen paar Aufzählungspunkten auf Ihren Beobachtungen über seine Struktur, sein Farbschema oder sein Layout zu . 3. Leitbild: Die zweite und letzte Phase unserer Forschungsabteilung wird die Arbeit an unserem Leitbild sein. Aber was ist ein Leitbild? Während das Leitbild ein kurzer Satz ist und zusammenfasst, warum Sie tun, was Sie tun, um das, was Sie tun, was Ihr Ziel ist? Es wird dein leitendes Licht sein, um dich fokussiert und motiviert zu halten, wenn das Leben in die Quere kommt . Aber was ist mein Leitbild? Nun, mein Leitbild für meine eigene persönliche Blawg ist es, meine Erfahrungen und Abenteuer zu teilen herauszufordern, was von uns erwartet wird, in der Hoffnung, dass ich andere ermutigen könnte, auch zu fragen warum. Okay, also wie generieren wir ein Leitbild? Nun, für mich ist der beste Weg, es zu tun, eine Mindmap zu machen. Beginnen Sie also mit einem leeren Stück Papier und einem Stift oder gönnen Sie sich ein neues Buch und einen neuen Stift. Weil jeder liebt neue Briefpapier und Sie beginnen eine Seite Hektik linken Rolle. Also in der Mitte Ihrer Mindmap, beginnen Sie mit Ihrer Seite Hektik, so dass es Fotografie sein könnte, und dann ein paar Zweige kommen , so dass wir uns nur auf das konzentrieren wollen, was Sie tun, warum Sie es tun und was Ihre Ziele sind. Sobald Sie ein paar Zweige kommen von was, warum, in Zielen, können Sie dies in einem kurzen Satz zusammenfassen, vielleicht direkt auf einem Beitrag es Notiz, und kleben Sie es irgendwo oder direkt vor Ihrem Notebook . Oder tippen Sie es auf und drucken Sie es aus. Aber setzen Sie das irgendwo groß und mutig, um Sie daran zu erinnern, warum Sie tun, was Sie tun und was Ihr Ziel ist. Zum Beispiel, Festhalten an der Fotografie Thema die Was könnte Landschaftsfotografie sein, die Y könnte sein, eine Liebe zur Natur zu teilen, und das Ziel könnte sein, mehr Menschen zu ermutigen, nach draußen zu treten. Ein einfacher Satz, um dieses Leitbild zusammenzufassen, könnte es sein, die Schönheit der Natur durch Landschaftsfotografie zu teilen , um andere zu ermutigen, nach draußen zu gehen. Also, das ist Lektion drei fertig. Wir haben einen Blick genommen, eine Mission, Aussagen, was sie sind, warum wir einen brauchen und wie man einen macht. Lassen Sie uns also unsere Website inspirieren, unsere Mission Statements abrufen und gehen Sie mit dem Aufbau unserer Squarespace-Website fort 4. Welche Squarespace: bevor wir in den Aufbau unserer Website in Squarespace gehen. Nur eine kurze Notiz zu den Squarespace-Website-Versionen. Wenn Sie sich gerade seit Januar 2020 bei Squarespace angemeldet haben, werden Sie automatisch in den Aufbau einer Website in der Version 7.1 gesetzt. Also, um das zu ändern, weil meine Klasse hier auf Version sieben Punkt ausgeführt wird. Oh, um sicherzustellen, dass Sie in der gleichen Version sind, gehen Sie einfach auf den Link in der Klasse über die Seite hier und das wird Sie Zahny ursprünglichen Template Store für Squarespace Version 7.0 nehmen und so meine ganze Klasse auf der folgenden Klasse von diesem mit squarespace 7.0, und Squarespace aktualisiert diese Version immer noch und unterstützt diese Version und haben angegeben, dass dies fortgesetzt wird. Sie sind immer noch Verbesserungen, die auf Version 7.1 gemacht werden. Onda Änderung in 7.1 ist ganz anders, also werde ich in Zukunft eine neue Klasse erstellen, wenn 7.1 sich niedergelassen hat. Und für jetzt, diese Klassen auf sieben Punkt OAS, das ist, glaube ich, die beste Option für jetzt. Also, wenn Sie überprüfen möchten, ob Sie bereits Ihre Website erstellt haben, Wenn Sie doppelt überprüfen möchten? Gehen Sie, auf welcher Version Sie sind. Sie können hier in Ihren Website-Builder gehen und klicken Sie auf Hilfe und dann können Sie unten sehen . Dort steht Version sieben Punkt. Oh, und es steht auch, in welcher Vorlage Familie wir gerade sind. So können Sie überprüfen, dass eso Lassen Sie uns mit der Klasse fortfahren Jetzt, wo wir alle wissen, dass wir in 7.0 Andi sein werden, bauen Sie unsere Website. 5. 10-Schritte-Squarespace: Jetzt beginnen wir mit Squarespace. Wir werden meinen 10-Schritt-Squarespace-Flow verwenden , der als Download im Klassenressourcen-Bereich verfügbar ist. Ich würde empfehlen, das herunterzuladen und auszudrucken, damit Sie Ihren Fortschritt im Auge behalten können. Und wenn Sie auf halbem Weg durch den Fluss gehen müssen, können Sie markieren, wo Sie Teoh haben. Ich habe auch etwas Platz hinzugefügt, wo Sie Notizen machen können. Also, während wir einige der Vorlagen auf Squarespace analysieren, wenn Sie Notizen gegen sie machen möchten, wenn Sie dies im Dokument tun, dann hält es alles an einem Ort. Andi, ich habe ein Kontrollkästchen gegen jeden Schritt hinzugefügt, weil es sich immer gut anfühlt, wenn du etwas ausziehst . Also schnappen Sie sich Ihr Leitbild und Ihre Website-Inspiration. Und lasst uns zum Squarespace dot com gehen. Wenn Sie sich squarespace dot com umsehen möchten. Wenn Sie die Website noch nicht besucht haben, dann tun Sie das jetzt. Aber wir werden sofort mit der Schaltfläche „Erste Schritte“ beginnen, um unsere kostenlose Testversion zu starten. Wenn Sie auf die Schaltfläche „Erste Schritte“ klicken, gelangen Sie zu dieser Seite, wo Sie, wenn Sie möchten, eingeben können, was das Ziel Ihrer Website ist. Aber da wir das bereits in unserer Forschung getan haben, dann gehen wir direkt auf und überspringen zu Vorlagen. Eingeben, was Ihr Ziel für Ihre Website hier ist, kann nützlich sein. Aber dann führt Squarespace Sie durch und begrenzt die Vorlagen, die Sie sehen und sehen können wie wir das bereits getan haben, so dass wir wissen, was das Ziel für unsere Website ist. Das müssen wir nicht tun. Wir können direkt zu Vorlagen gehen, so dass wir die bestehenden Kategorien nutzen, die Squarespace uns hier auf die Seite gegeben hat , und auch entscheidend, unsere Website-Inspiration. Wir werden uns ein wenig Zeit nehmen, um die Vorlagen zu analysieren, uns umzusehen, die verschiedenen Optionen zu durchklicken und uns einfach mit dem zu beschäftigen, was uns Squarespace über Vorlagen bietet . Wenn wir einen Blick genauer auf die Fotografie Abschnitt, dann können wir sehen, es gibt uns eine Auswahl von Vorlagen, die darauf abzielen, Bilder zu zeigen, so dass das Bild ein großes auf dem Bildschirm ist. Sie nehmen den größten Teil des Platzes ein, also gibt es nicht viel Platz für Text, und es geht darum, diese Fotos zu zeigen. Denken Sie auch daran, an dieser Stelle zurück auf Ihre Inspirationswebsite zu verweisen. Also habe ich tatsächlich einen geteilten Bildschirm hier gemacht, wo ich die Inspiration-Website auf der linken Seite auf Dsquared Raum mit seinen verschiedenen Vorlagen speziell auf Fotografie. Für dieses Beispiel auf der rechten Seite, so dass wir sehen können, gibt es ein paar Vorlagen, die ich irgendwie ein paar Ähnlichkeiten mit e Inspiration Website haben und aber ich mag das Aussehen dieser hier, die über eine vollständige Blutung Karussell für die Bilder spricht. Also, um ein bisschen mehr von einer Idee zu bekommen, wenn wir zurück auf die Inspiration Website schwächen, sehen, das ist der Blick, der bekommen wird, wenn wir ein volles Blutbild haben. Das bedeutet also nur, ein Bild zu haben, das die volle Breite des Bildschirms ausgibt. So ist es ziemlich wirkungsvoll auf den Karussellaspekt nur bedeutet, dass Sie durch verschiedene verschiedene Bilder auf diesem vollen Blutzuschnitt scrollen können . Okay, also lasst uns die Inspirationswebsite loswerden. Ich glaube, wir haben eine gefunden, die mir den Blick gefällt. , Wenn Sie den Mauszeiger über das Bild bewegen,das Sie sehen können, können Sie auf Vorschau klicken, um einen genaueren Blick auf die Vorlage zu erhalten, die Ihnen gefällt, so dass Sie in dieser Vorschau auf der Website bewegen können, verwenden Sie die Schaltflächen und die Links, wie sie würde im wirklichen Leben funktionieren, um dir eine bessere Vorstellung davon zu geben , wie das aussehen wird. Nehmen Sie sich hier ein wenig Zeit, um sich die Vorlagen umzusehen, die Vorschau zu öffnen, sich zu kochen und zu sehen, was Sie denken, und haben viele der verschiedenen Kategorien durchgeschaut. Hier gibt es keine Eile. Es ist gut, es zu diesem Zeitpunkt richtig und sich sowohl auf Ihr Leitbild als auch auf Ihre Inspirationswebsite zu beziehen. Sie können Vorlagen später mit Squarespace ändern. Es hilft Ihnen, das zu tun, aber es ist ein bisschen schmerzhaft. Glaub mir, ich hab's getan. Wenn Sie also im Vorschauabschnitt einer Vorlage sind, Sie nach oben gehen, können Sie nach oben gehen,um die Demo anzuzeigen, die Ihnen eine umfassendere Vorschau bietet. Also öffnet es diese Website. Demo hat einen Vollbildmodus, so dass Sie wirklich eine Vorstellung davon bekommen, wie das online funktionieren wird, damit Sie hier sehen können. Die Bilder sind wirklich der Mittelpunkt dieser Website. Sie sind groß und klar und hell auf der Blutseite. Auch hier gibt es Platz für Text und Schreiben, aber es geht mehr um die Bilder. Dies ist also nur ein guter Weg, um eine Vorstellung davon zu bekommen, ob die Vorlagen mit Ihrer Website Inspo und Ihrem Leitbild übereinstimmen und wie Sie möchten, dass Ihre Website später nach unten schauen , wenn möglich, versuchen wir, eine Vorlage, die am besten zu dem passt, was wir wollen. Vieles von diesem auf Squarespace kann geändert werden, aber je weniger wir jetzt ändern müssen, desto mehr können wir auf dem lustigen Teil des Teilens unserer Seite Trubel losgehen. Sobald Sie eine Vorlage gefunden haben, mit der Sie zufrieden sind, können wir in die Squarespace-Vorschau zurückkehren und zur rechten oberen Seite gehen. Beginnen Sie mit diesem Design. Zu diesem Zeitpunkt müssen Sie entweder ein Konto mit squarespace erstellen oder sich anmelden, wenn Sie bereits einen haben. Dies bedeutet, dass Quadrate basiert in der Lage sein, sich daran zu erinnern, was Sie getan haben. Es wird in der Lage sein, alle Ihre Arbeit in Echtzeit zu speichern, und Sie können jederzeit darauf zurückkommen. Die gute Nachricht ist, dass Sie jetzt eine 14-Tage-Testversion mit Squarespace kostenlos haben. So haben Sie Ihre Website. Willkommen auf Ihrer neuen Squarespace-Website und wir können damit beginnen, die Seiten zu bearbeiten und den Inhalt zu erstellen. Also da ist es, Ihre neue Squarespace-Website. So auf der rechten Seite hier, können Sie das Vorschaufenster fühlen. Squarespace-Website auf der linken Seite. Hier sind die Menüoptionen, in denen wir alles bearbeiten können, was mit unserer eigenen Website zu tun hat. Die Bearbeitung könnte sich so viel oder so wenig ändern, wie Sie möchten. In der nächsten Lektion werden wir mit der Struktur Ihrer Website beginnen, indem wir den Abschnitt Seiten verwenden . Außerdem können Sie hoffentlich dort sehen. Wie macht man das? Erste Recherchen bei der Suche nach unserer Inspirationswebsite und der Ausarbeitung unseres Leitbildes können wirklich helfen, den Prozess zu beschleunigen, so dass wir direkt da reinkommen und die Website starten und bearbeiten und all die lustigen Teile unserer Seite Trubel machen können. Also, das ist Lektion für fertig. Gut gemacht für jetzt. Ja, du hast eine Webseite gestartet. Also mach eine Pause, trinke eine Tasse Tee und lass uns weitermachen. Aber die nächste Lektion 6. Wesbite: auf Lektion fünf Website-Struktur. Lassen Sie uns unsere Websites aus meiner Erfahrung bauen. Es ist am besten, hier mit der Struktur Ihrer Website zu beginnen. Also, erstens müssen wir darüber nachdenken, welche Seiten wir in Sicht haben wollen. Es könnte an dieser Stelle einfacher sein, einen Stift und Papier oder Ihr neues Notizbuch zu greifen und ein paar Ideen zu notieren . Beginnen wir mit Seiten in der Mitte einer Mindmap normalerweise und über. Seite ist eine großartige Idee, und das ist oft der erste Ort, an dem ich eine neue Website besuchen musste. Ah, Homepage kann auch eine gute Idee sein, da es hilft, auf der Website zu navigieren, wie Sie immer wissen, wie Sie nach Hause kommen. Und dann liegt es an Ihrer spezifischen Nebenflucht. Erinnern Sie sich an Ihr Leitbild und was Sie ausgebildet haben. Für unser Fotografiebeispiel war es unser Leitbild, die Schönheit der Natur durch Landschaftsfotografie zu teilen. Um andere zu ermutigen, im Freien zu gehen, konzentriert sich auf die Natur und die Natur und diese Bilder. Also, wenn wir das in Abschnitte unterteilen, könnten wir wählen, dass Zehe drei separate Seiten haben, die sich auf einzelne Aspekte konzentrieren, die wir an der Natur lieben, wie Bäume, Hügel und Flüsse Zurück über bei Squarespace. Andi, für den Anfang, lassen Sie uns einfach auf unserer Website überprüfen, dass wir sehen können, dass unsere Website immer noch privat ist, so dass niemand sonst unsere Website sehen kann, aber es wurde nicht gestartet, weil wir noch in der kostenlosen Testversion sind. Wir können alle unsere Bearbeitung durchführen, aber die Website ist nicht wirklich live. Wenn wir bereit sind, können wir ein Upgrade für die Veröffentlichung durchführen und wir können es öffentlich machen, damit jeder die Website sehen kann. Aber vorerst können wir das nur sehen. Wir beginnen mit Seiten, um unsere Website-Struktur aufzubauen. Also habe ich unter der Hauptnavigation nicht gesehen. Hier haben wir die Menü-Header, die mit dem oberen Teil der Website hier übereinstimmen. Also haben wir die neuesten Mortem-Aufstiege über auf gebloggt. Also von unserer schnellen Mind-Map auf welche Seiten wir auf unserer Website wollen, wissen wir, dass wir definitiv über Seite wollen, so dass wir die bestehende über Seite nutzen können , die gerade im Demo-Modus ist im Moment. Wenn wir also durchklicken, können wir den fiktiven Fotografen John und seine über Seite sehen. Also könnten wir das genauso gut nutzen, wenn wir uns die Zeit genommen haben, um zu trainieren. Ich wurde geschmückt basierend Vorlage wirklich unsere Website Inspiration und unsere Mission Statement entsprechen . Dann ist es eine gute Idee, die Seiten, die bereits in der Vorlage sind, so weit wie möglich zu verwenden . Schreiben Sie einfach den Inhalt neu. So sind wir im Moment noch im Demo-Modus hier, also müssen wir nur auf die Einstellungen Zahnrad auf der Seite klicken. Das bringt diese über Seite für Einstellungen hier auf, und wir können sehen, dass die Demo-Version von hier weg ist. Wir wissen also, dass die Seite jetzt Teil unserer eigenen Website ist, also können wir sie einfach dort speichern. Also, wenn wir auf Website-Titel klicken, die auf die Homepage des Augenblicks verlinkt ist. So Homepage war das nächste, was wir als eine Seite zu unserer Website haben wollten, so dass wir hier auf der linken Seite sehen können . Das Startsymbol befindet sich derzeit neben der Seite Aktuell, bei der es sich um eine Galerieseite handelt, sodass sich diese Symbole entlang des Menüs befinden. Navigation bedeutet etwas, Also das Symbol hier ist für eine Galerie. Dies ist nur für eine leere Seite, und dies ist für eine blockierte Seite. Im Moment ist die Homepage eine Galerie-Seite, also lasst uns eine neue Seite beginnen und eine neue Homepage für unsere Website haben. Also mit dem Plus oben hier können wir eine neue Seite erstellen. Also entlang hier, wir haben alle verschiedenen Arten von Seiten, die wir erstellen können, haben bereits gesehen. Wir haben bereits eine Blutseite in einer Galerieseite. Wir werden nur eine neue leere Seite erstellen, die wir zu Hause anrufen können. Und das wird dann der Hauptnavigation entlang der Spitze hier hinzugefügt. dem Moment, in dem diese Seite leer ist, was großartig ist , können wir damit beginnen und unseren eigenen Inhalt und unser eigenes Layout hinzufügen, wenn wir dorthin kommen. Also, um die Startseite zur Startseite zu machen, müssen wir nur auf die Einstellungen Zahnrad dort klicken, scrollen Sie nach unten und setzen Sie seine Homepage. Da gehen wir. Also haben wir nach Hause ist jetzt unsere Homepage. Aber diese Website hat auch eine blockierte Seite, die im Moment nicht Teil unseres Website-Strukturplans ist, also eher löschen. Ich ziehe das einfach runter, um unverknüpfte König zu werden. Die Blutseite bedeutet, dass wir immer noch in der Lage sind, das Layout dort zu sehen, was für die Zukunft nützlich sein könnte, wenn wir jemals einen Bezugspunkt haben wollen, um unsere Website wieder in einen Block zu bringen . Aber im Moment es nicht losgebunden werden, so dass das nur bedeutet, aber es ist nicht mehr Teil des Kopfes und Menüs dort. Aber die Seite existiert immer noch. Wir haben sie nicht ganz gelöscht. Schließlich wollen wir drei Galerie-Seiten für unsere Bäume, Hügel und Flüsse. Es gibt bereits zwei Galerie-Seiten hier, warum verwenden wir nicht einfach die ersten, um unsere Bäume und Hügel zu sein, und wir können eine letzte Galerie-Seite für unsere Flüsse hinzufügen ? Wenn wir also durch klicken, können wir sehen, dass es uns sagt, dass es eine Beispielseite ist. Sie können es entweder kopieren und Inhalte hinzufügen oder entfernen. In diesem Fall wollen wir es kopieren, damit wir es in Zukunft für uns selbst nutzen können. Aber wir können sie auch verwenden, um einen Hinweis darauf zu erhalten, wie die Seite aussehen wird, wenn wir sie mit unseren eigenen Inhalten ausfüllen. Also wollen wir das nicht zuletzt nennen, also lasst uns auf die Einstellungen Zahnrad klicken und den Namen in Verträge ändern. Ändern Sie die URL-Schnecken so, dass es für den Seitennamen relevant ist, ändern Sie den Seitentitel und klicken Sie einfach auf Speichern. Also dort haben wir entlang der oberen Heimat und Bäume gehen nie zurück und tun das gleiche für die Motema steht Option, und wir gehen nur Zehe Kopie Seite. Verwenden Sie die Einstellungen Zahnrad und ändern Sie dies zu B Pillen. Wir werden uns nicht zu sehr darum kümmern, was noch in diesem Panel ist. Im Moment. Das werden wir für später aufheben. Also endlich wollen wir eine zusätzliche Galerie-Seite hinzufügen. Also gehen wir einfach auf die Seite Button dort und klicken Sie auf Galerie, und wir werden diesen einen Rivers nennen und wir können sehen, dass dies leer ist im Vergleich zu den anderen Seiten, wo wir den Inhalt neu verwendet haben. Das ist also bereit für unsere eigenen Inhalte. In dem Moment, in dem Rivers außer Betrieb ist, können wir das hier runterziehen, und es wird die Heimat von Bäumen, Hügeln, Flüssen und etwa neu ausrichten Hügeln, . Und wir werden einfach nach oben ziehen, denn, wie wir auf der Seite besprochen haben, ist die Planung eine wichtige Seite, und wir wollen, dass das nächste Zuhause dort ist. Wir haben unsere Struktur an Ort und Stelle. Wir haben unsere Homepage über Bäume, Hügel und Flüsse. Das ist weniger und fünf fertig. Gut gemacht. Wir sind beinahe da. Wir haben unsere Website mit unserer Website-Struktur eingerichtet, so dass sie für uns bereit ist, sie mit eigenen Inhalten zu füllen. Als Nächstes schauen wir uns an, wie das geht. Wie man in einigen unserer eigenen Bilder auf unseren eigenen Text hinzufügt. 7. Website-Inhalte: in unserer letzten Lektion über Website-Inhalte werden wir uns ansehen, diese Struktur, die wir bereits mit unseren eigenen Inhalten eingerichtet haben, auszufüllen . Also unsere eigenen Bilder und unsere eigenen Worte dort haben wir unsere Struktur an Ort und Stelle. Wir haben unsere Homepage über Bäume, Hügel und Flüsse. Nun lasst uns etwas gegen die leere Homepage tun, die wir erstellt haben. Wie Sie sehen können, wenn Sie den Mauszeiger über das Vorschaufenster bewegen, kommen diese Wannen, sagen wir, bearbeiten und Einstellungen. Wenn wir den Mauszeiger über den Titel bewegen, sagt es uns, dass dies der Website-Titel ist und es uns die Bearbeitungsoption gibt. Und wenn wir den Mauszeiger hierher bewegen, sagt es uns, dass das die Navigation ist und es uns die Bearbeitungsoption gibt. Also für jetzt auf unserer Homepage, weil diese Seite leer ist, wollen wir nur anfangen, sie zu bearbeiten und ein wenig Inhalt hinzuzufügen. Wenn wir also auf Bearbeiten klicken, führt es uns zu dieser Vollbildbearbeitungsseite. Also hier haben wir einen Einfügepunkt. Ich nenne es gerne einen Regentropfen, wenn wir also über den Regentropfen schweben, den wir sehen, erhalten wir eine Linie in voller Breite der Seite, so dass uns sagt, dass, sobald wir darauf klicken und wir diese Inhaltsblöcke sehen, diese Inhaltsblöcke füllen die volle Größe der Seite. Also die Inhaltsblöcke, die uns zur Verfügung stehen. Wir haben hier oben grundlegende, wie Text oder Bild. Wir haben hier einige Optionen für verschiedene Möglichkeiten, ein Bild anzuzeigen. Wir haben einige Galerie-Optionen hier unten, einige Zusammenfassungsoptionen und einige weitere Filter und Listen, Commerce-Charts, Social Books und dann Premium, für die Sie bezahlen müssen. Und so ist der Christus viele Optionen da oben. Aber alles, was Sie realistisch brauchen, ist in einem einfachen oder potenziell ein Bild Layout oder Galerie oder Zusammenfassung. Also auf dieser Titelseite hier, die sich öffnet. Also auf unserer Homepage, lassen Sie uns ein Bild als unsere erste Sache einfügen, weil denken Sie daran, wo eine Landschaftsfotografie Website und es ist alles über diese Bilder kostenlos hochladen ein Bild. Es bringt Sie nur zu Ihrem Dokumentenordner, und ich werde dieses Bild verwenden, das ein Foto ist, das ich bei einer kürzlichen Reise nach Japan gemacht habe, ein paar Bäume und einen Fluss darin hat, also wird es einige der Boxen dafür nehmen bestimmten Fotografie-Seite. Wir können auch einen Namen hinzufügen, nicht so ist , wie er hier sagt. Es ist optional, aber es ist eine gute Übung, dass in Lassen Sie uns einfach das Hausbild nennen und das geht dorthin . Also, wenn wir klicken, anwenden und gehen Sie zurück nach oben hier, um das zu speichern, dann können wir sehen, unsere Homepage hat jetzt ein großes Bild darauf, was brillant ist. Wir können auch auf diesen Pfeil hier oben klicken, um uns eine Vollbild-Vorschau unserer Website zu geben. So würde die Seite gut aussehen. Wir haben unser Bild auf der Homepage. Ich denke, es wäre gut, das Leitbild an der Spitze als auch. Also, wenn wir gehen zurück zu bearbeiten auf dieser Seite, Andi, finden Sie eine dieser einfügen Regentropfen Punkte und Vollbild für mit so unsere Blöcke, die wir hinzufügen können . Ich werde dies als Textblock hinzufügen, damit wir sehen können, wie wir anfangen zu schreiben, dass es hinzufügt . Also unser Leitbild waas, um andere zu ermutigen, aus der Tür zu gehen. Das ist also unser Leitbild. Und so sehen Sie, wir haben ein paar Textoptionen hier oben, Teoh kann es bearbeiten, damit sie das in Fett knallt. So sticht es hervor und wir können es auch zentralisieren. Und dann gibt es hier noch ein paar andere Möglichkeiten, aber wir brauchen uns nicht wirklich um sie zu kümmern. Wenn Sie also einfach abklicken, können wir sehen, dass das da ist. Und so eine andere Sache, die sehr nützlich ist. Ein weiterer Block, der nützlich ist, um hinzufügen zu können, ist ein Raum ein Buch. So würden Sie das visuelle Layout erstellen, das Sie für Ihre Website möchten. Wir sehen uns an den Blöcken zu sagen Bildtext und die neuen Räume, um Raum um sie herum zu schaffen , so dass sie sitzen, wo Sie wollen, dass sie sitzen. Das Hand-Symbol erscheint über dem Abstandshalter, was bedeutet, dass Sie es dorthin ziehen können, wo Sie es wollen. Und wenn Sie sehen, ob Sie es hier zur Seite ziehen, erscheint eine Linie auf der rechten Seite, was bedeutet, dass der Raum nach rechts sitzen wird, anstatt die lange Linie, die über die Spitze kommt . Es fügt in einer Spalte hinzu, und wir können diesen Abstandshalter haben es kleiner und dann, wenn wir ein anderes auf der anderen Seite gemacht haben und es einfach ziehen, wenn die Linie dort oben auf der linken Seite kommt und das ein kleines bisschen kleiner machen, so dass wir diese Leerzeichen verwenden können, um Stellen Sie sicher, dass die Texte. Es ist genau dort, wo wir wollen, dass es sitzt. Also, genau da in der Mitte, denke ich, das sieht ziemlich gut aus. Und dann eine letzte Berührung, Ähm, ich habe gerade nicht ausrichten Block, so dass nur buchstäblich in eine Linie bringt, die helfen wird, zu trennen und kann einfach Manchmal hatte ich das kleine bisschen fertig ein wenig polnischer Teoh Page. Also klicken wir, speichern und dann können wir sehen, ob wir zum Vollbild zurückkehren. So sieht es im Moment aus. Also offensichtlich ist Ihr Website-Titel nicht der Name unserer Website. Wenn wir also den Mauszeiger über den Website-Titel bewegen, erhalten wir die Bearbeitungsoption, die uns bringt, um dies bearbeiten zu können. Also auf dem Bildschirm auf der linken Seite, können wir sehen, dass wir Website-Titel und Slogan haben. Im Moment haben wir also nur eine Zitatah, die wir auch wollen. Der Name unserer Website oder unser eigener Name. Und so werde ich nur nennen es präsentiert Fotografie für jetzt. Und wenn wir ein Logo haben , dann können wir das hier hinzufügen. Ich werde nur die Tatsache nutzen, dass wir diese schöne, große, mutige Front haben große, und auf Speichern drücken. Also navigieren wir einfach zurück aus dem Design und zurück zu Seiten und machen diesen Vollbild und wir können sehen, wir haben jetzt eine Homepage mit unserem Namen auf sie mit unserer Menü-Navigation, unsere Seitenstruktur festgelegt, wie wir wollen. Wir haben ein Leitbild in der Mitte vorne, um allen zu sagen, worum es geht . Und wir haben ein schönes großes Bild auf der Titelseite, um den Aspekt der Landschaftsfotografie der Website zu verstärken . Lassen Sie uns also einen Blick auf die Seite werfen, denn derzeit ist es immer noch auf John, dem fiktiven Fotografen. Wenn wir also wieder hier schweben, sehen wir Seiteninhalt und es gibt uns eine Bearbeitungsoption. Wir können das Bild bearbeiten und den Text bearbeiten. Also lasst uns einfach reingehen und das nochmals bearbeiten, nutzen, was bereits da war und einfach ein bisschen über uns hineinlegen, und ich werde das nur für jetzt herausnehmen. Also offensichtlich wird deine Mitteilungsseite ein bisschen aufwändiger sein und ein bisschen mehr über dich und dein Leitbild sagen und was du vorhast, Andi, lass uns das Bild unverändert reingehen, weil ich nicht John bin. Also gehen wir zurück zu bearbeiten. Und so habe ich John hier. Wenn wir ihn löschen und ein Bild hochladen klicken, führt es uns zurück zu unseren Dokumenten. Und ich habe gerade ein Bild von mir in Edinburgh, sie dio. Also, wenn wir Andi speichern anwenden könnten, gehen Sie zurück auf ihre Vollbild-Ansicht, Sie würden sehen, es würde aussehen, um ein bisschen besser mit mehr Text entlang dort zu sehen. Aber im Moment, wenn du es musstest, über dass du ein Foto von mir sehen kannst, Andi, ein bisschen mehr über mich leihen kannst. Aber auf die Homepage und ich habe beschlossen, dass ich nicht dafür finanzieren soll, wie das aussieht. Also werde ich wieder reingehen und das bearbeiten, und ich denke, ich werde diese Abstandshalter entfernen, was sehr einfach ist. Du gehst einfach rüber. Es sagt uns, es ist ein Abstandshalter, und wir schlagen. Löschen. Ja. Wer hat das gerettet, und ich denke, das sieht einfach ein bisschen sauber aus. Wir haben das Leitbild an der Spitze. Dort könnten wir navigieren und sehen, wie alles aussieht. Da bin ich, und alles, was in unseren Bäumen, Hügeln und Flüssen noch zu tun ist, ist, einige unserer eigenen Fotos hinzuzufügen. Wenn wir ein paar unserer eigenen Bilder auf unsere Bäume Galerie Seite hinzufügen und nehmen Sie heraus Johns Fotos, können wir hier in Bäume gehen, die Kunstgalerie Bearbeitungsfeld auf dieser Seite bringt. Ich werde nur alle auswählen und diese entfernen, weil wir keine Drohnen Bilder wollen, und so sagt uns jetzt, dass die Sammlung leer ist. Klicken Sie hier und es bringt Sie zurück in Ihre Dokumente Bücher. Also habe ich hier einen Ordner namens Trees erstellt. Also wählte alle diese Zehe Adam in einem Rutsch, Ich werde diese Bilder in unsere Bäume Fotogalerie hochladen. Jetzt sind unsere Baumbilder hochgeladen, und wir können sie in der Galerie hier sehen. Das ist also das volle Blutkarussell. Wir können auch ziehen, wenn wir den Mauszeiger über das Bild bewegen. Hier. Wir können die Bilder ziehen, um sie neu anzuordnen, wenn Sie die Reihenfolge der Daumen ändern möchten, so dass nur im Vorschaufenster aktualisiert. Und wenn wir zum Vollbild gehen, können wir sehen, wie unsere Galerie aussehen wird, wenn jemand kommt und unsere Website besucht. Also unsere Website dort beginnt ziemlich gut aussehen. Wir haben eine Homepage, über die wir unsere erstellt haben. Seite Andi. Wir haben eine unserer Galerie-Seiten mit einigen Bildern in einer Sache, die wirklich nützlich war um den Inhalt der Website hinzuzufügen. Ich hatte alle Bilder auf der Hand bereit zu gehen, so dass, wenn wir auf den Upload-Button klicken , es geht direkt zu einem Ordner, wo wir bereits entschieden haben, welche Fotos auf unserer Website haben . Selbst wenn Sie also keine bildbasierte Website machen, aber Sie Seiten oder Blöcke mit viel Text gebloggt haben, ist es eine gute Idee und Best Practices, das aufzuschreiben, bevor Sie es auf die Website bringen . Also entweder in Wort oder in Seiten Dokument, und dann können Sie einfach kopieren und einfügen, dass über. Auf diese Weise ist es sicher. Sie können es dann sogar offline schreiben, denn Sie können hier nur in squarespace bearbeiten, wenn Sie online sind und unsere Website ist. Alles, was jetzt noch zu tun wäre, wäre, einige Bilder zu unseren Hügeln und Rivers Abschnitt hinzuzufügen und dann weiterhin diesen Inhalt zu erstellen und ihn in meiner nächsten vollen Skill-Share-Klasse auf Squarespace hinzuzufügen , wir werden in ein bisschen mehr suchen Detail über das Design unserer Website. Also Blick auf Websites, Stile, Funt-Farben, Dinge wie diese und auch ein bisschen einen Blick auf Logos. Also achten Sie darauf, mich auf Fertigkeiten teilen zu folgen, so dass Sie benachrichtigt werden, sobald diese Klasse Leben wird. Lektion sechs beendet Gut gemacht. Wir haben jetzt unsere eigene Website mit unserer eigenen Struktur, mit den Seiten darin, die wir beschlossen haben und wir erstellt haben. Wir haben angefangen, es mit unseren eigenen Bildern auf unseren eigenen Worten auszufüllen. Also, jetzt müssen wir das nur weiter tun. Wir können später genauer auf den Website-Stil schauen und eine Ästhetik aussehen. Aber jetzt feiern wir, dass wir unsere eigene Website haben 8. Zusammenfassung: da haben wir es. Das Ende der ersten Klasse, und jetzt haben Sie Ihre eigene Website. Als nächstes werden wir uns auf das Aussehen und den Stil Ihrer Website konzentrieren, also achten Sie darauf, mich zu folgen, um benachrichtigt zu werden, sobald diese Klassen Leben. Vergessen Sie nicht, Ihr Klassenprojekt mit Ihren Beobachtungen hinzuzufügen. seine Struktur, Farbe, Schema oder Layout betrifft Farbe, , werde ich unter allen Fragen zur Verfügung stehen, die Sie haben könnten.