Ihr Braucht:
Einen installierten Netscape Browser
Einen solchen Browser kann man hier downloaden:
Netscape 4.78  |  23,5 MB


Erste Schritte:
Um eine neue HTML-Datei zu erstellen, muss bei geöffnetem Netscape Browser oder im Composer auf Datei->Neu->Leere Seite geklickt werden.

Der Text:
Jetzt sollte man zunächst einen Text über sich schreiben.
Schreibt einfach erstmal drauf los, wie ihr es bei Word machen würdet. Formatieren kann  man später auch noch.
Schreibt wie ihr zu Squarenet gekommen seid, etwas über die FF-Teile, Eure Hobbies und Interessen und etwas über euren Charakter.

Gestaltung:

Hintergrund:
Um die Seite etwas aufzupeppen kann man den Hintergrund nach seinem eigenen Geschmack verändern.
Hierzu klickt einmal mit der rechten Maustaste (RMT) auf eine leere Stelle im Dokument.
Hier wählt Seiteneigenschaften an.
Hier könnt ihr jetzt u.a. die Grundtextfarbe einstellen und die verschiedenen Farben die ein Link hat (noch nicht besuchter Link, Besuchter Link und aktiver Link)
Bevor ihr hier aber was einstellt, solltet ihr zunächst den Hintergrund anpassen.
Hierzu könnt ihr euch im selben Menü eine Farbe auswählen oder weiter unten eine Grafik auswählen die dann gekachelt im Hintergrund erscheint.
Bei einer Hintergrundgrafik solltet ihr darauf achten das die Konturen und der Kontrast nicht zu stark sind/ist, denn das könnte von dem Text ablenken und somit irritieren.
Bedenkt auch das alle Grafiken die von der HTML-Datei verwendet werden im selben Ordner wie die HTML-Datei liegen sollten. Die Dateinamen sollten keine Umlaute, keine Leerzeichen, keine Sonderzeichen enthalten und nur klein geschrieben sein.

Text:
Angenommen ihr habt jetzt als Hintergrundfarbe schwarz genommen, oder ein dunkles Hintergrundbild. Hier wird es schwer sein den standardmäßig schwarzen Text zu erkennen. Also markiert den gesamten Text und wählt aus der Symbolleiste die Farbe aus. Wenn ihr eine andere Schriftart woll, könnt ihr dies auch tun, aber achtet darauf das nicht alle Internetuser die selben Schriften auf ihrem Computer haben wie ihr. Größe könnt ihr mit der Symbolleiste auch anpassen.
Wenn ihre einen Text Zentrieren wollt (z.B Überschrift) markiert den Text und klickt mit der RMT auf den Text.
Im darauffolgenden Fenster wählt den Registerreiter Absatz und im nächsten Fenster Zentriert.
Die Farbe der Links könnt ihr im Seiteneigenschaften Menü anpassen.

Links setzen:
Wenn ihr jetzt Links setzen wollt, z.B. eure E-Mail Adresse oder Links zu anderen Seiten (nichts mit Warez, Pornografie, oder MP3`s!) schreibt einen Passenden Text der die Verknüpfung beschreibt. In etwa:
Squarenet
Um dieses Wort jetzt zu verlinken, markiert es und klickt einmal mit der rechten Maustaste (RMT) darauf.
Im darauffolgenden Fenster klicke einmal auf den Registerreiter Verknüpfung.
im ersten Eingabefeld gib dann den Link zur Site an, hier:
http://www.squarenet.info
Möchtest du deine E-Mail Adresse verlinken baruchst du nur dies eingeben:
mailto:Nick@Server.de
Klick jetzt auf OK.
Das Ergebnis könnte jetzt so aussehen:
Squarenet

Bilder einbinden:
Um ein Bild einzufügen musst du die Stelle markieren wo das Bild hin soll. Jetzt Klick in der Menüleiste auf Einfügen->Grafik.
Im darauffolgenden Fenster kannst du über Datei wählen... dich für eine Grafik entscheiden, diese sollte sich im selben Ordner befinden wie die HTML-datei.
Klick jetzt auf OK und die Grafik wird eingefügt.
Wenn der Text um das Bild herum fließen soll klick einmal doppelt auf das Bild und wähle im Bereicht Textausrichtung eines der hinteren beiden Buttons an.
Der Umbruch ist allerdings noch nicht direkt erkennbar, das Ergebnis könnt ihr erst im Browser betrachten.
Bedenkt auch das alle Grafiken die von der HTML-Datei verwendet werden im selben Ordner wie die HTML-Datei liegen sollten. Die Dateinamen sollten keine Umlaute, keine Leerzeichen, keine Sonderzeichen enthalten und nur klein geschrieben sein.

Midi-Dateien linken:
Wenn ihr euch ein paar Midi-Dateien aus dem Netzt gezogen habt, könnt ihr diese zum Anhören auf eurer ID-Card anbieten.
Hierzu muss sich die Datei wieder imselben Ordner wie die HTML-Datei befinden. Achtet auch darauf das keine Umlaute, Leerzeichen, blablabla im Dateinamen sind.
Jetzt schreibt wieder einen Text der diese Datei benennt, z.B.:
Chocobo-Song
Markiert diesen Text, klickt mit der RMT auf das Wort und klickt den Registerreiter Verknüpfung an. Im Feld für die Verknüpfung wählt über Datei wählen... die Midi-Datei aus.
Jetzt würde das Problem bestehen das bei Klick auf den Link das Browserfenster mit eurer ID-Card geschlossen wird und dafür der Media-Player geöffnet.
Um dies zu verhindern müsst ihr im Fenster mit den Verknüpfungseinstellungen auf den Button HTML-Spezial klicken.
Im darauf folgenden Fenster gebt ihr dann diesen Code ein:
target="blahblah"
Bei blahblah könnt ihr einsetzen was ihr wollt.
Jetzt wird für die Midi-Datei ein Fenster geöffnet mit der Bezeichnung blahblah und das Urspungsfenster bleibt geöffnet..

Tabellen einfügen:
Die Tabellen sind so ziemlich das Komplizierteste an der Sache.
Um eine zu erstellen Klickt in der Symbolleiste einfach mal auf den Button Tabelle.
Jetzt alles zu erklären was man mit den Tabellen anstellen kann würde zu lange dauern, probierts doch einfach selbst mal.

Und Schluss:
Speichert die HTML-Datei jetzt im Ordner wo auch die Bilder liegen ab.
Das Ergebnis könnt ihr euch dann im Browser betrachten.
Den ganzen Ordner braucht ihr dann nur noch zippen und an  sncommunity@web.de  schicken.
In ein bis zwei Tagen ist die Datei dann online und auf unserem Community Center verlinkt.

Chocwise