HTML-Workshop: Let's go public...

Webseiten-Design mit HTML und CSS

Begleitmaterial zum Informatikunterricht

 

für die Jahrgangsstufe 9 sowie als Einstieg für alle, die erste Schritte mit HTML
und CSS in Richtung einer eigenen Homepage unternehmen möchten.

Kurskonzept:
Wir betrachten zunächst den prinzipiellen Aufbau einer jeden HTML-Seite und setzen uns danach schrittweise mit den Grundlagen der wichtigsten inhaltlichen Strukturen auseinander. Hierzu gehören Textformatierungen, Listen, Tabellen,
Bilder und Verweise. In Kurseinheit 6 werden verschiedene Aspekte für ein gutes Erscheinungsbild einer Seite thematisiert, wie Abstände, Rahmen und Trennlinien sowie in den Fliesstext eingebettete Elemente.

Abschliessend nutzen wir das erworbene Wissen, um mittels einer externen CSS-Datei mit zentralen Format­definitionen eine vollständige zweispaltige Seitenvorlage mit Kopf- und Fußzeile, Navigation und Inhaltsbereich zu konzipieren (entsprechend der Struktur dieser Seite).

Werkzeuge:
Als HTML-Editor sowie für die Datei- und Projektverwaltung setzen wir PSPad ein.

 

  © K. Milzner, 2013/14