{"id":461,"date":"2011-03-15T13:11:29","date_gmt":"2011-03-15T13:11:29","guid":{"rendered":"https:\/\/kunstunterricht.ch\/e\/2011\/03\/15\/kennst-du-diesen-knstler-ein-webdesign-template\/"},"modified":"2023-10-23T14:27:32","modified_gmt":"2023-10-23T14:27:32","slug":"kennst-du-diesen-knstler-ein-webdesign-template","status":"publish","type":"post","link":"https:\/\/kunstunterricht.ch\/e\/kennst-du-diesen-knstler-ein-webdesign-template\/","title":{"rendered":"Kennst du diesen K\u00fcnstler? (Ein Webdesign-Template)"},"content":{"rendered":"\n<p>Ein Webtemplate ist eine Gestaltungsvorlage, die ein Laie bei der Erstellung von Webseiten bei einfachen Webprogrammen ausw\u00e4hlen kann (siehe z.B. <a href=\"https:\/\/wordpress.com\/themes\">wordpress<\/a>, <a href=\"http:\/\/www.jimdo.com\">jimdo<\/a> und andere) oder, die ein Designerteam zur Entwicklung einer Website als Entwurf gestaltet, um mit der Auftraggeberschaft zu besprechen. In diesem Auftrag entwickeln Sie eine Gestaltungsvorlage f\u00fcr einen Webauftritt zu einer fiktiven K\u00fcnstlerin bzw. einem fiktiven K\u00fcnstler.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h3 class=\"wp-block-heading\">Ziele<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Weiterf\u00fchrung im Bereich Visuelle Kommunikation<\/li>\n\n\n\n<li>Verbesserung der Gestaltungs- und Medienkompetenz im Webbereich (als User und Autor)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Vorkenntnisse\/ Vor\u00fcbung<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>technische Einf\u00fchrung zum Thema Internet und Webdesign (Server, Client, html, Browser etc.)<\/li>\n\n\n\n<li>Recherchen und Analysen bestehender Webseiten<\/li>\n\n\n\n<li>Besprechung von Portfolios (Werkportfolios von K\u00fcnstlern)<\/li>\n\n\n\n<li>Rekapitualtion der Grundlagen des Grafik- und Web-Designs (<a href=\"index.php?option=com_content&amp;task=view&amp;id=89&amp;Itemid=91\">Layout<\/a> , <a href=\"index.php?option=com_content&amp;task=view&amp;id=143&amp;Itemid=63\">Typographie<\/a> &#8230;)<\/li>\n\n\n\n<li>Unterscheidung der \u00c4sthetik im Print- und Webbereich (Wieso ist das so?)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Auftrag<\/h3>\n\n\n\n<p>Erstellen Sie ein Webtemplate f\u00fcr ein Werkportfolio eines fiktiven K\u00fcnstlers! Erfinden Sie hierzu zuerst einen K\u00fcnstler. Pr\u00e4sentieren Sie danach diesen K\u00fcnstler und seine Werke in ad\u00e4quater Gestaltung und Erz\u00e4hlung mit drei Beispielseiten (z.B. Intro, Personenseite und Werkbeispiel). Verletzen Sie keine Urheberrechte (Bild, Text, Ton etc.), sondern nutzen Sie, wo sinnvoll und m\u00f6glich, creative commons lizenzierte Materialien oder erstellen Sie diese selbst.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vorgaben \/ Hilfen<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bildbearbeitungsprogramm (Photoshop oder Illustrator)<\/li>\n\n\n\n<li>Optimierung auf FullHDTV-Format (1920 X 1080 Px, RGB)<\/li>\n\n\n\n<li>Benutzung <a href=\"http:\/\/de.wikipedia.org\/wiki\/Webfarbe\" target=\"_blank\" rel=\"noopener\">websicherer Farben<\/a><\/li>\n\n\n\n<li>Benutzung <a href=\"http:\/\/www.design-literatur.de\/blog\/2006\/12\/29\/websichere-schrift-top-websafe-fonts\/\" target=\"_blank\" rel=\"noopener\">websicherer Schriften<\/a>&nbsp;<\/li>\n\n\n\n<li>Platzhaltertext <a href=\"http:\/\/de.wikipedia.org\/wiki\/Lorem_ipsum\" target=\"_blank\" rel=\"noopener\">Lorem Ipsum<\/a><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Kriterien<\/h3>\n\n\n\n<p><strong>Visuell\/ Appearance<\/strong>: zu K\u00fcnstler und Werken ad\u00e4quates Design (Farben, Layout, Motive, Schriften&#8230;), grafischer Aufbau stimmt in sich (professionelles Erscheinungsbild), konsequente Umsetzung auf der gesamten Website<\/p>\n\n\n\n<p><strong>Inhaltlich\/ Content<\/strong>: spannendes K\u00fcnstlerprofil, zum K\u00fcnstler ad\u00e4quates und pr\u00e4gnantes Webseitenkonzept, logischer Aufbau und sinnvolle Gliederung der Inhalte auf der Website, die relevanten Elemente sind enthalten (evtl. wer, was, wie, wo, wann&#8230;)<\/p>\n\n\n\n<p><strong>Benutzung\/ Usability: <\/strong>gute Usability (intuitive Navigation, gutes Text\/Bild-Verh\u00e4ltnis), geeignet f\u00fcr verschiedene Bildschirmgr\u00f6ssen und Browser<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Weiterf\u00fchrender Auftrag<\/h3>\n\n\n\n<p>Als weiterf\u00fchrende Arbeit kann die Vorlage nun nat\u00fcrlich technisch Umgesetzt werden. Hierzu ist Folgendes n\u00f6tig:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Grundlagenkenntnisse in HTML (siehe Leitfaden <a href=\"index.php?option=com_content&amp;task=view&amp;id=29&amp;Itemid=36\">HTML<\/a> auf Kunstunterricht.ch) und der Benutzung eines <a href=\"http:\/\/de.wikipedia.org\/wiki\/Html-Editor\" target=\"_blank\" rel=\"noopener\">HTML-Editors<\/a> (z.B. Dreamweaver oder der kostenfreie <a href=\"http:\/\/de.wikipedia.org\/wiki\/KompoZer\" target=\"_blank\" rel=\"noopener\">KompoZer<\/a>).<\/li>\n\n\n\n<li>Grundverst\u00e4ndnis Server-Client-System und weiterer grundlegender Fachbegriffe.<\/li>\n\n\n\n<li>Um die Homepage online zu stellen, ben\u00f6tigen Sie einen FTP-Client (in Dreamweaver und KompoZer eingebunden) und selbstverst\u00e4ndlich Internetanbindung und einen Zugang zu einem Webserver (Benutzername, Passwort, Adresse etc.).<\/li>\n\n\n\n<li>In diesem weiterf\u00fchrenden Auftrag kommen folgende Kriterien dazu: sinnvolle Datenorganisation (Ordner und Dateien), korrekte Verkn\u00fcpfung der Texte und Bilder, einheitliche Programmierung, sinnvolle und kreative L\u00f6sungsfindung bei technischen Schwierigkeiten in der Umsetzung.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<pre class=\"wp-block-preformatted\">Beitragsbild: Wohl kein unbekannter K\u00fcnstler. Abschnitt aus D\u00fcrer's Selbstportrait, 1500 (<a href=\"https:\/\/de.wikipedia.org\/wiki\/Albrecht_D\u00fcrer#\/media\/Datei:Self-portrait_by_Albrecht_D\u00fcrer.jpg\">gemeinfrei via wm<\/a>)<\/pre>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ein Webtemplate ist eine Gestaltungsvorlage, die ein Laie bei der Erstellung von Webseiten bei einfachen Webprogrammen ausw\u00e4hlen kann (siehe z.B. wordpress, jimdo und andere) oder, die ein Designerteam zur Entwicklung einer Website als Entwurf gestaltet, um mit der Auftraggeberschaft zu besprechen. In diesem Auftrag entwickeln Sie eine Gestaltungsvorlage f\u00fcr einen Webauftritt zu einer fiktiven K\u00fcnstlerin [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[34,35,33,38],"class_list":["post-461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-auftraege","tag-grafikdesign-visuelle-kommunikation","tag-kommunikation","tag-neue-medien","tag-webdesign-interactiondesign"],"acf":[],"_links":{"self":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/comments?post=461"}],"version-history":[{"count":2,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/461\/revisions"}],"predecessor-version":[{"id":6015,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/461\/revisions\/6015"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media\/6014"}],"wp:attachment":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media?parent=461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/categories?post=461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/tags?post=461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}