Sie sind hier: Startseite > Partizipation > Seminare > Grundkurs Onlinemedien > Links & Literatur

Links & Literatur

Weiterführende Informationen zu den Themenbereichen HTML-Programmierung, CSS, Bildbearbeitung für Onlinemedien, Usability, User Experience, Informationsdesign und Informationsarchitektur.

HTML und CSS - Scripting  und Programmierung

Adobes Produktseite zu Dreamweaver - Hinweise auf Studentenversion beachten:
http://www.adobe.com/de/products/dreamweaver/

Open Source

Empfohlene Text-/HTML Editoren für Microsoft/Windows:

1. Edit Pad Lite (nicht Pro!) - Frei erhältlich für den privaten Gebrauch, kein Open Source. Ganz am Ende der Seite, findet sich der Link auf die Lite-Version:
http://www.editpadpro.com/de.html

2. Webocton-Scriptly -  Frei erhältlich, kein Open Source:
http://scriptly.webocton.de/11/download.html 

3. Microsoft Visual Studio 2010 Express - Frei erhältlich, kein Open Source. Ziemlich umfangreich und vor allem nur dann geeignet, wenn man vorhat mehr als reines HTML zu programmieren:
http://www.microsoft.com/germany/Express/

Empfohlene Text-/HTML Editoren für Apple/Mac OS X:

1. Smultron - Entwicklung wurde Ende 2009 eingestellt; die letzte stabile Version für Mac OS X bis zur Version 10.5 (Leopard) findet sich unter:
http://sourceforge.net/projects/smultron/

2. Fraise - eine Weiterentwicklung basierend auf Smultron nur(!) für Mac OS X 10.6 (Snow Leopard):
http://www.assembla.com/spaces/fraise/documents

Weitere Text-/HTML Editoren für Windows, Mac OS X und Linux:
http://de.wikipedia.org/wiki/Liste_von_HTML-Editoren

Aufgrund der hohen Anzahl von Editoren, die sich für eine HTML Bearbeitung eignen, empfehle ich abschließend die eine oder andere Applikation einfach auszuprobieren und die endgültige Entscheidung auch von der jeweils erhältlichen Dokumentation, Hilfe und der persönlichen Einschätzung im Umgang mit der Benutzungsoberfläche abhängig zu machen.

Nachschlagen

Grundlegend für HTML - http://de.selfhtml.org/
Speziell für CSS - http://de.selfhtml.org/css/
Layoutvorlagen für CSS - http://blog.html.it/layoutgala/
CSS/HTML Templates - http://www.mollio.org/

Spezifikationen

HTML Spezifikation - http://www.w3.org/html/
Clean up your Web pages with HTML TIDY - http://www.w3.org/People/Raggett/tidy/
(X)HTML Validator - http://validator.w3.org/
CSS Spezifikation - http://www.wss-expert.de/Style/CSS/
CSS Validator - http://jigsaw.w3.org/css-validator/

Buchtipps

1. Kurzeinführung zu (X)HTML von Jennifer Niederst Robbins (4. Auflage von 2010):
http://www.oreilly.de/catalog/htmlpr4ger/index.html
Zudem empfohlen - http://www.oreilly.de/catalog/learnweb3ger/

2. Kurzeinführung zu CSS von Eric Meyer (3. Auflage von 2008):
http://www.oreilly.de/catalog/csspr3ger/index.html

3. Von einem der führenden deutschsprachigen Autoren (Stefan Münz) im HTML-Bereich (Für Fortgeschrittene):
http://www.addison-wesley.de/main/main.asp?page=home/bookdetails&ProductID=167444

4. Von einem "Guru" (Eric Meyer) im CSS Bereich (Für Fortgeschrittene):
http://www.addison-wesley.de/main/main.asp?page=home/bookdetails&ProductID=121451
Zudem empfohlen - http://www.csszengarden.com/

Digitale Bildbearbeitung

Adobes Produktseite zu Photoshop - Hinweise auf Studentenversion und Photoshop Elements beachten:
http://www.adobe.com/de/products/photoshop/family/

Lohnenswert: Adobes Designcenter - Nicht nur für Photoshop. In Deutsch / Englisch mit jeweils unterschiedlichen Inhalten:
http://www.adobe.com/de/support/photoshop/
http://www.adobe.com/support/photoshop/

Ausprobieren: Adobes Photoshop im Web - Englischsprachige Webapplikation.
http://www.photoshop.com/

Interessant: Adobe Labs – Nicht nur zum Thema Bildbearbeitung. In Englisch und für Fortgeschrittene/Experten:
http://labs.adobe.com/

Open Source

GIMP - Komplett anderer Ansatz zur Benutzung, aber ebenso "mächtig" wie Adobes Photoshop. Die aktuelle GIMP Version 2.6 bereitet unter Windows Vista und Windows 7 nur "bedingt" Freude bei der Anwendung; die Problematik mit den Arbeitsfenstern wird aber hoffentlich in einer der kommenden Version ausgemerzt.:
http://www.gimp.org/

Buchtipps

1. Photoshop Wow! - Studentenausgabe - von Linnea Dayton und Cristen Gillespie (Die Erstauflage ist von 2007 und bezieht sich vor allem auf Adobe Photoshop in den Versionen CS2 und CS3 für Mac OS X; PC-Tastaturbefehle werden an einigen Stellen ebenfalls erläutet. Für die aktuellen Versionen CS4 und CS5 gibt es Alternativen, wobei diese Buch sehr umfangreich die Grundlagen der digitalen Bildbearbeitung mit Photoshop vermittelt.):
http://www.addison-wesley.de/main/main.asp?page=aktionen/bookdetails&productid=173875

2. Kurzeinführung zu GIMP von Karsten Günther (1. Auflage von 2009):
http://www.oreilly.de/catalog/gimppgger/index.html

Empfohlene Websites

Fachzeitschriften mit dem Fokus auf "Digitale Bildbearbeitung" mit Hilfe von Adobes Photoshop:
http://www.psdmag.org/
http://www.docma.info/

Sonstige Websites

Zahlreiche Tutorials zu Adobes Photoshop:
http://www.photoshoptutorials.de/
(Note: 2-3*)
http://www.psd-tutorials.de/
(Note: 3* - Leider mit Werbung und PopUp/Pop-Under.)

*Auf diesen Plattformen sind nicht alle Tutorials empfehlenswert! Doch als Einstieg, inklusive der Bewertung von Beiträgen und Tutorials durch die Nutzer, und für weiterführende Links brauchbar.

Usability, User Experience, Informationsdesign und Informationsarchitektur

Zu diesen Themenbereichen werden nochmals gesondert Quellen im Laufe des Seminars bekannt gegeben; an dieser Stelle ein paar erste Hinweise:

1. The Elements of User Experience von Jesse James Garret:
http://www.amazon.de/Elements-User-Experience-Voices-Riders/dp/0735712026/ref=sr_1_1?ie=UTF8&s=books-intl-de&qid=1242109066&sr=8-1

2. Information Architecture for the World Wide Web von Louis Rosenfeld:
http://www.amazon.de/Information-Architecture-World-Wide-Web/dp/0596527349/ref=pd_bxgy_eb_img_b

3. Rund um das Thema Usability/User Experience und das dazugehörige Berufsfeld:
http://germanupa.de

4. Und insbesondere in der "Bibliothek" der German UPA:
http://www.librarything.com/catalog/germanupa

Fachverlage und deren Websites

http://www.addison-wesley.de/
(Note: 1 :: Empfehlenswert für Scripting/Programmierung und Bildbearbeitung)

http://www.oreilly.de/
(Note: 1-2 :: Empfehlenswert, insbesondere für Scripting/Programmierung)

http://www.galileocomputing.de/ bzw. http://www.galileodesign.de/
(Note: 2-3 :: Eingeschränkte Empfehlung)

Eine explizite Empfehlung von Bücher wird zurückgestellt: Grund hierfür ist, dass die meisten Publikationen auf bestimmte Applikationen und(!) deren Versionsnummern ausgerichtet sind. Für den Anfang reicht es in der Regel aus, dass eine oder andere Buch als kostenlos erhältliches eBook für ältere Softwareversionen auswendig zu machen. Vor einem Kauf empfiehlt es sich zudem immer entsprechende Rezessionen zu lesen, wobei hier neben der eher technologisch-orientierten Fachzeitschrift ct' vor allem auf die design-orientierte Zeitschrift page und deren Foren/Leserkommentare verweisen wird.

http://www.heise.de/ct/

http://www.page-online.de/

Artikelaktionen