Styles auf dem Audioserver

Überschrift 1

Überschrift ersten Grades; kommt nur am Seitenanfang vor.

Überschrift 2

Überschrift zweiten Grades; wird benutzt, um die einzelne Seite in sinnvolle Abschnitte zu gliedern (daher auch die gepunktete Linie darunter).

Überschrift 3

Überschrift dritten Grades; vielseitig verwendbar als Überschrift von Aufzählungen, Listen, als Zwischenüberschrift im Fließtext, als Überschrift für kommentierte Links etc.

Überschrift 4

Überschrift vierten Grades; als Überschrift von Aufzählungen und Listen, als Überschrift für kommentierte Links, sollte h3 schon vergeben sein, oder in der orangen Massierung zu unruhig. Wird beispielsweise für die Titel der einzelnen Sitzungen im Seminarplan verwendet.

Unterzeile einer Überschrift 1

Unterzeile einer Überschrift 3

Für vielfältige Zwecke wie Seminardaten, AutorInnen, ProduzentInnen etc., am besten zwischen einer Überschrift 3 und einem Beschreibungsparagrafen.

Ilisis dunt atuerostie ent in eriustio od dio et lore magnis nonummolore vulput verilit luptatie corper sim alit velit veraesed modo dolent nim quat, quip eniam volorero dit luptati onsequat praesenim zzriure dunt luptat ip ex.

<p></p>

Standardparagraf für längeren Fließtext.

Kleinerer Paragraf z.B. für Textmodule mit Inlinebildern, Textmodule in Aufzählungen, erläternde Paragrafen über Standalonelinks, usw.

Liste
Liste
Liste

<ul>
<li>Liste</li>
<li>Liste</li>
<li>Liste</li>
</ul>

Standardliste.

Überschrift 3 mit Link

<h3><a class="ueberschrift" href="#">Überschrift mit Link</a></h3>

Überschrift dritten Grades mit Link (bei externen Links das onclick nicht vergessen, s.o.); Sollte eigentlich nur auf der Startseite und in der Linksektion verwendet werden. Bei sonstigen Verweisen ist ein Modul mit der Strickweise h3, Beschreibungstext und Standalone Link darunter vorzuziehen (siehe Module).

Standard-Inlinelink (extern)

<a href="#" title="Linkziel" onclick="window.open(this.href,'_blank');return false;">Standard-Inlinelink (extern)</a>

Standard-Inlinelink für alle Arten von Text; in diesem Falle extern, daher das umständliche onclick. Bei internen Links muss man das entsprechend weglassen.

Standalone-Link auf eine Website

<p class="www">
<a href="#" title="Linkziel">Standalone-Link auf eine Website</a>
</p>

Gut unter Fließtext und unter Beschreibungsparagrafen. Ein Standardlink (bei externen Links das onclick nicht vergessen, s.o.) wird von einem Paragrafen mit der Klasse 'www' umschlossen.

Standalone-Link auf Text/PDF

<p class="text">
<a href="#" title="Linkziel">Standalone-Link auf Text</a>
</p>

Gut unter Fließtext und unter Beschreibungsparagrafen. Ein Standardlink (bei externen Links das onclick nicht vergessen, s.o.) wird von einem Paragrafen mit der Klasse 'text' umschlossen.

Standalone-Link auf Audiomaterial

<p class="audio">
<a href="#" title="Linkziel">Standalone-Link auf Audiomaterial</a>
</p>

Gut unter Fließtext und unter Beschreibungsparagrafen. Ein Standardlink (bei externen Links das onclick nicht vergessen, s.o.) wird von einem Paragrafen mit der Klasse 'audio' umschlossen.

kleine Linkliste kleine Linkliste kleine Linkliste

<div class="verweisbox">
<a class="archivverweis" href="#" title="Linkziel">kleine Linkliste</a>
<a class="archivverweis" href="#" title="Linkziel">kleine Linkliste</a>
<a class="archivverweis" href="#" title="Linkziel">kleine Linkliste</a>
</div>

Liste mit Links (bei externen Links das onclick nicht vergessen, s.o.); kommt eigentlich nur in lehre-workshops vor. Kann in diesem Sinne anstelle mehrerer Standalone-Links untereinander benutzt werden, wenn diese aufgrund der vielen Bilder zu viel Unruhe erzeugen würden.

Nachname, Vorname: Titel. Ort Jahr

<p class="literatur"><span class="litname">Nachname, Vorname</span>: Titel. Ort Jahr</p>

Literaturliste. Die span setzt den/die AutorIn kursiv.

Überschrift 1	<h1></h1>	Überschrift ersten Grades; kommt nur am Seitenanfang vor.
Überschrift 2	<h2></h2>	Überschrift zweiten Grades; wird benutzt, um die einzelne Seite in sinnvolle Abschnitte zu gliedern (daher auch die gepunktete Linie darunter).
Überschrift 3	<h3></h3>	Überschrift dritten Grades; vielseitig verwendbar als Überschrift von Aufzählungen, Listen, als Zwischenüberschrift im Fließtext, als Überschrift für kommentierte Links etc.
Überschrift 4	<h4></h4>	Überschrift vierten Grades; als Überschrift von Aufzählungen und Listen, als Überschrift für kommentierte Links, sollte h3 schon vergeben sein, oder in der orangen Massierung zu unruhig. Wird beispielsweise für die Titel der einzelnen Sitzungen im Seminarplan verwendet.
Unterzeile einer Überschrift 1	<div class="autor"></div>
Unterzeile einer Überschrift 3	<div class="unterzeile"></div>	Für vielfältige Zwecke wie Seminardaten, AutorInnen, ProduzentInnen etc., am besten zwischen einer Überschrift 3 und einem Beschreibungsparagrafen.
Ilisis dunt atuerostie ent in eriustio od dio et lore magnis nonummolore vulput verilit luptatie corper sim alit velit veraesed modo dolent nim quat, quip eniam volorero dit luptati onsequat praesenim zzriure dunt luptat ip ex.	<p></p>	Standardparagraf für längeren Fließtext.
Ilisis dunt atuerostie ent in eriustio od dio et lore magnis nonummolore vulput verilit luptatie corper sim alit velit veraesed modo dolent nim quat, quip eniam volorero dit luptati onsequat praesenim zzriure dunt luptat ip ex.	<p class="kleiner"></p>	Kleinerer Paragraf z.B. für Textmodule mit Inlinebildern, Textmodule in Aufzählungen, erläternde Paragrafen über Standalonelinks, usw.
Liste Liste Liste	<ul> <li>Liste</li> <li>Liste</li> <li>Liste</li> </ul>	Standardliste.
Überschrift 3 mit Link	<h3><a class="ueberschrift" href="#">Überschrift mit Link</a></h3>	Überschrift dritten Grades mit Link (bei externen Links das onclick nicht vergessen, s.o.); Sollte eigentlich nur auf der Startseite und in der Linksektion verwendet werden. Bei sonstigen Verweisen ist ein Modul mit der Strickweise h3, Beschreibungstext und Standalone Link darunter vorzuziehen (siehe Module).
Standard-Inlinelink (extern)	<a href="#" title="Linkziel" onclick="window.open(this.href,'_blank');return false;">Standard-Inlinelink (extern)</a>	Standard-Inlinelink für alle Arten von Text; in diesem Falle extern, daher das umständliche onclick. Bei internen Links muss man das entsprechend weglassen.
Standalone-Link auf eine Website	<p class="www"> <a href="#" title="Linkziel">Standalone-Link auf eine Website</a> </p>	Gut unter Fließtext und unter Beschreibungsparagrafen. Ein Standardlink (bei externen Links das onclick nicht vergessen, s.o.) wird von einem Paragrafen mit der Klasse 'www' umschlossen.
Standalone-Link auf Text/PDF	<p class="text"> <a href="#" title="Linkziel">Standalone-Link auf Text</a> </p>	Gut unter Fließtext und unter Beschreibungsparagrafen. Ein Standardlink (bei externen Links das onclick nicht vergessen, s.o.) wird von einem Paragrafen mit der Klasse 'text' umschlossen.
Standalone-Link auf Audiomaterial	<p class="audio"> <a href="#" title="Linkziel">Standalone-Link auf Audiomaterial</a> </p>	Gut unter Fließtext und unter Beschreibungsparagrafen. Ein Standardlink (bei externen Links das onclick nicht vergessen, s.o.) wird von einem Paragrafen mit der Klasse 'audio' umschlossen.
kleine Linkliste kleine Linkliste kleine Linkliste	<div class="verweisbox"> <a class="archivverweis" href="#" title="Linkziel">kleine Linkliste</a> <a class="archivverweis" href="#" title="Linkziel">kleine Linkliste</a> <a class="archivverweis" href="#" title="Linkziel">kleine Linkliste</a> </div>	Liste mit Links (bei externen Links das onclick nicht vergessen, s.o.); kommt eigentlich nur in lehre-workshops vor. Kann in diesem Sinne anstelle mehrerer Standalone-Links untereinander benutzt werden, wenn diese aufgrund der vielen Bilder zu viel Unruhe erzeugen würden.
Nachname, Vorname: Titel. Ort Jahr	<p class="literatur"><span class="litname">Nachname, Vorname</span>: Titel. Ort Jahr</p>	Literaturliste. Die span setzt den/die AutorIn kursiv.