add next lesson in 7th grade

11 files changed, 106 insertions, 34 deletions

diff --git a/Info/25_26/10/10/7c/schedule.md b/Info/25_26/10/10/7c/schedule.md
new file mode 100644
index 00000000..50d6fb27
--- /dev/null
+++ b/Info/25_26/10/10/7c/schedule.md
@@ -0,0 +1,38 @@
+---
+lang: de
+geometry: margin=2cm
+---
+# Intro Internet / HTML
+
+* **Klasse**: 7c
+* **Datum**: 10.10
+
+## Lernziele
+
+## Verlaufplan
+
+---------------------------------------------------------------------------------------------------
+Zeit  Phase           Unterrichtsgeschehen                         Ziel        Methode    Medien
+----- --------------- -------------------------------------------- ----------- ---------- ---------
+5     Intro           Orga, Pokal, erste Stunde vergessen
+
+20    Uebung          Farbenprogrammieren
+
+5     Anmelden
+
+5     Umfrage
+
+5     Erarbeitung     HTML Rainer und Pyro
+
+7     Sicherung       Hefteintrag
+
+10    Uebung          Webseite
+
+3     Uebung          Webseite
+
+10    Sicherung       HTML-Elemente
+
+10    Uebung          Steckbrief
+
+5     Spiele
+---------------------------------------------------------------------------------------------------
diff --git a/Info/25_26/10/10/7c/topic1 b/Info/25_26/10/10/7c/topic1
new file mode 120000
index 00000000..51b13e87
--- /dev/null
+++ b/Info/25_26/10/10/7c/topic1
@@ -0,0 +1 @@
+../../../../7/1/Intro/
\ No newline at end of file
diff --git a/Info/25_26/10/10/7c/topic2 b/Info/25_26/10/10/7c/topic2
new file mode 120000
index 00000000..d0008f73
--- /dev/null
+++ b/Info/25_26/10/10/7c/topic2
@@ -0,0 +1 @@
+../../../../7/1/HTML
\ No newline at end of file
diff --git a/Info/7/1/HTML/img/netz_des_wissens_zentrum.png b/Info/7/1/HTML/img/netz_des_wissens_zentrum.png
deleted file mode 100644
index b4e86acd..00000000
--- a/Info/7/1/HTML/img/netz_des_wissens_zentrum.png
+++ /dev/null
diff --git a/Info/7/1/HTML/img/steckbriefe_wiki.png b/Info/7/1/HTML/img/steckbriefe_wiki.png
new file mode 100644
index 00000000..634cd53a
--- /dev/null
+++ b/Info/7/1/HTML/img/steckbriefe_wiki.png
diff --git a/Info/7/1/HTML/slides.md b/Info/7/1/HTML/slides.md
index f9cd6f18..1cd50244 100644
--- a/Info/7/1/HTML/slides.md
+++ b/Info/7/1/HTML/slides.md
@@ -3,7 +3,6 @@ header-includes: |
     \let\tightlist\relax
 ---
 
-
 ## Wiederholung
 
 \Large
@@ -39,7 +38,7 @@ Versuche die Bedeutung möglichst vieler Bestandteile des oben gezeigten Quellte
 
 ## HTML-Editoren
 
-Internetseiten können direkt in der Sprache HTML mit einem Textverarbeitungsprogramm geschrieben werden.
+Internetseiten können direkt in der Sprache **HTML** mit einem Textverarbeitungsprogramm geschrieben werden.
 
 Einfacher geht es aber mit \textcolor{red}{\textbf{WYSIWYG}}-Editoren.
 Man sieht bereits beim Erstellen, wie das Dokument im Browser aussehen wird.
@@ -92,18 +91,26 @@ $\Rightarrow$ **Dein ![](logos/wiki.svg) \textcolor{red}{Netz des Wissens} hat e
 
 ## \faIcon{desktop} Arbeitsauftrag: HTML-Editor
 
-Öffne den HTML-Editor deines ![](logos/wiki.svg) **Netz des Wissens**, indem du im **Zentrum** auf deinen Namen mit dem \boldred{+} klickst.
+\large
+Öffne den HTML-Editor des ![](logos/wiki.svg) **Steckbriefe** Wikis, indem du es im Mebis-Kurs anklickst.
+\vspace{0.5cm}
+
+![](img/steckbriefe_wiki.png){.center width=60%}
+
+\vspace{0.5cm}
+Erzeuge eine neue Seite *Ich*, falls du gefragt wirst.
 
-![](img/netz_des_wissens_zentrum.png)
+## \faIcon{desktop} Arbeitsauftrag: Steckbrief
 
+Schreibe einen kurzen Steckbrief über dich im ![](logos/wiki.svg) **Steckbriefe** Wiki.
 
-## \faIcon{desktop} Arbeitsauftrag
+Der Steckbrief sollte mindestens enthalten:
 
-Schreibe einen kurzen Steckbrief über dich im ![](logos/wiki.svg) **Netz des Wissens**.
+`\begin{tcolorbox}`{=latex}
 
-Der Steckbrief sollte mindestens 
+* Deinen Namen
+* Deine Hobbys
+* Dein Lieblingsessen
+* Informationen über deine Banknachbar*in
 
-* deinen Namen, 
-* deine Hobbys, 
-* dein Lieblingsessen und 
-* Informationen über deine Banknachbar*in enthalten.
+`\end{tcolorbox}`{=latex}
diff --git a/Info/7/1/Hypertext/slides.md b/Info/7/1/Hypertext/slides.md
index 554438d7..57421e0a 100644
--- a/Info/7/1/Hypertext/slides.md
+++ b/Info/7/1/Hypertext/slides.md
@@ -129,7 +129,7 @@ Die nebenstehende Abbildung verdeutlicht, welche Webseiten miteinander verknüpf
 
 ![](img/pokemon-hyperstruktur.png){.center}
 
-## \faIcon{pencil-alt} Hefteintrag {.standout}
+## \faIcon{brain} Hefteintrag {.standout}
 
 \textbf{\Huge 1.3 Hypertextstrukturen}
 
diff --git a/Info/7/1/Intro/img/wiki_edit.png b/Info/7/1/Intro/img/wiki_edit.png
new file mode 100644
index 00000000..9e0377d4
--- /dev/null
+++ b/Info/7/1/Intro/img/wiki_edit.png
diff --git a/Info/7/1/Intro/slides.md b/Info/7/1/Intro/slides.md
index 418ba86a..cd690cfd 100644
--- a/Info/7/1/Intro/slides.md
+++ b/Info/7/1/Intro/slides.md
@@ -3,10 +3,6 @@ author: Florian Fischer
 theme: metropolis
 aspectratio: 169
 header-includes: |
-    \usepackage{tikz}
-    \usetikzlibrary{calc}
-    \usetikzlibrary{positioning}
-    \usepackage{fontawesome5}
     \let\tightlist\relax
 ---
 
@@ -189,7 +185,7 @@ Melde dich danach auch bei Mebis an.
 
 ## \faIcon{desktop} Arbeitsauftrag - 5 min
 \large
-### Wer sind Rainer und Pyro?
+### \Large Wer sind Rainer und Pyro?
 
 Mehr über die beiden erfährst du auf der Homepage von Rainer und der Homepage von Pyro.
 
@@ -201,11 +197,34 @@ Hefteinträge sind farblich hervorgehoben und dem \faIcon{brain} Symbol markiert
 
 \pause
 
+\vspace{0.5cm}
+
+::: {.columns align=center}
+:::: {.column width=50%}
 Öffne in Mebis dein \boldred{Netz des Wissens}.
+::::
 
+:::: {.column width=50%}
 ![](img/mebis_wiki.png){.center height=2cm}
+::::
+:::
+
+\pause
+
+\vspace{0.5cm}
+
+::: {.columns align=center}
+:::: {.column width=50%}
+\faIcon{desktop} Lies den Text der bereits auf der Startseite deines Wikis steht.  
+\vspace{0.25cm}
+
+*Bearbeite* die Seite Zentrum und ersetze das Wort **Name** durch deinen eigenen Namen.
+::::
 
-\faIcon{desktop} Lies den Text der bereits auf der Startseite deines Wikis steht.
+:::: {.column width=50%}
+![](img/wiki_edit.png){.center height=2cm}
+::::
+:::
 
 ## \faIcon{brain} Hefteintrag {.standout}
 
@@ -214,7 +233,7 @@ Hefteinträge sind farblich hervorgehoben und dem \faIcon{brain} Symbol markiert
 
 \Large
 \pause
-\textcolor{red}{HTML} (**H**ypertext **M**arkup **L**anguage) ist eine Sprache zur Dokumentbeschreibung.
+\textcolor{red}{HTML} (*H*ypertext *M*arkup *L*anguage) ist eine Sprache zur Dokumentbeschreibung.
 
 \pause
 HTML-Dokumente können mit HTML-\textcolor{red}{Editoren} erstellt und verändert werden.
@@ -226,9 +245,9 @@ Zum Betrachten von HTML-Dokumenten verwendet man \textcolor{red}{Browser}.
 
 ::: {.columns align=center}
 :::: {.column width=50%}
-Öffne ein Textverarbeitungsprogramm (**Writer** oder **Word**). 
-
-Erstelle eine einfache Seite (wie das Beispiel) und speichere sie anschließend unter dem Namen **Homepage.html**.
+1. Öffne ein Textverarbeitungsprogramm (**Writer** oder **Word**). 
+2. Erstelle eine einfache Seite (wie das Beispiel)
+3. Speichere sie anschließend unter dem Namen **Homepage.html** (\boldred{WICHTIG:} in Word "Webseite"; in Writer "HTML-Dokument").
 ::::
 
 :::: {.column width=50%}
@@ -239,18 +258,20 @@ Erstelle eine einfache Seite (wie das Beispiel) und speichere sie anschließend
 
 ## \faIcon{desktop} Arbeitsauftrag
 \large
-* Öffne nun die Datei `Homepage.html` auch mit einem Browser.  
+* Öffne nun die Datei `Homepage.html` auch mit einem **Browser** (Doppelklick auf die Datei).  
   Gibt es Unterschiede zwischen den Darstellungen im Textverarbeitungsprogramm und im Browser?
 * Stelle im Textverarbeitungsprogramm und im Browser das Fenster so schmal wie möglich ein.  
   Was passiert?
 
-## \faIcon{desktop} Arbeitsauftrag - Steckbrief
-\large
-1. Ersetzte in der ersten Zeile deines Wikis \faIcon{brain} `Name` durch deinen Namen.
-2. Speichere deine Änderungen.
-3. Klicke auf deinen Namen und bearbeite deine ganz persönliche Seite.
+## \faIcon{desktop} Arbeitsauftrag: Steckbrief - 15 min
+
+>- Klicke auf das Steckbriefe Wiki im Mebis Kurs.
+>- Erzeuge eine neue Seite *Ich*.
+>- Gestalte deinen ganz persönlichen Steckbrief.
 
-Deine Seite sollte mindestens enthalten:
+\pause
+
+Dieser sollte mindestens enthalten:
 
 `\begin{tcolorbox}[]`{=latex}
 
@@ -259,4 +280,8 @@ Deine Seite sollte mindestens enthalten:
 * Dein Lieblingsessen und
 * Informationen über deinen Banknachbarn
 
+\begin{tcolorbox}[title=Tipp {\large !}, colframe=orange]
+Erwähne nichts, das andere nicht erfahren sollen.
+\end{tcolorbox}
+
 `\end{tcolorbox}`{=latex}
diff --git a/Info/7/1/Verweise/slides.md b/Info/7/1/Verweise/slides.md
index 199fdda2..270d27af 100644
--- a/Info/7/1/Verweise/slides.md
+++ b/Info/7/1/Verweise/slides.md
@@ -100,7 +100,7 @@ Das **Gymnasium München Riem** ist eine weiterführende Schule im Stadtviertel
 \end{center}
 
 
-## \faIcon{pencil-alt} Hefteintrag {.standout}
+## \faIcon{brain} Hefteintrag {.standout}
 
 \textbf{\huge 1.2 Verweis}
 
diff --git a/Info/7/1/WWW/slides.md b/Info/7/1/WWW/slides.md
index 72551745..07b169ad 100644
--- a/Info/7/1/WWW/slides.md
+++ b/Info/7/1/WWW/slides.md
@@ -27,7 +27,7 @@ Versuche die folgenden Fragen mithilfe einer Suchmaschine (z.B. Google) zu beant
 * Welche Dienste werden im Internet angeboten?
 * Wie viele Menschen nutzen das Internet heute?
 
-## \faIcon{pencil-alt} Hefteintrag {.standout}
+## \faIcon{brain} Hefteintrag {.standout}
 \textbf{\Large 1.4 Das Internet}
 
 Das **Internet** ist ein \boldred{weltweiter öffentlicher Zusammenschluss} von Computern und Computernetzen.
@@ -40,14 +40,14 @@ Das Internet ermöglicht die Nutzung verschiedener Dienste:
 
 ![](img/Copyrighted/www.png){.center}
 
-## \faIcon{pencil-alt} Hefteintrag {.standout}
+## \faIcon{brain} Hefteintrag {.standout}
 
 \textbf{\Huge WWW – \textcolor{red}{W}orld \textcolor{red}{W}ide \textcolor{red}{W}eb}
 
 Das \boldred{World Wide Web} (kurz: \boldred{www}) ist ein System vernetzter Webseiten ([[Hypertextstrukturen]]), die im Internet angeboten werden. 
 Die Webseiten sind dabei durch [[Verweis]]e (*Links*) miteinander verknüpft.
 
-## \faIcon{pencil-alt} Hefteintrag {.standout}
+## \faIcon{brain} Hefteintrag {.standout}
 
 \textbf{\huge Weitere Internetdienste}
 
@@ -62,7 +62,7 @@ Die Webseiten sind dabei durch [[Verweis]]e (*Links*) miteinander verknüpft.
 ![](img/Copyrighted/question-mark.png){.center}
 Wie kann ich eine bestimmte Webseite im Browser aufrufen?
 
-## \faIcon{pencil-alt} Hefteintrag {.standout}
+## \faIcon{brain} Hefteintrag {.standout}
 
 \textbf{\huge Weitere Internetdienste}