• Sayhello hat dazu ein EDU Template aufgebaut. ->
  Dokument von Sayhello (PDF)

Blockbaum

• Ein- und Ausschalten mit dem Symbol
• Block-Navigation.
  • Für kombinierte Blöcke wichtig zur Orientierung.Gruppieren,Vorlage erstellen.
  • Löschen, kopieren usw.

Einstellungen

• Styles (Farben)
• Weitere Einstellungen je nach Blocktyp

(Symbol) Absatz

Text eingeben wie bei Word
fett | kursiv und andere Formatierungen| verlinken | (AB) Aktionen mit dem Block

Einstellungen („Zahnredli“)
beim Absatz keine wichtigen

Stile („Halbmond“)
Farbe des Textes und des Hintergrundes
Auf guten Kontrast achten Typographie (Grösse) 1)

Überschrift: Symbol und Wortlaut des Titels

Stile:
Farben

“ Zitat

• • Textblock / -blöcke
  • andere Blöcke

Es gibt eine rote senkrechte Linie links

Aufpassen bei Aktionen mit dem Zitat

Stile:
Farben für das ganze Zitat oder deneinzelnen Block

___
== Pullquote
___

Stile:
Farben
Ränder (oben und unten -> nach rechts und wieder nach links ziehen -> keine Ränder)
Radius -> Rundungen an den Ecken

V Liste

• Listen-Element (-> Listeneintrag A)
• … (B)
• Listen-Element (C)
  • Listeneintrag (-> C1)
  • (-> C2)
  • …

• Listeneintrag A
• Listeneintrag B
• Listeneintrag C
  • Unterlisteneintrag C1
  • Unterlisteneintrag C2

Fett / Kursiv usw. kann man für jeden markierten Textteil oder einen Listeneintrag (-> markieren) festlehen.

Die Liste umfasst alles von Listeneintrag A bis und mit Unterlisteneintrag C2.

Aktionen:

1. Art der Liste
   • „ungeordnet“ (nur mit ausgefüllten oder Punkten mit weissem Inhalt)
     • Geordnete Liste (nur bei 1 beginnend; Unterlisteneinträge erhalten einfach die nächste Folgenummer)
2. Ordnen / Unterordnen („einrücken“ / „ausrücken“) -> auf entsprechende Symbole klicken (TAB-Taste funktioniert nicht!)
3. Löschen
   • … der ganzen Liste (im Blockbaum markieren)
   • Löschen eines Listeneintrags: Im Blockbaum oder Editierfeld
   • Löschen von Listeneintrag C löscht auch die Listeneinträge C1 und C2

Stile:
Hintergrundfarbe kann man nur für die ganze Liste einheitlich festlegen!
Textfarbe auch für ein einzelnes Listenelement

Grösseneinstellung -> ziehen an einem Punkt rechts oder unten am Bild -> proportional 1)

Verlinkung -> auf Mediendatei oder auf eine (fremde) URL / Beitrag / Seite der Homepage

v Medien und Text

• Absatz
• …
• Andere Block-arten
• …

Medium aus Mediathek oder hochladen (wie Bild)

Grössenbestim-mung durch Mausziehen rechte Seite oder 1)

Medium kann man links oder rechts anheften

… verlinken (Mediendatei oder URL)

Bild kann man nachträglich ersetzen

Blocktypumwandlung -> z.B. Bild

v Galerie
– Bild
– Bild
– …

Es können gleich die gewünschten Bilder aus der Mediathek mit gehaltener CTRL-Taste ausgewählt werden.

.

Galerie markieren

Du kannst hier …
– eine Galerie-Beschriftung hinzufügen
– ein weiteres Bild hinzufügen

Hier …
– Anzahl Spalten bestimmen
– – die Bilder passend zuschneiden -> gleich gross, aber ev. zugeschnitten (wie rechtes Bild im Beispiel) / oder nicht

Eines der Bilder markieren

Du kannst hier …
– das Bild ersetzen
– das Bild verlinken (Mediadatei oder URL eines Bildes)
– zuschneiden
– kurze Beschriftung zufügen (siehe Beispiel)

Hier …
– Alternativtext
– Auflösung

V Cover
– Absatz
– (andere
Blöcke)
– …

Cover auswählen -> Unmittelbare Auswahl

• (Bild) hochladen
• … aus der Mediathek oder
• (Beitragsbild verwenden: wohl eher selten gebraucht)

-> Das Bild mit 50% Overlay-Deckkraft -> Vorschau
-> Bereit in der Mitte, um einen Titel zu schreiben

• Die Grösse des Bildes kannst Du direkt durch die Maus einstellen. (-> Minimalhöhe im Style)
  • oder per Mausklick volle Höhe (ein- / ausschalten) -> Style: 100 vh
• Die Inhaltspositionen (ganz zentriert) kannst Du anpassen (9 Positionen)
• Das Bild kannst Du ersetzen
• Beginne, den Titel zu schreiben
  • wenn Du willst, andere Textblöcke oder Bilder usw. dazufügen
  • Titel und Texte kannst Du für sich einen Style bestimmen (Text- / Hintergrundfarbe)

Fokuspunkt des Bildes kannst Du bestimmen

Style:
Overlay-Deckkraft

V Buttons

• Button
• (Button)
• …

Für jeden Button einen Link bestimmen (bei fremder URL öffnen in neuem Tab)

Link zu Mail:
mailto:a@b.ch

Du kannst die Breite eines Buttons einstellen

Stil wählen (siehe Beispiele)

Farbe des Textes und Hintergrundes

Ganze Button-Gruppe:
– Anordnung
– Richtung
– Hintergrund des Button-Feldes
– Abstände der Einzelbuttons