Webdesign

Ein Team aus motivierten Schülern widmet sich zusammen mit dem Kursleiter und Webmaster Hr. Scheidl der Pflege und Weiterentwicklung der Internetpräsenz unserer Schule.

Zielsetzung

Ziel des Kurses ist es, erste Kenntnisse zur Gestaltung eines eigenen Internetauftritts zu erlangen. Dazu zählen Grundlagen in der Auszeichnungssprache HTML 5 (Hypertext Markup Language), Formatierung über CSS 3 (Cascading Style Sheets), Einbindung von servergestütztem PHP (Hypertext Preprocessor) und dem Einsatz eines CMS (content management system) z.B. Joomla!. Darüber hinaus spielen Kreativität und gestalterische Aspekte eine wichtige Rolle. Der verantwortungsbewusste Umgang mit sensiblen und persönlichen Daten wird ebenso vermittelt wie der sichere Umgang mit frei verfügbarer Software zur Erstellung, Gestaltung und Verwaltung von Webseiten. Zum selbstständigen Experimentieren können die Teilnehmer einen gesicherten Bereich des EMG-Webservers nutzen.

Nicht zuletzt ist der neuegestaltete Internetauftritt des EMG 3.0 das Ergebnis einer nachhaltigen und zielorientierten Zusammenarbeit des Wahlkurses und der Arbeitsgruppe "Homepage".

Voraussetzungen zur Teilnahme

Zur erfolgreichen Teilnahme am Wahlkurs sollten die Schüler Grundkenntnisse und ein reges Interesse an der Arbeit am Computer mitbringen. Dazu zählen vor allem eine große Bereitschaft, sich selbstständig mit neuen Themeninhalten zu beschäftigen und sich eigenständig weiterzubilden. Die Unterrichtseinheiten des Wahlkurses können dabei nur Impulse setzen und die Schülerinnen und Schüler begleitend beraten. Ein großer Teil der Aufgaben muss außerhalb der Unterrichtszeit am eigenen Computer erfolgen. Für die Teilnahme benötigen die Schüler/-innen einen USB-Stick, eine gültige Emailadresse, sowie die Möglichkeit an einem Computer zu arbeiten. Da vorzugsweise kostenfreie, portable Software zum Einsatz kommt, sind in der Regel keine Administratorrechte oder die lokale Installation von Software erforderlich.

Grundsätzlich wird von den Schülern eine aktive Beteiligung am Wahlkurs erwartet, sowie die vertiefte Einarbeitung in ein Themengebiet in Form einer Präsentation.

Die Teilnahme am Wahlkurs ist ab der 8. Jahrgangsstufe sinnvoll. Bitte beachten Sie, dass pro Schuljahr die Aufnahme von Kursteilnehmern auf maximal 10 Schüler/-innen begrenzt ist.

Termine

Der Wahlkurs trifft sich im immer am Mittwoch, 13:15 - 14:00 Uhr im Computerraum 132.

 

Themenbereiche des Wahlkurses Webdesign

1. Kursthalbjahr - Grundlagen der Webseitengestaltung

Im ersten Kurshalbjahr erlernen die Schüler die Grundlagen der Webseitengestaltung. Die Schüler kennen den Aufbau und Anwendung der Auszeichnungssparache HTML5 und erweitern ihre Fähigkeiten in der Nutzung von Cascading Style Sheets zur Anpassung des Layouts. Die Schüler verwenden typische Programmme zur Erstellung, Gestaltung und Verwaltung von Internetseiten. Zusätzlich geht es um gestalterische Aspekte, den übersichtlichen Aufbau und Barrierefreihet des Internetauftritts, sowie um rechtliche Fragestellungen. Jeder Teilnehmer vertieft sein Vorwissen in der Ausarbeitung einer Präsentation zu einem Fachgebiet seiner Wahl. Die Präsentationen werden den anderen Kursteilnehmern zur Verfügung gestellt.

Seminartehmen des Grundlagenblocks 1

2. Kursthalbjahr - Projektarbeit Webseitengestaltung mit dem CMS Joomla!

Im zweiten Kurshalbjahr erstellen die Schüler im Rahmen einer Projektarbeit einen eigenen Webauftritt mit Hilfe des Content Management Systems Joomla!. Die Schüler sind sich der Vor- und Nachteile eines CMS bewusst und verstehen das grundlegende Strukturkonzept von Joomla!. Auf Basis eines freien Beispieltemplates planen, entwickeln und verwalten die Schüler ihren eigenen Webauftritt im Rahmen des Wahlkurses. Dabei lernen Sie die Bedeutung der einzelnen Bestandteile des CMS kennen, modifizieren und erweitern das Template nach eigenden Vorstellungen.

Seminartehmen des Grundlagenblocks 2

3. Erweiterungsthemen - Grafikdesign, Audio- und Videobearbeitung, Podcast, Youtube

Je nach Bedarf und Interessenlage der Schüler stehen zahlreiche Erweiterungsmöglichkeiten bei der Themengestaltung zur Wahl. Vorzugsweise werden Möglichkeiten der eigenen Contenterstellung angesprochen, mit Schwerpunkt auf der Entwicklung eigener Medieninhalte, wie zum Beispiel Fotografie, Vektorgrafiken, Banner oder Buttons für eigene Templates und der Anfertigung und Bearbeitung von eigenem Audio- und Videomaterial. Eine Fächerübergreifende Zusammenarbeit mit den Fächern Kunsterziehung und Musik ist hier möglich und ausdrücklich erwünscht.

Seminartehmen des Erweiterungsblocks

 

Kontakt

Der Wahlkurs trifft sich immer am Mittwoch, 13:15 - 14:00 Uhr im Computerraum 132.

Für Anregungen und Fragen wenden Sie sich bitte persönlich an Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein! oder per Email an: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!

 

Dokumente und Information zum Wahlkurs

Aktuelles

Safer Internet Day 2017

Externe Links

HTML / CSS -Refernz

HTML5 Handbuch (Stefan Münz)

HTML-Tutorial für Anfänger

w3schools - The language for building web pages

SelfHTML - Grundlagen von HTML

SelfCSS - Grundlagen von Cascading Style Sheets

Bootstrap-Framework - Grundlage für das CMS Joomla! (deutsch / englisch)

 

Empfohlene portable Software (USB-Stick)

Webbrowser - Firefox Portable

FTP-Client - Filezilla portable

Webserver - XAMPP portable

HTML-Editor - Phase 5

Texteditor - Notepad++ portable

Bildbearbeitung - Gimp portable oder PaintNET portable

RAW-Bearbeitung - RawTherapee

 

CMS Joomla!

Joomla! - Ein Content Managemnet System

J!German Projekt - Joomla! auf Deutsch

Joomla Support Forum

Joomla-security

Empfohlene Frameworks: z.B. Helix 3, Gantry, T3-Framework

 

Webdesign-Goodies

Lorem Ipsum Generator

HTML-Farbcodes, Adobe Color CC,

CSS-Buttongenerator, Navtabs-Generator

Responsive Webdesign Test

Favicon-Generator

 

Bildmaterial für Webseiten

Lizenzfreie Fotos und Bilder bei Pexels und Pixabay

Wallpapers und Backgrounds

Banner und Header

The Noun-Project (Icons und Piktogramme)

Webfont-Icons z.B. FontAwesome, Iconmoon, Icofont

 

Kostenlose Webhoster (inc. PHP und mySQL-Datenbank)

bplaced

square7 (CH)

Hostinger

000Webhost

Wolkenbauer

 

Sicherheit und Datenschutz

Klicksafe - Medienpedagogik und Sicherheit im Netz

Handysektor - Alles über das mobile Internet

BSI für Bürger - Sicherheit im Netz

BSI Empfehlungen zur Cyber-Sicherheit

Datenschutzinformationen des KM Bayern