133 lines
3.6 KiB
Markdown
133 lines
3.6 KiB
Markdown
@slide(layout=content-only)
|
||
|
||
@content
|
||
# 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=two-previews)
|
||
|
||
@left-image
|
||
svg/chapter-01/example-word-orig.svg
|
||
|
||
@left-caption
|
||
++ Klassisches Word-Dokument
|
||
|
||
@right-image
|
||
svg/chapter-01/example-latex-orig.svg
|
||
|
||
@right-caption
|
||
++ Klassisches LaTeX-Dokument
|
||
|
||
@slide(layout=content-and-preview)
|
||
|
||
@content
|
||
## Entstehung
|
||
|
||
* 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
|
||
|
||
|
||
@slide(layout=two-previews)
|
||
|
||
@left-image
|
||
svg/chapter-01/example-word-orig.svg
|
||
|
||
@left-caption
|
||
Klassisches Word-Dokument
|
||
|
||
@right-image
|
||
svg/chapter-01/example-latex-orig.svg
|
||
|
||
@right-caption
|
||
Klassisches LaTeX-Dokument
|
||
|
||
@slide(layout=content-and-preview)
|
||
|
||
@content
|
||
## Typografie
|
||
### 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
|
||
|
||
|
||
|
||
@slide(layout=content-and-preview)
|
||
|
||
@content
|
||
## Typografie
|
||
### 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, schräg, kursiv</figcaption></figure>
|
||
|
||
<figure><img src="svg/chapter-01/schriftgrade.svg" style="height: 2.2em;"/><figcaption style="font-size: .8em">Schriftgrade:<br/>klein, klein vergrößert, groß</figcaption></figure>
|
||
</div>
|
||
|
||
@preview
|
||
|
||
|
||
|
||
@slide(layout=content-only)
|
||
|
||
@content
|
||
## Weitere Vorteile
|
||
* 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)
|
||
|
||
@content
|
||
## Ablauf des Workshops
|
||
|
||
**Ziel:** Ihr baut eure eigene LaTeX-Referenz<br/>auf Basis von [l2kurz](https://www.ctan.org/tex-archive/info/lshort/german).
|
||
|
||
* 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
|
||
|