IFD:Web Basics I WS 13/Kursplan: Difference between revisions

Latest revision as of 12:48, 27 January 2015

Kursplan

Geplanter Kursplan, Änderungen möglich.

21.10. Einführung
28.10. Einführung HTML (Browser, Editoren, w3c, Semantik, Links)
- Einführung HTML
04.11. Einführung CSS
- Vertiefung HTML & Einführung CSS
- Dateien zum Kurs
11.11. Wiederholung CSS & Video und Audio-Elemente
- Vertiefung CSS
- Übungen mit Lösung
18.11. Workflow – Vom Screendesign zur Webseite
- Beispiel eines Screendesigns in Photoshop: Screendesign_cellu_lart.psd und die Umsetzung: www.cellulart.de
- Design
25.11. Schriften & Beispiel mit Float
- Fonts
- Demo
- Ergebnis
02.12. Rechtliches, Effekt wie bei wearemotto.com & Puzzle
- Demo
- Ergebnis
09.12. Responsives Design
- Demo
- Ergebnis (I want my M K G)
16.12. Zwischenpräsentation
06.01. Jeder arbeitet im Kurs an der Umsetzung der Webseite
- Demo
- Dropdown
13.01. Webseite auf Server bereitstellen
20.01. Einführung in JavaScript
27.01. Kurze Einführung in PHP & CMS
03.02. kursinterne Endpräsentation

07.02. IFD Showreel WS13/14 - Professur-interne Endpräsentation

31.03. Projektabgabe - als gehostetes Projekt UND offene Quelldaten (per Email als ZIP oder ins Fach)

Nice to haves

Tablet-/Smartphone-Optimierung (Responsives Design), Sprites, JavaScript, jQuery, Formulare, PHP.

@@ Line 4: / Line 4: @@
 * 21.10. [[Media:Web_basics_I_introduction_20131021.pdf|Einführung]]
 * 28.10. Einführung HTML (Browser, Editoren, w3c, Semantik, Links)
-** [[File:Web_Basics_I_WS_13_-_1_—_Einführung_HTML.pdf]]
+** [[Media:Web_Basics_I_WS_13_-_1_-_Einführung_HTML.pdf|Einführung HTML]]
-* 04.11. HTML Media-Elemente (img, video, audio) + Einfügen CSS-Datei
+* 04.11. Einführung CSS
-* 11.11. CSS – Wir machen unsere Webseite schöner (Farbe + Hintergründe)
+** [[Media:Web_Basics_I_WS_13_-_2_-_Einführung_CSS.pdf|Vertiefung HTML & Einführung CSS]]
-* 18.11. CSS – Wir machen unsere Webseite noch schöner (Schrift, Boxmodell)
+** [[Media:Web_Basichs_I_WS_13_-2_-_Daten.zip|Dateien zum Kurs]]
-* 25.11. CSS – Wir machen die schönste Webseite der Welt! (pseudo-Klassen) + Webinspektor
+* 11.11. Wiederholung CSS & Video und Audio-Elemente
-* 02.12. Workflow – Vom Screendesign zur Webseite
+** [[Media:Web_Basics_I_WS_13_-_3_-_Vertiefung_CSS.pdf|Vertiefung CSS]]
-* 09.12. tba
+** [[Media:Web_Basichs_I_WS_13_-3_-_Übungen_mit_Lösung.zip|Übungen mit Lösung]]
+*** [http://uni.tobiaswolf.me/webbasics/3/1_css_einfach/ 1 – CSS einfach]
+*** [http://uni.tobiaswolf.me/webbasics/3/2_css_anspruchsvoller/ 2 – CSS anspruchsvoller]
+*** [http://uni.tobiaswolf.me/webbasics/3/3_margin+padding/ 3 – Margin & Padding]
+*** [http://uni.tobiaswolf.me/webbasics/3/4_transition/ 4 – Transition]
+*** [http://uni.tobiaswolf.me/webbasics/3/5_video/ 5 – Video]
+*** [http://uni.tobiaswolf.me/webbasics/3/6_floating/ 6 – Floating]
+* 18.11. Workflow – Vom Screendesign zur Webseite
+** Beispiel eines Screendesigns in Photoshop: [http://uni.tobiaswolf.me/webbasics/4/screendesign_cellu_lart.psd Screendesign_cellu_lart.psd] und die Umsetzung: [http://www.cellulart.de www.cellulart.de]
+** [[Media:Web_Basics_I_WS_13-4-Design.pdf|Design]]
+* 25.11. Schriften & Beispiel mit Float
+** [[Media:Web_Basics_I_WS_13_-5_-_Fonts.pdf|Fonts]]
+** [[Media:Web_Basics_I_WS_13_-5_-_Demo.zip|Demo]]
+** [http://uni.tobiaswolf.me/webbasics/5/ Ergebnis]
+* 02.12. Rechtliches, Effekt wie bei [http://wearemotto.com wearemotto.com] & Puzzle
+** [http://uni.tobiaswolf.me/webbasics/6/demo.zip Demo]
+** [http://uni.tobiaswolf.me/webbasics/6/ Ergebnis]
+* 09.12. Responsives Design
+** [http://uni.tobiaswolf.me/webbasics/7/demo.zip Demo]
+** [http://tobiaswolf.me/iwantmymkg/ Ergebnis (I want my M K G)]
 * 16.12. Zwischenpräsentation
-* 06.01. tba
+* 06.01. Jeder arbeitet im Kurs an der Umsetzung der Webseite
-* 13.01. tba
+** [http://uni.tobiaswolf.me/webbasics/8/demo.zip Demo]
-* 20.01. tba
+** [http://uni.tobiaswolf.me/webbasics/8/ Dropdown]
-* 27.01. Webseite auf Server bereitstellen
+* 13.01. Webseite auf Server bereitstellen
+** FTP-Programm: [http://cyberduck.io Cyberduck | Libre FTP, SFTP, WebDAV, S3 & OpenStack Swift browser for Mac and Windows]
+** [https://www.uni-weimar.de/de/universitaet/struktur/zentrale-einrichtungen/scc-rechenzentrum/service/veroeffentlichung-von-www-seiten/ Bauhaus-Universität Weimar: Hinweise zur Veröffentlichung von WWW-Seiten]
+** [https://www.uni-weimar.de/de/universitaet/struktur/zentrale-einrichtungen/scc-rechenzentrum/service/vpn-zugang/ Bauhaus-Universität Weimar: VPN (Virtual Privat Network)-Zugang]
+* 20.01. Einführung in JavaScript
+** [http://uni.tobiaswolf.me/webbasics/9/demo.zip Demo]
+** [[Media:Web_Basics_I_WS_13_-9_-_JavaScript.pdf|JavaScript]]
+** [http://uni.tobiaswolf.me/webbasics/9/gib-mir-name/ Gib mir Name!]
+** [http://uni.tobiaswolf.me/webbasics/9/slideshow/ Slideshow]
+* 27.01. Kurze Einführung in PHP & CMS
 * 03.02. kursinterne Endpräsentation