update 7th grade hypertext and link lessons

1 files changed, 32 insertions, 6 deletions

diff --git a/Info/7/1/Hypertext/slides.md b/Info/7/1/Hypertext/slides.md
index 0543c188..b16a38d0 100644
--- a/Info/7/1/Hypertext/slides.md
+++ b/Info/7/1/Hypertext/slides.md
@@ -1,6 +1,7 @@
 ---
 header-includes: |
     \newcommand{\link}[1]{\textcolor{blue}{\underline{\url{#1}}}}
+    \let\tightlist\relax
 ---
 
 ## Wiederholung
@@ -106,13 +107,13 @@ Wie könnte man mehrere Webseiten mit Verweisen übersichtlich graphisch darstel
 
 ::: columns
 :::: {.column width=70%}
-Auf den Webseiten von \link{https://schule.muhq.space/klasse7/} sind ebenfalls viele Verweise zu finden.
+Auf den Webseiten \link{https://schule.muhq.space/klasse7/} sind ebenfalls viele Verweise zu finden.
 \vspace{0.3cm}
 
 Die nebenstehende Abbildung verdeutlicht, welche Webseiten miteinander verknüpft sind. Die Übersicht ist aber nicht fertig. 
 \vspace{0.3cm}
 
-**Übernehme die Abbildung in dein Heft (oder deinen Schnellhefter), rufe die Webseite auf und ergänze die fehlenden Teile.**
+**Übernehme die Abbildung auf ein Blatt, rufe die Webseite auf und ergänze die fehlenden Teile.**
 ::::
 
 :::: {.column width=30%}
@@ -139,6 +140,17 @@ Viele Hypertextdokumente bilden eine \boldred{Hypertextstruktur}.
 Diese können mithilfe von \boldred{Graphen} dargestellt werden.
 Ein Graph besteht aus \boldred{Knoten} und den Verbindungslinien dazwischen, den \boldred{Kanten}.
 
+Beispiel: *\<Bild deines Graphens\>*
+
+## \faIcon{pencil-alt} Hausaufgabe
+
+`\begin{tcolorbox}[colframe=red]`{=latex}
+
+1. Mache ein Foto deines Graphens zu der Webseite von Pyro und Reiner.
+2. Füge das Foto als Beispiel in deinen Hefteintrag ein.
+
+`\end{tcolorbox}`{=latex}
+
 ## \faIcon{desktop} \faIcon{pencil-alt} Arbeitsauftrag - 10min
 
 Informiere dich auf \link{de.wikipedia.org/wiki/Italien} über alle Staaten, die an Italien grenzen und stelle die Beziehung in einem Graphen dar. 
@@ -150,12 +162,26 @@ Informiere dich auf \link{de.wikipedia.org/wiki/Italien} über alle Staaten, die
 
 ![](img/italien-hyperstruktur.png){.center}
 
-## \faIcon{desktop} Arbeitsauftrag
+## \faIcon{desktop} Arbeitsauftrag - Wissenswertes über Italien
+
+Übertrage den Graphen in eine **Hypertextstruktur**.
 
-Übertrage den Graphen in eine Hypertextstruktur.
-Erstelle dazu für jeden Staat ein HTML-Dokument mit **KompoZer** ![](logos/KompoZer.png){height=0.7cm}.  
+\vspace{0.75cm}
+
+::: {.columns align=center}
+:::: {.column width=50%}
+Erstelle dazu für jeden Staat ein HTML-Dokument im ![](logos/wiki.svg) **Netz des Wissens**.
+Beginne mit Italien im **Zentrum** deines Netzes.
 Füge jeweils Informationen über die Flagge, Sprache, Einwohnerzahl und Hauptstadt ein.
+::::
+
+:::: {.column width=50%}
+![](img/wiki_start_italy.png)
+::::
+:::
+
+\vspace{0.75cm}
 
-**[Ganz wichtig für die Verweise]{.underline}: Speichere all diese HTML-Dokumente im gleichen Ordner (bspw. deinem Laufwerk)!**
+**[Ganz wichtig für die Verweise]{.underline}: Du kannst den Namen des Landes in ``[[]]`` eckigen Klammern als Verweis verwenden.**