Seite anzeigenÄltere VersionenLinks hierherNach oben Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt. ====== 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. <WRAP nicebox blue> **Ziele des Projekts** * Durch dieses Projekt soll das Wissen zur <color #00a2e8>HTML-Sprache</color> (und natürlich auch dem CSS) gefestigt, erweitert oder auch ergänzt werden. * Durch das Projekt ergibt sich eine <color #00a2e8>fächerübergreifende Zusammenarbeit</color>, die in verschiedenen Projektergebnissen zusammenfliesst. * Innerhalb dieses Projektes lernen Sie auch das <color #00a2e8>Recherchieren in der Bibliothek</color> 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 <color #00a2e8>Formatieren einer Word-Datei</color> 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 <color #22b14c>Podcast</color>, eine <color #22b14c>Dokumentation</color> in einem Word formatiert, eine <color #22b14c>Website</color> zu einem gewählten und mit Frau Stempfel abgesprochenen Thema. * Projekt Informatik - Latein: Eine <color #ff7f27>Präsentation</color>, eine <color #ff7f27>Dokumentation</color> in einem Word formatiert, eine <color #ff7f27>Website</color> 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! </WRAP> ==== Quellensuche ==== {{ :gf1:bibliothek.jpg?direct&200|[[https://www.dnb.de/SharedDocs/Bilder/DE/Buehnen/sammlungen_koerperlicherMedien_buehne.jpg?__blob=normal&v=5 |Quelle]]}} Um eine Quellensuche zielgerichtet, effizient und erfolgreich durchzuführen, sollten Sie die folgenden Punkte beachten: ** [[gf1:quellensuche|HIER]] alles Wichtige zur Quellensuche.** ==== Zeitlicher Rahmen==== <accordion> <panel title ="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! | </panel> </accordion> <accordion> <panel title = "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. | </panel> </accordion> <accordion> <panel title = "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. | </panel> </accordion> <accordion> <panel title = "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. | </panel> </accordion> ==== Arbeitsplattform ==== Wir arbeiten in unserem gemeinsamen <color #7092be>**Team**</color> **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: <WRAP nicebox green> **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. </WRAP> ==== 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. \\ <WRAP nicebox orange> **Links** * https://www.w3schools.com/html/ * https://wiki.selfhtml.org/wiki/HTML </WRAP> <accordion> <panel title="HTML- und CSS- Gerüst"> <code html> <!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> </code> **style.css** <code css> #Titel h1 { color: green; } </code> </panel> </accordion> 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. \\ <WRAP nicebox grey> **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. </WRAP> <accordion> <panel title="Raster"> <color #7092be>**WEBSITE**</color> | | 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 | <color #7092be>**Dokumentation**</color> | | 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 ) </panel> </accordion> <accordion> <panel title="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. </panel> </accordion> ==== 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.** <WRAP nicebox grey> **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. </WRAP> <accordion> <panel title = "Tipps Webelemente"> **Tipps für Websiteelemente:** * Der Head eines HTML-Dokumentes: [[https://www.w3schools.com/html/html_head.asp| Link zu Infos]] <code html> <!DOCTYPE html> <html> <head> <title>A Meaningful Page Title</title> </head> </code> * Div-Element und Div-Container: [[https://www.w3schools.com/html/html_div.asp |Link]] <code html> <div> <h2>London</h2> <p>London is the capital city of England.</p> <p>London has over 13 million inhabitants.</p> </div> </code> <code css> div { width:300px; margin:auto; } </code> * Ein Menue kann wie folgt erstellt werden: [[https://www.w3schools.com/css/css_navbar.asp |Link]] <code html> <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> </code> <code css > li a { display: block; width: 60px; } </code> * Bereiche der Setie könnten wie folgt erstellt werden: [[https://www.w3schools.com/html/tryit.asp?filename=tryhtml_layout_float |Link]] <code html> <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> </code> <code css> * { 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; } }</code> </panel> </accordion> <accordion> <panel title = "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?|[[https://youtu.be/44mbmUGs6mQ|Hier]] finden Sie eine Videoanleitung| |Wie kann man ein Abbildungsverzeichnis generieren?|[[https://youtu.be/VMryB7kbtus | Hier]] finden Sie eine Videoanleitung zum Abbildungsverzeichnis| |Wie kann man Seiten nummerieren und eine Kopfzeile einfügen?| [[https://youtu.be/CpJHuedcvOE | Hier]] finden Sie eine Videoanleitung zum Nummerieren von Seiten und \\ [[https://youtu.be/L5g-IuXyac8|Hier]] eine Videoanleitung zu den Kopfzeilen| |Wie kann man eine Quelle als Fussnote eingeben?|[[https://youtu.be/NSm4YZKUr_Q | Hier]] oder [[https://www.youtube.com/watch?v=F8Pf1AcFtro&ab_channel=DominikB%C3%B6%C3%9Fl|Hier]]eine Videoanleitung zum Erstellen von Fussnoten| |Wie kann man ein Quellenverzeichnis generieren?|[[https://youtu.be/rJO1USn9DBM | Hier]] finden Sie eine Videoanleitung zum Literaturverzeichnis| |Wie kann man die Seitenränder benutzerdefiniert einstellen?|[[https://youtu.be/IWxhiLmpZzs | Hier]] finden Sie eine Videoanleitung zum Formatieren von Seitenrändern| </panel> </accordion> <accordion> <panel title="Angaben für die Religion"> <color #22b14c>**Konzept:**</color> * 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. \\ \\ <color #22b14c>**Dokumentation:**</color> * 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. \\ <color #22b14c>** Podcast**</color> 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==== ^ Merkmale | 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. </panel> </accordion> <accordion> <panel title="Angaben für Latein"> <color #ff7f27>**Dokumentation:**</color> * 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. <color #ff7f27>**Quellen:**</color> \\ 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. <color #ff7f27>**Textlänge und Formatierung:**</color> * Mindestanforderungen ca. 1000 Wörter (ohne Quellen, Bibliographie etc.). * Schriftgrösse 12, Zeilenabstand 1.5, Schrift gut lesbare Schrift (Arial oder ähnlich). <color #ff7f27>** Präsentation:**</color> \\ In der ersten Woche nach den Sportferien, chronologischer Ablauf. <color #ff7f27>** Beurteilungsraster**</color> ^^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| </panel> </accordion> gf1/projekt.txt Zuletzt geändert: 2025/02/11 16:27von marroc