Selbstgestaltete Webseiten (1)


Die folgenden Seiten geben eine kleine, reich bebilderte Starthilfe für den Einstieg in die Programmierung von HTML-Seiten mit Multimedia-Elementen. Um dies für einen möglichst großen Personenkreis zu ermöglichen, wird die Programmierung der Seiten unter Zuhilfenahme eines HTML-Editors beschrieben. Wir haben dafür HotMetal Pro von Softquad ausgewählt. HotMetal Pro ist zwar nicht kostenlos wie z.B. der Netscape Composer oder Microsoft Frontpage erhältlich. Er ist nach unseren Erfahrungen aber der Editor, der am ehesten einen HTML-Code erstellt, der konform zu den Regeln des World-Wide-Web-Consortiums ist. Darüber hinaus wird HotMetalPro mit einem Grafiksoftwarepaket von Ulead ausgeliefert. Dadurch kann der Programmierer auch gleich Grafiken, animierte Gifs und 3D-Texte auf einfache Art selbst erstellen.
Eine 30-Tage Testversion von HotMetalPro liegt bei Softquad zum Download bereit. Sie ist nicht in der Funktionalität eingeschränkt, lediglich das Grafikpaket wird nicht mitgeliefert.
In den einzelnen Bildern ist auf blaue Rechecke zu achten, sie kennzeichnen den Teil des Programmfensters, der im zugehörigen Text beschrieben wird.
Sollten die Grafiken nicht sonderlich klar lesbar sein, so klicken Sie mit der linken Maustaste auf die entsprechende Grafik. Im Browserfenster wird darauf die Grafik in voller Größe angezeigt. Mit dem "Zurück"-Button des Browsers gelangen Sie wieder in die Anleitung zurück. Die gesamte Anleitung kann hier als Zip-File heruntergeladen werden (820 kB).

Installieren Sie zuerst HotMetal Pro und starten Sie das Programm. Das Programmfenster sollte so aussehen:



Um möglichst viel Platz für die eigentliche Seitengestaltung zu haben, entfernen Sie zuerst das linke Fenster mit den Icons. Hierzu klicken Sie auf das "X"-Symbol am rechten, oberen Rand dieses Fensters.
Nun sieht die Oberfläche so aus:



Sie befinden sich im sog. "Tags-On"-Modus. Dieser wird durch die kleinen Fähnchen charakterisiert. Jedes Fähnchen entspricht einem HTML-Befehl (wird in der Fachsprache als Tag bezeichnet). Nahezu jeder HTML-Befehl besteht aus einem Start- und einem Endtag. Sie unterscheiden sich nur durch einen Schrägstrich voneinander. Suchen Sie nun die Start- und Endtag für den Seitentitel. ("title"). Klicken Sie zwischen die beiden "title"-Fähnchen und geben Sie den Seitentitel ein: "Dies ist eine Testseite!". Dieser Text erscheint später in der oberen Fensterleiste des Browsers.



Weiter geht es auf der nächsten Seite!