IFD:Web Basics I WS 13

Titel: Web Basics I
Lehrperson(en): Daniel Schulz
Bewertung: 6 ECTS, 3 SWS
Termin: Montag, 09:15 - 11:30 Uhr
Ort: Marienstraße 5, Raum 105
Erster Termin: Montag, 21. Oktober 2013, 09:15 Uhr

Kursplan & Infos

1. Gruppe (Daniel): Montag, 8:45 bis 11:00 Uhr
2. Gruppe (Tobias): Montag, 11:00 bis 13:15 Uhr
Ort: Marienstraße 5, Raum 105

Kursplan

Zwischenpräsentation

Zwischenpräsentation Gruppe 1 Zwischenpräsentation Gruppe 2

Hilfreiche Links

Referenzen

• HTML element reference
• HTML attribute reference
• CSS reference

Erklärungen/Tutorials

• Einführung HTML (englisch)
• Einführung CSS (englisch)
• Interaktiv HTML lernen (englisch)

Interface Design

• Videos
  • TED Talk: David Poque “Simplicity Sells”
  • YouTube: “Designed By Apple - Intention”
  • Vimeo: The Story of Windows 8
  • YouTube: Dieter Rams and Jonathan Ive talk on Design
• Design Guidelines
  • Windows Design von Windows Store-Apps – Windows Dev Center
  • Design – Windows Phone Dev Center
  • Design | Android Developers
  • iOS Human Interface Guidelines: Design Principles

Liste kann gerne ergänzt werden.

Beschreibung

Das Werkmodul richtet sich an Studierende gestaltender Studiengänge, die einen Einstieg in die Erstellung von Websiten suchen.

Aktuelle Technologien zur Webentwicklung werden dabei von Grund auf vermittelt, konkrete Vorkenntnisse und Erfahrungen in Interfacegestaltung und Webprogrammierung sind daher nicht erforderlich.

Zu diesem Kurs gehört die Erstellung von Interfaces und die Umsetzung mit Technologien, wie HTML, CSS und Javascript. Mit Hilfe dieser technischen Grundlagen kann auch ein Blick in die Technik der populären CMS-Frameworks, wie Wordpress oder Tumblr, geworfen werden, die sich mit den Grundwerkzeugen des Kurses nach eigenen Vorstellungen verändern und modifizieren lassen.

Vom Aufbau einer Seite, über erste Interface-Mockups und Sitemaps, wird Schritt für Schritt der gestalterische und technische Rahmen einer Website abgesteckt. Mit diesen Grundlagen bildet dieser Einführungskurs eine wichtige Basis für spätere Aufbaukurse zu fortgeschrittenen Themen rund um Webtechnologien (direkt/indirekt), interaktive Systeme und drahtlose Kommunikation (z.B. mit mobilen Endgeräten wie dem iPhone, Android oder Java-fähigen-Handys).

English description

This beginner course is dedicated to all design- and media-students who are interessted in web development. Current technologies for web development will be taught from the basics, previous knowledges or practical experiences are not necessary.

The course deals with all the topics around webdesign and development, HTML, CSS, scriping languages like Javascript, CMS-frameworks, like Wordpress and Tumblr, and other technologies.

Themen

Interfacegestaltung

• vom Entwurf zum Interface-Mockup
• mit Adobe Illustrator und Adobe Photoshop

Grundlagen von Webtechnologien, wie

• HTML
• CSS
• JavaScript
• PHP

Einblicke in

• CMS-Frameworks (Wordpress, Tumblr)
• Datenbanksysteme (MySQL)
• Webapps/Webapplications

Voraussetzungen

k.A.

Leistungsnachweis

Regelmäßige und aktive Teilnahme sowie die Umsetzung einer Projektidee (Anwendung gelernter Inhalte am Beispiel, also z.B. WP-Template, interaktive Netzkunst ...)

Zielgruppe

z.B. Bachelor-Studierende der Fakultäten Medien, Gestaltung und des Studiengangs Medienarchitektur

Literatur

• Cascading Style Sheets, Eric A. Meyer, ISBN 3897213869
• JavaScript, Christian Wenz, Galileo Computing, ISBN 9783836213974
• XHTML, CSS & Co, Stefan Mintert (Hrsg.), Addison-Wesley, ISBN 3827318726