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]] | ||
[[/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 | * [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
Hilfreiche Links
Referenzen
Erklärungen/Tutorials
- Einführung HTML (englisch)
- Einführung CSS (englisch)
- Interaktiv HTML lernen (englisch)
- Web development for beginners – WebPlatform.org
Interface Design
- Videos
- Design Guidelines
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
- 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