diff options
| author | Florian Fischer <florian.fischer@muhq.space> | 2025-09-24 18:37:49 +0200 |
|---|---|---|
| committer | Florian Fischer <florian.fischer@muhq.space> | 2025-09-24 18:38:21 +0200 |
| commit | 7a0ca4832680cb3479dcca6ffe72238aefa28298 (patch) | |
| tree | 2fd82521abedffe882e5c8ed232aa21410520cd6 /Info/7/1/HTML/slides.md | |
| parent | 9aad0f9ce7d4099700f77e472c0a8b78b306a3d8 (diff) | |
| download | unterricht-7a0ca4832680cb3479dcca6ffe72238aefa28298.tar.gz unterricht-7a0ca4832680cb3479dcca6ffe72238aefa28298.zip | |
switch HTML slides to mebis wiki
Diffstat (limited to 'Info/7/1/HTML/slides.md')
| -rw-r--r-- | Info/7/1/HTML/slides.md | 31 |
1 files changed, 17 insertions, 14 deletions
diff --git a/Info/7/1/HTML/slides.md b/Info/7/1/HTML/slides.md index 917d8831..dcea5684 100644 --- a/Info/7/1/HTML/slides.md +++ b/Info/7/1/HTML/slides.md @@ -49,23 +49,21 @@ Einfacher geht es aber mit \textcolor{red}{\textbf{WYSIWYG}}-Editoren. Man sieht bereits beim Erstellen, wie das Dokument im Browser aussehen wird. \pause -$\Rightarrow$ **Kennenlernen des WYSIWYG-Editors \textcolor{red}{KompoZer}.** - -## \faIcon{desktop} Arbeitsauftrag: HTML-Editor - -Öffne den HTML-Editor {width=0.7cm} **KompoZer** und übertrage die nachfolgenden Zeilen in das Programm: - - +$\Rightarrow$ **Dein  \textcolor{red}{Netz des Wissens} hat einen WYSIWYG Editor.** ## Inhalte formatieren \centering \begin{tikzpicture}[overlay] +\node[] (editor) at (0, 3) {\includegraphics[width=0.9\textwidth, keepaspectratio]{img/editor.png}}; \node[rotate=2, align=left, font=\Large] (c) at (-4.5, -1) {\textcolor{red}{rot}\\ \textcolor{blue}{blau}\\ \textcolor{green}{grün}}; +\only<1>{\node[draw=red, minimum size=0.5cm] at (-3.25, 2.7) {};} \pause -\node[rotate=10, scale=0.9] (fs) at (0, -1) {\includegraphics{img/font\_style.png}}; +\node[rotate=10, scale=0.9] (fs) at (0, -0.9) {\includegraphics{img/font\_style.png}}; +\only<2>{\node[draw=red, minimum size=0.5cm, minimum width=1cm] at (-4.1, 2.7) {};} \pause -\node[rotate=-15, scale=0.9] (ff) at (4.5, 1) {\includegraphics{img/fonts.png}}; +\node[rotate=-15, scale=0.9] (ff) at (4.75, 0.1) {\includegraphics{img/fonts.png}}; +\only<3>{\node[draw=red, minimum size=0.5cm, minimum width=1.1cm] at (-1.9, 3.3) {};} \pause \node[draw, font=\Large, fill=bg, rotate=-20] at (c) {\textcolor{red}{Attribut: Farbe}}; \pause @@ -73,7 +71,7 @@ $\Rightarrow$ **Kennenlernen des WYSIWYG-Editors \textcolor{red}{KompoZer}.** \pause \node[draw, font=\Large, fill=bg, rotate=10] at (ff) {\textcolor{red}{Attribut: Schriftart}}; \pause -\node[font=\Large] at (-5, 3.5) {\textcolor{red}{=Attributewerte setzen}}; +\node[font=\Large] at (-4, -3.5) {\textcolor{red}{=Attributewerte setzen}}; \end{tikzpicture} ## Auflistungen @@ -96,15 +94,20 @@ $\Rightarrow$ **Kennenlernen des WYSIWYG-Editors \textcolor{red}{KompoZer}.** :::: ::: +## \faIcon{desktop} Arbeitsauftrag: HTML-Editor + +Öffne den HTML-Editor deines  **Netz des Wissens**, indem du im **Zentrum** auf deinen Namen mit dem \boldred{+} klickst. + + + + ## \faIcon{desktop} Arbeitsauftrag -Schreibe einen kurzen Steckbrief über dich mit dem HTML-Editor KompoZer. +Schreibe einen kurzen Steckbrief über dich im  **Netz des Wissens**. Der Steckbrief sollte mindestens * deinen Namen, * deine Hobbys, * dein Lieblingsessen und -* Informationen über deinen Banknachbarn enthalten. - -**Speichere die Datei unter steckbrief.html auf deinem eigenen Laufwerk** (es heißt wie dein Benutzername). +* Informationen über deine Banknachbar*in enthalten. |