MAP

Software

HTML Seiten selber erstellt.... bloß wie?

---

Themen:
1. Grundlagen
2. Tabellen und Grafikerstellung (Ausgabe 1/99)
3. Frames und cgi-Scripts (Ausgabe 2/99)

1. Grundlagen

Viele User möchten sich im Internet gern mit einer eigenen WebSite präsentieren, doch diese sollte nicht nur dem allgemeinen Standard entsprechen, sondern auch etwas ausgefallen sein. In den kommenden Ausgaben, werden wir uns einwenig mit dem Thema der HTML Programmierung auseinandersetzte. Wir können aber leider aus zeitmangel nicht jeden Befehl definieren und somit möchte ich jeden Interessierten an folgende Internet Adresse verweisen, welche die gesamte HTML Programmierung sehr ausführlich behandelt (und wenn ich schreibe "sehr ausführlich", dann ist das nicht gesponnen!!!). Die Adresse lautet:

In dieser Ausgabe werde ich nur auf ein paar Grundlagen eingehen und demnächst auf alles weiter eingehen. Das Schreiben von HTML Dokumenten ist sicherlich am Anfang schwer und undurchsichtig, wenn man sich mal im Web eine Quelldatei ansieht, so versteht man meißt nur Bahnhof, doch der Aufbau und die Formatierungen von Worten ist im Grunde einfach und einwenig vergleichbar mit dem Schreiben eines Amiga Guide`s. Bevor wir jetzt mit dem Programmieren oder Schreiben solcher Seiten anfangen, sollten wir uns überlegen mit welchen Programmen wir dies anstellen. Im Aminet gibt es bereit`s sehr viele Lösungen, z.B.: WebPlug oder WebDesign. Diese sind aber Shareware und aus diesem Grund oftmals mit gravierenden Einschränkungen versehen. Deshalb empfehlen wir, alle Dokumente in einem normalen ASCII Editor zu schreiben, Ihr könnt natürlich auch ein Programm kaufen, jedoch schlucken die oftmals viel Speicher und für eine gute Erstellung, Überprüfung und Verarbeitung von Dokumenten müssen oftamsl mehrere Programme gleichzeitig laufen und da ist esratsam einen ASCII Editor zu verwenden, dieser nimmt den wenigsten Platz weg. Hat man nun einen Editor gefunden, sollte man sich auch noch ein Demo eines Webcreators besorgen, wir verwenden WebPlug 1.45. Ich weiß das das wiedersprüchlig klingt, aber ein solches Programm ist gut brauchbar, wenn man Hintergrundfarben festlegen will. Das Programm braucht man aber nicht immer starten, nur wenn man es unbedingt benötigt. Als nächstes ist ein Malprogramm empfehlenswert, damit man seine Seiten auch grafisch verschönern kann, wir nehmen PPaint 7.1, jedes andere Programm kann man aber auch nutzen, man muß sich eben nur damit auskennen. Und zum Schluß benötigt man noch einen Browser.

Zusammenfassung: 

wir benötigen.... ein Malprogramm    (z.B.: PPaint 7.1)
                  einen HTML Editor  (z.B.: WebPlug 1.45)
                  einen Browser      (z.B.: IBrowse 1.2)
                  einen ASCII Editor (z.B.: MegaED 1.2)

So... und jetzt beginnen wir mit der eigentlichen Programmierung! Jede Datei fängt mit einem bestimmten Befehl an und hört auch mit einem Befehl wieder auf, dieser Befehl ist <HTML>, gefolgt von <BODY>. Das kleiner/größer Zeichen ist in der HTML Sprache sehr wichtig, sonst werden Befehle nicht ausgeführt. Wenn Ihr also ein rohes Dokument schreiben wollt, reicht es aus mit: 

   <HTML>
   <BODY>

   (Text von Euch!)

   </BODY>
   </HTML>

... diesen kurzen Befehlen! Wie Ihr seht, ein Befehl macht man Rückgängig, wenn man einen Schrägstrich vor den Befehl setzt!
Erweitert kann man den Kopf des Dokumentes mit folgenden Argumenten: 

   <HTML>
   <HEAD>
   <TITLE>Amiga Times Workshop</TITLE>   
   </HEAD>
   <BODY>

   (Text)

   </BODY>
   </HTML>

... dies bewirkt, das in der Browserleiste oben, der Titel "Amiga Times Workshop" erscheint.
Das war eigentlich eindeutig, jetzt zählen wir Euch noch Formatierungen auf, die man jeweils vor einem Wort plaziert und nach dem Wort wieder löscht: 

 <B>Hallo</B>            .... Hallo wird fett geschrieben
 <I>Hallo</I>            .... Hallo wird kursiv geschrieben
 <U>Hallo</U>            .... Hallo wird unterstrichen

 <HR>                    .... einfügen eines Querstriches z.B.: als Absatz
                         (hier aber OHNE </HR>, nur <HR>)

 <P>                     .... Leerzeile

 <BR>                    .... Zeilenabbruch

 <IMG SRC=" ">           .... einfügen einer Grafik
                         (z.B.: <IMG SRC="amigatimes.gif">)

 <A HREF=" "> </A>       .... einfügen eines Links
                         (z.B.: <A HREF="amigatimes.html">AmigaTimes</A>)

 <A HREF="">mailto:"> </A> .... einfügen eines EMail-Links
                         (z.B.: <A HREF="">mailto:amigatimes@amigaworld.com">
                         Amiga Times</A>)

 <A HREF="">http://"> </A> .... einfügen eines Hyperlinks
                         (z.B.: <A HREF="http://www.amigaworld.com/
                         amigatimes">Amiga Times WebSite</A>)

 <H1></H1> _
 <H2></H2>  |
 <H3></H3>  |_________   .... Größe der Schrift, wobei H1 die größte
 <H4></H4>  |                 und H6 die kleinste Schriftgröße ist
 <H5></H5> _|
 <H6></H6>

Die gerade genannten Befehle sind ersteinmal ausreichend, mit diesen kann man sich seine eigene Seite erstellen, jedoch noch ohne Hintergrundfarben, die wir in der nächsten Ausgabe behandeln werden. Da das Internet teilweise keine Umlaute erlaubt, muß man sich hier an ein paar Formatierungen gewöhnen, als da wären: 

  statt: ä   &auml;
         Ä   &Auml;

         ö   &ouml;
         Ö   &Ouml;

         ü   &uuml;
         Ü   &Uuml; eingeben!

Nützlich sind aber hier auch Konverter, ein solcher ist auch in WebPulg integriert. Eine weitere einfache Lösung, ist das Tool GuideML, welches im Aminet vorhanden ist. Dieses Tool konvertiert komplette Amiga Guide Dateien ins HTML Format, Vorraussetzung ist allerdings, der richtige Befehlskopf der Guidedatei, damit GuideML diese auch als solche erkennt.
Da dieser Workshop erst sehr spät ins Leben gerufen wurde (auf Wunsch eines Lesers) können wir aufgrund von akutem Zeitmangel nicht weiter auf die HTML Programmierung eingehen und verweisen Euch deshalb auf unsere nächste Ausgabe, die sich dann mit Tabellen und Grafikeinbindung, sowie Grafikerstellung befaßt. Wir hoffen, Ihr nehmt uns das nicht übel!

mn

back inhalt next