Zum Inhalt springen

Video Einrichtung & Bedienung

So liegt deine Seite bei dir – und so änderst du sie selbst.

Dieses kurze Video (1:16 Minuten, ohne Sprache, mit Untertiteln) zeigt, wo deine Website liegt, wie Änderungen automatisch online gehen und wie du Texte und Bilder in einem Formular änderst – ohne Code.

Vorführung an einer Testseite. Alle Bilder stammen von einer eigens angelegten Testseite ohne echte Angaben; es ist kein Kundenprojekt.

Länge 1:16 · ohne Sprache, nur leise Hintergrundklänge · deutsche Untertitel zuschaltbar · etwa 10 MB
Video herunterladen

01 Schriftliche Anleitung

Die Schritte im Überblick

Das Gleiche wie im Video, zum Nachlesen – auch für den Fall, dass du kein Video abspielen möchtest.

  1. Deine Konten. Deine Seite liegt in deinen eigenen Konten: bei GitHub (Texte, Bilder und der vollständige Änderungsverlauf) und bei Cloudflare (Veröffentlichung im Internet). Konten, Domain und Hosting liegen standardmäßig in deinem Konto.
  2. Automatisch veröffentlicht. Sobald eine Änderung gespeichert ist, baut Cloudflare die Seite neu und stellt sie online. In der gezeigten Testübung dauerte das 16 Sekunden.
  3. Editor öffnen. Du öffnest den Editor (im Video: „Pages CMS“) und meldest dich an. Statt Code siehst du ein Formular mit Feldern.
  4. Seite und Bilder finden. Im Menü links stehen die Seiten, die du ändern darfst (im Video „Startseite“), und die Bibliothek „Media“ mit allen Bildern.
  5. Überschrift und Text ändern. Feld anklicken, neuen Text tippen. Absätze trennst du mit einer Leerzeile.
  6. Bild wählen. Beim Feld „Bild“ klickst du auf „Upload“, um ein neues Bild hochzuladen, oder auf „Select“, um ein Bild aus der Bibliothek zu nehmen. Dann das Bild anklicken und mit „Select“ bestätigen. Lade ein neues Bild unter einem neuen Dateinamen hoch – ein Bild mit gleichem Namen ersetzt das alte nicht, sondern wird als zusätzliche Datei abgelegt.
  7. Speichern. Oben rechts auf das grüne Symbol klicken.
  8. Ergebnis prüfen. Nach ein bis zwei Minuten ist die Änderung auf der Seite zu sehen. Im Verlauf (Uhr-Symbol im Editor) steht, wer wann etwas geändert hat; frühere Stände bleiben erhalten.

03 Begriffe einfach erklärt

Was bedeutet das?

Domain
Deine Internetadresse, zum Beispiel www.deine-firma.de.
Hosting
Der Platz im Internet, an dem deine Seite liegt und von dem Besucher sie abrufen.
GitHub
Ein Dienst, der die Dateien deiner Seite mit allen früheren Ständen aufbewahrt.
Cloudflare
Ein Dienst, der aus diesen Dateien deine Website erzeugt und im Internet bereitstellt.
Editor („Pages CMS“)
Eine Oberfläche im Browser, in der du Felder ausfüllst. Der Editor schreibt deine Änderung ins Projekt.
Bibliothek („Media“)
Die Ablage aller Bilder deiner Seite.
Verlauf
Die Liste aller gespeicherten Änderungen mit Zeitpunkt und Name.
Textfassung des Videos (Untertitel zum Nachlesen)
  1. 0:00 So liegt deine Seite bei dir – und so änderst du Texte und Bilder selbst.
  2. 0:04 Dein GitHub-Konto speichert Texte, Bilder und Verlauf. Dein Cloudflare-Konto veröffentlicht die Seite.
  3. 0:11 Wird etwas gespeichert, baut Cloudflare die Seite automatisch neu – hier in 16 Sekunden.
  4. 0:17 Du brauchst keinen Code: Im Editor „Pages CMS“ füllst du einfach Felder aus.
  5. 0:22 Links im Menü stehen die Seiten, die du ändern darfst.
  6. 0:26 Die Bibliothek heißt „Media“. Dort liegen alle Bilder.
  7. 0:29 Schritt 1: Klicke in das Feld „Überschrift“ und tippe den neuen Text.
  8. 0:34 Schritt 2: Ändere den Text. Absätze trennst du mit einer Leerzeile.
  9. 0:38 Schritt 3: Bild per „Upload“ hochladen oder mit „Select“ auswählen.
  10. 0:42 Bild anklicken, mit „Select“ bestätigen.
  11. 0:46 Schritt 4: Klicke oben rechts auf das grüne Symbol, um zu speichern.
  12. 0:51 Jede Änderung steht im Verlauf – mit Zeitpunkt und Name. Hier sind die Namen verdeckt.
  13. 0:56 Nach ein bis zwei Minuten ist die Änderung auf der Seite zu sehen: links vorher, rechts nachher.
  14. 1:04 Zusammengefasst: Konten, Domain und Hosting liegen standardmäßig bei dir. Texte und Bilder änderst du ohne Code.
  15. 1:11 Vorführung an einer Testseite. Mehr unter avwebsitesolutions.de/einrichtung

Das Video wird von dieser Website selbst ausgeliefert, nicht von einem Videoportal. Fragen zur Einrichtung? Schreib mir an andiwebdesign@gmail.com.