152 lines
5.0 KiB
Markdown
152 lines
5.0 KiB
Markdown
<div class="layout-content-only">
|
|
<div class="layout-content">
|
|
<h1>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?</h1>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-two-columns">
|
|
<div class="layout-title">
|
|
<h2>WYSIWYG und WYGIWYM</h2>
|
|
</div>
|
|
<div class="layout-column-one">
|
|
<div class="fragment">
|
|
<h3 data-category="Word">What You See Is What You Get</h3>
|
|
<ul>
|
|
<li>Formatierung mit unmittelbarem optischen Feedback</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="layout-column-two">
|
|
<div class="fragment">
|
|
<h3 data-category="LaTeX">What You See Is What You Mean</h3>
|
|
<ul>
|
|
<li>Trennung von Inhalt und Struktur</li>
|
|
<li>Formatierung erst am Ende ersichtlich</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-preview-only">
|
|
<div class="layout-preview">
|
|
<figure>
|
|
<img src="sections/german/02/wysiwyg.svg" class="large">
|
|
<figcaption>Der Weg zum fertigen Dokument</figcaption>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-two-columns">
|
|
<h2 class="layout-title">Was brauchen wir dazu?</h2>
|
|
<div class="layout-column-one">
|
|
<h3>Editor</h3>
|
|
<p>enthält unseren Quelltext mit allen Befehlen zur semantischen Gliederung</p>
|
|
<p><i>TeXstudio, TeXMaker</i></p>
|
|
</div>
|
|
<div class="layout-column-two">
|
|
<h3>Compiler</h3>
|
|
<p>erstellt aus dem Quelltext ein fertig formatiertes PDF-Dokument</p>
|
|
<p><i>MiKTeX, TeX Live, MacTeX</i></p>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-wide-content">
|
|
<div class="layout-content">
|
|
<h2>Befehle</h2>
|
|
<p>Allgemeiner Aufbau eine Befehls:</p>
|
|
<pre class="lang-tex hljs"><code>\usepackage[<optionale_parameter>]{<obligatorische_parameter>}</code></pre>
|
|
<p class="fragment">Ein paar Beispiele:</p>
|
|
<pre class="lang-tex hljs fragment"><code>\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</code></pre>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-content-only">
|
|
<div class="layout-content">
|
|
<h2>Backslash</h2>
|
|
<p>Den Backslash erzeugt ihr mit folgender Tastenkombination:</p>
|
|
<p><kbd>AltGr</kbd> + <kbd>ß</kbd> (Windows/Linux)</p>
|
|
<p><kbd>Alt</kbd> + <kbd>Shift</kbd> + <kbd>7</kbd> (MacOS)</p>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-wide-content">
|
|
<div class="layout-content">
|
|
<h2>Optionale Parameter</h2>
|
|
<p>In eckigen Klammern können verschieden viele optionale Parameter stehen:</p>
|
|
<pre class="lang-tex hljs"><code>\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</code></pre>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-content-and-preview">
|
|
<div class="layout-content">
|
|
<h2>Kommentare</h2>
|
|
<p>Nach einem Prozentzeichen wird der Rest der Zeile vom Compiler ignoriert. Der Kommentartext erscheint also nicht im fertigen Dokument.</p>
|
|
<pre class="lang-tex hljs"><code>% Beginn Steckbrief
|
|
Name: Donald Knuth \\\\
|
|
Geburtsdatum: \\\\ % TODO: einfügen
|
|
Geburtsort: Milwaukee, Wisconsin
|
|
% Ende Steckbrief</code></pre>
|
|
<p>Tastenkombinationen: <kbd>Strg</kbd> + <kbd>T</kbd> und <kbd>Strg</kbd> + <kbd>U</kbd></p>
|
|
</div>
|
|
<div class="layout-preview">
|
|
<figure>
|
|
<img src="sections/german/02/comments-crop.svg">
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-content-only">
|
|
<div class="layout-content">
|
|
<h2>Software-Installation</h2>
|
|
<p>Bitte installiert **zuerst den Compiler**, also MikTeX (Windows), MacTeX (MacOS) bzw. TeX Live (Linux) und **danach den Editor**. In diesem Workshop verwenden wir TeXstudio.</p>
|
|
|
|
<ul>
|
|
<li>MikTeX (Windows): https://miktex.org/ </li>
|
|
<li>MacTeX (MacOS): http://tug.org/mactex/ </li>
|
|
<li>TeX Live (Linux/alle BS): https://tug.org/texlive/ </li>
|
|
<li>TeXstudio: https://www.texstudio.org/ </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
---
|
|
|
|
<div class="layout-content-only">
|
|
<div class="layout-content">
|
|
<h2 data-category="Aufgabe" data-task="1">Erste Schritte im Umgang mit LaTeX</h2>
|
|
<ul>
|
|
<li class="fragment">Falls nötig: Install now!</li>
|
|
<li class="fragment">Ladet euch aus dem VC die Datei <code>aufgabe01.tex</code> herunter und speichert sie in einem eigenen Ordner.</li>
|
|
<li class="fragment">Öffnet die Datei in TeXstudio.</li>
|
|
<li class="fragment">Kompiliert die Datei durch Druck auf <span class="emoji">⏩</span>.</li>
|
|
<li class="fragment">Was ist in dem Ordner passiert, in dem die Datei liegt?</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|