dorfteich/docs/de/tutorial/04-text-gestalten.md
Claude Fable 5 93cbe6499d
All checks were successful
CD / Build and push images (push) Successful in 1m10s
CD / Deploy to Test (push) Successful in 10s
CD / Smoke tests against Test (push) Successful in 1m14s
CD / Promote to Int (push) Successful in 11s
CI / Lint, typecheck, test (push) Successful in 4m29s
CI / Build container images (push) Has been skipped
CI / Auth e2e pack (push) Successful in 6m34s
CI / Import/export fidelity gate (push) Successful in 53s
docs(tutorial): add 20 screenshots (taken as Nadia on prod), wire them into the chapters
Before/after pair for chapter 4 via temporary version rollback; the two
remaining placeholders (notification inbox, live cursors) need a second
account and are deferred.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0155v2aT8AG1kZDQEZiCLBWC
2026-07-18 14:56:52 +02:00

66 lines
2.7 KiB
Markdown

# Text gestalten
Drei Sätze Fließtext sind ein Anfang — aber Seiten werden lesbarer, wenn
du sie gestaltest. Im Bearbeitungsmodus sitzt dafür oben die
**Werkzeugleiste**. Sie bleibt beim Scrollen sichtbar, du hast sie also
immer griffbereit.
## Was die Werkzeugleiste kann
- **Überschriften** (Ebene 1 bis 4) gliedern lange Seiten in Abschnitte.
- **Fett**, _kursiv_ und durchgestrichen betonen einzelne Wörter.
- **Aufzählungen** und **nummerierte Listen** für alles, was sich
aufzählen lässt.
- **Aufgabenlisten** mit echten Häkchen-Kästchen — perfekt für
Checklisten, die du nach und nach abhakst.
- **Zitate** rücken einen Absatz ein und heben ihn ab.
- **Tabellen** für alles, was Spalten verdient.
- **Trennlinien** setzen einen ruhigen Strich zwischen zwei Gedanken.
Ein Tipp für alle, die Markdown kennen: Du kannst es einfach tippen
(`**fett**`, `- Liste` …) — Dorfteich versteht es. Wenn dir Markdown
nichts sagt: völlig egal, die Werkzeugleiste kann alles Gleiche per
Klick.
## Bilder und Anhänge
Ein Bild einzufügen ist absichtlich unspektakulär: **Kopiere es und füge
es ein**, oder **zieh die Bilddatei einfach in den Text**. Andere
Dateien (etwa PDFs) hängst du über das **Büroklammer-Symbol** an die
Seite.
## Wie das bei Nadia aussieht
Nadia hat einige ihrer Seiten genau mit diesen Werkzeugen ausgebaut:
- Auf
[Wartung und Schrauberei](https://dorfteich.online/public/nadia-morgenstern/wartung-und-schrauberei)
wurde aus dem Absatz über Kettenpflege und Reifendruck eine
**Aufgabenliste** zum Abhaken vor der nächsten Ausfahrt.
- [Tour de France](https://dorfteich.online/public/nadia-morgenstern/tour-de-france)
bekam eine kleine **Tabelle**.
- Auf [Literatur](https://dorfteich.online/public/nadia-morgenstern/literatur)
und [Sport](https://dorfteich.online/public/nadia-morgenstern/sport)
begrüßen dich jetzt **Fotos** — eine alte Schreibmaschine für die
Literatur und ein sehr direkter Trainingsbefehl für den Sport.
So sah „Wartung und Schrauberei" vorher aus — und so mit Checkliste:
![Vorher: die Seite als reiner Fließtext](img/04-wartung-vorher.png)
![Nachher: dieselbe Seite mit Aufgabenliste zum Abhaken](img/04-wartung-nachher.png)
![Die Werkzeugleiste des Editors im Bearbeitungsmodus](img/04-toolbar.png)
## Probier es aus
Bau deine Hobby-Seite aus Kapitel 3 aus: eine **Überschrift**, darunter
eine **Liste** mit drei Punkten, und ein **Bild** — am besten ein
eigenes Foto. (Warum ein eigenes? Bilder aus dem Netz gehören meistens
jemandem. Bei eigenen Fotos bist du immer auf der sicheren Seite.)
---
Weiter: [Kapitel 5 — Seiten verbinden: Wikilinks](05-wikilinks.md) ·
[Zum Überblick](README.md)