V O R T R A G
Ziele
- Websites konzipieren und gestalten
- Verständnis für die Möglichkeiten von Webtechnologien und -design
- Website als Medium (praxisrelevante Ausdrucksform) eröffnen
- Ängste und Hemmungen nehmen
- Spark Joy
Organisation
- Austausch und Updates zu Terminen usw. per Mail
- Materialien am selben Tag verfügbar
- Mitarbeit am eigenen Laptop
Termine
![Die Website als Architektur](/media/center-for-ants.jpg)
![Tools & Techniques](/media/chrome-devtools.png)
![Workshop I](/media/worker-woman-holding-saw.webp)
![Workshop II](/media/worker-woman-holding-saw.webp)
Projekt
Bis zum Modulende wird jede Gruppe eine eigene kleine Website zur öffentlichen Präsentation ausgewählter Forschungsergebnisse umsetzen. Diese Microsite gilt als digitale Erweiterung der gedruckten Publikation, auf deren Basis die erarbeiteten visuellen Stile und inhaltliche Narration übertragen und vertieft werden soll.
Einen konkreten Aspekt der (zuvor) erarbeiteten Inhalte als zentrales Motiv und Grundlage der Website bestimmen. Sinnstiftende Ausgangspunkte dafür können entweder Stadtkarten, Visualisierungen, Zeitstrahlen, Interviews oder Fotoserien bilden.
Umfang (Einzelseiten)
- 🛝 Start
- 🔍 Details
- 📦 Downloads
Tools
Internet- und Computerkunst
Geschichte
![Portrait Foto von Vannevar Bush](/media/vannevar-bush.jpg)
![Portrait Foto von Doug Engelbart](/media/doug-engelbart.jpeg)
![Portrait Foto von Tim Berners-Lee](/media/tim-berners-lee.jpeg)
Vera Molnár
Künstlerin, *1924 in Budapest
![Portrait Foto von Vera Molnár (1961)](/media/vera-molnar-1.jpg)
![Arbeit von Vera Molnár](/media/vera-molnar-2.jpg)
![Arbeit von Vera Molnár](/media/vera-molnar-3.jpg)
![Arbeit von Vera Molnár](/media/vera-molnar-4.jpg)
![Arbeit von Vera Molnár](/media/vera-molnar-5.png)
![Arbeit von Vera Molnár](/media/vera-molnar-6.gif)
April Greiman
Designerin, *1948 in New York City
![Portrait Foto von April Greiman](/media/april-greiman-1.jpg)
![Holographic Model (Plakat für AIGA), 1993](/media/april-greiman-2.jpeg)
![SCI-Arc Making Thinking, 1990](/media/april-greiman-3.jpeg)
![Does It Make Sense? (Cover für Design Quarterly Nr. 133), 1987](/media/april-greiman-4.jpeg)
![Computer Nude (Studies in Perception I), Leon Harmon und Ken Knowlton, 1967](/media/harmon-knowlton-computer-nude.jpg)
Les Horribles Cernettes
Band, *1990 in Genf (CERN)
![Les Horribles Cernettes im LEP Train, 1991](/media/les-horribles-cernettes-1991-lep-train.jpg)
![Les Horribles Cernettes, 1992](/media/les-horribles-cernettes-1992.jpg)
Million Dollar Homepage
Website, *2005 in Nottingham
![Alex Tew und Mark Zuckerberg](/media/tew-zuckerberg.jpg)
Chatroulette
Website, *2009
![Robbie Williams gibt Privat-Konzert im Internet](/media/chatroulette-robbie-williams.jpg)
Studio Moniker
Designstudio, *2012 in Amsterdam
![Luna Maurer und Roel Wouters](/media/moniker.jpg)
Yehwan Song
Entwicklerin, *Seoul
![Yehwan Song](/media/yehwan-song.jpg)
Barrierefreiheit
Sinne
- 👁️ Sehen
- 👂 Hören
- 🖐🏾 Tasten
Film, TV, Live
Untertitel, akustische Bildbeschreibung, Gebärdensprache
Grafikdesign
Brailleschrift, Legasthenie, „Brazilian Ads“
![Brailleschrift](/media/brailleschrift.jpeg)
![GT Haptik Schrift](/media/gt-haptik-font.png)
![OpenDyslexic Schrift](/media/opendyslexic-font.png)
![Ghost (Spicy Catsup) Plakat](/media/advertising-in-brazil-1.jpeg)
![Cesar Hundefutter Plakat](/media/advertising-in-brazil-2.jpeg)
![Cesar Hundefutter Plakat](/media/advertising-in-brazil-3.jpeg)
Webdesign
Text-to-Speech, einfache Sprache, Farbkontraste, Schriftgrößen
![ÖGS barrierefreie Website](/media/oegs-website-barrierefrei.png)
![Häufigkeit der Accessibility Mängeln (WCAG)](/media/websites-with-wcag-failures.png)
![Stark Extension für Google Chrome](/media/stark-chrome-plugin.png)
Qualitäten
Eine Website hat keine fixe Form.
Eine Website ist nie fertig.
![Immer nur ein Ausschnitt](/media/the-document-is-bigger-than-the-screen.jpg)
![Screenshot der Website](/media/office-co-designed-website.jpg)
Eine Website hat viele Eingänge.
![Screenshot der Website](/media/noma-garum-website-1.png)
![Screenshot der Website](/media/noma-garum-website-2.png)
![Screenshot der Website](/media/noma-garum-website-3.png)
![Screenshot der Website](/media/instagram-post-website-screenshot.png)
![Screenshot der Website](/media/houseplant-windows-screenshot.jpg)
Eine Website ist interaktiv.
Wir begreifen die Website als ein Medium, das uns neue und andere Möglichkeiten der Gestaltung und Kommunikation bietet. Welche Aspekte eignen sich? Warum soll das eine Website sein? Was kann ich nur so ausdrücken?
T H E O R I E
I evoke the term ‘handmade web’ to refer to web pages coded by hand rather than by software; web pages made and maintained by individuals rather than by businesses or corporations; web pages which are provisional, temporary, or one-of-a-kind.
J. R. Carpenter in A Handmade Web, 2015
P R A X I S
Projekt Start
- Google Chrome installieren
- A Handmade Web von J. R. Carpenter fertig lesen