Es folgen die ersten 4 Teile dieses Kurses zusammengefaßt zu einem großen Teil. Danach geht es gleich weiter mit Teil 5.HTML-Seiten sind normale ASCII-Dateien die normalerweise von fast allen Textverarbeitungs-programmen gelesen und geschrieben werden. Es gibt auf dem Amiga auch spezielle Editoren zum erstellen von Web-Seiten.Viel Spaß damit !
HTML (HyperTextMarkupLanguage) - Wie erstelle ich Web-Seiten ? ------------------------------
HTML-Befehle nennt man auch TAGS. Ein TAG besteht aus einen einleitenden und einem (/) abschließenden Befehl.
LEKTION 1: ----------Unsere erste HTML-Seite:
Nun schnappen wir uns einen Editor (Ed,GoldEd,Finalwriter usw.) und geben folgende Zeilen ein.
<HTML> <HEAD> <TITLE> Beispiel </TITLE> </HEAD> <BODY> Meine erste HTML-Seite <BODY> </HTML>Jetzt sollte man das Programm abspeichern z.b. unter den Namen "beispiel.htm". Browser starten und "beispiel.htm" laden. Wenn alles richtig gemacht wurde, erscheinen oben im Browser-Fenster die Worte "Beispiel" und weiter unten sollte dann "Meine erste HTML-Seite" zu lesen sein. Ist zwar noch nichts besonders, aber dieses ist das Grundprinzip einer jeden HTML-Seite.
Grundgerüst: ------------Ja, für jede Seite werden immer folgende Befehle benutzt:
<HTML> muß immer am Anfang und am Ende der Seite stehen </HTML>
<HEAD> schließt den Kopf der Web-Seite ein, dessen Inhalt nicht
auf der Seite angezeigt wird.
<TITLE> zeigt den eingeschlossenen Text im Browser-Fenster an.
<BODY> mit diesem Befehl beginnt die eigentliche Darstellung der
Web-Seite.
Man sollte beachten das jeder dieser geöffneten Befehle auch später mit dem
Schrägstrich (/) wieder geschlossen wird, da sich sonst entweder nichts tut,
oder bei manchen Browsern Fehler produziert werden.
Farben festlegen: -----------------Natürlich kann man auch Farben festlegen. Jetzt ersetzen wir im umserem Text "beispiel.htm" die Zeile <BODY> durch:
<BODY bgcolor="#0000FF">Das speichern wir nun ab, laden den Browser und "beispiel.htm" und wenn alles richtig eingegeben wurde wird der Hintergrund nun blau.
Die Textfarbe kann man auch ändern, indem man folgende Zeile angibt:
<BODY text="#00FF00">Wieder abspeichern und in den Browser laden, und die Schrift sollte nun in der Farbe "lime" erscheinen.
Will man beides zugleich, kann man diese Befehle kombinieren und zwar so:
<BODY bgcolor="#0000FF" text="#00FF00">Ich will aber andere Farben haben:
Klar, das geht natrlich. Dieser sechsstellige Zahlenwert (#RRGGBB) setzt sich aus drei einzelnen Zahlenwerten Rot,Grün,Blau (RGB) für die gewünschte Farbe zusammen. Jeder dieser drei Angaben muß also durch eine zweistellige hexdezimale Zahl eingegeben werden.
Es gibt auch noch reservierte Farbnamen wie "black,maroon,green,olive, red ,lime usw.". Aber ich rate ab diese zu benutzen, das sie unter Umständen von anderen Browser`n verschieden dargestellt werden.
Hintergrundgrafik: ------------------Um eine Grafik in den Hintergrund zu laden sollte man beachten das diese entweder im JPG,PNG - oder im GIF-Format vorliegen muß. Die Grafik sollte auch im selben Ordner wie "beispiel.htm" liegen. Der Name der Grafik sollte dann "grafik.gif" oder "grafik.jpg" lauten.
Dann ändern wir die Zeile <BODY> auf:
<BODY background="grafik.(gif/jpg/png)">und speichern es unter "beispiel.htm" ab. Wenn wir nun den Browser laden, und den Text starten, sollte die Grafik als Hintergrund geladen werden. Das funktioniert aber nur wenn die Grafik auch unter diesem Namen existiert.
LEKTION 2: ----------Einfügen von Absätzen und Zeilenwechseln:
Jetzt müssen wir erst das Grundgerüst (beispiel.htm) wieder in den Editor laden. Dann ergänzen wir den Text zwischen <BODY> und </BODY> wie folgt:
<BODY>Die Sache wieder abspeichern und in den Browser laden. Was ist passiert ? Obwohl wir jeweils eine neue Zeile beginnen wird alles in einer einzigen Zeile ausgegeben. Wir müssen den Browser einen neuen Absatz oder Zeilenwechsel miteilen, sonst interpretiert er es selbständig. Dazu benötigen wir für einen Absatz den <P> TAG, und für einen Zeilenwechsel den <BR> TAG.Dies ist die erste Zeile. Dies ist die zweite Zeile. Dies ist die dritte Zeile.
</BODY>
Also ergänzen wir die Datei "beispiel.htm" wie folgt:
<BODY>Wenn wir uns das dann wieder anschauen, stellen wir fest das die erste Zeile durch einen Absatz von den beiden anderen getrennt ist. Bei den beiden anderen hat nur ein Zeilenwechsel stattgefunden.Dies ist die erste Zeile. <P> Dies ist die zeite Zeile. <BR> Dies ist die dritte Zeile. <BR>
</BODY>
ANMERKUNG: ----------Ab diesem Punkt wird das Laden und Speichern der Datei "beispiel.htm" nicht mehr extra erwähnt werden. Es ist eigendlich klar das man um die nächsten Befehle auszuprobieren immer das Grundgerüst aus (LEKTION 1) benötigt, und diese zwischen
<BODY>stehen müssen.</BODY>
Ausrichten von Absätzen und Textblöcken:Normalerweise richten die Browser den Text automatisch linksbündig aus. Da dies natürlich nicht immer erwünscht ist, müssen wir einen Befehl für die Ausrichtung angeben.
Um einen Absatz "zentriert" auszurichten geben wir ein:
<P align="center">Um einen Absatz "rechtsbündig" auszurichten geben wir ein:
<P align="right">Wenn man nicht immer jeden Absatz neu ausrichten will geben wir ein:
<DIV align="center"> Dieser Text wird nun ausgerichtet </DIV>Mit dem letztem TAG <DIV> wird der größte Teil des Textes zentriert ausgegeben.
Zeilenumbruch unterdrücken:Wenn eine Zeile zu lang wird und der Browser sie am Bildschirm nicht mehr darstellen kann, wird er automatisch in eine neue Zeile springen. Dieser Effekt ist aber nicht oft erwünscht und läßt sich daher unterdrücken. Mit dem TAG <NOBR> läßt sich der automatische Zeilenumbruch verhindern.
<BODY>Hier sollten mehr Wörter oder Buchstaben stehen, als der Browser darstellen kann...<NOBR>
</NOBR></BODY>
Wenn dieser TAG <NOBR> benützt wird, wird der Browser nicht mehr automatisch in die nächste Zeile springen. Die überlange Zeile kann man aber trotzdem lesen, nur muß man dafür am Browser scrollen.
Schriftgröße ändern:Um die Schriftgröße zu ändern evt. für eine Überschrift, benützen wir den TAG (H1-H6). Für die 6 verschiedenen Schriftgrößen geben wir ein:
<H1> Größe 1 </H1> <H2> Größe 2 </H2> <H3> Größe 3 </H3> <H4> Größe 4 </H4> <H5> Größe 5 </H5> <H6> Größe 6 </H6>Nun sollten 6 verschiedene Schriftgrößen erscheinen.
Textformartierungen:Natürlich kann man den HTML-Text durch Textformatierungen noch intressanter machen.
Um z.b ein Wort "fett" zu drucken geben wir ein:
<B> fett </B>Um ein Wort "kursiv" zu drucken geben wir ein:
<I> kursiv </I>Um ein WORT "durzustreichen" geben wir ein:
<U> durchgestrichen </U>Für eine "großzügige Schrift" geben wir ein:
<BIG> großzügige Schrift </BIG>Um eine "kleine Schrift" zu wählen geben wir ein:
<SMALL> kleine Schrift </SMALL>Um die Standardschriftgröße des Browsers zu verändern benötigen wir den TAG <BASEFONT size=Größe>. Die "Größe" kann durch die Zahlen (1-7) festgelegt werden. Normalerweiße ist die Standardschriftgröße 3. Jetzt geben wir mal folgendes Beispiel ein:
LEKTION 3: ----------
Standardschriftgröße ändern:
<BODY>Um nur für bestimmte Bereiche eine andere Schriftgröße zu verwenden benützen wir den TAG <FONT size=Größe>. Die "Größe" muß wieder durch die Zahlen (1-7) ausgewählt werden. Und es folgt das nächste Beispiel:<BASEFONT size=5>
Jetzt ist die Standardschriftgröße 5.
</BASEFONT>
Jetzt ist die Standardschriftgröße wieder 3.
</BODY>
Ändern der Schriftgröße:
<BODY> <FONT size=7> Schriftgröße ist 7 </FONT><br> <FONT size=6> Schriftgröße ist 6 </FONT><br> <FONT size=5> Schriftgröße ist 5 </FONT><br> <FONT size=4> Schriftgröße ist 4 </FONT><br> <FONT size=3> Schriftgröße ist 3 </FONT><br> <FONT size=2> Schriftgröße ist 2 </FONT><br> <FONT size=1> Schriftgröße ist 1 </FONT><br> </BODY>Um für bestimmte Bereiche eines Dokumentes auch verschiedene Farben zu verwenden, benützen wir den TAG <FONT color="#rgb">.Festlegen der Schriftfarben:
Weil es mit den Farben in Teil 1 nicht so klar schien, gehe ich hier jetzt genauer darauf ein. Also jeder Browser hat reservierte Farbnamen. Diese lauten z.b. (Black,Blue,Brown,Red Green,Yellow,Gold,Lime usw.) Je nach Browser gibt es mehr oder weniger dieser reservierten Farbnamen. Also könnte man folgendes Beispiel eingeben :
<BODY> <FONT size=5 color="red"> Fireball </FONT> </BODY>Wenn man sich diese Sache nun im Browser anschaut erscheint "Fireball" in der Schriftgröße 5 und in roter Schrift. Toll, ist doch einfach denken jetzt die meisten. Trotzdem sollte man davon ablassen. Da jeder Browser seine eigenen reservierten Farbnamen hat, ist für jeden Browser "Rot" nicht gleich "Rot" sondern vieleicht eher Dunkelrot oder sogar Pink und das gilt für alle Farben. Was ich damit sagen will ist, das es dadurch zu gravierenden Farbverfälschungen kommen kann. Was also auf einem Browser noch Spitze ausieht, kann auf einem anderen Browser absolut schlecht dargestellt werden.
Deshalb sollten wir uns angewöhnen die Zahlenwerte durch drei hexdezimale Zahlenwerte einzugeben. Durch diese Zahlenwerte wird die Farbe aus den Farben Rot,Grün,Blau (RGB) gemischt. Der Vorteil ist das die Farben nun auf allen Browsern "ähnlich" dargestellt werden.
Also statt dem Beispiel oben sollte man lieber folgendes eingeben:"Amiga" erscheint nun in der Schriftgröße 5 und in roter Schrift. So sind wir aber auf der sicheren Seite. Wer ein Programm zur hexdezimalen Umrechnung benötigt sollte entweder einen Diskmonitor wie z.b.(Filemaster,AZap) benützen, oder eben im Aminet Ausschau halten. Außerdem gab es in einer Amiga4ever-Ausgabe (Jo, steht dort no immer (Grins)) einen Artikel wie die Umrechnung funktioniert.
<BODY>
<FONT size=5 color="#FF0000"> Amiga </FONT>
</BODY>
Einfügen einer Trennlinie:Mit dem TAG <HR> kann man Trennlinien in das HTML-Dokument einfügen. Ideal ist dies um z.b Text abzugrenzen. Beispiele folgen:
<BODY>Linie ist zentriert ausgerichtet:Standard:
<HR>
Standard ohne Schattierung:
<HR noshade>
Länge festlegen auf 66%:
<HR WIDTH="66%">
Länge (170 Pixel) und Stärke (15 Pixel) wurden festgelegt:
<HR WIDTH=170 size=15>
</BODY>
Ausrichten der Trennlinien:
<BODY>
<HR align="center" width="66%">Wenn man bestimme Punkte aufzählen möchte, und diese nicht sortiert sein müssen benützen wir den <UL> TAG. Zusätzlich benötigen wir noch den <LI> TAG, der für jeden Gegenstand seperat eingegeben werden muß.Linie ist linksbündig ausgerichtet:
<HR align="left" width="66%">
Linie ist rechtsbündig ausgerichtet:
<HR align="right" width="66%">
</BODY>
Das Aufzählen von unsortierten Listen:
Beispiel:Jetzt schauen wir uns dieses Beispiel im Browser an, und stellen fest das wir nun eine unsortierte Liste von 3 Gegenständen erhalten haben. Wir bemerken das vor jeder Aufzählung ein winziger gefüllter Kreis zu sehen ist. Um für diesen Kreis z.b ein Quadrat zu erhalten müßten wir den <UL> TAG wie folgt ändern:
<BODY> <UL> <LI>Eier</LI> <LI>Fisch</LI> <LI>Brot</LI> </UL> </BODY>
<UL type="square">Um einen nicht gefüllten Kreis zu erhalten geben wir ein:
<UL type="circle">Und für den gefüllten Kreis:
<UL type="disc">Numerierte (sortierte) Listen:
Wenn man aber nun Numerierte Listen ausgeben möchte braucht man den <OL> TAG. Zusätzlich wird wieder der <LI> TAG benötigt.
<BODY> <OL> <LI>Eier</LI> <LI>Fisch</LI> <LI>Brot</LI> </OL> </BODY>Normalerweise werden jetzt diese 3 Artikel fortlaufend nummerriert. Um die Art der Numerierung oder den Startpunkt zu wählen müssen wir den <OL> TAG wie folgt ergänzen:
<OL compact type="1" start="1">Mit "compact type" kann man die Art der Numerierung wählen. Möglich ist z.b. ein "A" anzugeben, um eine Aufzählung nach dem Alphabet zu erreichen. Mit "start" läßt sich einstellen ab welchem Punkt gezählt werden soll.
LEKTION 4: ----------IBrowse1.22 unterstützt einige dieser Befehle nicht, aber AWeb3.3 schon. Sobald ich die neuen Voyager+Ibrowse Browser habe, werde ich mitangeben können welcher Browser was unterstützt.
Um eine einfache 3 Zeilen x 3 Spalten Beispiel-Tabelle zu erzeugen, geben wir folgendes ein:
Beispieltabelle:<BODY>
<TABLE><BODY><TR> <TH>Amiga</TH><TH>Amino</TH><TH><PC></TH> </TR> <TR> <TD>Diskette</TD><TD>Amiga</TD><TD>Schrott</TD> </TR> <TR> <TD>Online</TD><TD>Collas</TD><TD>Gateway</TD> </TR>
</TABLE>
Wenn wir nun dieses Beispiel eingegeben und in den Browser geladen haben, sehen wir eine linksbündig ausgerichtete Tabelle. Um eine Tabelle zu erzeugen muß immer der <TABLE> TAG (TÄG) verwendet werden, und am Ende mit dem </TABLE> TAG abgeschlossen werden. Die Tabellenzeilen werden durch den <TR></TR> TAG geklammert. Durch den <TH></TH> TAG wird ein Überschriftenfeld in einer Zeile maskiert. Der <TD></TD> TAG definiert in einer Zeile ein einfaches Datenfeld.
Überschrift für eine Tabelle festlegen: ---------------------------------------Wenn man nun über die festgelegte Tabelle eine Überschrift setzen will, benötigt man den <CAPTION> TAG. Also fügen wir in dem obrigen Beispiel nach dem <TABLE> TAG den folgenden Text ein:
<CAPTION><B>COMPUTER</B></CAPTION>Im Browser sieht man nun das die Überschrift "COMPUTER" zentriert ausgegeben wird. Wenn als Browser "IBrowse1.22" benützt wird "COMPUTER" linksbündig ausgegeben, was ein Fehler ist. AWEB3.3 stellt es richtig da.
Tabellenüberschrift ausrichten: -------------------------------Um dem Browser anzugeben wohin er die Überschrift der Tabelle setzen soll, müssen wir noch einige Angaben machen. Und zwar so:
Rechtsbündig: -------------Um jetzt zum Beispiel die Überschrift zentriert unter der Tabelle darzustellen geben wir ein:<CAPTION align="right"><B>COMPUTER</B></CAPTION>
Linksbündig: ------------
<CAPTION align="left"><B>COMPUTER</B></CAPTION>
Zentriert: ----------
<CAPTION align="center"<B>COMPUTER</B></CAPTION>
<CAPTION align="center" valign="bottom"><B>COMPUTER></B></CAPTION>Um die Sache Oben-Rechtsbündig anzuzeigen geben wir ein:
<CAPTION align="Right" valign="top"><B>COMPUTER></B></CAPTION>In IBrowse1.22 wird dieser <CAPTION> TAG nicht richtig behandelt. Also sollte man zum ausprobieren der Befehle entweder eine neue IBrowse-Version benützen, oder AWEB3.3.
Rahmen und Gitternetzlinien festlegen: --------------------------------------Um einer Tabelle einen Rahmen zuzuweisen müssen wir dem <TABLE> TAG den Befehl "border", und die Breite des Rahmens in Pixel hinzufügen.
<TABLE border=6>Um den Abstand zwischen den Gitternetzlinien und dem Zellinhalt darzustellen, benötigen wir den Befehl "cellspacing". Auch hier müssen wir den Wert in Pixel angeben.
<TABLE border=6 cellspacing=3>Der gewünschte Abstand zwischen den Zellen wird mit dem Befehl "cellpadding" angegeben.
<TABLE border=6 cellspacing=3 cellpadding=10>Jetzt kommen einige Befehle die nocht nicht von jedem Browser unterstützt werden. Diese Befehle funktionieren wie folgt mit AWeb3.3:
Einzelne Linien einfügen: (Standard HTML 4.0) -------------------------
einfache Linien durch die Tabelle ziehen:
<TABLE rules="rows">keine Linien mehr, Tabelle wird ingesamt hervorgehoben:
<TABLE frame="border" rules="none">fast wie der obere Befehl, aber die obere und die untere Kante fehlen:
<TABLE frame="hsides">Diese folgenden Befehle können noch mit frame="______" benützt werden.
Weitere Befehle: (Standard HTML 4.0) ----------------
- "abouve" und "below" (Linien über und unter der Tabelle)
- "vsides" (Linien rechts und links der Tabelle)
- "lhs" und "rhs" (Randlinien rechts und links der Tabelle)
Die nächsten Befehlen können mit rules="________" gebraucht werden.
- "groups" (Spalten in Gruppen aufteilen) - "cols" (Linien zwischen Tabellenspalten) - "all" (Alle Zellen einrahmen)
Inwieweit Ibrowse,Voyager oder AWeb diese Befehle ünterstützen müßte man ausprobieren.
Wählen der Tabellen-Hintergrundfarbe: -------------------------------------Um die Farbe für den Tabellen-Hintergrund zu ändern müssen wir den <TABLE> TAG durch den Befehl bgcolor="Farbe"> oder bzw. bgcolor="#RRGGBB" ergänzen.
Also entweder:
<TABLE border=3 bgcolor="yellow">oder besser immer mit hexdezimalen Zahlen arbeiten:
<TABLE border=3 bgcolor="#FFFF00">Wie man diese Werte errechnen kann wurde in Teil 1+3 dieses Kurses erklärt. Sollte jemand damit Schwierigkeiten haben, dann sollte er sich melden.
Festlegen der Rahmen + Gitternetzlinien-Farbe: ----------------------------------------------Um die Farbe für die Gitternetzlinien und den Tabellenrahmen festzulegen müssen wir wieder den <TABLE> TAG ergänzen. Und zwar benützen wir den Befehl "bordercolor".
<TABLE border=6 bordercolor="#0000FF" bgcolor="FFFF00">Die Hintergrundfarbe ist nun "Gelb", und die Rahmenfarbe ist "Blau".
Farbteil für Rahmen bzw. Gitternetzlinien: ------------------------------------------(Folgende Befehle funktionieren nicht mit Ibrowse1.22, aber mit AWeb3.3)
Der Tabellenrahmen der Tabelle besteht aus zwei verschieden Farbanteilen, und zwar aus einem dunklem bzw. einem hellen Farbanteil. Diese Farben lassen sich durch die beiden Befehle (bordercolordark + bordercolorlight)verändern.
<TABLE border=6 bordercolordark="#000000" bordercolorlight="#00FF00">Natürlich läßt sich die Größe der Tabelle verändern. Dazu müssen wir wieder den <TABLE> TAG ergänzen, und folgendes einfügen <TABLE height=Höhe>. Für die Höhe kann man einen Prozentwert oder einen Pixelwert eingeben.
Breite und Höhe einer Tabelle festlegen: ----------------------------------------
Um die Höhe der Tabelle zu verändern, ergänzen wir den TAG wie folgt: <TABLE width=Breite>. Auch hier nuß für die Breite ein Prozentwert oder ein Pixelwert eingegeben werden.
Also ergänzen wir den <TABLE> TAG der Beispieltabelle wie folgt:
<TABLE border=6 width="66%" height=180>Wenn wir nun wieder den Browser laden, stellen wir fest das die Tabelle um einiges gewachsen ist.
LEKTION 5: ---------Auch können wir den Text der "Beispieltabelle" ausrichten.
Titelfeldinhalt ausrichten: ---------------------------
Entweder Linksbündig:Während vom "align" (TAG) die horizontale Ausrichtung gesteuert wird, wird vom "valign" (TAG) die vertikale Ausrichtung des Tabelleninhaltes gesteuert.<TH align="left">AMIGA</TH>
Oder Rechtsbünding:
<TH align="right">AMINO</TH>
Und auch Zentriert:
<TH align="center">PC</TH>
Titelfeldinhalt am oberen oder unteren Rand ausrichten: -------------------------------------------------------
Um den Text am oberen Rand einer Tabelle zu plazieren geben wir ein:
<TH align="left" valign="top">AMIGA</TH>
Wenn wir den Text mittig haben wollen geben wir ein:
<TH align="right" valign="middle">AMINO</TH>
Uns so plazieren wir den Text am unteren Rand:
<TH valign="bottom">PC</TH>
Nun folgt noch etwas Zusatzwissen was z.b. durch PC-Browser wie Netscape, Explorer nach Standard HTML 4.0 unterstützt wird . Inwieweit dieses Amiga-Browser unterstützen ist schwer zu sagen. Also Ausprobieren (Grins).
Tabellenspalten einheitlich gestalten: --------------------------------------Alle Zellen einer Tabelle die nebeneinander liegen bilden eine Reihe. Dafür gibt es in HTML für Tabellengestaltung den <TR> (TAG>. Die untereinander liegenden Zellen (Spalten) existiert kein entsprechender (TAG) in HTML. Darum war (ist) auch eine einheitliche Gestalung (für alle Browser) nur mit Mühe zu bewerkstelligen.
Mit dem <COL> (TAG) hat man nun eine einfache Lösung dafür gefunden:
<COL width="*" align="egal">Für "?" muß natürlich entweder ein Prozent- oder ein Pixelwert eingegeben werden. Für "egal" left,right,center usw.
Tabellenspalten zu Gruppen zusammenfassen: ------------------------------------------Während mit dem <COL> (TAG) die Zellen einer Spalte zusammengefaßt werden, werden durch den (TAG) <COLGROUP> mehere Spalten zusammengefaßt. So läßt sich auf einfache Weise ein einhetliches Aussehen erreichen.
<COLGROUP span=? width=? align="egal" style="?">Mit "span" läßt sich die Anzahl der Spalten angeben, die von <COLGROUP> zusammengefaßt werden sollen. Nach <COLGROUP> können mit <COL> ein Reihe Spalten mit eigenen Eigenschaften erstellt werden.
Mit "width" wird die Breite und Höhe definiert.
Mit "align" wird wieder die Ausrichtung bestimmt.
Mit "style" kann die Tabelle über "Style Sheets" gestaltet werden.
Das Verbinden von Feldern in einer Tabelle: -------------------------------------------Um benachbarte Felder einer Zeile miteinander zu verbinden benützen wir "colspan" innerhalb eines <TH> (TAG`s).
<TH colspan=?>Für "?" muss natürlich wieder die Zahl der Zeilen eingegeben werden.
Um benachbarte Felder einer Spalte zu verbinden geben wir ein:
<TH rowspan=?>Und nun sind wir mit den Tabellen am Ende. Wie geschrieben sind die letzten Befehle Standard HTML 4.0, und werden wahrscheinlich von einigen Browsern (auch PC) nicht unterstützt.
So hoffendlich war was interesantes für Euch dabei.
Murmel