Design-Geschichte

30 Jahre Webpräsenz der Arena Wien. 6 Epochen, vom ASCII-Portal bis zum responsive Bootstrap-Relaunch.

Alle Daten stammen aus 27 Homepage-Snapshots des Wayback Machine (1996–2024). Die Originalseiten sind als HTML-Dateien archiviert und wurden für diese Dokumentation analysiert.
1996–1999
Phase 1: Silverserver-Ära

arena.co.at war keine eigenständige Website, sondern Teil des Wiener Hosting-Providers Silverserver (silverserver.co.at / sil.at). Die Domain diente als Portal für gehostete Websites und Homepages. Die Arena selbst war als Projekt Nr. 02 gelistet, neben Projekten wie farmersmanual, etoy, chelsea, contextXXI und skug elektrik.

Die eigentlichen Arena-Inhalte lagen unter /arena/ — mit Event-Seiten wie aerzte.htm, once.htm, orbital.htm. Schwarzer Hintergrund, Comic Sans MS, farbige Font-Tags, bghv2.jpg Background-Image.

homepage_1996.html — 29. Dezember 1996 12.874 Bytes
─────────────────────────────────── s i l v e r s e r v e r ─────────────────────────────────── w e b s i t e s : 01 silverserver server-info 02 arena veranstaltungen 03 farmersmanual electronic music 04 etoy internet art 05 chelsea pub & music 06 contextXXI politisches magazin 07 skug elektrik musik & subkultur h o m e p a g e s : various personal pages...
HTML 3.2 Tabellen-Layout ASCII-Ästhetik Silverserver Portal Netscape Navigator
1996–1999
Arena-Unterseiten (/arena/)

Die eigentlichen Event-Seiten unter /arena/ hatten ein eigenes Design: Schwarzer Hintergrund mit bghv2.jpg Textur, Arena-Logo (logo.jpg), farbige Ampel-Icons, Comic Sans MS als Hauptschrift. Event-Daten in orangefarbenem Text (#FF9900), Beschreibungen in Grau (#C0C0C0).

Die Startseite zeigte ein Java-Applet (CreditRoll) mit scrollendem Programm. Archivseiten dokumentierten vergangene Events mit Beschreibungstexten.

/arena/index.html — ca. März 1998 Event-Übersicht mit Java CreditRoll
[ARENA LOGO] ● ● e n t e r t a i n m e n t Do.10.09.98 DIE ÄRZTE (D) THE BUTLERS (D) Sie nennen sich selbst schlicht und bescheiden die "Beste Band der Welt". In der ARENA sind sie inzwischen alt eingesessene Stammgäste... 210/230/250 Fr.10.04.98 MORBID ANGEL (USA) VADER (Pol) · ENTWINED Club 180.-/VVK 200.-/AK 220.-
Comic Sans MS Font-Tags Java Applet #000000 Background bghv2.jpg Textur Ampel-Icons
2000–2003
Phase 2: Eigenständige Arena Wien

Ab August 2000 wurde arena.co.at zur eigenständigen Website der Arena Wien. Neuer Slogan: "entertainment & confrontation". Der Titel wechselte zu arenaWIEN - entertainment&confrontation.

Technisch bestanden die Seiten aus einfachen Splash-/Redirect-Seiten (544–675 Bytes) mit Frameset-Architektur. Eine JavaScript-Uhr synchronisierte die Serverzeit. Das eigentliche Programm lag in Frames, die auf Unterseiten verwiesen.

homepage_2000.html — 23. August 2000 544 Bytes — Erste eigenständige Arena-Seite!
<title>arenaWIEN - entertainment&confrontation</title> <frameset rows="100%,*" border="0"> <frame src="arena/index.html"> </frameset>
Frameset JavaScript Uhr Splash-Redirect 544 Bytes minimal
2004–2007
Phase 3: AWU Content-Management-System

Redesign mit automatischem Redirect zum /AWU/-Unterverzeichnis. PHP-basiertes CMS mit Popup-Fenstern bei Seitenaufruf (window.open('/AWU/POPUP.php?code=FULLSIZE','POPUP',...)).

Der Titel wechselte zu Großbuchstaben: "ARENA WIEN - ENTERTAINMENT AND CONFRONTATION". Das AWU-System verwaltete Programmseiten mit section=PROGRAMM&action=LIST/SHOW Parametern, Newsletter, und eine Flash-basierte Galerie (gallery.swf).

Diese Ära lieferte die meisten Event-Daten: 324 Events aus den AWU-Programmseiten.

homepage_2004.html — 28. März 2004 1.505 Bytes — /AWU/ Redirect + Popup
<title>ARENA WIEN - ENTERTAINMENT AND CONFRONTATION</title> <body onLoad="window.open('/AWU/POPUP.php?code=FULLSIZE','POPUP', 'toolbar=no,location=no,directories=no, status=no,scrollbars=no,resizable=no, width=430,height=600')"> <meta http-equiv="Refresh" content="3; URL=/AWU/"> [3 Sekunden Redirect zu /AWU/ CMS]
PHP CMS Popup-Fenster Flash Gallery Newsletter-System /AWU/ Verzeichnis 324 Events
2008–2013
Phase 4: Minimalistisches "Lovemusic" Design

Neues minimalistisches Design mit zentriertem Logo auf schwarzem Hintergrund. Zwei Grafiken: gfx/startlogo.gif (Arena-Logo) und gfx/lovemusic.gif (Slogan-Element). CSS-basiertes Layout mit position: absolute.

Die Programmseiten nutzten jQuery Cycle Slideshow, SimpleModal für Bildvergrößerungen, und ein eigenes Event-Rotations-System. Farbige Event-Einträge mit prog_entry_normal und prog_entry_outdated Klassen.

2010 kam ein Unibrennt-Solidaritätsbanner hinzu (Uni-Proteste). Webprogrammierung: Christian Meixner.

homepage_2008.html — 11. Dezember 2008 1.088 Bytes — Splash + Lovemusic
<title>..: Arena Wien - Entertainment and Confrontation :..</title> <body style="background:#000"> <div style="position:absolute; left:50%; top:50%; margin-left:-189px; margin-top:-123px"> <img src="gfx/startlogo.gif"> <a href="index.php?section=programm"> <img src="gfx/lovemusic.gif"> </a> </div>
jQuery Cycle Slideshow SimpleModal CSS Position Lovemusic Branding Unibrennt 2010
2014–2016
Phase 5: Übergangsphase

Die Domain wurde via "IU Webmaster" weitergeleitet — nur 204 Bytes Redirect. Möglicher Hostingwechsel oder Domainumzug. Die eigentliche Website lief möglicherweise zeitweise unter arenavie.com (WordPress-basiert).

Aus dieser Ära existieren nur 2 Events in der Datenbank (Juni 2016, aus WordPress-Widgets). 2014 hat das Wayback Machine keinen einzigen erfolgreichen Snapshot.

homepage_2015.html — 11. Jänner 2015 204 Bytes — Nur Redirect
<html><head> <title>IU Webmaster redirect</title> <meta http-equiv="Refresh" content="0; URL=..."> </head></html> [204 Bytes. Sofortiger Redirect.] [Keine eigenen Arena-Inhalte.]
IU Webmaster Redirect Only WordPress (arenavie.com) Domainumzug
2017–2024
Phase 6: Moderner ASP.NET Relaunch

Vollständiger Relaunch als ASP.NET-Website auf dem DNN Platform (DotNetNuke) mit Bootstrap-Framework. Responsive Design, Event-Kalender mit Ticketing-Integration. Seiten sind ca. 100 KB groß, Locale: de-AT.

Venues werden differenziert: Große Halle, Kleine Halle, Dreiraum, Gelände, Open Air. Menüpunkte: Programm & Tickets, Anreise, Impressum, Beisl, About, FAQ, Newsletter.

Letzte dokumentierte Events (2024): Napalm Death, Godspeed You! Black Emperor, The Bosshoss Open Air, "Campaign for Musical Destruction 2024" Tour.

homepage_2017.html — 5. Jänner 2017 102.981 Bytes — Bootstrap + DNN
<!DOCTYPE html> <html lang="de-AT"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Arena Wien</title> <!-- DNN Platform (DotNetNuke) --> <link href="bootstrap.min.css"> <link href="skin.css"> <!-- Toggle Navigation --> <nav class="navbar navbar-default"> Programm & Tickets | Anreise | Impressum | Beisl | About | FAQ | Newsletter </nav> <!-- Events mit Ticketing --> 5/8erl in Ehr'n Open Air Napalm Death · Godspeed You! The Bosshoss · Campaign for Musical Destruction 2024...
ASP.NET DNN Platform Bootstrap Responsive de-AT Locale ~100 KB/Seite Ticketing

Technologie-Übersicht

Phase Jahre Technologien Events
Silverserver 1996–1999 HTML 3.2, Tabellen, Java Applets 86
Eigenständig 2000–2003 Frameset, JavaScript, Splash-Pages ~45
AWU CMS 2004–2007 PHP, Flash, Popups, Newsletter 324
Lovemusic 2008–2013 jQuery, CSS, SimpleModal 107
Übergang 2014–2016 WordPress (arenavie.com), Redirect 2
Modern 2017–heute ASP.NET, DNN, Bootstrap, Responsive

Snapshot-Archiv

27 Homepage-Snapshots von 1996 bis 2024 sind archiviert. Fehlend: 1997, 2014, 2025.