Ihre erste Website, vom Anfang bis zum Ende
Diese Anleitung begleitet ein Unternehmen von einem leeren Workspace bis zur öffentlichen Website, sodass Sie jeden Bildschirm einmal sehen, bevor Sie es selbst tun. Das Beispiel ist Larder Lane, eine kleine Bäckerei in York, erstellt mit den 50 Credits des Free-Plans.
Bevor Sie beginnen
Halten Sie drei Dinge bereit: den Namen des Unternehmens, einen Absatz darüber und eine grobe Liste der Seiten. Sam, der Larder Lane betreibt, möchte eine Website, die das Brot zeigt, Samstags-Vorbestellungen annimmt und verrät, wo der Laden ist und wann er geöffnet hat.
Sam nutzt den Tarif Free, hat also 50 Credits und Platz für 1 Projekt. Eine neue Website reserviert beim Erstellen 50, er beginnt also mit vollem Guthaben und gibt vorher nichts anderes aus. Als erste Website eines Free-Workspace wird sie vollständig erstellt, auch wenn sie mehr braucht, als er hat.
Schritt eins: das Unternehmen beschreiben
Sie können auch im Eingabefeld auf Home starten und auf Continue drücken. In beiden Fällen gelangen Sie zu einer kurzen Einrichtung in sieben Schritten: What are you making?, Describe it, Show what you like, Your brand, Pictures, How it is built und Review and create. Eine Liste daneben zeigt, wo Sie sind, und mit Back und Next wechseln Sie zwischen den Schritten. Was Sie eingeben, bleibt in diesem Browser gespeichert, bis der Aufbau beginnt, sodass Sie die Seite verlassen und wiederkommen können.
Art wählen und benennen
Wo: What are you making?
Sam wählt Website und tippt
Larder Lanein Business or project name. Der Name wird auch zur ersten Adresse der Website.Die Beschreibung schreiben
Wo: Describe it
Das Feld nimmt bis zu 25.000 Zeichen auf und braucht mindestens zehn. Sie können tippen oder sprechen. Das Panel darunter listet auf, was eine gute Beschreibung enthält: für wen und wo sie gedacht ist, was sie anbietet oder tut, wie sie sich anfühlen soll und welche Seiten oder Funktionen sie braucht.
Optionale Schritte überspringen
Wo: Show what you like, Your brand
Beide sind mit Optional gekennzeichnet, und ohne Eingabe lautet die Schaltfläche Skip. Sam hat keine Websites, denen er folgen möchte, und keine festen Farben, also überspringt er beides und lässt Briks wählen.
Die enthaltenen Bilder behalten
Wo: Pictures
Die erste Option, mit Included markiert, nimmt passende Bilder aus der Bibliothek des Studios und zeichnet fehlende neu, ohne Kosten für Bilder. Die anderen Optionen zeichnen jedes Bild neu und fügen dem Bau einen Preis pro Bild hinzu.
Prüfen Sie, wie sie aufgebaut ist
Wo: How it is built
Ask about what is unclear before building ist eingeschaltet; lassen Sie es an. Sam lässt die Freigabe-Schalter und Check the published site aus.
Prüfen und bauen
Wo: Review and create
Jede Auswahl ist aufgeführt, mit einem Weg zurück, um sie zu ändern. Der Hinweis darunter sagt, dass das neue Projekt während des Baus 50 Credits reserviert, wie hoch Ihr Guthaben ist und dass die erste Version einige Minuten dauert. Wenn ein solches Projekt in der Regel mehr braucht, als Sie haben, nennt eine Zeile darunter die Schätzung. Sam drückt auf Build it.
Eine kleine Nachbarschaftsbäckerei in York, geöffnet von Mittwoch bis Samstag. Sauerteigbrot, Roggenbrot und Gebäck, jeden Morgen vor Ort gebacken. Kunden können Brote über ein einfaches Formular für die Abholung am Samstag vorbestellen: Name, Telefonnummer, Wunsch und Abholzeit. Seiten: Startseite, unser Brot, Vorbestellungen, Besuchen Sie uns mit Öffnungszeiten und Anfahrt sowie eine kurze Geschichte über uns beide. Warm und unkompliziert im Ton. Creme und tiefes Grün, große ehrliche Fotos von Brot.
Schritt zwei: Beantworten Sie die Fragen
Das Projekt öffnet sich im Tab Studio, links mit der Unterhaltung und rechts mit der Vorschau. Bevor etwas geplant wird, bereitet Briks einige Fragen vor; das Label über der Vorschau lautet 'Waiting for your answers'. Alle Einzelheiten finden Sie unter Fragen vor dem Bauen.
Die Seiten ankreuzen
Wo: Studio
Briks schlägt anhand Ihres Briefings Seiten vor. Home ist mit Always markiert. Haken Sie die übrigen an oder ab und ergänzen Sie eigene im Feld mit dem Text 'Add a page, for example Careers'. Eine Website kann mit bis zu 10 Seiten starten, und jede angehakte Seite wird vollständig erstellt.
Beantworten Sie die anderen Fragen
Wo: Studio
Jede hat eine mit Recommended markierte Auswahl, die bereits ausgewählt ist. Ändern Sie, was nicht passt, oder wählen Sie Something else, um Ihre eigene Antwort zu schreiben.
Antworten senden
Wo: Studio
Klicken Sie auf Continue. Mit Decide for me werden stattdessen alle empfohlenen Antworten übernommen. Sie können Ihre Antworten auch mit eigenen Worten in das Feld unter der Unterhaltung tippen.
Sam behielt Home, Our bread, Pre-orders, Visit us und Our story und fügte
Wholesalefür die drei Cafés hinzu, die er beliefert. Eine Frage betraf die Annahme von Vorbestellungen; er behielt die empfohlene Antwort.
Sechs Seiten, dann Continue. Der Aufbau begann sofort.
Schritt drei: Beim Bauen zusehen
Die Unterhaltung zeigt jede Phase, während sie läuft, etwa Planning the site and its pictures, Designing and building, Verifying build und Publishing. Die erste Version dauert einige Minuten. Sie können die Seite verlassen, während sie läuft; der Build läuft weiter, und das Ergebnis wartet auf Sie, wenn Sie zurückkommen. Einen Build beobachten erklärt jede Phase.
Sobald die Website veröffentlicht ist, füllt sich die Vorschau, und das Label darüber wechselt zu Live preview. Mit den Schaltflächen über der Vorschau sehen Sie die Website in Desktop-, Tablet- und Smartphone-Breite, laden sie neu, öffnen sie im Vollbild oder in einem neuen Tab unter ihrer eigenen Adresse, damit Sie wie ein Besucher durch alle Seiten klicken können.
Schritt vier: Vorschau öffnen
Die erste Veröffentlichung ist eine Vorschau unter einer Adresse, die aus dem Projektnamen gebildet wird, hier larder-lane.briks.live. Ist dieser Name vergeben, werden am Ende ein paar Zeichen angehängt. Ein Owner oder Admin kann sie später ändern; siehe die Adresse Ihrer Website.
Eine Vorschau ist eine echte, funktionierende Website, die jeder mit der Adresse öffnen kann. Sie unterscheidet sich in zwei Punkten von der Produktion: Suchmaschinen werden gebeten, sie auszulassen, und Nachrichten aus ihren Formularen werden im Studio gespeichert, aber nicht per E-Mail an Sie gesendet.
- Lesen Sie jede Seite auf Ihrem eigenen Smartphone, nicht nur im Vorschaubereich.
- Öffnen Sie das Menü und prüfen Sie, ob jede Seite, die Sie angehakt haben, dort steht.
- Senden Sie über das Formular eine Test-Vorbestellung und finden Sie sie dann unter Forms des Projekts.
Schritt fünf: eine Änderung vornehmen
Sam fällt auf, dass die Öffnungszeiten auf der Seite „Visit us“ weit unten stehen und das Foto auf der Startseite Croissants zeigt, obwohl er für Sauerteigbrot bekannt ist. Er schreibt eine Nachricht in das Feld unter der Unterhaltung, das mit „Change the hero, add a page, adjust the colours…“ beschriftet ist.
Die Änderung beschreiben
Wo: Studio
Sagen Sie in einfachen Worten, was Sie wo ändern möchten. Eine Nachricht kann mehrere zusammengehörige Änderungen enthalten, bis zu 6.000 Zeichen, mit bis zu sechs angehängten Bildern oder Videos.
Anhand einer Prüfung entscheiden
Wo: Studio
Unter dem Feld prüft Check the site after this change die veröffentlichte Website in vier Bildschirmgrößen und repariert, was fehlerhaft dargestellt wird. Das dauert einige Minuten länger und kostet einige Credits. Lassen Sie es bei kleinen Änderungen wie dieser also ausgeschaltet.
Senden
Wo: Studio
Drücken Sie den Senden-Button, Send. Eine Änderung reserviert während der Ausführung 5 Credits. Läuft bereits ein Build, wird der Button zu Queue: Die Nachricht wartet und läuft, sobald der Build fertig ist.
Setzen Sie auf Visit us die Öffnungszeiten groß nach oben: Mittwoch bis Samstag, 8 bis 14 Uhr. Tauschen Sie auf der Startseite das große Foto gegen eine Nahaufnahme von Sauerteigbroten auf einem Holzbrett.
Briks hat die Änderung erstellt und unter derselben Adresse veröffentlicht, und die Vorschau wurde neu geladen. Die frühere Version blieb in den Versionen des Projekts, falls Sam sie zurückhaben wollte.
Schritt sechs: in Produktion veröffentlichen
Mit der Produktion wird die Website vollständig öffentlich: Suchmaschinen können sie aufnehmen, und Nachrichten aus ihren Formularen werden Ihnen per E-Mail zugestellt.
Auf Publish klicken
Wo: Top bar
Sobald eine Website veröffentlicht wurde, zeigt die obere Leiste Preview und eine Schaltfläche Publish. Drücken Sie darauf.
Den Dialog lesen
Wo: Publish to production
Es erklärt, was sich ändert. Briks prüft zuerst die Website, auch ihre Links, und wenn etwas korrigiert werden muss, ändert sich nichts und das Studio sagt Ihnen, was.
Bestätigen
Wo: Publish to production
Drücken Sie Publish to production. Ist der Vorgang abgeschlossen, steht auf der Schaltfläche in der oberen Leiste In production.
Das Veröffentlichen in die Produktion und der Weg zurück mit Back to preview binden keine Credits. Sobald die Website in der Produktion ist, wird auch jede Änderung, die Sie senden, dort veröffentlicht. Mehr unter Veröffentlichen in die Produktion.
Schritt sieben: Ihre eigene Domain
Im Free-Tarif bleibt die Website unter ihrer briks.live-Adresse, die auch in der Produktion funktioniert. Eine eigene Domain, etwa larderlane.co.uk, anzubinden ist ab dem Starter-Tarif möglich.
Dort geben Sie die Domain unter Your domain ein und klicken auf Connect domain. Danach legen Sie bei dem Unternehmen, bei dem Sie die Domain gekauft haben, drei Einträge an. Einträge sind kurze Einstellungen, die dem Internet sagen, wohin Ihre Domain zeigt: hier ein A-Eintrag, ein CNAME für www, der auf edge.briks.live zeigt, und ein TXT-Eintrag mit dem Namen _briks, der beweist, dass die Domain Ihnen gehört. Briks prüft sie alle 2 Minuten erneut und stellt das Sicherheitszertifikat für Sie aus. Domain verbinden führt Sie durch die Schritte.
Wenn etwas schiefgeht
Der Build ist fehlgeschlagen. Wurde mir etwas berechnet?
Nein. Eine Anfrage, die fehlschlägt, wird nicht berechnet, und die Reservierung geht an Ihr Guthaben zurück. Das Projekt zeigt Needs attention; lesen Sie die letzte Nachricht im Gespräch und senden Sie dann Ihre nächste Nachricht, um fortzufahren.
Ich habe nicht genug Credits für eine Änderung.
Das Studio sagt, was die Änderung enthält und wie hoch Ihr Guthaben ist, und nichts startet. Eine Änderung, die Seiten hinzufügt, kann auch abgelehnt werden, wenn sie üblicherweise mehr braucht, als Sie haben, mit der Schätzung. Ihre Website bleibt online. Ein Owner kann im sich öffnenden Fenster oder unter Billing in einen Tarif mit mehr Credits wechseln. Siehe Credits und Tarife.
Kann ich im Free-Plan eine zweite Website erstellen?
Nein. Der Free-Plan enthält 1 Projekt. Pro und höher enthalten mehr; siehe die Plantabelle unter Credits und Pläne.
Jemand anderes sollte es sehen, bevor es live geht.
Senden Sie ihnen die Adresse der Vorschau. Ein Konto brauchen sie nicht. Siehe Vorschau teilen.