m (→Gruppe Tobias) |
m (+ Category WS13) |
||
| (One intermediate revision by the same user 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 20: | Line 20: | ||
[[/Ergebnisse|Ergebnisse]] | [[/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://developer.mozilla.org/en-US/docs/Web/HTML/Attributes HTML attribute reference] | * [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] | * [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/Guide/HTML/Introduction Einführung HTML (englisch)] | ||
* [http://developer.mozilla.org/en-US/docs/Web/CSS/Syntax Einführung CSS (englisch)] | * [http://developer.mozilla.org/en-US/docs/Web/CSS/Syntax Einführung CSS (englisch)] | ||
| Line 32: | Line 32: | ||
* [http://docs.webplatform.org/wiki/beginners Web development for beginners – WebPlatform.org] | * [http://docs.webplatform.org/wiki/beginners Web development for beginners – WebPlatform.org] | ||
===Interface Design=== | |||
* Videos | * Videos | ||
** [http://www.ted.com/talks/david_pogue_says_simplicity_sells.html TED Talk: David Poque “Simplicity Sells”] | ** [http://www.ted.com/talks/david_pogue_says_simplicity_sells.html TED Talk: David Poque “Simplicity Sells”] | ||
| Line 94: | 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