From 603f23b311c7558d1f624d1784a265ecafba98ab Mon Sep 17 00:00:00 2001
From: Florian Fischer <florian.fischer@muhq.space>
Date: Mon, 11 Sep 2023 11:06:19 +0200
Subject: add my 7th form Intro lesson

---
 Info/7/1/Intro/homepage.html                      |  27 ++++
 Info/7/1/Intro/homepage.odt                       | Bin 0 -> 858483 bytes
 Info/7/1/Intro/homepage_html_fcdbd69a68774a7e.gif | Bin 0 -> 53226 bytes
 Info/7/1/Intro/img/bwinf_bw_qrcode_a.png          | Bin 0 -> 2677 bytes
 Info/7/1/Intro/img/homepage.jpg                   | Bin 0 -> 54838 bytes
 Info/7/1/Intro/img/internet.jpg                   | Bin 0 -> 1328218 bytes
 Info/7/1/Intro/img/question_mark.png              | Bin 0 -> 44770 bytes
 Info/7/1/Intro/img/rainbow.png                    | Bin 0 -> 885641 bytes
 Info/7/1/Intro/slides.md                          | 166 ++++++++++++++++++++++
 9 files changed, 193 insertions(+)
 create mode 100644 Info/7/1/Intro/homepage.html
 create mode 100644 Info/7/1/Intro/homepage.odt
 create mode 100644 Info/7/1/Intro/homepage_html_fcdbd69a68774a7e.gif
 create mode 100644 Info/7/1/Intro/img/bwinf_bw_qrcode_a.png
 create mode 100644 Info/7/1/Intro/img/homepage.jpg
 create mode 100644 Info/7/1/Intro/img/internet.jpg
 create mode 100644 Info/7/1/Intro/img/question_mark.png
 create mode 100644 Info/7/1/Intro/img/rainbow.png
 create mode 100644 Info/7/1/Intro/slides.md

diff --git a/Info/7/1/Intro/homepage.html b/Info/7/1/Intro/homepage.html
new file mode 100644
index 00000000..cbcdf6e4
--- /dev/null
+++ b/Info/7/1/Intro/homepage.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
+	<title></title>
+	<meta name="generator" content="LibreOffice 7.5.5.2 (Linux)"/>
+	<meta name="author" content="Florian Fischer"/>
+	<meta name="created" content="2023-09-11T10:54:23.076807912"/>
+	<meta name="changedby" content="Florian Fischer"/>
+	<meta name="changed" content="2023-09-11T11:01:50.438817736"/>
+	<style type="text/css">
+		@page { size: 8.5in 11in; margin: 0.79in }
+		p { line-height: 115%; margin-bottom: 0.1in; background: transparent }
+		a:link { color: #000080; text-decoration: underline }
+		a:visited { color: #800000; text-decoration: underline }
+	</style>
+</head>
+<body lang="de-DE" link="#000080" vlink="#800000" dir="ltr"><p align="center" style="line-height: 100%; margin-top: 0.17in; margin-bottom: 0.08in; page-break-after: avoid">
+<font face="Liberation Sans, sans-serif"><font size="6" style="font-size: 28pt"><b>Herzlich
+Willkommen</b></font></font></p>
+<p>Das ist meine erste tolle Webseite.</p>
+<p align="center"><span lang="de-DE">Q<img src="homepage_html_fcdbd69a68774a7e.gif" name="Image1" align="left" width="550" height="542" border="0"/>
+uelle:
+<a href="https://www.gnu.org/graphics/meditate.html">https://www.gnu.org/graphics/meditate.html</a></span></p>
+<p>Hier siehst du das Maskottchen meines Lieblingsbetriebssystems!</p>
+</body>
+</html>
diff --git a/Info/7/1/Intro/homepage.odt b/Info/7/1/Intro/homepage.odt
new file mode 100644
index 00000000..96036b41
Binary files /dev/null and b/Info/7/1/Intro/homepage.odt differ
diff --git a/Info/7/1/Intro/homepage_html_fcdbd69a68774a7e.gif b/Info/7/1/Intro/homepage_html_fcdbd69a68774a7e.gif
new file mode 100644
index 00000000..61832f4f
Binary files /dev/null and b/Info/7/1/Intro/homepage_html_fcdbd69a68774a7e.gif differ
diff --git a/Info/7/1/Intro/img/bwinf_bw_qrcode_a.png b/Info/7/1/Intro/img/bwinf_bw_qrcode_a.png
new file mode 100644
index 00000000..9b2a67f5
Binary files /dev/null and b/Info/7/1/Intro/img/bwinf_bw_qrcode_a.png differ
diff --git a/Info/7/1/Intro/img/homepage.jpg b/Info/7/1/Intro/img/homepage.jpg
new file mode 100644
index 00000000..b95f90ad
Binary files /dev/null and b/Info/7/1/Intro/img/homepage.jpg differ
diff --git a/Info/7/1/Intro/img/internet.jpg b/Info/7/1/Intro/img/internet.jpg
new file mode 100644
index 00000000..63ee4fa8
Binary files /dev/null and b/Info/7/1/Intro/img/internet.jpg differ
diff --git a/Info/7/1/Intro/img/question_mark.png b/Info/7/1/Intro/img/question_mark.png
new file mode 100644
index 00000000..a75d069c
Binary files /dev/null and b/Info/7/1/Intro/img/question_mark.png differ
diff --git a/Info/7/1/Intro/img/rainbow.png b/Info/7/1/Intro/img/rainbow.png
new file mode 100644
index 00000000..a8d5f710
Binary files /dev/null and b/Info/7/1/Intro/img/rainbow.png differ
diff --git a/Info/7/1/Intro/slides.md b/Info/7/1/Intro/slides.md
new file mode 100644
index 00000000..fc595596
--- /dev/null
+++ b/Info/7/1/Intro/slides.md
@@ -0,0 +1,166 @@
+---
+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
+
+* Bis Weihnachten **Vernetzte Informationsstrukturen** \Large \faIcon{link}
+* Bis März **Chancen und Risiken digitaler Kommunikation** \Large \faIcon{envelope-open-text}
+* Bis Ostern **Ablaufe und Algorithmen** \Large \faIcon{code-branch}
+* (Bis Pfingsten **Projekt**) \Large \faIcon{rainbow}
+
+## 
+
+\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.
-- 
cgit v1.2.3