@slide(layout=chapter-slide)

@title
Was ist L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em; margin-right: -.05em; position: relative; top: .2em">A</sup>T<sub style="font-size: 100%; margin-left: -.1em">E</sub>X?


@slide(layout=content-and-preview)

@title
Entstehung

@content
* Donald **Knuth**, 1977–1986: Textsatzsystem **TeX**<span class="bubble fragment">τεχ → /tɛç/</span> für The Art of Computer Programming
* Leslie **Lamport**, ab 1980er: Softwarepaket **LaTeX** zur einfacheren Benutzung von TeX

<div style="display: flex; justify-content: space-between; align-items: stretch;">
  <figure><img src="svg/chapter-01/knuth.jpg" style="height: 13em"/><figcaption>Donald Knuth</figcaption></figure>
  <figure><img src="svg/chapter-01/lamport.jpg" style="height: 13em"/><figcaption>Leslie Lamport</figcaption></figure>
</div>

@preview
![](svg/chapter-01/taocp.jpg)


@slide(layout=content-and-preview)

@title
Typografie

@content
### Makrotypografie
* Satzspiegel
* Zeilenlänge vs. -abstand
* Platzierung von Überschriften im Weißraum
* Platzierung von Bildern und Tabellen
* Schusterjungen / Hurenkinder
* Gleichmäßiger Grauwert
* …

<figure style="display: flex; justify-content: space-between; width: 100%; align-items: flex-end;">
  <img src="svg/chapter-01/satzspiegel.svg" style="height: 8em;"/>
  <figcaption style="margin-left: 1em; font-size: .8em">Satzspiegel-Konstruktion nach Villard (<a class="dark-font" href="https://commons.wikimedia.org/wiki/File:Satzspiegel-4.svg">Quelle</a>)
  </figcaption>
</figure>

@preview
![](svg/chapter-01/vergleich-makro.svg)


@slide(layout=content-and-preview)

@title
Typografie

@content
### Mikrotypografie
* Ligaturen
* Kerning
* echte Kursiven, Kapitälchen, Schriftgrade …
* Wortabstände
* …

<div style="display: flex; justify-content: space-between; align-items: flex-end;">
  <figure><img src="svg/chapter-01/schriftschnitte-crop.svg" style="height: 1.7em;"/><figcaption style="font-size: .8em;">Schriftschnitte:<br/>gerade,&nbsp;schräg,&nbsp;kursiv</figcaption></figure>

  <figure><img src="svg/chapter-01/schriftgrade.svg" style="height: 2.2em;"/><figcaption style="font-size: .8em">Schriftgrade:<br/>klein,&nbsp;klein&nbsp;vergrößert,&nbsp;groß</figcaption></figure>
</div>

@preview
![](svg/chapter-01/vergleich-mikro.svg)


@slide(layout=content-only)

@title 
Weitere Vorteile

@content
* wesentlich bessere Standardeinstellungen<br/>als in sämtlichen Textverarbeitungsprogrammen
* strukturiertes Arbeiten
* zuverlässiges Undo
* einfache Versionierung
* unabhängig von proprietären Programmen
* Quelltext und Ausgabe langfristig lesbar
* einfache Zusammenarbeit mit anderen Programmen


@slide(layout=content-and-preview)

@title 
Ablauf des Workshops

@content
**Ziel:** Wir arbeiten zusammen unser [LaTeX-Skript](https://github.com/fs-wiai/latex-script/) durch, das ihr nach dem Wochenende als kompakte Referenz verwenden könnt. 

* Learning by Doing
* Verstehen, wie LaTeX funktioniert
* Einzelheiten später nachschlagen

<div class="fragment">
**Gliederung:**

1. ~~Was ist LaTeX?~~
2. Wie funktioniert LaTeX?
3. Grundstruktur eines LaTeX-Dokuments
4. Projektstruktur
5. Viele Features
6. Literaturverwaltung
7. Ausblick
</div>

@preview
![](svg/chapter-01/latex-script.svg)