Erstellung und Nutzung einer Website für den Unterricht

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 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 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]

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

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 III: Einen Internetauftritt planen und umsetzen

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

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)