aboutsummaryrefslogtreecommitdiff
path: root/Info/7/1/Verweise/slides.md
blob: 6983fa1bea48f6a2dbb849ff54b03b40b49d935a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
---
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.