Ein Webtemplate ist eine Gestaltungsvorlage, die ein Laie bei der Erstellung von Webseiten bei einfachen Webprogrammen auswählen kann (siehe z.B. jimdo und andere) oder, die ein Designer zur Entwicklung einer Website als Entwurf gestaltet, um mit dem Auftraggeber und den dazugehörigen Partnern zu besprechen. In diesem Auftrag entwickeln Sie eine Gestaltungsvorlage für einen Webauftritt zu einer fiktiven Künstlerin bzw. einem fiktiven Künstler. (6SF)
Ziele
- Weiterführung im Bereich Visuelle Kommunikation
- Verbesserung der Gestaltungs- und Medienkompetenz im Webbereich (als User und Autor)
Vorkenntnisse/ Vorübung
- technische Einführung zum Thema Internet und Webdesign (Server, Client, html, Browser etc.)
- Recherchen und Analysen bestehender Webseiten
- Besprechung von Portfolios (Werkportfolios von Künstlern)
- Rekapitualtion der Grundlagen des Grafik- und Web-Designs (Layout , Typographie ...)
- Unterscheidung der Ästhetik im Print- und Webbereich (Wieso ist das so?)
Auftrag
Erstellen Sie ein Webtemplate für ein Werkportfolio eines fiktiven Künstlers! Erfinden Sie hierzu zuerst einen Künstler. Präsentieren Sie danach diesen Künstler und seine Werke in adäquater Gestaltung und Erzählung mit drei Beispielseiten (z.B. Intro, Personenseite und Werkbeispiel). Verletzen Sie keine Urheberrechte (Bild, Text, Ton etc.), sondern nutzen Sie, wo sinnvoll und möglich, creative commons lizenzierte Materialien oder erstellen Sie diese selbst.
Vorgaben / Hilfen
- Bildbearbeitungsprogramm (Photoshop oder Illustrator)
- Optimierung auf FullHDTV-Format (1920 X 1080 Px, RGB)
- Benutzung websicherer Farben
- Benutzung websicherer Schriften
- Platzhaltertext Lorem Ipsum
Kriterien
Visuell/ Appearance: zu Künstler und Werken adäquates Design (Farben, Layout, Motive, Schriften...), grafischer Aufbau stimmt in sich (professionelles Erscheinungsbild), konsequente Umsetzung auf der gesamten Website
Inhaltlich/ Content: spannendes Künstlerprofil, zum Künstler adäquates und prägnantes Webseitenkonzept, logischer Aufbau und sinnvolle Gliederung der Inhalte auf der Website, die relevanten Elemente sind enthalten (evtl. wer, was, wie, wo, wann...)
Benutzung/ Usability: gute Usability (intuitive Navigation, gutes Text/Bild-Verhältnis), geeignet für verschiedene Bildschirmgrössen und Browser
Weiterführender Auftrag
Als weiterführende Arbeit kann die Vorlage nun natürlich technisch Umgesetzt werden. Hierzu ist Folgendes nötig:
- Grundlagenkenntnisse in HTML (siehe Leitfaden HTML auf Kunstunterricht.ch) und der Benutzung eines HTML-Editors (z.B. Dreamweaver oder der kostenfreie KompoZer).
- Grundverständnis Server-Client-System und weiterer grundlegender Fachbegriffe.
- Um die Homepage online zu stellen, benötigen Sie einen FTP-Client (in Dreamweaver und KompoZer eingebunden) und selbstverständlich Internetanbindung und einen Zugang zu einem Webserver (Benutzername, Passwort, Adresse etc.).
- In diesem weiterführenden Auftrag kommen folgende Kriterien dazu: sinnvolle Datenorganisation (Ordner und Dateien), korrekte Verknüpfung der Texte und Bilder, einheitliche Programmierung, sinnvolle und kreative Lösungsfindung bei technischen Schwierigkeiten in der Umsetzung.