Der Amtsrock ist eine Hommage an die Goldberger Musikszene

Für Jugendliche in so einer dorfidyllischen Stadt wie Goldberg hat sie in den letzten 15 Jahren enorm an Bedeutung gewonnen. Als Anlaufpunkt, Herausforderung und Bereicherung bietet sie seit Jahren Möglichkeiten für vielfältigste musikalische Geschmäcker. Vom Kleine-Mädchen-Mini-Playback-Show-Pop über Deutschrock, Funk, Indie, Pop, Folk, Skatepunk und Metal bis zum Altherren-Blues ist an Gitarrenmusik in unterschiedlichsten Auswüchsen sehr viel vertreten. Somit haben Musiker, Freunde, Fans und regional sowie "musikalisch benachbarte" Bands in Goldberg eine kleine Musikszene entstehen lassen.

Die Website existiert mittlerweile seit 2 Jahren und verändert ihr Aussehen jedes Jahr, um Hand in Hand mit dem neuen Design der Flyer und Plaktate zu gehen. Im Großen und Ganzen sind die Hauptsprachen HTML5 und CSS3. Es ist ein statisches Layout; zuerst dachte ich über ein Content Managemnet System (CMS) nach. Der Grund warum ich dies nicht getan habe ist relativ simple. Der Traffic über ein Jahr gesehen ist nicht besonders groß. Die meiste Kommunikation findet über Facebook statt. Gibt es Neuigkeiten dann nur 2 bis 3 Monate vor dem jährlichen Open Air und das sind nicht so viele.

Mehr Bedeudeutung habe ich in einem responsiven Webdesign gesehen. Dafür habe ich CSS3 Media Queries genutzt, die nicht gänzlich neu in der CSS-Welt sind. Sie tauchten zum ersten Mal unter CSS2 in Form von Media Types auf. Media Types konzentrieren sich nur auf die verschiedenen Ausgabemedien, wie z.B. Drucker. Mit den Media Queries ist es nun möglich nicht nur darin zu unterscheiden; es ist auch möglich auf verschiedene Eigenschaften wie Breite und Höhe des Browserfensters zu reagieren, auf die Ausrichtung des mobilen Geräts, die Auflösung oder die Farbe zum Beispiel. Diese Möglichkeiten können auf verschiedene Medientypen zugreifen wie "all", "screen", "print" oder "handheld".

Um ein dynamischeres Erscheinungsbild zu erzeugen, kommt jQuery zum Einsatz. Man kann es in Aktion sehen, wenn man die Slideshow bedient oder das Akkordeon für die Line-Ups der vergangenen Jahre. Flüssige Hover-Effekte (mit der Maus über verschiedene Dinge gleiten) müssen nicht länger mit JavaScript geschrieben werden, CSS3 gibt einfache Möglichkeiten für solche Aktionen. Schüsselwörter sind hierbei Transitionen, Transformationen oder Animationen. Vieles mehr kann im World Wide Web gefunden werden.

Der Punkt PHP in dieser Arbeit wurde beim Kontaktormular genutzt, um mit dem Organisationsteam des Amtsrock in Kontakt zu treten. Es wurde auf Spamsicherheit (Verhinderung von Rundmails, E-Mail-Überprüfung mit einer schwarzen Liste für Domains, Rechenaufgabe) geachtet und man erhält eine Bestätigungsmail mit den eingegebenen Informationen nach Absenden der Nachricht. Auch der einfache Mehrfachversandt wird unterbunden, indem das Formular, nach erfolgreichem Senden, deaktiviert wird.

Besuch unsere Internetseite oder such nach uns auf Facebook.