WEB PORTFOLIO FACHKLASSE GRAFIK 3A/3B - 2016-2017

Termine

3A

Datum
Zeit
Inhalt
Mi 16.11. 08:15-11:45 Briefing Projekt, Grundlagen, Berufskunde, erste Übungen
13:00-16:30 Dreamweaver einrichten, HTML und CSS, Übungen
Do 17.11. 08:15-11:45 Grundlagen Domainnamen, Hosting, Design (flexible Layouts, Responsive Design), HTML und CSS, Übungen
13:00-16:30 Organisation (Dateien benennen, Dateipfade), HTML/CSS Übungen: Layoutelemente erzeugen, Bilder, Texte und Links einfügen, Texte formatieren. Schriften einbinden
Fr 18.11. 08:15-11:45 Einfaches Layout skizzieren Desktop und Mobil, damit selbständig responsives Layout programmeiren
13:00-16:30 Vervollständigung des respons. Layouts. Input "Schwierigkeiten mit fixierten Elemente"
Mi 23.11. 08:15-11:45 Domain/Hosting buchen. Input Informationsarchitektur, Struktur erstellen. Besprechung vorliegender Musterlayouts inkl. fixierten Elementen. Layout für eigene Portfolio Website entwerfen. Prototyp in HTML und CSS bauen (mind 2 Layouts: Unterseiten und Startseite)
13:00-16:30 Input JavaScript einbinden: Lightbox anwenden. Fortsetzung Bau Layout-Prototypen.
Do 24.11. 08:15-11:45 KURZPRÄSENTATION: Struktur, Layout (Skizze), Screenshots. Anschliessend Bilddaten für eine Seite bestimmen und im Layout anwenden.
13:00-16:30 Bau Layout Prototypen. Div Inputs CSS Tricks.
Fr 25.11. 08:15-11:45 Layout Prototypen optimieren, dazwischen div. Inputs wie zB. Slideshow erstellen (mit JS)
13:00-16:30 Abschluss Layout Prototyp, Kontrolle.
Mo 28.11. 08:15-11:45 Ausarbeitung Layout Prototypen mit Inhalten (1x Unterseite, 1x Startseite). Programmierung Navigation. Server einrichten im Dreamweaver, FTP Verbindung testen, erste Uploads.
Mi 30.11. 08:15-11:45 Bestimmen der genauen Bildmasse anhand Layout. Bildmaterial layoutgerecht erarbeiten (Photoshop "Sichern für Web", 72dpi, RGB, korrekte Grössen).
13:00-16:30 Bildbearbeitung und Bildausgabe abschliessen. Material einbauen, Code optimieren.
Do 1.12. 08:15-11:45 Erstellen andere Unterseiten, Code optimieren
13:00-16:30 Startseite fertig erstellen, Bild-Links zu Unterseiten einbauen, optimieren, Arbeit abschliessen
Mi 21.12. 13:00-16:30 THEORIE PRÜFUNG BERUFSKUNDE
Fr 23.12. 13:00-16:30 PRÄSENTATION WEBSITE, Diskussion, Feedback

3B

Datum
Zeit
Inhalt
Mo 5.12. 13:00-16:30 Briefing Projekt, Grundlagen, Berufskunde, erste Übungen. Domain/Hosting buchen.
Mi 7.12. 08:15-11:45 Dreamweaver einrichten, HTML und CSS Grundlagen, Übungen
13:00-16:30 Grundlagen Design (flexible Layouts, Responsive Design), HTML und CSS, Übungen
Do 8.12. Feiertag Mariä Empfängnis
Fr 9.12.. 08:15-11:45 Organisation (Dateien benennen, Dateipfade), HTML/CSS Übungen: Layoutelemente erzeugen, Bilder, Texte und Links einfügen, Texte formatieren. Schriften einbinden
13:00-16:30 Einfaches Layout skizzieren Desktop und Mobil, damit selbständig responsives Layout programmieren
Mi 14.11. 08:15-11:45 Vervollständigung des respons. Layouts. Input "Schwierigkeiten mit fixierten Elemente"
13:00-16:30 Input Informationsarchitektur, Struktur erstellen. Besprechung vorliegender Musterlayouts inkl. fixierten Elementen. Layout für eigene Portfolio Website entwerfen. Prototyp in HTML und CSS bauen (mind 2 Layouts: Unterseiten und Startseite)
Do 15.12. 08:15-11:45 Input JavaScript einbinden: Lightbox anwenden. Fortsetzung Bau Layout-Prototypen.
Do 15.12. 13:00-16:30 KURZPRÄSENTATION: Struktur, Layout (Skizze), evtl. Screenshot. Anschliessend Bilddaten für eine Seite bestimmen und im Layout anwenden.
Fr 16.12. 08:15-11:45 Bau Layout Prototypen. Div Inputs CSS Tricks.
13:00-16:30 Layout Prototypen optimieren, dazwischen div. Inputs wie zB. Slideshow erstellen (mit JS)
Mi 21.12. 08:15-09:15 THEORIE PRÜFUNG BERUFSKUNDE
09:15-11:45 Abschluss Layout Prototyp, Kontrolle. Ausarbeitung Layout Prototypen mit Inhalten (1x Unterseite, 1x Startseite). Programmierung Navigation. Server einrichten im Dreamweaver, FTP Verbindung testen, erste Uploads.
13:00-16:30 Bestimmen der genauen Bildmasse anhand Layout. Bildmaterial layoutgerecht erarbeiten (Photoshop "Sichern für Web", 72dpi, RGB, korrekte Grössen).
Do 22.12. 08:15-11:45 Bildbearbeitung und Bildausgabe abschliessen. Material einbauen, Code optimieren.
13:00-16:30 Erstellen andere Unterseiten, Code optimieren
Fr 23.12. 08:15-11:45 Startseite fertig erstellen, Bild-Links zu Unterseiten einbauen, optimieren, Arbeit abschliessen
13:00-16:30 PRÄSENTATION WEBSITE, Diskussion, Feedback