Hier wird der interne Aufbau der Dateistruktur auf dem Server erklärt. Diese Seite ist nicht Teil des Magazins, darf aber gelesen werden, falls Interesse besteht. Die hier vorgestellten Techniken sind Eigenentwicklungen und dürfen gerne als Ausgangspunkt für weitere Ideen verwendet werden.
Primäre Seiten [PRS] sind die Eingangsseite, die Jukebox, die Journal-Hauptseiten etc. In diese werden nachrangige Seiten als Objekte eingebunden, hier werden dafür die Bezeichnungen »Content-Seiten« und »sekundäre Seiten« verwendet.
Sekundäre Seiten [SES] sind eingebundene Objekte, die von mehreren primären Seiten verwendet werden, z.B. der Vorspann mit der Notenzeilen-Grafik und der Nachspann mit der Redaktionsadresse.
Content-Seiten [COS] beinhalten die Jukebox-Daten in der Darstellung sowie die Artikel aus der Rubrik »Journal«. Sie werden als Objekte eingebunden oder als Druckdateien in eigene Fenster ausgelagert.
Zusätzlich gibt es Datenquellen [DAQ] verschiedener Art, deren Inhalt z.B. von Scripts abgerufen und verwendet wird.
HTML-Dateien haben die Endung ».htm« und können primäre, sekundäre, Content-Seiten oder Datenquellen für Scripts sein.
Stylesheet-Dateien haben die Endung ».css« und enthalten globale Anweisung zur Formatierung (Farben, Schriftart usw.) von HTML.
Script-Dateien haben die Endung ».js« (JavaScript) oder ».php«.
Text-Dateien enthalten Roh-Text (von Scripts generierte Protokolle ohne HTML-Auszeichnung) und haben die Endung ».txt«.
Bilder liegen als ».jpg«, ».gif« oder ».ico« vor; Audio als ».mp3«, gepackte Archive als ».zip«.
Ordner haben Namen ohne Endung und stets eine bestimmte Funktion.
Die Dateien aus dem Hauptverzeichnis bleiben unverändert!
Nur Dateien aus den Content-Ordnern [COS] werden bei neuen Ausgaben und/oder Jukebox-Runden verändert und zur Darstellung von dort automatisch eingebunden.
1xx.gif: Transparentes Bild mit den Maßen 420*300 px, als Platzhalter im Vorspann verwendet (für Link zur Eingangsseite)
alljour.htm: [PRS]-Journal, Liste »Alle Artikel aus der Rubik 'Journal'«, ehem. Archiv
amfe.css: Globale Stylesheet-Datei zur Darstellung primärer Seiten
amprn.css und amsub.css: Globale Stylesheet-Dateien zur Formatierung der Content-Seiten für den Drucker (bei Verwendung als Druckversion) bzw. für den Bildschirm (bei Verwendung als eingebundenes Objekt)
azbop.htm und aztop.htm: 'Bottom'-Objekt, [SES] Nachspann mit der Redaktionsadresse bzw. 'Top'-Objekt, [SES] Vorspann mit der Notenzeile
azjour.htm: [COS] mit Script, das aus arch/azj.htm den Content für das Verzeichnis aller Artikel erstellt
bg.gif: Hintergrundgrafik der Eingangsseite
cbanner.htm: [PRS]-Service, »m4e-Banner« mit Anleitung zum Banner-Tausch
ccjt10.htm und ccjx10.htm: [COS] Jukebox, top-10 + 6, Bildschirm-Version bzw. Druckversion mit ausgeschriebenen Links
cimpres.htm: [PRS]-Service, Impressum und Kontakt
cinfodiv.htm: [PRS]-Service, Info-Diverses
cinfokna.htm: [PRS]-Service, Info-Kurznachrichten
cinfokon.htm: [PRS]-Service, Info-Konzerttermine
cjjlinks.htm: [PRS]-Service, Links zu Interpreten unserer Jukebox
cjourane.htm: [PRS]-Journal, Anekdote
cjourint.htm: [PRS]-Journal, Interview
cjourwme.htm: [PRS]-Journal, Was macht ...
cjourxtr.htm: [PRS]-Journal, Extra
cjukebox.htm: [PRS]-Jukebox
cmuslink.htm: [PRS]-Service, Musik-Links
convedit.htm: [PRS]-TOOL, Editor für Jukebox-Neuvorstellungen, erstellt CSV-Liste zur Übernahme in eine Tabellenkalkulation
convert.htm: [PRS]-TOOL, Converter für Jukebox-Daten im Ordner jukebox sowie Daten für die Übersicht-Journal im Ordner arch. Die Resultate können in beiden Fällen ohne Anpassung des Array-Namens verwendet werden, da sie von verschiedenen Quellen aus aufgerufen werden und daher die Namensgleichheit nicht stört
convtext.htm: [PRS]-TOOL, Text-Converter, macht aus Texteingabe HTML (genauer: generiert den '<body>-Inhalt')
cpano.htm: [PRS]-Service, Panorama - Diverses, Pressetexte
daudio1.htm und daudio2.html: [PRS], Container für den Hinweis auf die Hörproben über »musicline.de« auf der »Jukebox«-Seite
error404.htm und error404.html: [PRS]-Server-Tool, Fehlermeldung bei Aufruf nicht existierender Adressen bzw. Seiten
faqh.js und faqj.js: Scripts zu FAQ / allgemein bzw. Jukebox
farbtest.htm: [PRS]-TOOL, Editor für die Festlegung von Text- und Hintergrundfarben
favicon.ico: Logo für die Adresszeile im Browser
fback.js: Script zur Kommentarfunktion
gbook.htm: [PRS]-Service, Gästebuch
hexmon.htm: [PRS]-TOOL, HEX-Monitor, z.B. zum Aufspüren von Sonderzeichen-»Salat« in HTML-Code
home.js: [DAQ] Script, das Datum, Nummer, Editorial und Starter in die Eingangsseite einfügt
index.htm: [PRS], Startseite
jbox1.gif und jbox2.gif: Jukebox-Bilder von der Startseite
juke.js: [COS] Script, das die Jukebox-Liste aus juebox/ttdat.js erstellt
m4egreen.gif, m4etrans.gif und m4ewhite.gif: Banner mit grünem bzw. transparenten bzw. weißem Hintergrund
m4e_logo.gif und m4e_logs.gif: Vorspann-Logo groß bzw. klein (für Handhelds usw)
mbop.htm und mtop.htm: [SES] m4e Records, Nachspann bzw. Vorspann
mfer.css: Stylesheet m4e Records
mrecords.htm: [PRS] m4e Records
navi.js: Script zur Navigation per Ausklapp-Listen
o.gif: Transparentes Bild 1*1 px, Platzhalter
o.htm: [SES] leer, Platzhalter für Objekte, die noch nicht geladen sind
r.htm: [SES] mit Text, Platzhalter »Server-Antwort«
robots.txt: Anweisung für Such-Bots »follow«
xadmin.htm: [PRS]-ADMIN-TOOL, Editieren von Kommentaren und Gästebuch
xjbvotes.htm: [PRS]-ADMIN-TOOL, Auswertung der Jukebox
zfiles.htm: Diese Liste hier
Die Dateien aus den Systemordnern können abgerufen werden; nicht verändern!
logs: Log aller Aufrufe im einzelnen, jeweils monatsweise als ».gz« gepackt
usage: Aufruf-Statistik
Änderungen bei neuer Jukebox-Runde oder Magazin-Nummer nur in diesen Unterverzeichnissen! In den Unterverzeichnissen stehen entweder nur Daten, die geändert werden können, oder nur Scripts (und davon automatisch generierte Dateien), die bitte bleiben wie sie sind - z.B. xscript
allintro: [DAQ] Starter für die Eingangsseite, werden von Scripts ausgewertet. Änderung entsprechender Dateien bei neuer Jukebox-Runde und Magazin-Nummer gemäß Anleitung in Kommentaren innerhalb der Dateien
janeintro.htm: [DAQ]-Starter / Journal - Anekdote
jintintro.htm: [DAQ]-Starter / Journal - Interview
jukeintro.htm: [DAQ]-Starter / Jukebox [fällt weg, ersetzt durch
Script]
jwmeintro.htm: [DAQ]-Starter / Journal - was macht ...
jxtrintro.htm: [DAQ]-Starter / Journal - Extra
arch: [DAQ] Journal, Änderung einer Datei mit Script-Array-Variable bei jeder neuen Magazin-Nummer
azj.js: [DAQ] Script, das die Tabellendaten mit Titeln aller Ausgaben enthält, mit convert.htm je Ausgabe neu erstellen
azjour.htm: [COS] mit Script, das aus azj.htm den Content
für das Verzeichnis aller Artikel erstellt [verschoben]
banner: [COS] / [DAQ] für die Werbe-Banner-Darstellung auf der Eingangsseite. Wird bei Bedarf geändert und enthält neben [DAQ]-Bildern folgende HTML-Dateien:
banner.htm: [COS] alle Werbe-Einblendungen, bei Bedarf ergänzen
sample.htm: [COS] Einblendung »hier kann geworben werden«, muss praktisch nie geändert werden
dat_nr: [DAQ] Script-Dateien mit Datum und Nummer von Ausgabe und Jukebox-Runde
azdat.js: [DAQ] Datum/Nummer der Ausgabe, bei neuer Ausgabe editieren
ttdat.js: [DAQ] Datum/Nummer der Jukebox, bei neuer Runde editieren
home.js: [DAQ] Script, das Datum, Nummer, Editorial und Starter in die
Eingangsseite einfügt [verschoben]
editorial: [DAQ] enthält den Text des Editorial als HTML
eddi.htm: [DAQ] Editorial, bei neuer Ausgabe editieren
foto: alle Bilder hier rein
gbook: Gästebuch - Archiv, bei Bedarf ändern - agboarc1.htm
infox: [DAQ] Rubrik Info, bei Bedarf editieren: idiv.htm Diverses, ikna.htm Kurznachrichten, ikon.htm Konzerttermine
jcomment: Kommentar/Journal, Anleitung und Archiv, bei Bedarf editieren
jukebox: [DAQ] Scripte und HTML-Einleitung für die Jukebox, bei jeder neuen Runde anpassen
jall.htm: [COS] Jahres-Statistik, bei Bedarf editieren
jlink.htm: [COS] Jukebox-Links, bei Bedarf editieren
juke.htm: [COS] Einleitung, bei jeder neuen Runde editieren, Anleitung im Kommentar der Datei
juke.js: [COS] Script [verschoben]
topdata.js: [COS] Top-10 + 6 als Script-Array, bei jeder Runde neu erstellen, dazu den Converter convert.htm benutzen
muslink: [DAQ] Rubrik - Musik-Links, bei Bedarf editieren mli.htm
pano: [DAQ] Rubrik Panorama, bei Bedarf editieren: txt.htm plus Dateien hierzu, z.B. Pressetexte
sample: alle Audio-Samples hier rein
x000 ... x050 ... xnnn: [COS] Journal-Artikel der jeweiligen Ausgabe (Nr. 0: x000, Nr 50: x050), bei jeder neuen Ausgabe erstellen; wenn Artikel fehlen, die der vorherigen Ausgabe hineinkopieren/übernehmen, für die Erstellung den HTML-Converter convtext.htm benutzen, Kommentare beachten, Anweisungen für Bilder hinzufügen. Die Dateinamen sind für alle Ausgabe-Nummern gleich; die Unterscheidung geschieht durch die Ordner, deren Nummern-System eingehalten werden muss!
jane.htm: [COS] Anekdote
jint.htm: [COS] Interview
jwme.htm: [COS] was macht eigentlich ...
jxtr.htm: [COS] Extra
xscript: [DAQ] Journal-Kommentar, Gästebuch, Votes, Webmail - Scripte und Daten, funktioniert automatisch, nicht ändern!
xsheet: Hier befinden sich Beispiel-Tabellen für Jukebox - tab82.ods / topdata.js - und Artikel-Liste - alljour.ods / azj.js - im Openoffice-Format sowie als Array-Script-Resultat, nicht ändern!
Tabelle der 'top-10 + 6' erstellen und per Tabellen-Converter convert.htm in ein Javascript-Array umwandeln. Das Resultat als Textdatei speichern: jukebox/topdata.js (Code-Dateien sind immer Textdateien). Beispiel-Dateien gibt es im Ordner xsheet - als '.ods' und als Script.
Einleitung erstellen, dazu den Text-Converter convtext.htm verwenden und entsprechend den Anweisung innerhalb der Datei einfügen: jukebox/juke.htm (vgl. unten, 'Editorial'). Die Einleitung besteht aus 3-8 Absätzen, wobei der erste immer fett dargestellt wird (Gruß) und der letzte kursiv (Signatur). Wenn mehr als 8 Absätze existieren, werden alle ab dem 9. ignoriert.
Starter zur Jukebox - allintro/jukeintro - editieren ...
[ersetzt durchScript]
Jetzt noch dat_nr/ttdat.js editieren - selbsterklärend. Von hier holt sich das Script Anfangs- und End-Datum und Nummer der Jukebox-Runde.
Abschließend müssen die geänderten Dateien auf den Server geladen werden.
Fotos verkleinern (Breite nicht über ca. 350 px), Werte merken, Fotos in den Foto-Ordner laden.
Titelfoto aufbereiten - muss 100*100 px haben und einen Namen, der die Zuordnung zur richtigen Ausgabe erlaubt: foto/m50.jpg - also immer mit 'm' beginnend, dann die Nummer der aktuellen Ausgabe ohne führende '0', dann die Endung '.jpg' - der Name wird von einem Script aufgerufen und muss so sein.
Die Artikel im Ordner der betreffenden Ausgabe redigieren/erstellen; dazu den Text-Converter convtext.htm benutzen, Fotos nachtragen (Beispiel-Anweisungen unten beim Converter - oder übernehmen und abändern). Der Name des Ordners muss mit einem kleinen 'x' beginnen, dann folgt eine dreistellige Ziffer für die Ausgabe (mit führender '0' bis Ausgabe 99). Artikel, die von der vorherigen Ausgabe übernommen werden, in den Ordner der neuen Ausgabe kopieren: Es müssen immer die Dateien jane.htm - jint.htm - jwme.htm - jxtr.htm vorhanden sein, sonst gibt es Fehler beim Aufruf.
Die Starter im Ordner allintro editieren (vgl. unten, 'Service'). Starter bestehen immer nur aus einem Absatz.
Das Editorial redigieren: editorial/eddi.htm (vgl. unten, 'Service'). Das Editorial besteht aus 3-8 Absätzen, wobei der erste immer fett dargestellt wird (Gruß) und der letzte kursiv (Signatur). Wenn mehr als 8 Abs¨tze existieren, werden alle ab dem 9. ignoriert (vgl. Einleitung zur Jukebox).
Tabelle der Artikel erstellen und per Tabellen-Converter convert.htm in ein Javascript-Array umwandeln. Das Resultat als Textdatei speichern: arch/azj.js (Code-Dateien sind immer Textdateien). Der Array-Name ist der gleiche wie bei der Jukebox - sie überschneiden sich nicht. Beispiel-Dateien gibt es im Ordner xsheet - als '.ods' und als Script.
Zu guter Letzt die Datei dat_nr/azdat.js editieren - selbsterklärend. Von hier holt sich das Script Datum und Nummer der Ausgabe.
Abschließend müssen die geänderten Dateien auf den Server geladen werden.
Hier sind geringfügige HTML-Kenntnisse hilfreich; ansonsten kann man sich einfach am Vorhandenen orientieren. Absätze werden zwischen <p> und </p> eingeschlossen, darin enthaltener Fettdruck zwischen <b> und </b> sowie kursive Passagen zwischen <i> und </i>. Dabei gilt die Regel, dass zuletzt geöffnete Anweisungen zuerst geschlossen werden; Beispiel:
<p>Absatz mit <i>kursiver</i> Passage</p>
Überschriften werden nicht explizit ausgezeichnet; das wird nur bei den Haupt-Überschriften der Journal-Artikel gemacht. Dazu versieht der Text-Converter convtext.htm die erste Zeile mit den Anweisungen <h1> und </h1> statt <p> und </p>.
Wichtig ist, dass Umlaute codiert werden, um Zeichensalat bei unterschiedlichen Einstellungen der Leser-Rechner zu vermeiden. Codes beginnen mit dem runden 'und'-Zeichen und enden mit dem Semikolon. Hier die wichtigsten Codes:
Ä » Ä / Ä » Ä / Ö » Ö / Ü » Ü / ä » ä / ö » ö / ü » ü / ß » ß.
Diese Arbeit kann auch der Text-Converter convtext.htm übernehmen, dafür ist er da.
Editiert werden müssen folgende Dateien anlässlich ihrer Änderung:
Die Bereiche, die editiert werden dürfen/sollen, sind jeweils durch <!-- Kommentare --> gekennzeichnet.
Abschließend müssen die geänderten Dateien auf den Server geladen werden.
Das klingt alles nach viel Arbeit beim Update jeder Ausgabe bzw. Jukebox-Runde, ist aber weitaus weniger als es scheint. Es müssen nur die richtigen Inhalte - mit Converter-Scripts aufbereitet - an die richtige Stelle gespeichert werden, dann macht das System den Rest.
Es handelt sich um ein halbautomatisches Redaktionssystem, das jedem Blog und den meisten Opensource-Systemen überlegen ist und speziell auf die Struktur dieses Magazins hin erstellt wurde: Das war richtig Arbeit.
Autor: Jakob Krieger
extern: IP search - löst IP-Adressen nach 'Host' und geografischem Ort auf