Lehrerfortbildung vom 10.01. bis 12.01.2005 an der Landesakademie Esslingen

Leitung:
Oberstudienrat Patrick Schlaich
Gewerbliche Schulen Lahr

Ziel:
Erarbeiten der notwendigen technischen und gestalterischen Kenntnisse und Fertigkeiten für die Erstellung und Pflege einer Website für den eigenen Unterricht.


Programm:

Referat 1 Referat I: Internet und HTML

Welche Internetdienste gibt es?
Welche Struktur besitzt eine IP-Adresse?
Welchen Vorteil bieten Domain-Namen?
Welche Struktur besitzt eine vollständige Internetadresse (URL)?
Wie muss die Startseite (Homepage) eines Internetauftritts lauten?
Wofür wird HTML benötigt?
Welche Grundstruktur besitzt eine HTML-Datei?
Welche Dateiendung besitzt eine HTML-Datei?

PowerPoint-Präsentation "Internet und HMTL" [ppt] [135 KB]

Workshop 1

Workshop I: Websites erstellen

Textformatierung
Tabellen
Bilder/Grafiken
Hyperlinks
Seiteneinstellungen
PowerPoint-Präsentation "Websites erstellen" [ppt] [1,6 MB]

Übungen und Material zum Workshop [zip] [2,6 MB]

Referat 2

Referat II: Bildbearbeitung

So bereiten Sie Bilder für Webseiten vor:
Wählen Sie die benötigte Bildgröße im Bildbearbeitungsprogramm und nicht im HTML-Editor!
Nehmen Sie die gestalterische Bildbearbeitung im RGB-Modus vor.
Wählen Sie in Abhängigkeit vom Motiv das geeignete Dateiformat JPG oder GIF.
Optimieren Sie jedes Bild, so dass sich ein akzeptabler Kompromiss zwischen Qualität und Ladezeit ergibt.

PowerPoint-Präsentation "Bildbearbeitung" [ppt] [12 MB]

Workshop 2 Workshop II: Bilder und Buttons erstellen

Übungen und Material zum Workshop [zip] [6,1 MB]

Referat 3

Referat III: Screen-Design

Bestimmen Sie im ersten Schritt das Format.
Teilen Sie Ihre Seite mittels Gestaltungsraster auf. Sehen Sie einen festen Platz für Navigation und Inhalte vor.
Wählen Sie Farben, die Ihrer Site den gewünschten Charakter verleihen. Achten Sie auf geeignete Farbkontraste.
Entscheiden Sie sich für eine Systemschrift und eventuell für eine weitere Schrift, die Sie als Grafik verwenden.
Entwerfen Sie einen Navigationsplan.
Gestalten Sie Ihre Navigationselemente nach dem Motto: Keep it small and simple - KISS!

PowerPoint-Präsentation "Screen-Design" [ppt] [3,1 MB]

Workshop 3

Workshop III: Einen Internetauftritt planen und umsetzen

Übungen und Material zum Workshop [zip] [11 MB]

Referat 4 Referat IV: Websites veröffentlichen
Domainnamen
Impressum
Haftungsausschluss
Urheberrecht
Dateinamen
Webhosting
FTP: Dateien uploaden

PowerPoint-Präsentation "Online" [ppt] [332 KB]
  Verwendete Software

Microsoft Internet Explorer (Bestandteil des Betriebssystems)
NVU (N-View) (kostenloser HTML-Editor von Mozilla, wird auf CD-ROM bereitgestellt)
Adobe Photoshop Elements 2.0 (kostet als Schulversion ca. 40 Euro)
WS-FTP LE (kostenlose FTP-Software zur Übertragung der Websites auf den Server, wird auf CD-ROM bereitgestellt)