latex-wochenende/slides/chapter-02.de.md

143 lines
3.1 KiB
Markdown

@slide(layout=chapter-slide)
@number
2
@title
Wie funktioniert 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
WYSIWaaas?
@content
### What You See Is What You Get {data-category=Word}
* Formatierung mit unmittelbarem optischen Feedback
<div class="fragment">
### What You See Is What You Mean {data-category=LaTeX}
* Trennung von Inhalt und Struktur
* Formatierung erst am Ende ersichtlich
</div>
<p style="margin-top:calc(.25 * var(--square));">
Bildquelle: <a href="https://xkcd.com/1341/">xkcd</a>
</p>
@preview
![](svg/chapter-02/xkcd-types-of-editors.png)
@slide(layout=preview-only)
@preview
![Der Weg zum fertigen Dokument](svg/chapter-02/wysiwyg.svg){}
@slide(layout=two-columns)
@title
Was brauchen wir dazu?
@column-one
### Editor
zum Schreiben unseres Quelltextes mit allen Befehlen zur semantischen Gliederung
[TeXstudio](http://www.texstudio.org/), [TeXMaker](https://www.xm1math.net/texmaker/)
@column-two
### Compiler
erstellt aus dem Quelltext ein fertig formatiertes PDF-Dokument
[MiKTeX](http://miktex.org/), [MacTeX](http://tug.org/mactex/), [TeX Live](https://tug.org/texlive/)
@slide(layout=wide-content)
@title
Befehle
@content
Allgemeiner Aufbau eine Befehls:
``` {.hljs}
\<befehl>[<optionale_parameter>]{<obligatorische_parameter>}
```
++ Ein paar Beispiele:
``` {.lang-tex .tex .hljs .fragment}
\newpage % fügt eine neue Seite ein
\textbf{<text>} % schreibt den übergebenen Text fett
\usepackage[utf8]{inputenc} % setzt die Textkodierung
\frac{<zähler>}{<nenner>} % fügt den mathematischen Bruch ein
```
@slide(layout=content-only)
@title
Backslash
@content
Den Backslash erzeugt ihr mit folgender Tastenkombination:
<kbd>AltGr</kbd>&nbsp;+&nbsp;<kbd>ß</kbd>&nbsp;(Windows/Linux)
<kbd>Alt</kbd>&nbsp;+&nbsp;<kbd>Shift</kbd>&nbsp;+&nbsp;<kbd>7</kbd>&nbsp;(MacOS)
@slide(layout=wide-content)
@title
Optionale Parameter
@content
In eckigen Klammern können verschieden viele optionale Parameter stehen:
``` {.lang-tex .hljs}
\usepackage[utf8]{inputenc}
% setzt die Textkodierung
\documentclass[a4paper,12pt]{article}
% setzt die Dokumentklasse
\includegraphics[width=12cm,height=4cm]{bild.png}
% bindet das Bild "bild.png" ein
```
@slide(layout=content-only)
@title
Software-Installation
@content
Bitte installiert **zuerst den Compiler**, also MikTeX (Windows), MacTeX (MacOS) bzw. TeX Live (Linux) und **danach den Editor.** In diesem Workshop verwenden wir TeXstudio.
* MikTeX (Windows): <https://miktex.org/>
* MacTeX (MacOS): <http://tug.org/mactex/>
* TeX Live (Linux/alle BS): <https://tug.org/texlive/>
* TeXstudio: <https://www.texstudio.org/>
@slide(layout=task)
@task-number
2
@title
Erste Schritte im Umgang mit LaTeX
@content
* Falls nötig: Install now!
* Ladet euch aus dem VC das Projektarchiv herunter. Entpackt das Archiv.
* Öffnet die Datei `main.tex` im obersten Verzeichnis in TeXstudio.
* Kompiliert die Datei durch Druck auf <span class="emoji"></span>.
* Was ist in dem Ordner passiert, in dem die Datei liegt?