aboutsummaryrefslogtreecommitdiff
path: root/Info/7/1/Verweise/slides.md
diff options
context:
space:
mode:
Diffstat (limited to 'Info/7/1/Verweise/slides.md')
-rw-r--r--Info/7/1/Verweise/slides.md74
1 files changed, 45 insertions, 29 deletions
diff --git a/Info/7/1/Verweise/slides.md b/Info/7/1/Verweise/slides.md
index 5d738190..6983fa1b 100644
--- a/Info/7/1/Verweise/slides.md
+++ b/Info/7/1/Verweise/slides.md
@@ -14,32 +14,15 @@ Du kannst dich schon anmelden
und den Bildschirm ausschalten.
-## Wiederholung
+```{.include}
+slides-wiederholung.md
+```
-::: {.columns align=center}
-:::: {.column width=50%}
-In welcher Sprache wurden nochmal Webseiten geschrieben?
-::::
-
-:::: {.column width=50%}
-\pause
-![](img/html_human.png){.center height=90%}
-::::
-:::
-
-## Wiederholung - HTML
-
-An welche HTML-Elemente (*tags* \faIcon{tag}) kannst du dich erinnern?
-
-### Mebis Quiz
-
-![](img/html_tags_mebis.png)
-
-## \faIcon{desktop} Arbeitsauftrag - 5 min
+## \faIcon{desktop} Arbeitsauftrag: Steckbrief \hfill 5 min
::: {.columns align=center}
:::: {.column width=50%}
-Öffne deinen Steckbrief von letzter Stunde im ![](logos/wiki.svg) **Steckbriefe** Wiki in der \textit{Quellcode}-Ansicht.
+Öffne deinen Steckbrief von letzter Stunde im ![](logos/wiki.svg) **Steckbriefe**-Wiki in der \textit{Quellcode}-Ansicht.
::::
:::: {.column width=50%}
@@ -63,7 +46,7 @@ Vergiss nicht deine Änderungen zu speichern.
![](img/edge_surf.png){.center width=80%}
-## Verweis und Verweisziel \pause ("\textit{Links}")
+## \faIcon{chalkboard-teacher} Verweis und Verweisziel \pause ("\textit{Links}")
::: columns
:::: {.column width=40%}
@@ -80,7 +63,7 @@ Das **Gymnasium München Riem** ist eine weiterführende Schule im Stadtviertel
::::
:::
-## \faIcon{pencil-alt} Die Klasse VERWEIS
+## \faIcon{lightbulb} Die Klasse VERWEIS
\begin{center}
\begin{tikzpicture}[font=\Large]
@@ -124,6 +107,7 @@ Unter einem \textcolor{red}{Verweis} (Link) versteht man einen Hinweis auf ein a
\pause
Wo diese zu finden ist, muss in der \textcolor{red}{Zieladresse} angegeben werden.
+<!--
## Hefteintrag - Bild einfügen
![](../HTML/img/editor.png)
@@ -146,6 +130,31 @@ Klicke auf das Bildsymbol und gib die Adresse ins **URL**-Feld ein:
![](img/verweis.png){.center}
::::
:::
+-->
+
+## Hefteintrag - Bild einfügen
+
+Lade die Klassenkarte unter \link{https://bycs.link/cdYzqu} herunter.
+
+![](../HTML/img/editor.png)
+
+\begin{tikzpicture}[overlay, remember picture]
+\node[draw=red, line width=1pt, minimum width=0.5cm, minimum height=0.5cm] at (5.52cm, 1.3cm) {};
+\end{tikzpicture}
+
+\vspace{-1cm}
+Klicke auf das Bildsymbol und wähle das eben runtergeladene Bild aus.
+
+::: {.columns align=center}
+:::: {.column width=70%}
+![](img/add_image.png){.center height=60%}
+
+::::
+
+:::: {.column width=35%}
+![](img/verweis.png){.center}
+::::
+:::
## Links einfügen
@@ -155,17 +164,24 @@ Klicke auf das Bildsymbol und gib die Adresse ins **URL**-Feld ein:
\node[draw=red, line width=1pt, minimum width=1.25cm, minimum height=0.5cm] at (10.65cm, 1.3cm) {};
\end{tikzpicture}
-Mit deinem \boldred{WYSIWIG} Editor kannst du Links einfügen.
+Mit deinem \boldred{WYSIWIG}-Editor kannst du Links einfügen.
### Richtig programmieren
In der _Quellcode_-Ansicht kannst du Verweise als `<a href="Zieladresse">Beschreibung</a>`{.html} anlegen.
-## \faIcon{desktop} Arbeitsauftrag - 10min
+## \faIcon{desktop} Arbeitsauftrag: Steckbriefe verlinken \hfill 10min
-<!-- TODO: Praesentiere wie -->
+1. Öffne das ![](logos/wiki.svg) **Steckbriefe-Wiki**
+2. Suche in der *rechten* Auswahl die Steckbriefe deiner Sitznachbarn ![](img/name-dropdown.png){height=10%}
+3. Kopiere die angezeigte **Adresse** aus der Adresszeile deines Browsers
+ ![](img/steckbrief-url.png){.center}
+4. Verlinke \faIcon{link} in deinem Steckbrief die Namen deiner Sitznachbarn mit deren Steckbriefen.
-Verlinke \faIcon{link} in deinem Steckbrief die Namen deiner Sitznachbarn mit deren Steckbriefen.
+\begin{tikzpicture}[overlay, remember picture]
+\node[draw=red, line width=0.75pt, minimum width=11cm, minimum height=0.6cm, anchor=west, xshift=3.7cm, yshift=4.1cm] at (current page.south west) {};
+\end{tikzpicture}
-\underline{Für Schnelle:}
+\vspace{-0.75cm}
+\faIcon{earlybirds} \underline{Für Schnelle:}
Verlinke zusätzlich deine Hobbys mit den Seiten deiner Lieblingsvereine oder dein Lieblingsessen mit einem Rezept aus dem Internet.