In diesem Thread möchte ich eine kurze Einführung geben, wie man eine HTML-Forumhomepage erstellt. Das einzige Werkzeug, was man dazu braucht, ist ein Office-Paket wie z.B.
Apache OpenOffice oder
LibreOffice oder ein anderes Programm, welches HTML ausgeben kann. Ich persönlich starte dazu jetzt einmal OpenOffice und klicke auf
Datei -> Neu -> HTML-Dokument.
Es öffnet sich ein neues Schreibfenster, in welchem ich nun einfach probeweise einmal
<div style="font-family: monospace; background-color:#f0f0f0;">Dies ist ein erster Test.</div>
eintippe. Jetzt noch schnell das Dokument speichern und dann auf
Ansicht -> HTML-Quelltext klicken. Es erscheint mehr oder weniger etwas, was so ähnlich aussieht wie das hier:
<div style="font-family: monospace; background-color:#f0f0f0;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
<TITLE></TITLE>
</HEAD>
<BODY LANG="de-DE" DIR="LTR">
<P>Dies ist ein erster Test.</P>
</BODY>
</HTML></div>
Jetzt markiere ich (unter Windows) den kompletten Quelltext mit Strg-A und kopiere ihn mit Strg-C in die Zwischenablage. Im Forum der Heiner-Funkfreunde eröffne ich mit meinem hoffentlich schon beantragten Homepagebereich einen neuen Thread und kopiere den Zwischenablageninhalt mit Strg-V hinein. Speichern nicht vergessen! Danach rufe ich den neuen Thread auf: Und da ist sie - meine erste Forumhomepage im Heiner-Forum.
<div style="background-color:#e0e0ff;"><p>Dies ist ein erster Test.</p></div>
Herzlichen Glückwunsch!
Nun ist das natürlich nicht der Brüller und für so etwas bräuchte man auch kein HTML. Darum wiederholen wir den Versuch mit einer kleinen Variante. Dazu markieren wir die eingegebene Textzeile in OpenOffice mit der Maus, dann
rechte Maustaste -> Absatz... -> Hintergrund -> Rot 1. Dann gehen wir wieder auf
Ansicht -> HTML-Quelltext und erhalten:
<div style="font-family: monospace; background-color:#f0f0f0;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
<TITLE></TITLE>
</HEAD>
<BODY LANG="de-DE" DIR="LTR">
<P STYLE="background: #ff9999">Dies ist ein erster Test.</P>
</BODY>
</HTML></div>
Das kopieren wir wieder in die Zwischenablage, ändern dieses mal unseren bereits eröffneten Thread und ersetzen den Inhalt durch den Zwischenablageninhalt. Nach dem Abspeichern sieht der Inhalt nun so aus:
<div style="background:#ff9999;"><p>Dies ist ein erster Test.</p></div>
Dieses Ergebnis konnten wir
nur noch mit HTML erreichen. Ohne wäre es nicht möglich gewesen, die Hintergrundfarbe zu setzen.
73 de Daniel
Dieses Mal binden wir ein Bild von einer externen Bildquelle ein. Eine solche könnten Bilderhoster wie abload.de (https://abload.de) sein, ich nehme jetzt aber mal in diesem Beispiel ein Bild von Wikipedia, z.B. das hier:
[iframe]https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Heliogen_medium_wave_galena_radio.JPG/800px-Heliogen_medium_wave_galena_radio.JPG[/iframe]
In diesem Fall ist die HTML-Editor von OpenOffice ein wenig überfordert, also müssen wir OpenOffice schließen und stattdessen selber Hand anlegen und folgendes im Thread manuell eintippen:
<div style="background-color:#f0f0f0; font-family:monospace;"><div style="width:800px;height:998px;background:url('https&#58;//upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Heliogen_medium_wave_galena_radio.JPG/800px-Heliogen_medium_wave_galena_radio.JPG');"><br><br><span style="margin-left:50px;background-color:yellow;padding:10px;">Ein Detektorempfänger</span></div></div>
Dabei ist
unbedingt zu beachten, daß der Doppelpunkt nach
https mit einem HTML-Entity ("&#58;") maskiert wird! Dies ergibt:
<div style="width:800px;height:998px;background:url('https://upload.wikimedia.org/wikipedia/commons/thumb/b/bd/Heliogen_medium_wave_galena_radio.JPG/800px-Heliogen_medium_wave_galena_radio.JPG');">
<span style="margin-left:50px;background-color:yellow;padding:10px;">Ein Detektorempfänger</span></div>
Perfekt! Jetzt können wir Hintergrundbilder einbinden diese und mit HTML sowie etwas CSS selber beschriften.
73 de Daniel
Noch einen Hinweis für Administratoren:Die persönlichen Homepages müssen als Unterboard eingerichtet werden. Dabei sind folgende Dinge zu beachten:
- Der Name der Homepage ist genau identisch mit dem Namen des Besitzers. Sonst wäre das für alle anderen Forummitglieder verwirrend.
- Damit es kein Wildwuchs wird, müssen die Homepages alphabetisch eingeordnet werden; z.B. Yamato mit "Y" steht nach dem Entrechteten mit "E".
- Das Berechtigungsprofil in "Boards verwalten" wird auf "Nur Lesen" gestellt.
- Erlaubte Mitgliedergruppen sind immer alle.
- Als Moderatoren wird nur der Name des Hompage-Besitzers eingetragen.
Ein Hinweis für die neuen Homepage-Besitzer:Im Prinzip können sie machen, was sie wollen, aber es empfiehlt sich
dringend, die Eingangsseite als "Index" zu bezeichnen, also ganz ähnlich wie index.html. So finden andere die Eingangsseite schneller. ;)
73 de Daniel