
Die eigene Website in einer Woche - Carsten Borchert und Adrian Hampel
Von der Konzeption über den Entwurf bis zur Realisierung eines eigenen kleinen Webauftritts wird der Prozess der Webseitenerstellung und -publikation vermittelt. Am Ende wird die Website online aufrufbar sein. Den Teilnehmer/innen werden in zwei Phasen grundlegende Kenntnisse und Erfahrungen dieses Prozesses nahe gebracht: Entwurfsphase: Ideenentwicklung, Domain beantragen, Umsetzung der Ideen in einen grafischen und strukturellen Entwurf, Vorbereitung und Digitalisierung des Materials, digitale Bildbearbeitung und Rohentwurf.
Realisierungsphase: Einführung in Aufbau und Struktur einer Website, HTML-Grundlagen, Seitenlayout und Gestaltungsmöglichkeiten, Umsetzung des Entwurfs, Datenübertragung mit FTP.
Vorbesprechung
- Erfassung der Vorstellungen und Voraussetzungen der Teilnehmer/innen, Abgrenzung von Möglichkeiten
- Hinweise zur Vorbereitung: Materialstrukturierung, Online-Recherche, Präzisierung der Idee, Anfertigung von Skizzen
Montag 17-21 Uhr
- Einführung und Überblick: Begriffserklärungen, Materialsichtung, Vorstellung der Ideen
- Beantragung einer Domain bzw. eines Webhostingpakets (falls nicht vorhanden)
- Einrichtung der Arbeitsumgebung, nützliche Hinweise für eine effiziente Arbeit mit mehreren Programmen und verschiedenen Dateien
- Vorstellung des Arbeitsprozesses: Rohentwurf, Webentwurf, Codierung, Publikation
- Einrichtung der Entwurfsdatei, Einführung in Adobe Photoshop
Dienstag 17-21 Uhr
- Einführung in Photoshop: Eigenschaften digitaler Bilder, Farben, Interpolation
- Layout mit Photoshop: nützliche Werkzeuge, Arbeiten mit Ebenen, Hilfslinien
- Layout einer einheitlichen Seitenstruktur: Navigation, Subnavigation, Inhaltsbereich
- Einfügen von Inhalten in die Entwurfsdatei, Textformatierung, Transformation
Mittwoch 17-21 Uhr:
- Arbeiten mit Photoshop: Entwurf und Layout der pixelgenauen Vorlage
- Vorbereitung und Webexport der Inhalte
Donnerstag (Puffertag, kein Workshop):
Die Teilnehmer können in unseren Räumen die Arbeiten am Entwurf und die Vorbereitung der Dateien für die Website zum Abschluss bringen. Die Dozenten sind anwesend und beantworten ggf. auftretende Fragen.
Freitag 17-21 Uhr:
- Einführung in HTML: Befehlsstruktur, Tags und ihre Eigenschaften
- Einführung in Dreamweaver: Arbeitsbereich, Symbolleisten, Bedienfelder, Ansichten, Dateiverwaltung und Einrichtung der Site
- Arbeiten in HTML: Textformatierung und -strukturierung, Bildeinbau, Hyperlinks, tabellarisches Layout
- Erstellung einer HTML-Vorlage
Samstag 10-18 Uhr:
- Webcodierung: Umsetzung der Vorgaben aus der Entwurfsdatei in die HTML-Vorlagendatei
- Arbeiten mit Stylesheets: Anlegen, Bearbeiten und Anwenden von CSS-Stilen
- Duplizieren der Vorlagendatei für die Erstellung der Einzelseiten
- Inhaltliche und strukturelle Anpassung der Einzelseiten, Verknüpfung
Sonntag 10-18 Uhr:
- Webcodierung und Einbindung des vorbereiteten Materials
- Seitenoptimierung und Fehlerkorrektur
- Dateiübertragung und Publikation der Site mit einem FTP-Programm
Methoden:
- Projekt- und zielorientierte Arbeit: Inhaltserörterung, Fragen, Antworten, Diskussion, Erläuterung anhand von Beispielen (u.a. mit Projektor)
- Selbständige und angeleitete praktische Arbeit am (eigenen) Computer
- Die Teilnehmer erhalten ein Skript
Lernziele:
- Eigener Webauftritt online
- Kenntnis der Funktionsweise von Webtechnologien und des Arbeitsprozesses zur Erstellung einer Website
- Grundlegende Fähigkeit zur Aktualisierung der eigenen Website
- Kenntnisse in Aufbau und Struktur von Webseiten
- Fähigkeit zur Vorbereitung und Konzeption eigener Webprojekte
Das vordergründige Ziel des Kurses ist die Realisierung einer kleinen individuellen Webpräsentation innerhalb einer Woche.
Die Fähigkeit, im Anschluss an den Kurs eigene neue Webprojekte realisieren zu können ist erfahrungsgemäß abhängig von den Voraussetzungen und Fähigkeiten der Teilnehmer/innen und ist daher kein ausgesprochenes Ziel dieses Kurses.
Im Rahmen des Kurses lassen sich zeit- und erfahrungsbedingt ca. 10-15 Seiten realisieren. Es werden jedoch Vorlagendateien hergestellt, von denen sich im Anschluss an den Workshop weitere Inhaltsseiten herstellen und in die Website einbinden lassen.
Die Teilnehmer/innen sollten außerhalb des Workshops Zeit zum selbständigen Arbeiten zu Hause oder in den Räumen vor Ort aufbringen können.
In einer Vorbesprechung werden alle Details zur Vorbereitung, Strukturierung und Materialsammlung besprochen.
Eigene Rechner können gern mitgebracht werden.
TEILNAHMEVORAUSSETZUNGEN
Eigene Idee oder Konzeption; sicherer Umgang in der Verwaltung von Dateien, Ordnern und mit dem Computer, Erfahrungen mit dem Internet, Grundkenntnisse in Photoshop sind hilfreich; der Besuch des Kompaktkurses „Grundlagen der Website-Erstellung“ wird empfohlen.
