Merge branch '6-convert-to-onpoint' of git.stuve-bamberg.de:latex/latex-wochenende into 6-convert-to-onpoint
@ -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,6 +4,7 @@
|
|||||||
- chapter-03
|
- chapter-03
|
||||||
- chapter-04
|
- chapter-04
|
||||||
- chapter-05
|
- chapter-05
|
||||||
|
- chapter-06
|
||||||
- chapter-07
|
- chapter-07
|
||||||
- chapter-08
|
- chapter-08
|
||||||
- chapter-09
|
- chapter-09
|
||||||
|
|||||||
@ -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.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{…}`
|
* ++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.**
|
* ++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
|
@content
|
||||||
* paragraphs are usually indicated by first-line indentation (`\parindent`)
|
* paragraphs are usually indicated by first-line indentation (`\parindent`)
|
||||||
* we can decide to use paragraph spacing (`\parskip`) instead (!)
|
* we can decide to use paragraph spacing (`\parskip`) instead (!)
|
||||||
* both parametres are customisable:
|
* both parameters are customisable:
|
||||||
|
|
||||||
``` {.lang-tex .hljs}
|
``` {.lang-tex .hljs}
|
||||||
\setlength{\parindent}{0pt}
|
\setlength{\parindent}{0pt}
|
||||||
@ -67,4 +67,4 @@ Formatting paragraphs
|
|||||||
@content
|
@content
|
||||||
* ++ Examine how **indentation and spacing** are used on the titlepage.
|
* ++ Examine how **indentation and spacing** are used on the titlepage.
|
||||||
* ++ Tinker around with the available settings and see what they change.
|
* ++ 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 |