onpoint conversion of chapter 6.
@ -1,169 +0,0 @@
|
||||
<div class="layout-content-only">
|
||||
<div class="layout-content">
|
||||
<h1>Text­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 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>{\<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{<schriftgröße>}{<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>
|
||||
@ -4,5 +4,6 @@
|
||||
- chapter-03
|
||||
- chapter-04
|
||||
- chapter-05
|
||||
- chapter-06
|
||||
- chapter-07
|
||||
- chapter-08
|
||||
|
||||
@ -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
@ -0,0 +1,199 @@
|
||||
@slide(layout=chapter-slide)
|
||||
|
||||
@title
|
||||
Text­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
|
||||

|
||||
|
||||
|
||||
@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 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
|
||||

|
||||
|
||||
|
||||
@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
|
||||

|
||||
|
||||
|
||||
@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
|
||||
{.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
|
||||
{.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
|
||||

|
||||
|
||||
|
||||
@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
@ -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}
|
||||
@ -67,4 +67,4 @@ Formatting paragraphs
|
||||
@content
|
||||
* ++ Examine how **indentation and spacing** are used on the titlepage.
|
||||
* ++ Tinker around with the available settings and see what they change.
|
||||
* ++ Make use of the undo-button if you get lost. ;)
|
||||
* ++ Make use of the undo-button if you get lost. ;)
|
||||
|
||||
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 113 KiB After Width: | Height: | Size: 113 KiB |
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 61 KiB After Width: | Height: | Size: 61 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 51 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |