---
author: Florian Fischer
theme: metropolis
aspectratio: 169
header-includes: |
    \usepackage{tikz}
    \usetikzlibrary{calc}
    \usetikzlibrary{positioning}
    \usepackage{fontawesome5}
    \let\tightlist\relax
    \makeatletter
    \beamer@ignorenonframefalse
    \makeatother
---


## Organisatorisches

### Name

Herr Fischer
\pause

### Material

* Papier Ordner, Schnellhefter
* Buch (Mitbringen, wenn angekündigt)
\pause

### Noten

* Unterrichtsbeiträge
* Stegreifaufgaben

## {.standout}

\begin{center}
\Huge Fragen?
\end{center}

## Wettbewerbe Informatik

### Jugendwettbewerb \hfill ![](logos/bwinf_bw.png){ width=2cm }

\vspace{1cm}

::: columns
:::: {.column width=55%}
* Wer: Alle Schüler*innen
* Webseite: [**bwinf.de/bundeswettbewerb**](https://bwinf.de/bundeswettbewerb)
* Einsendeschluss: Zweite Novemberhälfte
* Anmeldung: [**login.bwinf.de**](https://login.bwinf.de)
::::

:::: {.column width=45%}
![](img/bwinf_bw_qrcode_a.png){ width=4cm }
::::
:::

## Vorstellung

Suche Dir eine der Fragen aus.
Stelle Dich kurz vor indem du deinen Namen nennst und die Frage beantwortest.

* Welche digitalen Geräte benutzt du im Alltag?
* Wie viel Zeit verbringst du täglich mit digitalen Medien?
* Was wünscht du Dir vom Informatikunterricht?
* Was hast du dich über Computern / Informatik schon immer gefragt?

## Grober Fahrplan

\large

* Bis Weihnachten **Vernetzte Informationsstrukturen** `{ \Large \faIcon{link} }`{=latex}
* Bis März **Chancen und Risiken digitaler Kommunikation** `{ \Large \faIcon{envelope-open-text} }`{=latex}
* Bis Ostern **Ablaufe und Algorithmen** `{ \Large \faIcon{code-branch} }`{=latex}
* (Bis Pfingsten **Projekt**) \Large `{ \Large \faIcon{rainbow} }`{=latex}

## 

\centering
\includegraphics[height=9cm]{img/internet.jpg}

## 

::: {.columns align=center}
:::: {.column width=50% }
\centering
![](img/question_mark.png){ width=4cm }

\Large Was ist das Internet überhaupt?
::::

:::: {.column width=50%}
![](img/internet.jpg)
::::
:::

## 

::: {.columns align=center}
:::: {.column width=50%}
\centering
![](img/question_mark.png){ width=4cm }

\Large Wozu wird das Internet benutzt?\phantom{p}
::::

:::: {.column width=50%}
![](img/internet.jpg)
::::
:::

## \faIcon{desktop} Arbeitsauftrag - 5 min
\large
### Wer sind Rainer und Pyro?

Mehr über die beiden erfährst du auf der Homepage von Rainer und der Homepage von Pyro.

Rufe dazu die Webseite [https://schule.muhq.space/klasse7](https://schule.muhq.space/klasse7) auf.

## \faIcon{pencil-alt} 1. Vernetzte Informationsstrukturen - Internet

\pause
\textbf{\huge 1.1 HTML-Dokumente}

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

\pause
Zum Betrachten von HTML-Dokumenten verwendet man \textcolor{red}{Browser}.

## \faIcon{desktop} Arbeitsauftrag - 10 min

::: {.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**.
::::

:::: {.column width=50%}
\vspace{1cm}
![](img/homepage.jpg)
::::
:::

## \faIcon{desktop} Arbeitsauftrag
\large
* Öffne nun die Datei Homepage.html auch mit einem Browser.  
  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
\large
Schreibe über dich einen kurzen Steckbrief mit dem HTML-Editor (*KompoZer*).

Der Steckbrief sollte mindestens

* deinen Namen, 
* deine Hobbys, 
* dein Lieblingsessen und 
* Informationen über deinen Banknachbarn enthalten.