onpoint conversion of chapter 6.

This commit is contained in:
Kremitzl 2020-03-25 14:58:23 +01:00
parent fce0398772
commit 926f9f343a
27 changed files with 203 additions and 171 deletions

View File

@ -1,169 +0,0 @@
<div class="layout-content-only">
<div class="layout-content">
<h1>Text&shy;auszeichnung</h1>
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Hervorhebungen</h2>
<p>Für Hervorhebungen im Fließtext eignet sich am besten der semantische Befehl `\emph{}` *(emphasis)*, der sich auch schachteln lässt:</p>
<pre class="lang-tex hljs"><code>\emph{Wenn man in einem ganzen Haufen
von wichtigem Text \emph{noch
wichtigeren Text} verstecken will,
hilft die Verschachtelung von
Emphasen.}</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/06/hervorhebungen-crop.svg">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Optische Auszeichnungen</h2>
<p>… legen genau fest, wie Text formatiert wird:</p>
<table>
<tr><th>Bezeichnung</th><th>Befehl</th></tr>
<tr><td>fett (bold face)</td><td><code>\textbf{important}</code></td></tr>
<tr><td>kursiv (italics)</td><td><code>\textit{important}</code></td></tr>
<tr><td>Kapitälchen (small&nbsp;caps)</td><td><code>\textsc{important}</code></td></tr>
<tr><td>dicktengleich (teletype)</td><td><code>\texttt{important}</code></td></tr>
<tr><td>geneigt (slanted)</td><td><code>\textsl{important}</code></td></tr>
<tr><td>unterstrichen</td><td><code>\underline{important}</code></td></tr>
<tr><td>tiefgestellt</td><td><code>\textsubscript{…}</code></td></tr>
<tr><td>hochgestellt</td><td><code>\textsuperscript{…}</code></td></tr>
</table>
</div>
<div class="layout-preview">
<img src="sections/german/06/optische-auszeichnungen-crop.svg">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Auszeichnungen schachteln</h2>
<p>Möglich, solange die verwendete Schrift den entsprechenden Schnitt enthält:</p>
<pre class="lang-tex hljs"><code>\textbf{Very
\textit{Important
\textsc{Stuff}
}
}</code></pre>
</div>
<div class="layout-preview">
<img src="sections/german/06/auszeichnungen-schachteln-crop.svg">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Schriftgröße</h2>
<div class="box warning">
<p><strong>Ein gutgemeinter Rat: Better Call ~~Saul~~ LaTeX!</strong></p>
<p>Konsistentes Aussehen über das gesamte Dokument hinweg gewünscht?</p>
<p>Voreinstellungen von LaTeX zur Schriftgröße verschiedener Textelemente (Titel, Fließtext, Fußnoten) vertrauen!</p>
<p>Das heißt im Umkehrschluss: Möglichst wenig manuell an Schriftgrößen herumschrauben.</p>
</div>
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Schriftgröße</h2>
<h3>`normalsize`</h3>
<ul>
<li>Wird für den Fließtext verwendet</li>
<li>Standard: 10pt</li>
<li>Kann in der Präambel folgendermaßen verändert werden:</li>
</ul>
<pre class="lang-tex hljs"><code>\documentclass[12pt]{article}</code></pre>
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Schriftgröße</h2>
<h3>Voreingestellte Schriftgrößen</h3>
<pre class="lang-txt hljs"><code>{\&lt;fontsize> ein Textabschnitt}</code></pre>
<p>Zur Auswahl: immer relativ zu `normalsize`</p>
<pre class="lang-tex hljs"><code>{\tiny Wenn}
{\footnotesize du}
{\small das}
{\normalsize lesen}
{\large kannst,}
{\Large brauchst}
{\LARGE du}
{\huge keine}
{\Huge Brille.}</code></pre>
</div>
<div class="layout-preview">
<img class="thin-padding" src="sections/german/06/schriftgroesse-optiker-crop.svg">
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>Schriftgröße</h2>
<h3>Manuelle Konfiguration möglich</h3>
<pre class="lang-txt hljs"><code>\fontsize{&lt;schriftgröße>}{&lt;zeilenhöhe>}
\selectfont</code></pre>
<p>Beispiel:</p>
<pre class="lang-tex hljs"><code>Das ist Text in normaler Schriftgröße.
\fontsize{1cm}{1.25cm}\selectfont
Das ist eine Textpassage in
wirklich riesiger Schrift.
\normalsize
Back to normal.</code></pre>
</div>
<div class="layout-preview">
<img class="thin-padding" src="sections/german/06/schriftgroesse-fontsize-befehl-crop.svg">
</div>
</div>
---
<div class="layout-content-and-preview">
<div class="layout-content">
<h2>URLs</h2>
<p>Das Paket `hyperref` stellt den Befehl `\url{}` bereit, der URLs</p>
<ul>
<li>zeichentreu</li>
<li>mit bindestrichlosen Umbrüchen</li>
<li>mit gut unterscheidbaren Zeichen</li>
<li>im PDF anklickbar</li>
</ul>
<p>wiedergibt.</p>
<pre class="lang-tex hljs">`\url{https://www.latex-project.org/}`</pre>
</div>
<div class="layout-preview">
<img src="sections/german/06/url-crop.svg">
</div>
</div>
---
<div class="layout-content-only">
<div class="layout-content">
<h2 data-category="Aufgabe" data-task="5">Text hervorheben</h2>
<ul>
<li>**Betont** das Wort »Pakete« in Abschnitt 1.1.2 mit `\emph{…}`.</li>
<li class="fragment">Probiert auch an beliebigen Stellen **optische Hervorhebungen** aus, entfernt sie aber wieder, wenn ihr ein aufgeräumtes Dokument erhalten wollt.</li>
<li class="fragment">Auf der zweiten Seite des Dokuments steht ein Absatz zum LaTeX-Wochenende. Ergänzt dort einen **Link** zum VC-Kurs (https://wiai.de/latex).</li>
</ul>
</div>
</div>

View File

@ -4,5 +4,6 @@
- chapter-03
- chapter-04
- chapter-05
- chapter-06
- chapter-07
- chapter-08

View File

@ -356,3 +356,4 @@ Sonderzeichen einfügen
* ++In Abschnitt 1.2.1, Absatz 2, wird ein `"=` verwendet. Was passiert, wenn ihr stattdessen einen einfachen **Bindestrich** verwendet?
* ++In Abschnitt 1.1.1 sollten »Tech« und »TeX« in **Anführungszeichen** stehen. Nutzt dafür `\enquote{…}`
* ++Ersetzt die drei Punkte in 1.2.1, Absatz 2, durch eine echte **Ellipse.**

199
slides/chapter-06.de.md Normal file
View File

@ -0,0 +1,199 @@
@slide(layout=chapter-slide)
@title
Text&shy;auszeichnung
@slide(layout=content-and-preview)
@title
Hervorhebungen
@content
Für Hervorhebungen im Fließtext eignet sich am besten der semantische Befehl `\emph{}` *(emphasis),* der sich auch schachteln lässt:
``` {.lang-tex .hljs}
\emph{Wenn man in einem ganzen Haufen
von wichtigem Text \emph{noch
wichtigeren Text} verstecken will,
hilft die Verschachtelung von
Emphasen.}
```
@preview
![](svg/chapter-06/hervorhebungen-crop.svg)
@slide(layout=content-and-preview)
@title
Optische Auszeichnungen
@content
legen genau fest, wie Text formatiert wird:
<table>
<tr><th>Bezeichnung</th><th>Befehl</th></tr>
<tr><td>fett (bold face)</td><td>`\textbf{important}`</td></tr>
<tr><td>kursiv (italics)</td><td>`\textit{important}`</td></tr>
<tr><td>Kapitälchen (small&nbsp;caps)</td><td>`\textsc{important}`</td></tr>
<tr><td>dicktengleich (teletype)</td><td>`\texttt{important}`</td></tr>
<tr><td>geneigt (slanted)</td><td>`\textsl{important}`</td></tr>
<tr><td>unterstrichen</td><td>`\underline{important}`</td></tr>
<tr><td>tiefgestellt</td><td>`\textsubscript{…}`</td></tr>
<tr><td>hochgestellt</td><td>`\textsuperscript{…}`</td></tr>
</table>
@preview
![](svg/chapter-06/optische-auszeichnungen-crop.svg)
@slide(layout=content-and-preview)
@title
Auszeichnungen schachteln
@content
Möglich, solange die verwendete Schrift den entsprechenden Schnitt enthält:
``` {.lang-tex .hljs}
\textbf{Very
\textit{Important
\textsc{Stuff}
}
}
```
@preview
![](svg/chapter-06/auszeichnungen-schachteln-crop.svg)
@slide(layout=content-only)
@title
Schriftgröße
@content
<div class="box warning">
**Ein gutgemeinter Rat: Better Call ~~Saul~~ LaTeX!**
Konsistentes Aussehen über das gesamte Dokument hinweg gewünscht?
Voreinstellungen von LaTeX zur Schriftgröße verschiedener Textelemente (Titel, Fließtext, Fußnoten) vertrauen!
Das heißt im Umkehrschluss: Möglichst wenig manuell an Schriftgrößen herumschrauben.
</div>
@slide(layout=content-only)
@title
Schriftgröße
@content
### `normalsize`
* Wird für den Fließtext verwendet
* Standard: 10pt
* Kann in der Präambel folgendermaßen verändert werden:
``` {.lang-tex .hljs}
\documentclass[12pt]{article}
```
@slide(layout=content-and-preview)
@title
Schriftgröße
@content
### Voreingestellte Schriftgrößen
``` {.hljs .lang-tex}
{<fontsize> ein Textabschnitt}
```
Zur Auswahl: immer relativ zu `normalsize`
``` {.hljs .lang-tex}
{\tiny Wenn}
{\footnotesize du}
{\small das}
{\normalsize lesen}
{\large kannst,}
{\Large brauchst}
{\LARGE du}
{\huge keine}
{\Huge Brille.}
```
@preview
![](svg/chapter-06/schriftgroesse-optiker-crop.svg){.thin-padding}
@slide(layout=content-and-preview)
@title
Schriftgröße
@content
### Manuelle Konfiguration möglich
``` {.lang-tex .hljs}
\fontsize{<schriftgröße>}{<zeilenhöhe>}
\selectfont
```
<p data-category="Beispiel"></p>
``` {.lang-tex .hljs}
Das ist Text in normaler Schriftgröße.
\fontsize{1cm}{1.25cm}\selectfont
Das ist eine Textpassage in
wirklich riesiger Schrift.
\normalsize
Back to normal.
```
@preview
![](svg/chapter-06/schriftgroesse-fontsize-befehl-crop.svg){.thin-padding}
@slide(layout=content-and-preview)
@title
URLs
@content
Das Paket `hyperref` stellt den Befehl `\url{}` bereit, der URLs
* zeichentreu
* mit bindestrichlosen Umbrüchen
* mit gut unterscheidbaren Zeichen
* im PDF anklickbar
wiedergibt.
``` {.lang-tex .hljs}
\url{https://www.latex-project.org/}
```
@preview
![](svg/chapter-06/url-crop.svg)
@slide(layout=task)
@task-number
5
@title
Text hervorheben
@content
* **Betont** das Wort »Pakete« in Abschnitt 1.1.2 mit `\emph{…}`.
* ++Probiert auch an beliebigen Stellen **optische Hervorhebungen** aus, entfernt sie aber wieder, wenn ihr ein aufgeräumtes Dokument erhalten wollt.
* ++Auf der zweiten Seite des Dokuments steht ein Absatz zum LaTeX-Wochenende. Ergänzt dort einen **Link** zum VC-Kurs (<https://wiai.de/latex>).

0
slides/chapter-06.en.md Normal file
View File

View File

@ -41,7 +41,7 @@ Indentation and spacing
@content
* paragraphs are usually indicated by first-line indentation (`\parindent`)
* we can decide to use paragraph spacing (`\parskip`) instead (!)
* both parametres are customisable:
* both parameters are customisable:
``` {.lang-tex .hljs}
\setlength{\parindent}{0pt}

View File

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 113 KiB

View File

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 114 KiB

View File

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

View File

Before

Width:  |  Height:  |  Size: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

View File

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

View File

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

View File

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

View File

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

View File

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

View File

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB