onpoint conversion and english translation for chapter 11.
This commit is contained in:
parent
b7d1861d8e
commit
2e40061171
@ -1,88 +0,0 @@
|
||||
<div class="layout-content-only">
|
||||
<div class="layout-content">
|
||||
<h1>Grafiken</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
<div class="layout-content-only">
|
||||
<div class="layout-content">
|
||||
<h2>Grafiken abbilden <span class="emoji">🖼️</span></h2>
|
||||
<p>Um Grafiken darzustellen, muss das Paket <code>graphicx</code> eingebunden werden.</p>
|
||||
<pre class="hljs lang-tex"><code>\begin{figure}
|
||||
\includegraphics{<dateipfad>}
|
||||
\caption[<kurztitel>]
|
||||
{<bildunterschrift>}
|
||||
\end{figure}</code></pre>
|
||||
<p>Bildgröße angeben:</p>
|
||||
<pre class="hljs lang-tex"><code>\includegraphics[width=0.5\textwidth,
|
||||
height=5cm]{<dateipfad>}</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
<div class="layout-content-only">
|
||||
<div class="layout-content">
|
||||
<h2>Positionierung auf der Seite</h2>
|
||||
<pre class="hljs lang-tex"><code>\begin{figure}[<positionskürzel>]</code></pre>
|
||||
<p>LaTeX positioniert Grafiken automatisch. Durch Kürzel können wir unsere Präferenzen (auch in Kombination) angeben.</p>
|
||||
<table>
|
||||
<tr>
|
||||
<th style="min-width:4em">Kürzel</th>
|
||||
<th>Position</th>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>h</td>
|
||||
<td>(bitte) hier</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>t</td>
|
||||
<td>oberer Seitenrand</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>b</td>
|
||||
<td>unterer Seitenrand</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>p</td>
|
||||
<td>auf einer eigenen Seite</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>H</td>
|
||||
<td>(definitiv) hier (benötigt Paket <code>float</code>)</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
<div class="layout-content-only">
|
||||
<div class="layout-content">
|
||||
<h2>Zentrierte Anordnung</h2>
|
||||
<pre class="hljs lang-tex"><code>\begin{figure}[<position>]
|
||||
\begin{center}
|
||||
\includegraphics{<dateipfad>}
|
||||
\end{center}
|
||||
\end{figure}</code></pre>
|
||||
<p>Alternativ:</p>
|
||||
<pre class="hljs lang-tex"><code>\begin{figure}[<position>]
|
||||
\centering
|
||||
\includegraphics{<dateipfad>}
|
||||
\end{figure}</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
---
|
||||
|
||||
<div class="layout-content-only">
|
||||
<div class="layout-content">
|
||||
<h2 data-category="Aufgabe" data-task="10">Grafiken einfügen</h2>
|
||||
<ul>
|
||||
<li>Bindet die Datei <code>bilder.tex</code> ein.</li>
|
||||
<li>Abschnitt 5 enthält ein kleines **Bild.** Setzt dasselbe Bild nochmal größer (Breite: `\textwidth`) ans Ende des Abschnitts.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -9,3 +9,5 @@
|
||||
- chapter-08
|
||||
- chapter-09
|
||||
- chapter-10
|
||||
- chapter-11
|
||||
|
||||
|
||||
@ -6,8 +6,11 @@ Wie funktioniert L<sup style="font-weight: bold; font-size: 73%; margin-left: -.
|
||||
|
||||
@slide(layout=content-and-preview)
|
||||
|
||||
@todo
|
||||
Überschrift
|
||||
|
||||
@title
|
||||
[TODO: Überschrift]
|
||||
|
||||
|
||||
@content
|
||||
### What You See Is What You Get {data-category=Word}
|
||||
|
||||
@ -6,8 +6,11 @@ How does<br/>L<sup style="font-weight: bold; font-size: 73%; margin-left: -.25em
|
||||
|
||||
@slide(layout=content-and-preview)
|
||||
|
||||
@todo
|
||||
Heading
|
||||
|
||||
@title
|
||||
[TODO: Heading]
|
||||
|
||||
|
||||
@content
|
||||
### What You See Is What You Get {data-category=Word}
|
||||
|
||||
@ -23,6 +23,9 @@ Anschließend muss das LaTeX-Paket nur noch eingebunden werden:
|
||||
\usepackage{minted}
|
||||
```
|
||||
|
||||
@todo
|
||||
Quelltext aktualisieren?
|
||||
|
||||
@preview
|
||||
{ .thin-padding }
|
||||
|
||||
@ -36,9 +39,9 @@ Anpassungen beim Kompilieren
|
||||
Um Dokumente mit Quelltext-Listings kompilieren zu können, muss die Flag `--shell-escape` an den Compiler übergeben werden.
|
||||
</div>
|
||||
|
||||
In TeXstudio muss diese unter **`Optionen > TeXstudio konfigurieren > Befehle`** bei PdfLaTeX vor `%.tex` ergänzt werden:
|
||||
In TeXstudio muss diese unter **`Optionen → TeXstudio konfigurieren → Befehle`** bei PdfLaTeX vor `%.tex` ergänzt werden:
|
||||
|
||||
pdflatex -syntex=1 -interaction=nonstopmode **--shell-escape** %.tex
|
||||
<code>pdflatex -syntex=1 -interaction=nonstopmode **\-\-shell-escape** %.tex</code>
|
||||
|
||||
@slide(layout=content-and-preview)
|
||||
|
||||
@ -124,4 +127,4 @@ Quelltext einbinden
|
||||
* ++ Bindet zunächst das **Paket `minted`** an der richtigen Stelle ein.
|
||||
* ++ Nutzt die **`minted`-Umgebung**, um das erste Listing mit Syntax Highlighting zu versehen.
|
||||
* ++ Lagert das zweite Listing in eine **neue Datei** aus und bindet sie mit `\inputminted` ein.
|
||||
* ++ Ändert das **Farbschema** zu `borland`.
|
||||
* ++ Ändert das **Farbschema** zu `borland`.
|
||||
|
||||
@ -23,6 +23,9 @@ Add the LaTeX package and we are good to go:
|
||||
\usepackage{minted}
|
||||
```
|
||||
|
||||
@todo
|
||||
Update source code?
|
||||
|
||||
@preview
|
||||
{ .thin-padding }
|
||||
|
||||
@ -36,9 +39,9 @@ Compiler settings
|
||||
We need to pass the additional flag `--shell-escape` to our compiler in order to use `minted`.
|
||||
</div>
|
||||
|
||||
In TeXstudio, go to **`Options > Configure TeXstudio > Commands`** and add the flag in the PdfLaTeX row before `%.tex`:
|
||||
In TeXstudio, go to **`Options → Configure TeXstudio → Commands`** and add the flag in the PdfLaTeX row before `%.tex`:
|
||||
|
||||
pdflatex -syntex=1 -interaction=nonstopmode **--shell-escape** %.tex
|
||||
<code>pdflatex -syntex=1 -interaction=nonstopmode **\-\-shell-escape** %.tex</code>
|
||||
|
||||
@slide(layout=content-and-preview)
|
||||
|
||||
@ -124,4 +127,4 @@ Listing source code
|
||||
* ++ Include the **`minted` package** in the right place.
|
||||
* ++ Make use of the **`minted` environment** to activate syntax highlighting for the first listing.
|
||||
* ++ Move the second listing to a **new file** and include it using `\inputminted`.
|
||||
* ++ Change the **color scheme** to `borland`.
|
||||
* ++ Change the **color scheme** to `borland`.
|
||||
|
||||
108
slides/chapter-11.de.md
Normal file
108
slides/chapter-11.de.md
Normal file
@ -0,0 +1,108 @@
|
||||
@slide(layout=chapter-slide)
|
||||
|
||||
@title
|
||||
Grafiken
|
||||
|
||||
|
||||
@slide(layout=content-only)
|
||||
|
||||
@title
|
||||
Grafiken abbilden <span class="emoji">🖼️</span>
|
||||
|
||||
@content
|
||||
Um Grafiken darzustellen, muss das Paket `graphicx` eingebunden werden.
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}
|
||||
\includegraphics{<dateipfad>}
|
||||
\caption[<kurztitel>]
|
||||
{<bildunterschrift>}
|
||||
\end{figure}
|
||||
```
|
||||
|
||||
Bildgröße angeben:
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\includegraphics[width=0.5\textwidth,
|
||||
height=5cm]{<dateipfad>}
|
||||
```
|
||||
|
||||
|
||||
@slide(layout=content-only)
|
||||
|
||||
@title
|
||||
Positionierung auf der Seite
|
||||
|
||||
@content
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}[<positionskürzel>]
|
||||
```
|
||||
|
||||
LaTeX positioniert Grafiken automatisch. Durch Kürzel können wir unsere Präferenzen (auch in Kombination) angeben.
|
||||
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th style="min-width:4em">Kürzel</th>
|
||||
<th>Position</th>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>h</td>
|
||||
<td>hier, wenn es dir recht ist</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>t</td>
|
||||
<td>oberer Seitenrand (top)</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>b</td>
|
||||
<td>unterer Seitenrand (bottom)</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>p</td>
|
||||
<td>auf einer eigenen Seite (page)</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>H</td>
|
||||
<td>Hier, verdammt noch mal! <br />(benötigt Paket `float`)</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
@slide(layout=content-only)
|
||||
|
||||
@title
|
||||
Zentrierte Anordnung
|
||||
|
||||
@content
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}[<position>]
|
||||
\begin{center}
|
||||
\includegraphics{<dateipfad>}
|
||||
\end{center}
|
||||
\end{figure}
|
||||
```
|
||||
|
||||
Alternativ:
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}[<position>]
|
||||
\centering
|
||||
\includegraphics{<dateipfad>}
|
||||
\end{figure}
|
||||
```
|
||||
|
||||
|
||||
@slide(layout=task)
|
||||
|
||||
@task-number
|
||||
10
|
||||
|
||||
@title
|
||||
Grafiken einfügen
|
||||
|
||||
@content
|
||||
* Bindet die Datei `bilder.tex` ein.
|
||||
* Abschnitt 5 enthält ein kleines **Bild.** Setzt dasselbe Bild nochmal größer (Breite: `\textwidth`) ans Ende des Abschnitts.
|
||||
|
||||
108
slides/chapter-11.en.md
Normal file
108
slides/chapter-11.en.md
Normal file
@ -0,0 +1,108 @@
|
||||
@slide(layout=chapter-slide)
|
||||
|
||||
@title
|
||||
Graphics
|
||||
|
||||
|
||||
@slide(layout=content-only)
|
||||
|
||||
@title
|
||||
Including graphics <span class="emoji">🖼️</span>
|
||||
|
||||
@content
|
||||
To display graphics, we need the `graphicx` package.
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}
|
||||
\includegraphics{<file path>}
|
||||
\caption[<short caption>]
|
||||
{<full caption>}
|
||||
\end{figure}
|
||||
```
|
||||
|
||||
Specifying the size:
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\includegraphics[width=0.5\textwidth,
|
||||
height=5cm]{<file path>}
|
||||
```
|
||||
|
||||
|
||||
@slide(layout=content-only)
|
||||
|
||||
@title
|
||||
Layout on the page
|
||||
|
||||
@content
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}[<position code>]
|
||||
```
|
||||
|
||||
LaTeX places graphics automatically. With position codes, we can express our preferences (they can be combined, as well).
|
||||
|
||||
|
||||
<table>
|
||||
<tr>
|
||||
<th style="min-width:4em">code</th>
|
||||
<th>position</th>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>h</td>
|
||||
<td>here, if you don’t mind</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>t</td>
|
||||
<td>top of the page</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>b</td>
|
||||
<td>bottom of the page</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>p</td>
|
||||
<td>on its own page</td>
|
||||
</tr>
|
||||
<tr class="fragment">
|
||||
<td>H</td>
|
||||
<td>Here, for God’s sake! <br />(`float` package required)</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
@slide(layout=content-only)
|
||||
|
||||
@title
|
||||
Centered alignment
|
||||
|
||||
@content
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}[<position>]
|
||||
\begin{center}
|
||||
\includegraphics{<dateipfad>}
|
||||
\end{center}
|
||||
\end{figure}
|
||||
```
|
||||
|
||||
Alternatively:
|
||||
|
||||
``` {.lang-tex .hljs}
|
||||
\begin{figure}[<position>]
|
||||
\centering
|
||||
\includegraphics{<dateipfad>}
|
||||
\end{figure}
|
||||
```
|
||||
|
||||
|
||||
@slide(layout=task)
|
||||
|
||||
@task-number
|
||||
10
|
||||
|
||||
@title
|
||||
Inserting graphics
|
||||
|
||||
@content
|
||||
* Include the file `bilder.tex`.
|
||||
* Section 5 contains a small **image.** Use this image and embed it once more in a larger size (width: `\textwidth`) at the end of the section.
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user