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

From Medien Wiki
 
(25 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)
* 04.11. HTML Media-Elemente (img, video, audio) + Einfügen CSS-Datei
** [[Media:Web_Basics_I_WS_13_-_1_-_Einführung_HTML.pdf|Einführung HTML]]
* 11.11. CSS – Wir machen unsere Webseite schöner (Farbe + Hintergründe)
* 04.11. Einführung CSS
* 18.11. CSS Wir machen unsere Webseite noch schöner (Schrift, Boxmodell)
** [[Media:Web_Basics_I_WS_13_-_2_-_Einführung_CSS.pdf|Vertiefung HTML & Einführung CSS]]
* 25.11. CSS – Wir machen die schönste Webseite der Welt! (pseudo-Klassen)
** [[Media:Web_Basichs_I_WS_13_-2_-_Daten.zip|Dateien zum Kurs]]
* 02.12. Workflow – Vom Screendesign zur Webseite
* 11.11. Wiederholung CSS & Video und Audio-Elemente
* 09.12. tba
** [[Media:Web_Basics_I_WS_13_-_3_-_Vertiefung_CSS.pdf|Vertiefung CSS]]
** [[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
* 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
* 03.02. kursinterne Endpräsentation



Latest revision as of 12:48, 27 January 2015

Kursplan

Geplanter Kursplan, Änderungen möglich.

  • 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.