BKO – Differenzierungskurs – Informatik / Webdesign Kerstin Fröhlig _________________________________________________________________
Das World Wide Web ist eines der großen Erfindungen der Menschheit. Es macht Informationen schneller und einfacher zugänglich als jemals zuvor in der Geschichte.
Aber was hat das mit Dir zu tun?
Dieser Kurs vermittelt die Grundlagen zu verstehen, wie das Web funktioniert, und
Grundkenntnisse in den gängigen Programmiersprachen zur Entwicklung von Internetseiten (HMTL, CSS).
Im zweiten Halbjahr beschäftigen wir uns dann damit, Internetseiten ohne Programmier- kenntnisse zu erstellen und benutzen ein sogenanntes Contentmanagementsystem (CMS).
Hierbei ist Kreativität gefragt.
Voraussetzung:
• Interesse an Informatik & Programmierung
• Spaß an der Gestaltung & Ideen für die Gestaltung von Internetseiten Inhalt:
1. Begifflichkeiten rund um das Thema World-Wide-Web & Webdesign (ca. 3-4 Doppelstunden) u.a.:
• Homepage
• Webbrowser
• HTML / HTML5
• CMS – Content-Management-Systeme
• Serverkommunikation, Web-Provider, Web-Server
• URL
• DNS (Domän-Name-Server)
• Programmiersprache/ Interpreter/ Compiler
→ Erarbeitung in Partnerarbeit, Dokumentation in Powerpoint und Präsentation 2. Erstellung erster Seiten in HTML (ca. 5 Doppelstunden)
• Aufbau einer Internetseite
• Werkzeugkasten: HTML-Editor & Webbrowser
• Einführung in Phase5 (Editor)
• Befehlsaufbau von HTML-Befehlen
• Erste HTML-Befehle
→ Ergebnis: Erste selbstgestaltete Internet-Seiten
BKO – Differenzierungskurs – Informatik / Webdesign Kerstin Fröhlig _________________________________________________________________
3. Farbliche Gestaltung & Fonts von Internetseiten in CSS (ca. 3 Doppelstunden)
• Einführung in CSS
• Erste CSS-Befehle
→ Ergebnis: Die erstellten Internet-Seiten werden farblich gestaltet.
4. Seitenlayout in HTML & CSS (ca. 3 Doppelstunden)
• Welche Möglichkeiten gibt es, das Layout von Internet-Seiten zu gestalten?
→ Ergebnis: Erstellung unterschiedlicher Layouts
5. Schülerprojekt: Erstellung einer eigenen Homepage (ca. 6 Doppelstunden)
Ziel dabei ist es, Seiten nach eigenen Vorstellungen zu entwickeln und dabei das gelernte anzuwenden, sowie sich bei Bedarf neue Befehle selbst zu erarbeiten.
→ Ergebnis: Eigene Homepage
6. Erarbeitung von individuellen Themen: Hierbei können sich die Teams selbstständig ein Thema überlegen (ca. 6 Doppelstunden)
Häufig kommen im Laufe des Unterrichts Fragestellungen auf, die hier vertiefend bearbeitet werden können.
→ Ergebnis: Präsentation / ggf. Einbindung in die Homepage
7. Gestaltung von Homepages mit WordPress (ca. 15 Doppelstunden)
WordPress ist eine Web-Software, mit der du moderne Internetpräsenzen, Websites, Blogs und Online-Shops umsetzen kannst. WordPress ist freie Software, die du
kostenlos nutzen darfst.
→ Ergebnis: Schüler entwerfen Websites, Blogs und Online-Shops und stellen sie online.
Unterrichtsmaterial:
http://www.w3schools.com/HTML/default.asp
Schrödinger lernt HTML5, CSS3 & Javascript – Das etwas andere Fachbuch https://de.wordpress.org/