Inhaltsverzeichnis

Rahmenbedingungen, Informationen und Planung für ein fächerübergreifendes HTML-CSS-Projekt
- Ziele des Projekts (für das Fach Informatik)

Rahmenbedingungen, Informationen und Planung für ein fächerübergreifendes HTML-CSS-Projekt

Ziele des Projekts (für das Fach Informatik)

In diesem Projekt soll das gelernte Wissen über das Erstellen einer Website gefestigt werden. Weiter soll das Arbeiten in der Gruppe geübt werden. Die Arbeit wird über TEAMS geteilt und die zeitlichen Eckpunkte sollten eingehalten werden.

Ziele des Projekts

Durch dieses Projekt soll das Wissen zur HTML-Sprache (und natürlich auch dem CSS) gefestigt, erweitert oder auch ergänzt werden.
Durch das Projekt ergibt sich eine fächerübergreifende Zusammenarbeit, die in verschiedenen Projektergebnissen zusammenfliesst.
Innerhalb dieses Projektes lernen Sie auch das Recherchieren in der Bibliothek und das richtige Zitieren von Quellen. Dies wird sich für die Vertiefungsarbeit und die Maturaarbeit als sehr nützlich erweisen
Im Projekt wird auch das Formatieren einer Word-Datei thematisiert. Dies wird sich für die Vertiefungsarbeit und die Maturaarbeit als sehr nützlich erweisen
Das Projekt wird entweder in Informatik - Religion oder in Informatik-Latein oder für die SAF-Schüler nur in Informatik durchgeführt und bewertet werden. Die Projektergebnisse werden wie folgt sein:
- Projekt Informatik - Religion: Ein Podcast, eine Dokumentation in einem Word formatiert, eine Website zu einem gewählten und mit Frau Stempfel abgesprochenen Thema.
- Projekt Informatik - Latein: Eine Präsentation, eine Dokumentation in einem Word formatiert, eine Website zu einem gewählten bzw. zugeteilten Thema.
Das Zusammenarbeiten in einer kleinen Gruppe von max. 3 Personen soll das effiziente, zielgerichtete Arbeiten sowie eine gute Arbeitsaufteilung in der Gruppe erreicht werden. Jedes Gruppenmitglied muss bei allen Projektergebnissen massgeblich beteiligt sein!

Quellensuche

Um eine Quellensuche zielgerichtet, effizient und erfolgreich durchzuführen, sollten Sie die folgenden Punkte beachten: HIER alles Wichtige zur Quellensuche.

Zeitlicher Rahmen

Planung D2 - Religion und Informatik

Datum	Aktivität
31.10.24	Gruppeneinteilung und Wahl des Themas
	Bibliothek und Recherche betreiben
14.11.24	1. Lektion für die Erstellung des Konzepts - Klärung zu offenen Fragen zum Projektstart in der Informatik
15.11.24	Meilenstein 1: Abgabe Konzept , Einstieg ins Thema HTML, Websites und Internet
21.11.24	Judentum, Informatik: LAB HTML
28.11.24	2 Lektionen Zeit für die Sachanalyse zu erstellen – Zwischenergebnis via Teams am Ende der Lektion abgeben. Informatik: LAB HTML
5.12.24	Judentum, Informatik: Aneignungn von HTML - Skills
6.12.24	Meilenstein 2: Abgabe Sachanalyse, Informatik: Aneignungn von HTML - Skills, Anschliessend noch ein generelles Kapitel zu Suchmaschinen und KI sowie Urheberrecht von Bildern.
Woche vom 6.1.25	Einführung in die Technik und ins Projekt. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 13.1.25	Umschreibung Text für Podcast oder auch schon Aufnahme, erstellen der Website. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 20.1.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 27.1.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 3.2.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 10.2.25	Erstellen der Website, vervollständingen der Dokumentation. Arbeitszeit in den Informatiklektionen.
Woche vom 17.2.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 24.2.25	Am Dienstag: Abgabe der Webseite und der Dokumentation (Titelblatt, Inhaltsverzeichnis, Sachanalyse, Text für Podcast, mit Fussnoten und Literaturverzeichnis) via Teams - im eigenen Kanal der Gruppe!

Planung D1 - Religion und Informatik

Datum	Aktivität
31.10.24	Gruppeneinteilung und Wahl des Themas
	Bibliothek und Recherche betreiben
14.11.24	1. Lektion für die Erstellung des Konzepts, Klärung zu offenen Fragen zum Projektstart in der Informatik
15.11.24	Meilenstein 1: Abgabe Konzept , Einstieg ins Thema HTML, Websites und Internet
21.11.24	Judentum, Informatik: LAB HTML
28.11.24	2 Lektionen Zeit für die Sachanalyse zu erstellen – Zwischenergebnis via Teams am Ende der Lektion abgeben. Informatik: LAB HTML
5.12.25	Judentum, Informatik: Aneignungn von HTML - Skills
6.12.24	Meilenstein 2: Abgabe Sachanalyse, Informatik: Aneignungn von HTML - Skills, Anschliessend noch ein generelles Kapitel zu Suchmaschinen und KI sowie Urheberrecht von Bildern.
Woche vom 6.1.25	Einführung in die Technik und ins Projektrbeitszeit in den Informatik- und Religionslektionen.
Woche vom 13.1.25	Umschreibung Text für Podcast oder auch schon Aufnahme, erstellen der Website. rbeitszeit in den Informatik- und Religionslektionen.
Woche vom 20.1.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. rbeitszeit in den Informatik- und Religionslektionen.
Woche vom 27.1.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. rbeitszeit in den Informatik- und Religionslektionen.
Woche vom 3.2.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 10.2..25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 17.2.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 24.2.25	Am Dienstag: Abgabe der Webseite und der Dokumentation (Titelblatt, Inhaltsverzeichnis, Sachanalyse, Text für Podcast, mit Fussnoten und Literaturverzeichnis) via Teams - im eigenen Kanal der Gruppe! Arbeitszeit in den Informatiklektionen.

Planung D3 - Religion und Informatik

Datum	Aktivität
31.10.24	Gruppeneinteilung und Wahl des Themas
	Bibliothek und Recherche betreiben
14.11.24	1. Lektion für die Erstellung des Konzepts, Klärung zu offenen Fragen zum Projektstart in der Informatik
15.11.24	Meilenstein 1: Abgabe Konzept , Einstieg ins Thema HTML, Websites und Internet
21.11.24	Judentum, Informatik: LAB HTML
28.11.24	2 Lektionen Zeit für die Sachanalyse zu erstellen – Zwischenergebnis via Teams am Ende der Lektion abgeben. Informatik: LAB HTML
5.12.25	Judentum, Informatik: Aneignungn von HTML - Skills
6.12.24	Meilenstein 2: Abgabe Sachanalyse, Informatik: Aneignungn von HTML - Skills, Anschliessend noch ein generelles Kapitel zu Suchmaschinen und KI sowie Urheberrecht von Bildern.
Woche vom 6.1.25	Einführung in die Technik und ins Projekt. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 13.1.25	Umschreibung Text für Podcast oder auch schon Aufnahme, erstellen der Website.Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 20.1.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 27.1.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 3.2.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 10.2..25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 17.2.25	Aufnahme Podcast und am Projekt arbeiten, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 24.1.25	Am Dienstag: Abgabe der Webseite und der Dokumentation (Titelblatt, Inhaltsverzeichnis, Sachanalyse, Text für Podcast, mit Fussnoten und Literaturverzeichnis) via Teams - im eigenen Kanal der Gruppe! Arbeitszeit in den Informatiklektionen.

Planung Latein

Datum	Aktivität
29.10.24	Gruppeneinteilung und Losen des Themas, kurze Einführung in das Projekt
5.11.24	Recherche in der Bibliothek, in Latein noch 1 Lektion Recherche und Einlesen
12.11.24	Latein: 60 min. Recherche, Einstieg ins Thema HTML, Websites und Internet
19.11.24	Latein: 50 min. Abgabe des Konzepts/individuelle Besprechung und Recherche, Informatik: LAB HTML
26.11.24	Latein: 17.20h erste Abgabe, mind. 500 Wörter, Bibliographie, Informatik: LAB HTML
3.12.24	Latein: individuelle Besprechung, Arbeit am Text. Informatik: Aneignungn von HTML - Skills, Anschliessend noch ein generelles Kapitel zu Suchmaschinen und KI sowie Urheberrecht von Bildern.
10.12.25	Latein: 50 min. Arbeit am Text, Informatik: Aneignungn von HTML - Skills, Anschliessend noch ein generelles Kapitel zu Suchmaschinen und KI sowie Urheberrecht von Bildern.
17.12.24	Latein: 24.00h Abgabe des Textes (mind. 1500 Wörter + Bibliographie), Informatik: Prüfung
Woche vom 6.1.25	Individuelle Besprechung, Text bearbeiten, Erstellen der Website. Einführung in die Technik und ins Projekt. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 13.1.25	am 17. Januar um 20.00h Abgabe der Enfassung des Textes, erstellen der Website. Arbeitszeit in den Informatik- und Religionslektionen.
Woche vom 20.1.25	Individuelle Besprechung, Korrektur, erstellen der Website. Arbeitszeit in den Informatik- und Lateinlektionen.
Woche vom 27.1.25	am 28.Januar um 24:00 Uhr Abgabe der Druckfassung, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 3.2.25	Aufnahme Präsentation, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 10.2..25	Aufnahme Präsentation, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 17.2.25	Aufnahme Präsentation, erstellen der Website. Arbeitszeit in den Informatiklektionen.
Woche vom 24.2.25	Präsentation der Arbeiten am 25. Februar im Lateinunterricht.Am Dienstag: Abgabe der Webseite und der Dokumentation (Titelblatt, Inhaltsverzeichnis, Sachanalyse, Text für Podcast, mit Fussnoten und Literaturverzeichnis) via Teams - im eigenen Kanal der Gruppe! Arbeitszeit in den Informatiklektionen.

Arbeitsplattform

Wir arbeiten in unserem gemeinsamen Team Projekt InformatikLateinReligion 1D1 bzw. Projekt InformatikReligion 1D2 bzw. Projekt InformatikReligion 1D3.
Auf diesen Teams sollten Sie die Aufgaben in der gesetzten Frist bearbeiten und dann auch dort ablegen.

Vorbereitungen

Dabei sollten die Dateien im synchronisierten Ordner des zugewiesenen Teamskanals gespeichert werden. Hier gehen Sie wie folgt vor:

Auftrag: Start für die Website

Der Teamskanal wurde bereits erstellt für Ihre Gruppe. Sobald Sie als Gruppe sich gemeldet haben und eingeschrieben sind, wird der Kanal angezeigt. Dieser ist nur für Ihre Gruppe und uns Lehrpersonen sichtbar. Finden Sie diesen Kanal.
Unter „Dateien“ erstellen Sie einen Ordner „Website - Dateien“. Dieser Ordner muss mit Ihrem persönlichen OneNote synchronisiert werden (siehe Menueleiste oder bei den drei Punkten „Synchronisieren“). Ist dies aktiviert, finden Sie lokal in Ihrer Dateiablage einen gleichen Ordner mit diesem Namen. Dieser wird dann mit ihrem Teams und somit mit den anderen Gruppenmitgliedern synchronisiert.
Kontrollieren Sie, dass Sie diesen Ordner Lokal auf Ihrem Drive haben.
Öffnen Sie Visual Studio Code und erstellen Sie eine Datei im Ordner „Website - Dateien“.
Ein Gruppenmitglied kann nun via „Live Share“ dieses Dokument mit den anderen Gruppenmitgliedern teilen.
Wenn ein Gruppenmitglied an einem Dokument arbeitet, schreibt es VOR Arbeitsbeginn eine Nachricht (Via Kanalchat von Teams) den anderen Gruppenmitgliedern.
Erstellen Sie als erstes ein index.html und ein styles.css, Tipps dazu bei den Technischen Vorgaben.

Technische Vorgaben zur Website

Die erstellte Website sollte selbst erstellt werden. Künstliche Intelligenz sollte hier nicht als Hilfe genutzt werden. Es geht darum, das Gelernte zu verarbeiten.
Als Hilfe können die bereits bekannten Seiten zum Nachschlagen genutzt werden.
Sie sollten als Team arbeiten und alle Teammitglieder beim Erstellen der Website beteiligt sein.

Links

HTML- und CSS- Gerüst

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" >
        <title>Title</title>
        <link rel="stylesheet" href="style.css" >
    </head>
    <body>
        <h1>Hello World</h1>
        <div id="main">Hello Div</div>
        <br>
    </body>
</html>

style.css

#Titel
 
h1 {
    color: green;
}

Die HTML-Grundstruktur (inklusive Doctype) und alle eingesetzten Tags müssen korrekt eingesetzt werden! Die Website besteht aus mehreren Unterseiten, die über ein Menü erreichbar sind. Ihre Website enthält jedes gelernte Element richtig und sinnvoll verwendet (Titel, Überschriften, Absätze, Links, Bilder, Tabelle, Aufzählung). Der Inhalt wird mithilfe der Div-Elemente unterteilt. Die Seiten der Website werden über eine externe CSS-Datei formatiert. Diese Formatierung soll einheitlich sein und harmonisch wirken. Achten Sie sich auf leserliche Schriften und gute Kontraste.

Kriterien & Bewertungsraster für die Website :

Die Seite muss aus mehreren Unterseiten bestehen.
Eine Menüleiste zum Navigieren zwischen den Seiten ist zu erstellen.
Eine separate CSS-Datei mit dem Styling ist abzugeben.
Es sollten auch Div-Elemente genutzt werden.
Die Seite sollte ansprechend wirken und mit Bildern bestückt sein.
Die Seite muss übersichtlich sein, dies gilt auch für die HTML-Dateien bzw. die CSS-Datei. Diese müssen geordnet wirken, ein Kommentar kann immer helfen und es sollte eine klare Struktur erkennbar sein.
Die Quellen der Informationen und der Bilder sind auf jeder Seite anzugeben.
Der Inhalt und das Layout wird vom Partnerfach bewertet.
Die Benutzerfreundlichkeit wird bewertet.
Alle Gruppenmitglieder sind beim Projekt aktiv beteiligt.
Die Entwicklung der Website ist über die Extension „History“ gesichert und kann so jederzeit nachvollzogen werden.
Die Website muss auf Quellen gestützt und zu einem mit der Religionskunde bzw. Lateinlehrperon abgesprochenem Thema sein.
Der Podcast bzw. ein Film der Präsentation sind genug guter Qualität auf der Website abrufbar, und müsssen daher auch eingebunden werden.

Raster

WEBSITE

	Die Seite ist bedienerfreundlich.	2
	Die Seite muss aus mehreren Unterseiten bestehen. Diese müssen richtig verlinkt sein und auf eine gemeinsame CSS-Datei zugreifen.	4
	Eine Menüleiste zum Navigieren zwischen den Seiten ist zu erstellen. Diese ist übersichtlich und ansprechend. Die Menüseite kann bedient werden (und funktioniert) und die Menütitel sind gut gewählt.	4
	Div-Elemente werden genutzt und richtig eingesetzt.	4
	Bilder wurden eingefügt und auch der Podcast / die Präsentation kann in der Seite angehört werden. (Verlinken von Quellen)	4
	Die Seite ist übersichtlich vom Layout her und zeigt keine Fehler an.	2
	Die HTML-Dateien sind gut strukturiert, fehlerlos und wenn nötig kommentiert.	2
	Eine separate CSS-Datei mit dem Styling ist vorhanden, hat keine Fehler und ist gut strukturiert und geordnet. Sinnvolle Stylingelemente sind richtig gewählt worden. Kommentare sind eingefügt, dort wo sie nötig sind.	4
	Die Quellen der Informationen und der Bilder sind auf jeder Seite angegeben.	2
	Alle Gruppenmitglieder sind beim Projekt aktiv beteiligt. Hier fließen die Beobachtungen im Unterricht, das Ablegen bzw. Arbeiten auf der Dateiablage im Teams und auch die Selbsteinschätzung ein.	6

Dokumentation

	Die Seitenränder, die Seitennummerierung sowie Kopf- bzw. Fußzeile sind vorhanden und wurden richtig in Word erstellt.	2
	Die Quellenverweise wurden technisch richtig umgesetzt.	2
	Das Inhaltsverzeichnis, Quellenverzeichnis und das Abbildungsverzeichnis sind richtig erstellt worden.	2
	Allgemein Formatierung	3

Total sind 43 Punkte erreichbar. Der Notenschlüssel ist Linear (Punkte durch max.Punkte mal 5 + 1 )

Gruppengrösse und Bewertung

2er-Gruppe:

Die Website muss aus einer Hauptseite (index.html) und mindestens einer Unterseite bestehen
Die Gruppe hat einen Bonus von zwei grössere Fehler in den gesamten html- und css-Dateien.
Die Gruppe hat einen Bonus von vier kleinere Fehler in den gesamten html- und css-Dateien.
Die Gruppe hat einen Bonus von einem Formatierungsfehler in der Dokumentation.
Die Gruppe hat einen Bonus von einem inhaltlichen Fehler in der Dokumentation.
Die Gruppe hat einen Bonus im „Zeitintervall“, sie kann den Podcast von 4 Minuten Länge auf +-1 Minute ausnutzen.
Die html-Datei und die css-Datei sind gut kommentiert.
(Latein: Die Präsentation hat eine Länge von 4 Minuten Länge auf +-1 )
Die Minimallänge der Dokumentation umfasst…Zeichen.

3er-Gruppe

Die Website muss aus einer Hauptseite (index.html) und mindestens drei Unterseiten bestehen
Die Gruppe hat einen Bonus von einem grösseren Fehler in den gesamten html- und css-Dateien.
Die Gruppe hat einen Bonus von zwei kleinere Fehler in den gesamten html- und css-Dateien.
Die Gruppe hat einen Bonus im „Zeitintervall“, sie kann den Podcast von 4 Minuten länge auf +-0.5 Minuten ausnutzen.
Die html-Datei und die css-Datei sind gut kommentiert.
(Latein: Die Präsentation hat eine Länge von 4 Minuten Länge auf +-30 s. )
Die Minimallänge der Dokumentation umfasst…Zeichen.

4er-Gruppe

Die Gruppe hat keine Bonuspunkte und muss die gegebenen Rahmenbedingungen einhalten.
Dies umfasst neben einer inhaltlich fehlerfreien Dokumentation, auch dass diese fehlerfrei im Formatieren ist.
Die Website muss aus einer Hauptseite (index.html) und mindestens vier Unterseiten bestehen.
Es gibt weder in der html- noch in der css-Datei Fehler.
Der Podcast entspricht genau der festgelegten Länge von 4 Minuten.
Die html-Datei und die css-Datei sind gut kommentiert.
(Latein: Die Präsentation hat eine Länge von 4 Minuten Länge)
Die Minimallänge der Dokumentation umfasst…Zeichen.

Vorgaben zum Inhalt der Website und der Dokumentation

Die Website muss auf Quellen gestützt und zu einem mit der Religionskunde bzw. Lateinlehrperon abgesprochenem Thema sein.

Inhalt und Dokumentation

Für den Inhalt der Website ist auf die Richtigkeit des Inhalts und auf eine korrekte und verständliche Sprache zu achten, Plagiate sind nicht erlaubt und Quellen werden angegeben, das heisst, Texte werden nicht einfach kopiert und alle Quellen sind bei jeder einzelnen Seite unten anzugeben. Bei Bildern ist die Quelle und der Autor anzugeben. (Das Recht am eigenen Bild sowie die Datenschutzrichtlinien werde eingehalten.)
Der Inhalt der Website muss auch als Dokumentation in Wordform abgegeben werden.

Format des Dokuments: Das Dokument umfasst somit…

…eine Titelseite.
…ein generiertes Inhaltsverzeichnis und ein Abbildungsverzeichnis.
…die Seiten sind nummeriert und es gibt eine Kopfzeile und eine Fusszeile.
…die Titel, Untertitel etc als solche formatiert sind (sonst kann auch kein Verzeichnis erstellt werden).
…die Seitenränder betragen 2.5cm.
…die Quellen müssen per Fussnote angegeben werden und es sollte auch ein Quellenverzeichnis generiert werden, dies sollte am Ende des Dokumentes neben dem Abbildungsverzeichnis figurieren.

Tipps Webelemente

Tipps für Websiteelemente:

Der Head eines HTML-Dokumentes: Link zu Infos

 <!DOCTYPE html>
<html>
<head>
  <title>A Meaningful Page Title</title>
</head>

Div-Element und Div-Container: Link

  <div>
  <h2>London</h2>
  <p>London is the capital city of England.</p>
  <p>London has over 13 million inhabitants.</p>
</div>

 div {
  width:300px;
  margin:auto;
}

Ein Menue kann wie folgt erstellt werden: Link

  <ul>
  <li><a href="default.asp">Home</a></li>
  <li><a href="news.asp">News</a></li>
  <li><a href="contact.asp">Contact</a></li>
  <li><a href="about.asp">About</a></li>
</ul>

 li a {
  display: block;
  width: 60px;
}

Bereiche der Setie könnten wie folgt erstellt werden: Link

 <h2>CSS Layout Float</h2>
<p>In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.</p>
<p>Resize the browser window to see the responsive effect (you will learn more about this in our next chapter - HTML Responsive.)</p>
 
<header>
  <h2>Cities</h2>
</header>
 
<section>
  <nav>
    <ul>
      <li><a href="#">London</a></li>
      <li><a href="#">Paris</a></li>
      <li><a href="#">Tokyo</a></li>
    </ul>
  </nav>
 
  <article>
    <h1>London</h1>
    <p>London is the capital city of England. It is the most populous city in the  United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
    <p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p>
  </article>
</section>
 
<footer>
  <p>Footer</p>
</footer>

 * {
  box-sizing: border-box;
}
 
body {
  font-family: Arial, Helvetica, sans-serif;
}
 
/* Style the header */
header {
  background-color: #666;
  padding: 30px;
  text-align: center;
  font-size: 35px;
  color: white;
}
 
/* Create two columns/boxes that floats next to each other */
nav {
  float: left;
  width: 30%;
  height: 300px; /* only for demonstration, should be removed */
  background: #ccc;
  padding: 20px;
}
 
/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 0;
}
 
article {
  float: left;
  padding: 20px;
  width: 70%;
  background-color: #f1f1f1;
  height: 300px; /* only for demonstration, should be removed */
}
 
/* Clear floats after the columns */
section::after {
  content: "";
  display: table;
  clear: both;
}
 
/* Style the footer */
footer {
  background-color: #777;
  padding: 10px;
  text-align: center;
  color: white;
}
 
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav, article {
    width: 100%;
    height: auto;
  }
}

Tipps zum Formatieren

Um diese Punkte zu erfüllen, müssen eventuell einige Word-Kenntnisse aufgefrischt werden. Hier einige Hilfen dazu!

Leitfragen	Links mit Antworten
Wie kann man ein Inhaltsverzeichnis generieren?	Hier finden Sie eine Videoanleitung
Wie kann man ein Abbildungsverzeichnis generieren?	Hier finden Sie eine Videoanleitung zum Abbildungsverzeichnis
Wie kann man Seiten nummerieren und eine Kopfzeile einfügen?	Hier finden Sie eine Videoanleitung zum Nummerieren von Seiten und Hier eine Videoanleitung zu den Kopfzeilen
Wie kann man eine Quelle als Fussnote eingeben?	Hier oder Hiereine Videoanleitung zum Erstellen von Fussnoten
Wie kann man ein Quellenverzeichnis generieren?	Hier finden Sie eine Videoanleitung zum Literaturverzeichnis
Wie kann man die Seitenränder benutzerdefiniert einstellen?	Hier finden Sie eine Videoanleitung zum Formatieren von Seitenrändern

Angaben für die Religion

Konzept:

Mindestens 2 Buchquellen und insgesamt 4 Quellen, dabei ist auch der Auftrag der Bibliothek inbegriffen. (Suchprotokoll und Qualität der Quellen)
Der Titel der Arbeit bzw. der Website bzw. des Podcasts muss bestimmt sein. Dies bedeutet neben dem Titel auch die Auswahl der fundamentalistischen, oder extremistischen Gruppierung.
Ein Verlaufsplan (wer erledigt was wann) – Tabellenform und eine Arbeitsaufteilung ist abzugeben. Dadurch wird verhindert, dass etwas vergessen geht oder auch dass die Arbeitsaufteilung zwischen den Gruppenmitgliedern unausgeglichen ist.

Dokumentation:

Es sollte ein schriftlicher zusammenhängender Text mit Fussnoten und Bibliografie erstellt werden, dabei müssen mindestens 2 Buchquellen und insgesamt 4 Quellen verwendet werden. Der Text sollte anschliessend für den Podcast verwendet werden – schreiben Sie also den Text so, dass es eine mündliche Sprache ist.
Es sollten mindestens 2 Seiten – maximal 3 Seiten Text vorhanden sein (Ohne Titelblatt, Inhaltsverzeichnis, Quellenverzeichnis, Abbildungsverzeichnis)
Der Zeilenabstand muss 1.5 betragen.
Die Schrift für den Text muss Calibri, Schriftgrösse 12 gewählt werden.
Die Dokumentation muss eine Länge von 8'000 bis 10'000 Zeichen (ohne Leerschlag) haben.
Erleichterung:
- 2er Gruppen: Die Gruppe hat einen Bonus von einem Formatierungsfehler in der Dokumentation.
- Die Gruppe hat einen Bonus von einem inhaltlichen Fehler in der Dokumentation.

Podcast

Die Anforderungen an den Podcast sind:

Mindestens 3 Minuten bis maximal 4 Minuten
Alle Gruppenmitglieder müssen hörbar sein
Stimme, Lesefluss / Artikulation und die Korrekte Sprache werden bewertet
Der Podcast sollte auch bearbeitet werden:
- Ein Schnitt (Intro Extro mit Musik) oder / und ein Teppich sollte vorhanden sein
- Die Übergänge zwischen den verschiedenen Stimmen und der Musik sollten bearbeitet werden
- Es sollten keine Nebengeräusche hörbar sein.
Ein Roter Faden (inhaltlich – Logik) sollte gut erkennbar sein und so gibt es im Podcast auch eine inhaltliche Korrektheit
Auch die Kreativität wird mitbewertet.

Raster

Einheit	Punkte
Meilensteine	/ 17 P.
Dokumentation	/ 25 P.
Podcast	/ 60 P.
Webseite	/ 35 P.
Gesamtpunktzahl	/ 137 P.

Detaillierte Punkte


Qualität der Fussnoten und Bildquellen / Fussnoten und Bildquellen sind korrekt angegeben	0-5P.
Bibliografie korrekt angegeben	0-5P.
Inhalt logisch aufgebaut / roter Faden	0-5P.
Inhalt ist korrekt / Fokus der Themen	0-5P.
Bilder gut ausgesucht und passend platziert	0-5P.

Punkte: 25 P.

—

Podcast

2er Gruppe: Bonus im „Zeitintervall“, Podcast-Länge: 3-4 Minuten.
3er Gruppe: Bonus im „Zeitintervall“, Podcast-Länge: 3:30 - 4 Minuten.
4er Gruppe: Podcast-Länge: 4 - 4:30 Minuten.

Merkmale:

Merkmale
Aufbau: Angemessene Beitragslänge	0-5P.
Aufbau: Logische Anordnung der Inhalte	0-5P.
Aufbau: Leitung des Hörers, der Hörerin	0-5P.
Inhalt: Ist der Inhalt korrekt? / Qualität	0-5P.
Inhalt: Fokus / verschiedene Aspekte	0-5P.
Inhalt: Logik	0-5P.
Sprache: Angemessene Wortwahl / Sprachniveau	0-5P.
Sprache: Hörbar formuliert	0-5P.
Stimme: Angenehme und deutliche Aussprache	0-5P.
Stimme: Abwechslungsreiche Stimmführung	0-5P.
Schnitt: Nebengeräusche / Übergänge / Pausen	0-5P.
Schnitt: (Intro/Extro/Jingle) gekonnt eingesetzt	0-5P.

Punkte: 60 P.

—

Webseite

Merkmale:

Merkmale
Inhalt: Werden die wichtigsten Aspekte wieder aufgenommen.	0-5P.
Inhalt: Gibt es weitere Informationen, die im Podcast nicht erwähnt wurden.	0-5P.
Inhalt: Grammatikalische Fehler / Sprache	0-5P.
Struktur: Ist die Webseite gut strukturiert	0-5P.
Bilder: Gut ausgesucht / richtig platziert	0-5P.
Layout: Ansehnlich / Ästhetisch / Farbgebung / Unterseiten	0-5P.
Kreativität / Originalität	0-5P.

Punkte: 35 P.

Angaben für Latein

Dokumentation:

Form: Schriftlicher zusammenhängender Text mit Karten, Schemata, Fussnoten und Bibliographie.
Inhalt / Struktur:
- Vorgeschichte des Konflikts
- Ursache/Auslöser/Grund des Konflikts
- Beschreibung der Schlacht (Strategie(n), Aufstellung, Truppen, Vorgang/Ablauf, Ausgang etc.)
- Folgen für die Konfliktparteien/Geschichte
kritische Meinung zu den Quellen/Geschehen etc.

Quellen:
Mindestens 4 Buchquellen (davon mind. 1 Primärquelle, z.B. Livius, Plutarch, Polybius, Cassius Dio, Caesar BC, Appian, Sueton etc.), Internetquellen dürfen nicht überwiegen.

Textlänge und Formatierung:

Mindestanforderungen ca. 1000 Wörter (ohne Quellen, Bibliographie etc.).
Schriftgrösse 12, Zeilenabstand 1.5, Schrift gut lesbare Schrift (Arial oder ähnlich).

Präsentation:
In der ersten Woche nach den Sportferien, chronologischer Ablauf.

Beurteilungsraster

Punkte

Informationsgehalt	10
wissenschaftliche Genauigkeit	2
Aufbau und Schwerpunkt des Textinhaltes	3
Sprachqualität (Stilistik und Orthographie/Grammatik)	4
Quellenkritik	1
Einhaltung der Vorgaben	2