Benutzer-Werkzeuge

Webseiten-Werkzeuge


Seitenleiste

Organisatorische Infos zum Unterricht

GFS

Arbeitsmethoden

NwT

Geographie

Englisch

Medienunterricht


Unterrichtsbegleitende Wikis


Fortbildungen

Für alle Online-Aufgaben interessant:
Tipps für das Lesen am Bildschirm


Fehler gefunden? Sag mir Bescheid!

Impressum

Datenschutzerklärung

Lizenz

Alle Inhalte dieser Website – sofern sie nicht von externen Quellen eingebunden werden oder anderweitig gekennzeichnet sind – stehen unter der Creative Commons Lizenz BY-SA.

Creative Commons Lizenzvertrag

(Was ist Creative Commons?)

Open Educational Resources (OER)

Die hier verfügbaren Materialien sind Open Educational Resources (Freie Bildungsmedien).


Logo von Jonathas Mello, CC BY

fortbildungen:erfolgreiche-schulhomepage

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

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

  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.
  2. Gehen Sie den Vortrag noch einmal durch und vergegenwärtigen Sie sich die angesprochenen Designbereiche.
  3. 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.
  4. 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.
  5. 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

Abschluss

fortbildungen/erfolgreiche-schulhomepage.txt · Zuletzt geändert: 27.03.2014 (16:18) von kalt