IFD:Web Basics I WS 13: Difference between revisions

From Medien Wiki
m (+ Category WS13)
 
(3 intermediate revisions 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 15: Line 15:


===Gruppe Tobias===
===Gruppe Tobias===
''montags, 11:00 bis 13:15 Uhr<br/>
 
[[/Kursplan|Kursplan]]
[[/Kursplan|Kursplan]]
[[/Ergebnisse|Ergebnisse]]
[[/Ergebnisse|Ergebnisse]]


===Hilfreiche Links===
==Hilfreiche Links==
====Referenzen====
===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====
===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 31: 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====
===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 93: 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