m (→Kursplan) |
m (→Kursplan) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
* 21.10. [[Media:Web_basics_I_introduction_20131021.pdf|Einführung]] | * 21.10. [[Media:Web_basics_I_introduction_20131021.pdf|Einführung]] | ||
* 28.10. Einführung HTML (Browser, Editoren, w3c, Semantik, Links) | * 28.10. Einführung HTML (Browser, Editoren, w3c, Semantik, Links) | ||
** [[Media:Web_Basics_I_WS_13_- | ** [[Media:Web_Basics_I_WS_13_-_1_-_Einführung_HTML.pdf|Einführung HTML]] | ||
* 04.11. Einführung CSS | * 04.11. Einführung CSS | ||
** [[Media:Web_Basics_I_WS_13_- | ** [[Media:Web_Basics_I_WS_13_-_2_-_Einführung_CSS.pdf|Vertiefung HTML & Einführung CSS]] | ||
** [[Media:Web_Basichs_I_WS_13_- | ** [[Media:Web_Basichs_I_WS_13_-2_-_Daten.zip|Dateien zum Kurs]] | ||
* 11.11. Wiederholung CSS & Video und Audio-Elemente | * 11.11. Wiederholung CSS & Video und Audio-Elemente | ||
** [[Media:Web_Basics_I_WS_13_- | ** [[Media:Web_Basics_I_WS_13_-_3_-_Vertiefung_CSS.pdf|Vertiefung CSS]] | ||
** [[Media:Web_Basichs_I_WS_13_- | ** [[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/1_css_einfach/ 1 – CSS einfach] | ||
*** [http://uni.tobiaswolf.me/webbasics/3/2_css_anspruchsvoller/ 2 – CSS anspruchsvoller] | *** [http://uni.tobiaswolf.me/webbasics/3/2_css_anspruchsvoller/ 2 – CSS anspruchsvoller] | ||
| Line 19: | Line 19: | ||
* 18.11. Workflow – Vom Screendesign zur Webseite | * 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] | ** 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: | ** [[Media:Web_Basics_I_WS_13-4-Design.pdf|Design]] | ||
* 25.11. Schriften & Beispiel mit Float | * 25.11. Schriften & Beispiel mit Float | ||
** [[Media:Web_Basics_I_WS_13_- | ** [[Media:Web_Basics_I_WS_13_-5_-_Fonts.pdf|Fonts]] | ||
** [[Media:Web_Basics_I_WS_13_- | ** [[Media:Web_Basics_I_WS_13_-5_-_Demo.zip|Demo]] | ||
** [http://uni.tobiaswolf.me/webbasics/5/ Ergebnis] | ** [http://uni.tobiaswolf.me/webbasics/5/ Ergebnis] | ||
* 02.12. Rechtliches, Effekt wie bei [http://wearemotto.com wearemotto.com] & Puzzle | * 02.12. Rechtliches, Effekt wie bei [http://wearemotto.com wearemotto.com] & Puzzle | ||
| Line 29: | Line 29: | ||
* 09.12. Responsives Design | * 09.12. Responsives Design | ||
** [http://uni.tobiaswolf.me/webbasics/7/demo.zip Demo] | ** [http://uni.tobiaswolf.me/webbasics/7/demo.zip Demo] | ||
** [http:// | ** [http://tobiaswolf.me/iwantmymkg/ Ergebnis (I want my M K G)] | ||
* 16.12. Zwischenpräsentation | * 16.12. Zwischenpräsentation | ||
* 06.01. Jeder arbeitet im Kurs an der Umsetzung der Webseite | * 06.01. Jeder arbeitet im Kurs an der Umsetzung der Webseite | ||
| Line 35: | Line 35: | ||
** [http://uni.tobiaswolf.me/webbasics/8/ Dropdown] | ** [http://uni.tobiaswolf.me/webbasics/8/ Dropdown] | ||
* 13.01. Webseite auf Server bereitstellen | * 13.01. Webseite auf Server bereitstellen | ||
* 20.01. Einführung in JavaScript | ** 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 | * 27.01. Kurze Einführung in PHP & CMS | ||
* 03.02. kursinterne Endpräsentation | * 03.02. kursinterne Endpräsentation | ||
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)
- 04.11. Einführung CSS
- 11.11. Wiederholung CSS & Video und Audio-Elemente
- 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
- 02.12. Rechtliches, Effekt wie bei wearemotto.com & Puzzle
- 09.12. Responsives Design
- 16.12. Zwischenpräsentation
- 06.01. Jeder arbeitet im Kurs an der Umsetzung der Webseite
- 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.