IFD:Web Basics I WS 13: Difference between revisions

From Medien Wiki
m (+ Category WS13)
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
''Titel:'' Web Basics I<br/>
''Titel:'' Web Basics I<br/>
''Lehrperson(en):'' Daniel Schulz<br/>
''Lehrperson(en):'' Daniel Schulz & Tobias Wolf<br/>
''Bewertung:'' 6 [[ECTS]], 3 [[SWS]]<br/>
''Bewertung:'' 6 [[ECTS]], 3 [[SWS]]<br/>
''Termin:'' Montag, 09:15 - 11:30 Uhr<br/>
''Termin:'' Montag, 09:15 - 11:30 Uhr<br/>
Line 13: Line 13:
''2. Gruppe (Tobias)'': Montag, 11:00 bis 13:15 Uhr<br/>
''2. Gruppe (Tobias)'': Montag, 11:00 bis 13:15 Uhr<br/>
''Ort:'' Marienstraße 5, Raum 105<br/>
''Ort:'' Marienstraße 5, Raum 105<br/>
===Gruppe Tobias===


[[/Kursplan|Kursplan]]
[[/Kursplan|Kursplan]]


===Hilfreiche Links===
[[/Ergebnisse|Ergebnisse]]
 
==Hilfreiche Links==
===Referenzen===
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML element reference]
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML element reference]
* [http://www.codecademy.com/tracks/web Web Fundamentals Codecademy]
* [http://developer.mozilla.org/en-US/docs/Web/HTML/Attributes HTML attribute reference]
* [http://developer.mozilla.org/en-US/docs/Web/CSS/Reference CSS reference]
 
===Erklärungen/Tutorials===
* [http://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Introduction Einführung HTML (englisch)]
* [http://developer.mozilla.org/en-US/docs/Web/CSS/Syntax Einführung CSS (englisch)]
* [http://www.codecademy.com/tracks/web Interaktiv HTML lernen (englisch)]
* [http://docs.webplatform.org/wiki/beginners Web development for beginners – WebPlatform.org]
 
===Interface Design===
* Videos
** [http://www.ted.com/talks/david_pogue_says_simplicity_sells.html TED Talk: David Poque “Simplicity Sells”]
** [http://www.youtube.com/watch?v=VpZmIiIXuZ0  YouTube: “Designed By Apple - Intention”]
** [https://vimeo.com/52173464 Vimeo: The Story of Windows 8]
** [http://www.youtube.com/watch?v=zaLMOSWAwdw YouTube: Dieter Rams and Jonathan Ive talk on Design]
* Design Guidelines
** [http://msdn.microsoft.com/de-de/windows/apps/hh779072 Windows Design von Windows Store-Apps Windows Dev Center]
** [http://developer.windowsphone.com/en-us/design Design – Windows Phone Dev Center]
** [http://developer.android.com/design/index.html Design | Android Developers]
** [https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/Principles.html iOS Human Interface Guidelines: Design Principles]
 
''Liste kann gerne ergänzt werden.''


==Beschreibung==
==Beschreibung==
Line 68: Line 94:
* JavaScript, Christian Wenz, Galileo Computing, ISBN 9783836213974
* JavaScript, Christian Wenz, Galileo Computing, ISBN 9783836213974
* XHTML, CSS & Co, Stefan Mintert (Hrsg.), Addison-Wesley, ISBN 3827318726
* XHTML, CSS & Co, Stefan Mintert (Hrsg.), Addison-Wesley, ISBN 3827318726
[[Category:WS13]]

Latest revision as of 15:45, 20 November 2014

Titel: Web Basics I
Lehrperson(en): Daniel Schulz & Tobias Wolf
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

Gruppe Tobias

Kursplan

Ergebnisse

Hilfreiche Links

Referenzen

Erklärungen/Tutorials

Interface Design

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

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

Links

Literatur