Inhaltsverzeichnis
Fortbildung »Erfolgreiche Schulhomepage«
Willkommen zur Fortbildung
Liebe Teilnehmer,
ich freue mich über Ihr Interesse an dieser Fortbildung. Auf dieser Seite finden Sie alle wichtigen Materialien und Links sowie einen Überblick über das Programm des heutigen Tages (einschließlich der Arbeitsaufträge für die Arbeitsphasen).
Ich hoffe, Sie können von der Fortbildung profitieren.
Freundliche Grüße,
Andreas Kalt
Umfrage zum verwendeten CMS
Bitte füllen Sie diese Umfrage rasch aus , so dass wir einen guten Überblich über die verwendeten Systeme bekommen.
Einen Überblick möglicher Systeme finden Sie auf der Website http://php.opensourcecms.com/.
Schulwebsites der Teilnehmer
In zufälliger Reihenfolge. Diese Liste ist evtl. nicht vollständig.
- Eichenwaldschule Legelshurst
- Gewerbeschule Löffingen
Impulsvortrag: Benutzerfreundliches Webdesign
Arbeitsphase I: Analyse eines bestehenden Designs
In dieser ersten Arbeitsphase sollten Sie zu zwei arbeiten und ein bestehendes Design analysieren. Außerdem sollten Sie versuchen, anhand der vorgestellten Prinzipien konkrete Verbesserungsvorschläge zu erarbeiten.
Arbeitsauftrag 1
- Wählen Sie zwei Websites aus, die Sie analysieren möchten. – Idealerweise wären das die Schulwebsites Ihrer beiden Schulen. Sie können aber auch andere Schulwebsites auswählen, die Ihnen bekannt sind.
- Gehen Sie den Vortrag noch einmal durch und vergegenwärtigen Sie sich die angesprochenen Designbereiche.
- Arbeiten Sie pro Website aus jedem der vorgestellten 4 Bereiche (Layout, Text & Typographie, Interaktion, Orientierung) je zwei Beispiele heraus, die verbessert werden könnten. (Notieren Sie darüber hinaus gerne auch Beispiele für die gelungene Umsetzung der Prinzipien). – Wir werden diese Beispiel anschließend im Plenum besprechen.
- Notieren Sie sich ggf. die wichtigsten Punkte Ihrer Analyse sowie die Seiten(bereiche), die Sie bearbeitet haben, so dass wir uns bei der Diskussion die Elemente anschauen können.
- Erabeiten Sie konkrete Vorschläge, wie eine verbesserte Version aussehen könnte. Das kann eine verbale Beschreibung sein oder auch eine Handskizze oder ein bearbeiteter Screenshot etc.
Plenum: Diskussion der erarbeiteten Vorschläge
Wir werden den Rest der Zeit bis zur Mittagspause eine Auswahl der von Ihnen erarbeiteten Vorschläge besprechen.
Mittagspause
Impulsvortrag: Technische Grundlagen
Arbeitsphase II: Webstandards umsetzen
In dieser Arbeitsphase stehen Ihnen mehrere Möglichkeiten offen. Bearbeiten Sie EINE der genannten Optionen.
Option 1
Probieren Sie die Grundlagen von XHTML im Zusammenspiel mit CSS aus indem Sie mit dem beigefügten Beispieldokument arbeiten.
- HTML Beispieldokument (öffnen Sie diese Datei in Ihrem HTML-Editor).
- Zugehörige CSS Datei (die CSS Datei ist noch nicht mit der HTML-Datei verknüpft, entfernen Sie die HTML-Kommentare um den entsprechenden Link im <head> der HTML-Datei.
- Die Sitepoint Referenz wird Ihnen dabei helfen, die einzelnen Elemente der beiden Sprachen zu verstehen.
Option 2
Setzen Sie einige der technischen oder Designanregungen konkret in Ihrer Schulwebsite um.
Option 3
Besprechen Sie konkrete Fragen mit den Teilnehmern und/oder dem Referenten.
Option 4
Machen Sie sich Gedanken, wie Sie die Arbeit an der Website dokumentieren können, so dass das Wissen darüber auch an andere Personen weiter gegeben werden kann. Nützliche Tools dafür sind z.B.
- Screenr: Online Screencasts erstellen
- Wikispaces: Sehr ausgereifte Wiki-Software, für Lehrer kostenlos gute Features, Bsp: KGN Wiki
Zu Hause weiterarbeiten
- Die Beispieldateien sowie die Vorträge im PDF Format und als Quicktime Filme können Sie sich als zip-Datei herunterladen.
- Weiterführende Links zu allen angesprochenen Themen finden Sie in einer Beitragsserie auf meiner Website