"Dummy"-Dateien als Grundgerüst für Deine Artikel
Zeilenschaltungen und Absätze
Titelzeile
Überschriften hervorheben
Textabschnitte zentrieren
Bilder einfügen
Trennlinien einfügen
Tabellen
Aufzählungslisten
Sonderzeichen und Umlaute
Mehr über HTML
Jeder NoCover liegen mehrere Dateien bei, die Du als Grundgerüst für Deine Artikel verwenden kannst. (Diese Dateiein findets Du im Verzeichnis "dummy" auf der ersten Diskette der NoCover.)
Du schreibst den Artikel (wie bisher) mit Deinem Texteditor und fügst diesen Artikel dann komplett zwischen den beiden HTML-Tags <BODY> und </BODY> ein.
Beispiel:
<BODY>
Das tollste Amiga-Spiel aller Zeiten ist erschienen und ich habe es getestet...
</BODY>
Und so siehts dann aus:
Das tollste Amiga-Spiel aller Zeiten ist erschienen und ich habe es getestet...
Zeilenschaltungen und Absätze, die beim Schreiben im Texteditor gemacht wurden, werden vom HTML-Anzeiger ignoriert - er verlangt nach speziellen HTML-Tags. Aus diesem Grund solltest Du während des Schreibens des reinen ASCII-Textes auch auf jegliche Trennungen verzichten!
Der HTML-Tag für eine Zeilenschaltung lautet <BR>, einen Absatz machst Du mit dem HTML-Tag <P>. Du mußt nun aber nicht am Ende jeder Zeile eine Zeilenschaltung einfügen, da jeder HTNL-Anzeiger automatisch einen Zeilenumbruch durchführt, wenn die Zeile am rechten Rand angekommen ist. <BRr> benötigst Du nur, wenn Du an einer bestimmten Stelle eine Zeilenschaltung erzwingen willst.
Bei einem normalen Artikel genügt es, am Ende jeden Absatzes den HTML-Tag <P> einzufügen - eine Sache von max. 2 Minuten.
Beispiel:
Meine Adresse lautet:<P>
Max Mustermann<BR>
Beispielgasse 12<P>
64739 Gibtsnich
Und so siehts dann aus:
Meine Adresse lautet:
Max Mustermann
Beispielgasse 12
64739 Gibtsnich
Die Titelzeile erscheint gaaanz oben im Browser-Fenster, da wo jetzt steht: (Browsername:)"Artikel-Layout leichtgemacht"
Auch im HTML-Code befindet sich die Titelzeile ganz weit oben, zwischen den HTML-Tags <TITLE> und </TITLE>.
Beispiel:
<TITLE> Spieletest: Genetic Species </TITLE>.
Wie sowas aussieht, hast Du gerade schon gesehen.
Üerschriften hebst Du mit den HTML-Tags <H1> bis <H6> hervor, wobei <H1> für die größte Überschriftengröße und <H6> für die kleinste Überschriftengröße steht. Am Ende des Überschriftentextes mußt Du mit dem Abschlußtag </Hn> dem HTML-Anzeiger klarmachen, daß an dieser Stelle der Überschriftentext zu Ende ist, wobei Du das "n" mit der Zahl ersetzen mußt, die Du am Anfang der Überschrift als Größe angegeben hast.
Beispiel:
<H1> Forscher entdecken zweiköpfiges Eichhörnchen </H1>
Und so siehts dann aus:
Um einen Textabschnitt (oder eine Überschrift, ein Bild etc.) zu zentrieren, mußt Du diesen zwischen die zwei HTML-Tags <center> und </center> plazieren.
Beispiel:
<CENTER>
APC&TCP-Computerclub
</CENTER>
Und so siehts dann aus:
Bilder, die innerhalb von HTML-Seiten angezeigt werden sollen, sollten entweder im GIF- oder im JPEG-Format vorliegen Dabei ist natürlich darauf zu achten, daß Qualität und Größe des Bildes in einem angemessenen Verhältnis zur Dateigröße stehen, da die NoCover auch weiterhin auf 2 Disketten passen soll.
Die Befehlszeile, um ein Bild darzustellen, ist folgendermaßen aufgebaut:
<IMG SRC="(Dateiname)" width=(Bildbreite) height=(Bildhöhe)>
Beispiel:
(Das Bild "myst.jpg" mit der Größe 160x120 Pixel soll dargestellt werden)
<IMG SRC="int_anleitung_2.jpg" width=160 height=120>
Und so siehts dann aus:
Trennlinien, wie Du sie auf dieser Seite am Ende jedes Kapititels findest, kannst Du sehr einfach einfügen, und zwar mit dem HTML-Tag <HR>. Der Übersichtlichkeit halber sollte vor und nach der Trennlinie jeweils eine Leerzeile sein.
Beispiel:
... und jetzt ist erstmal umme mit dem ganzen Gelaber.<P>
<HR>
<BR>
Und schon gehts wieder weiter...
Und so siehts dann aus:
... und jetzt ist erstmal umme mit dem ganzen Gelaber.
Solche Dinge wie Wertungskästen gestaltet man am besten als Tabelle, was dank der Dummy-Datei auch ganz einfach ist.
Eine Tabelle wird mit dem HTML-Tag <TABLE> eingeleitet und mit </TABLE> beendet. Dabei unterscheidet man Tabellen mit Gitternetzlinien und welche ohne (sog. blinde Tabellen).
Beispiel 1 (mit Gitternetzlinien)
<TABLE BORDER>
<TR>
<TD>Hersteller:
<TD>clickBOOM
</TR>
<TD>Vertrieb:
<TD>PXLcomputers Kanada
</TR>
</TABLE>
Und so siehts dann aus:
| Hersteller: | clickBOOM | Vertrieb: | PXLcomputers Kanada |
Beispiel 2 (ohne Gitternetzlinien)
<TABLE>
<TR>
<TD>Hersteller:
<TD>clickBOOM
</TR>
<TD>Vertrieb:
<TD>PXLcomputers Kanada
</TR>
</TABLE>
Und so siehts dann aus:
| Hersteller: | clickBOOM | Vertrieb: | PXLcomputers Kanada |
Bevor ich jetzt groß und breit zu erklären versuche, was ich mit "Aufzählungslisten" meine, komme ich am besten gleich zum
Beispiel:
<UL>
<LI>Erster Listeneintrag
<LI>Zweiter Listeneintrag
<LI>Dritter Listeneintrag
</UL>
Und so siehts dann aus:
Sonderzeichen und Umlaute sollte man durch die dafür vorgesehene HTML-Zeichenfolge ersetzen, da sonst manche Browser Probleme bei der Darstellung haben. Mit deutschen Umlauten kommen zwar die meisten Browser klar, aber sicher ist sicher.
Anders sieht es da schon mit Sonderzeichen wie dem uns allen vertrauten "&" aus. Voyager macht zum Beispiel aus einem normal geschriebenen APC&TCP kurzerhand ein APC. Dieses Zeichen sollte man also auf jeden Fall durch eine HTML-Zeichenfolge ersetzen. In diesem Fall lautet diese "&" (ohne Gänsefüßchen).
Am besten schreibst Du erstmal den Text ganz normal mit allen Umlauten und Sonderzeichen und verwendest nachher die Suche/Ersetze-Funktion Deines Text-Editors.
Nun kann man natürlich unmöglich alle Zeichenfolgen für Umlaute und Sonderzeichen im Kopf behalten. Deshalb habe ich mal eine Liste aller gängigen Zeichenfolgen aus der "SelfHTML" (siehe unten) "herausgeklaut" und sie über eine Unterseite in dieses Dokument eingefügt.
"HTML-Dateien selbst erstellen" heißt ein genauso umfangreiches wie leichtverständliches deutschsprachiges HTML-Kompendium von Stefan Münz. Du kannst es entweder im Buchhandel käuflich erwerben, oder kostenlos aus dem WWW downloaden, dort natürlich im HTML-Format. Unter der Adresse http://www.teamone.de/selfhmtl/ findest Du das ca. 1,5 MB große zip-Archiv (Unzip gibt es im Aminet).