---
author: Florian Fischer
theme: metropolis
aspectratio: 169
---

## {.standout}

Herzlich Willkommen!

Du kannst dich schon anmelden

\texttt{[v]orname.nachname}

und den Bildschirm ausschalten.

```{.include}
slides-wiederholung.md
```

## \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.
::::

:::: {.column width=50%}
\vspace{-0.4cm}
![](img/code_view.png){.center}
::::
:::

\underline{Zur Erinnerung:}  
Der Steckbrief sollte mindestens deinen Namen, dein Lieblingsessen, Informationen über Hobbys und eine kurze Info über deine Sitznachbar*in enthalten.

\vspace{0.5cm}

`\begin{tcolorbox}[colframe=red]`{=latex}

Vergiss nicht deine Änderungen zu speichern.

`\end{tcolorbox}`{=latex}

##

![](img/edge_surf.png){.center width=80%}

## \faIcon{chalkboard-teacher} Verweis und Verweisziel \pause ("\textit{Links}")

::: columns
:::: {.column width=40%}
### Verweis

Das **Gymnasium München Riem** ist eine weiterführende Schule im Stadtviertel \underline{\textcolor{blue}{Messestadt Riem}} und bietet den Erwerb des Abiturs in einem mathematisch-naturwissenschaftlichen und einem neusprachlichen Zweig. 

::::

:::: {.column width=60%}
### Verweisziel

![](img/messestadt_riem_wikipedia.png)
::::
:::

## \faIcon{lightbulb} Die Klasse VERWEIS

\begin{center}
\begin{tikzpicture}[font=\Large]
\begin{class}[text width=4.5cm]{VERWEIS}{-2,0}
\only<1>{\attribute{\phantom{Beschreibung}}}
\only<2->{\attribute{Beschreibung}}
\only<-2>{\attribute{\phantom{Zieladresse}}}
\only<3->{\attribute{Zieladresse}}
\only<-3>{\operation{\phantom{öffneZieldokument()}}}
\only<4->{\operation{öffneZieldokument()}}
\end{class}

\begin{object}[text width=7.5cm]{v1}{5.5,0}
\instanceOf{VERWEIS}
\only<-4> {
\attribute{\phantom{"Bg}}
\attribute{\phantom{"Z}}
}
\only<5-> {
\attribute{Beschreibung="Messestadt Riem"}
}
\only<5> {
\attribute{\phantom{"Z}}
}
\only<6-> {
\attribute{Zieladresse="..."}
}
\end{object}
\end{tikzpicture}
\end{center}


## \faIcon{brain} Hefteintrag {.standout}

\textbf{\huge 1.2 Verweis}

\pause

Unter einem \textcolor{red}{Verweis} (Link) versteht man einen Hinweis auf ein anderes Dokument, eine Grafik oder eine Textstelle. 

\pause
Wo diese zu finden ist, muss in der \textcolor{red}{Zieladresse} angegeben werden.

<!--
## Hefteintrag - Bild einfügen

![](../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 gib die Adresse ins **URL**-Feld ein:  
**https://schule.muhq.space/klasse7/verweis.png**

::: {.columns align=center}
:::: {.column width=70%}
![](img/add_image.png){.center height=60%}

::::

:::: {.column width=35%}
![](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

![](../HTML/img/editor.png)

\begin{tikzpicture}[overlay, remember picture]
\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.

### Richtig programmieren

In der _Quellcode_-Ansicht kannst du Verweise als `<a href="Zieladresse">Beschreibung</a>`{.html} anlegen.

## \faIcon{desktop} Arbeitsauftrag: Steckbriefe verlinken \hfill 10min

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.

\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}

\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.