245 lines
6.5 KiB
HTML
245 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
||
<title>LaTeX-Wochenende der Fachschaft WIAI</title>
|
||
|
||
<!-- TODO: Convert stylesheets -->
|
||
<!-- <link rel="stylesheet" href="css/reveal.css">-->
|
||
<link rel="stylesheet" href="css/theme/latex.css">
|
||
<!-- <link rel="stylesheet" href="lib/css/zenburn.css">-->
|
||
</head>
|
||
<body>
|
||
<div class="reveal">
|
||
<div class="slides">
|
||
<section>
|
||
<article>
|
||
<div class="layout-content-only">
|
||
<div class="layout-content titlepage">
|
||
<h1>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-Wochenende</h1>
|
||
<small>
|
||
<p>Ein Workshop der Fachschaft WIAI.<br/> Erstellt von Anika Amma, Fabian Lamprecht, <br/>Florian Knoch, Christian Kremitzl und Anna Sauer.</p>
|
||
|
||
</small>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</article>
|
||
|
||
</section><section>
|
||
<article>
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h1 id="was-ist-latex">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?</h1>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<div class="layout-two-previews">
|
||
<div class="layout-preview">
|
||
<figure>
|
||
<img src="svg/chapter-01/example-word-orig.svg">
|
||
<figcaption class="fragment">
|
||
Klassisches Word-Dokument
|
||
</figcaption>
|
||
</figure>
|
||
|
||
</div>
|
||
<div class="layout-preview">
|
||
<figure>
|
||
<img src="svg/chapter-01/example-latex-orig.svg">
|
||
<figcaption class="fragment">
|
||
Klassisches LaTeX-Dokument
|
||
</figcaption>
|
||
</figure>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2 id="entstehung">Entstehung</h2>
|
||
<ul>
|
||
<li>Donald <strong>Knuth</strong>, 1977–1986: Textsatzsystem <strong>TeX</strong><span class="bubble fragment">τεχ → /tɛç/</span> für The Art of Computer Programming</li>
|
||
<li>Leslie <strong>Lamport</strong>, ab 1980er: Softwarepaket <strong>LaTeX</strong> zur einfacheren Benutzung von TeX</li>
|
||
</ul>
|
||
<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>
|
||
|
||
</div>
|
||
<div class="layout-preview">
|
||
<div class="figure">
|
||
<img src="sections/german/01/taocp.jpg" />
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<div class="layout-two-previews">
|
||
<div class="layout-preview">
|
||
<figure>
|
||
<img src="svg/chapter-01/example-word-orig.svg" />
|
||
<figcaption>
|
||
Klassisches Word-Dokument
|
||
</figcaption>
|
||
</figure>
|
||
|
||
</div>
|
||
<div class="layout-preview">
|
||
<figure>
|
||
<img src="svg/chapter-01/example-latex-orig.svg" />
|
||
<figcaption>
|
||
Klassisches LaTeX-Dokument
|
||
</figcaption>
|
||
</figure>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2 id="typografie">Typografie</h2>
|
||
<h3 id="makrotypografie">Makrotypografie</h3>
|
||
<ul>
|
||
<li>Satzspiegel</li>
|
||
<li>Zeilenlänge vs. -abstand</li>
|
||
<li>Platzierung von Überschriften im Weißraum</li>
|
||
<li>Platzierung von Bildern und Tabellen</li>
|
||
<li>Schusterjungen / Hurenkinder</li>
|
||
<li>Gleichmäßiger Grauwert</li>
|
||
<li>…</li>
|
||
</ul>
|
||
<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>
|
||
|
||
</div>
|
||
<div class="layout-preview">
|
||
<div class="figure">
|
||
<img src="svg/chapter-01/vergleich-makro.svg" />
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2 id="typografie">Typografie</h2>
|
||
<h3 id="mikrotypografie">Mikrotypografie</h3>
|
||
<ul>
|
||
<li>Ligaturen</li>
|
||
<li>Kerning</li>
|
||
<li>echte Kursiven, Kapitälchen, Schriftgrade …</li>
|
||
<li>Wortabstände</li>
|
||
<li>…</li>
|
||
</ul>
|
||
<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>
|
||
|
||
</div>
|
||
<div class="layout-preview">
|
||
<div class="figure">
|
||
<img src="svg/chapter-01/vergleich-mikro.svg" />
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<div class="layout-content-only">
|
||
<div class="layout-content">
|
||
<h2 id="weitere-vorteile">Weitere Vorteile</h2>
|
||
<ul>
|
||
<li>wesentlich bessere Standardeinstellungen<br/>als in sämtlichen Textverarbeitungsprogrammen</li>
|
||
<li>strukturiertes Arbeiten</li>
|
||
<li>zuverlässiges Undo</li>
|
||
<li>einfache Versionierung</li>
|
||
<li>unabhängig von proprietären Programmen</li>
|
||
<li>Quelltext und Ausgabe langfristig lesbar</li>
|
||
<li>einfache Zusammenarbeit mit anderen Programmen</li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<article>
|
||
<div class="layout-content-and-preview">
|
||
<div class="layout-content">
|
||
<h2 id="ablauf-des-workshops">Ablauf des Workshops</h2>
|
||
<p><strong>Ziel:</strong> Ihr baut eure eigene LaTeX-Referenz<br/>auf Basis von <a href="https://www.ctan.org/tex-archive/info/lshort/german">l2kurz</a>.</p>
|
||
<ul>
|
||
<li>Learning by Doing</li>
|
||
<li>Verstehen, wie LaTeX funktioniert</li>
|
||
<li>Einzelheiten später nachschlagen</li>
|
||
</ul>
|
||
<p><strong>Gliederung:</strong></p>
|
||
<ol style="list-style-type: decimal">
|
||
<li><del>Was ist LaTeX?</del></li>
|
||
<li>Wie funktioniert LaTeX?</li>
|
||
<li>Grundstruktur eines LaTeX-Dokuments</li>
|
||
<li>Projektstruktur</li>
|
||
<li>Viele Features</li>
|
||
<li>Literaturverwaltung</li>
|
||
<li>Ausblick</li>
|
||
</ol>
|
||
|
||
</div>
|
||
<div class="layout-preview">
|
||
<div class="figure">
|
||
<img src="svg/chapter-01/l2kurz-orig.svg" />
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- TODO: Convert scripts -->
|
||
<!-- <script src="lib/js/head.min.js"></script>-->
|
||
<!-- <script src="js/reveal.js"></script>-->
|
||
</body>
|
||
</html>
|