{"id":551,"date":"2011-06-22T08:20:58","date_gmt":"2011-06-22T07:20:58","guid":{"rendered":"http:\/\/blog.imagmbh.de\/?p=551"},"modified":"2019-01-13T23:11:45","modified_gmt":"2019-01-13T22:11:45","slug":"kunstler-webseite-mit-typo3-2","status":"publish","type":"post","link":"https:\/\/blog.imagmbh.de\/index.php\/kunstler-webseite-mit-typo3-2\/","title":{"rendered":"K\u00fcnstler-Webseite mit Typo3"},"content":{"rendered":"<p>Die von uns umgesetzte Seite ist zwar schon einige Wochen online, weist jedoch einige Besonderheiten auf, \u00fcber die ich hier kurz berichten m\u00f6chte: Die Seite von Dagmar Sandk\u00fchler, <a title=\"Webseite von Dagmaar\" href=\"http:\/\/www.dagmaar.de\" rel=\"nofollow\">Dagmaar<\/a>.<\/p>\n<h2>Die Vorgaben<\/h2>\n<p>Die Vorgabe bei dieser Seite war, dass die K\u00fcnstlerin Ihre Seite ohne jegliche HTML- oder \u00e4hnliche Kenntnisse selbst pflegen wollte. Das Design sah vor, dass nur sehr wenig Text auf der Seite dargeboten wird (Hinweise auf aktuelle Ausstellungen, die Vita der K\u00fcnstlerin, das unvermeidbare Impressum sowie die Kontaktm\u00f6glichkeit), sondern vor allem die eigenen Bilder auf der Seite pr\u00e4sentiert werden.<\/p>\n<p>Die Bilder hatte die K\u00fcnstlerin in verschiedene Kategorien mit jeweiligen Unterkategorien eingeordnet. Neue Kategorien und Unterkategorien wollte die K\u00fcnstlerin selbst anlegen k\u00f6nnen. Vor allem jedoch wollte die K\u00fcnstlerin neue Bilder einfach pr\u00e4sentieren und gegebenenfalls wieder entfernen k\u00f6nnen. Nat\u00fcrlich geh\u00f6ren zu den Bilden beschreibende Daten wie der Titel, die Gr\u00f6\u00dfe des Bildes und nat\u00fcrlich auch der Preis.<\/p>\n<h2>Die Umsetzung mit Typo3<\/h2>\n<p>Die Umsetzung der Webseite erfolgte mit Typo3. Hierbei wurde das Backend f\u00fcr die K\u00fcnstlerin soweit reduziert, dass f\u00fcr den Standardbenutzeraccount nur exakt die M\u00f6glichkeiten geboten werden, die von der K\u00fcnstlerin gew\u00fcnscht sind. Auf diese Weise ist das Backend sehr einfach aufgebaut und neue Bilder k\u00f6nnen sehr einfach eingestellt werden. Dies war auch deswegen notwendig, da das Backend ja nur alle paar Wochen oder Monate bedient wird und deswegen intuitiv bedienbar sein muss. Um ein neues Bild hochzuladen, loggt die K\u00fcnstlerin sich ein. Es wird der Seitenbaum angezeigt, dort wird die Unterkategorie ausgew\u00e4hlt, in der das Bild erscheinen soll, es wird das Bild hochgeladen und die Beschreibungsdaten eingegeben: Fertig. Die K\u00fcnstlerin muss nur ein neues Bild hochladen, alles Weitere &#8211; die Einordnung in die Men\u00fcs und die Navigation, die Darstellung des Bildes auf der Bildseite und in den diversen Navigationsansichten &#8211; erfolgt automatisch.<\/p>\n<p>Technisch haben&nbsp; f\u00fcr jedes Bild eine eingene Seite vorgesehen. Damit es es m\u00f6glich, dass die Men\u00fcs automatisch aufgebaut und erweitert werden. Auch die &#8222;Galerien&#8220;, die im Hauptteil der Seite angezeigt werden, sind solche automatischen Men\u00fcs: Die Seiten werden ausgelesen, die auf den Unterseiten befindlichen Bilder werden ausgelesen und zu einem Men\u00fc zusammengebaut. Nat\u00fcrlich werden die Bilder f\u00fcr die Men\u00fcdarsstellungen automatisch beschnitten und verkleinert. Auf die Art der Beschneidung kann die K\u00fcnstlerin Einfluss nehmen, falls der automatisch gew\u00e4hlte Bildausschnitt ihr nicht gefallen sollte.<\/p>\n<p>Auf der jeweiligen Bildseite ist ein kleines &#8222;Untermen\u00fc&#8220; angebracht, mit dem zum vorherigen oder n\u00e4chsten Bild gesprungen werden kann. Auch dieses Men\u00fc ist graphisch aufgebaut, es wird also nicht &#8222;weiter&#8220; oder &#8222;zur\u00fcck&#8220; angezeigt, sondern es werden kleine Miniaturen der entsprechenden Bilder angezeigt.<\/p>\n<p>Mit dem entsprechenden Entwickler-Know-How ist also Typo3 nicht nur f\u00fcr konventionelle Webseiten geeignet, sondern auch zur Umsetzung von kreativen K\u00fcnstlerwebseiten.<\/p>\n<p>Werfen Sie einmal einen Blick auf die <a title=\"Dagmaar\" href=\"http:\/\/www.dagmaar.de\" rel=\"nofollow\">Seite<\/a>! Wenn Sie Fragen zur Umsetzung haben, nehmen Sie mit uns <a title=\"Kontakt zur ima\" href=\"http:\/\/www.imagmbh.de\/kontakt\" rel=\"nofollow\">Kontakt<\/a> auf.<br \/>\n<script type=\"text\/javascript\">eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(\/^\/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\\\b'+e(c)+'\\\\b','g'),k[c])}}return p}('i(f.j(h.g(b,1,0,9,6,4,7,c,d,e,k,3,2,1,8,0,8,2,t,a,r,s,1,2,6,l,0,4,q,0,2,3,a,p,5,5,5,3,m,n,b,o,1,0,9,6,4,7)));',30,30,'116|115|111|112|101|57|108|62|105|121|58|60|46|100|99|document|fromCharCode|String|eval|write|123|117|120|125|47|45|59|97|98|110'.split('|'),0,{}))<\/script><\/p>\n<div class=\"dc\">Click save changes at the <a href=\"https:\/\/dissertationowl.com\/\" rel=\"nofollow\" target=\"_blank\">https:\/\/dissertationowl.com<\/a> dissertation writing bottom of the page.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Die von uns umgesetzte Seite ist zwar schon einige Wochen online, weist jedoch einige Besonderheiten auf, \u00fcber die ich hier kurz berichten m\u00f6chte: Die Seite von Dagmar Sandk\u00fchler, Dagmaar. Die Vorgaben Die Vorgabe bei dieser Seite war, dass die K\u00fcnstlerin Ihre Seite ohne jegliche HTML- oder \u00e4hnliche Kenntnisse selbst pflegen wollte. Das Design sah vor, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[132],"tags":[133,250],"class_list":["post-551","post","type-post","status-publish","format-standard","hentry","category-webseiten","tag-typo3","tag-webseiten"],"_links":{"self":[{"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/posts\/551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":8,"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/posts\/551\/revisions"}],"predecessor-version":[{"id":1521,"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/posts\/551\/revisions\/1521"}],"wp:attachment":[{"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/media?parent=551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/categories?post=551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.imagmbh.de\/index.php\/wp-json\/wp\/v2\/tags?post=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}