|
Eckarts Lehrstunde aus Funk 04/2000:
Thema: Homepage für Funkamateure (Teil 1)
Nur für lizensierte Funkamateure mit Rufzeichen wird auf dem Server von
QSL.NET (USA) kostenlos Speicherplatz zur Verfügung gestellt, um sich eine Homepage
einzurichten. Sie werden in dieser und den nächsten zwei Lehrstunden erfahren, wie man
sich als Funkamateur eine eigene Homepage bei QSL.NET einrichtet. Auf der Hauptseite bei
QSL.NET gibt es eine ausführliche Anleitung (help) in englischer Sprache.
Wenn Sie diese und die nächsten Lehrstunden mitmachen, lernen Sie folgende Dinge:
Einführung
in HTML
HTML (Hyper Text Markup Language) ist eine sehr einfach zu erlernende
Programmiersprache zur Erstellung von Webseiten (Homepages). Zur Erstellung von schönen
Webseiten benötigt man hierbei nur einen einfachen Texteditor (zum Beispiel
"Notepad" aus Windows 95/98 oder Windows 2000). Um einen Text zu gestalten,
fügt man spezielle Kennzeichnungen hinzu.
Wenn Sie mitmachen möchten, benötigen Sie hierzu außer dem genannten Texteditor
einen sogenannten Browser. Den werden Sie haben, denn wenn Sie eine Homepage erstellen
möchten, werden Sie Zugang zum Internet haben und dafür benötigt man einen Browser, zum
Beispiel den Netscape Navigator oder den Internet Explorer von Microsoft. Machen Sie mit!
Arbeiten mit
Text
Öffnen Sie den Editor, beispielsweise Notepad über "START – Programme
– Zubehör – Notepad" oder einfacher über "START –
Ausführen" und schreiben Sie dort "Notepad" hinein. Schon wird ein Fenster
mit einem leeren Blatt geöffnet. In dieses Fenster hinein schreiben Sie den Text aus Bild
1 ab, wobei Sie die Worte auf Ihre Situation entsprechend anpassen. Nur die Befehle in
spitzen Klammern müssen Sie genau so übernehmen. Sie werden anschließend die Bedeutung
dieser Kennzeichnungen kennen lernen. Wenn Sie den Text fertig geschrieben haben,
speichern Sie ihn ab als "index.html".
Bild 1: Erstellung einer Webseite mit HTML 
Wenn Sie diesen Text abspeichern, merken Sie sich bitte, wohin der Text abgespeichert
wird. Ich wähle zum Abspeichern "Eigene Dateien" als Ordner. Dann finde ich
meine Dateien immer leicht wieder. Nun öffnen Sie den Explorer von Windows und suchen
sich diese Datei mit dem Namen "Index.html" oder "index.htm".
Doppelklicken Sie nun auf diesen Dateinamen und schon wird Ihr aktueller Browser geöffnet
und zeigt Ihnen, wie Ihre erste Seite bisher aussieht (Bild 2).
Bild 2: So sieht der Text dann im Browser aus.
Noch sieht das Ganze etwas "steril" aus. Immerhin gibt es schon eine
Überschrift, die in der Mitte der Seite steht.
Die Bedeutung der Kennzeichnungen
Eine Webseite beginnt immer mit der Kennzeichnung <html> und endet immer mit
</html>. Der Schrägstrich bedeutet also "Ende von ...". Man nennt diese
in spitzen Klammern geschriebenen Kennzeichnungen "Tag", gesprochen:
"täg".
Ferner besteht eine Webseite immer aus dem "Kopf" (head) und dem
"Körper" (body). Im Kopf steht mindestens der Titel der Seite, den man im
Web-Browser in der Kopfleiste findet (Bild 2) und der auch in den Suchmaschinen des
Internets abgelegt wird. Wenn Sie also möchten, dass man Ihre Webseite unter Ihrem
Rufzeichen weltweit finden kann, sollte das Rufzeichen im Titel vorkommen. Das Ende des
Kopfbereichs wird mit </head> gekennzeichnet.
Danach folgt der Bereich, der später im Browser dargestellt wird. Er beginnt mit
<body> und endet mit </body>. Um einen Text als Überschrift zu kennzeichnen,
damit er im Browser groß und fett dargestellt wird, setzt man die Kennzeichnung
<h1> oder <h2> bis <h6> davor und natürlich </h1> und so weiter
am Ende der Überschrift. H kommt von "headline". H1 ist die Überschrift, die
am größten dargestellt wird, h2 ist etwas kleiner, h3 noch kleiner und so weiter.
Übrigens ist es egal, ob man bei den Tags große oder kleine Schrift verwendet.
<h1> oder <H1> sind also gleichbedeutend.
Möchte man gern ein Wort oder den Teil eines Absatzes anders formatieren, zum Beispiel
in Fettdruck, kann man diesen Wörtern folgende Kennzeichnungen geben.
<b> Fettdruck (boldface), </b> Ende Fettdruck
<i> kursiv (italic), </i> Ende Kursivschrift
Absätze oder mehrere Leerzeichen zwischen Wörtern muss man extra kennzeichnen. Diese
werden beim Konvertieren des Textentwurfs nicht beachtet, sondern der Text wird direkt
aneinander gesetzt.
<p> kennzeichnet den Beginn eines Absatzes und erzeugt eine zusätzliche
Leerzeile. Mit </p> wird das Ende des Absatzes gekennzeichnet.
<br> bedeutet "break", wodurch der folgende Text in der nächsten Zeile
dargestellt wird. Diese Kennzeichnung <br> kommt nur als Einzeltag vor. Es gibt
logischerweise keinen Anfang oder Ende eines "Umbruchs". Es wird hierbei keine
Leerzeile erzeugt.
Schrift lässt sich außer durch fett oder kursiv (oder beides) auch in der Größe und
in der Farbe festlegen.
<font size="1"> kennzeichnet die kleinste Schriftgröße und <font
size="7"> die größte.
<font color="red"> kennzeichnet Schrift in roter Farbe,
"blue" in blauer Farbe und so weiter.
Ändern Sie den Text aus Bild 1 folgendermaßen ab, speichern Sie den Text wieder und
starten Sie die neue Index.html Datei wieder durch einen Doppelklick. Sie können selbst
erkennen, wie sich die einzelnen Kennzeichnungen auswirken.
Bild 3: Ergänzen Sie den Text aus Bild 1 durch die hier eingefügten Tags.
Wenn Sie diesen Text als Datei mit der Endung "html" oder "htm"
abgespeichert haben und dann die Datei durch Doppelklick starten, sehen Sie, dass die
Seite nun einen grauen Hintergrund hat und dass einige Textstellen in Farbe oder Fettdruck
erscheinen.
Ändern Sie nach eigenem Geschmack Ihre erste Seite ab, indem Sie noch etwas mit den
Farben "spielen". In der Praxis sollte man allerdings sehr sparsam mit farbiger
Kennzeichnung umgehen, damit die Seite nicht so verspielt oder sogar chaotisch wirkt. Zwei
Farben sollten genug sein und nur dort eingesetzt werden, wo es wirklich wichtig ist,
beispielsweise, um die die E-Mail Adresse hervorzuheben.
Ändern Sie auch einmal die Hintergrundfarbe (bgcolor). Die Farbkennzeichnung besteht
aus den Anteilen rot (die ersten beiden Zahlen/Buchstaben), grün (die folgenden zwei
Hexadezimalzahlen) und blau, also RRGGBB. Die Hexadezimalzahlen gehen von 00 bis FF. Wenn
für RR, GG und BB gleiche Werte genommen werden hier: D1), entstehen Grautöne. Der Wert
"#0000FF" beispielsweise ist das kräftigste Blau, "#00FF00" ist
reines grün, "#110000" ist ein ganz zartes rosa und so weiter. Auch Schrift
kann so gekennzeichnet werden. <font color="#FF0000"> setzt die folgende
Schrift auf rot.
Kleine "Spielerei" zum Schluss
Probieren Sie einmal aus, was passiert, wenn Sie vor einen kurzen Text (zirka eine
halbe Zeile) den Tag <marquee> schreiben und unmittelbar hinter den Text den Endetag
</marquee>. Viel Spaß!
Beim nächsten Mal lernen Sie, wie man Listen erstellt und Verknüpfungen zu Bildern
und anderen Seiten herstellt. Vielleicht können Sie schon mal ein Foto von Ihrer Station
und von sich und von Ihrer Antenne machen. Oder scannen Sie ein paar schöne QSL-Karten
ein. Diese Fotos scannen Sie dann so ein, dass diese hinterher eine Größe von
zirka 300 Pixeln (Breite) und 200 Pixeln (Höhe) haben. Speichern Sie diese Bilder im
J-PEG-Format, Endung "jpg".
Weitere Informationen in englischer Sprache zum Thema HTML finden Sie auf der Homepage
von www.qsl.net.
Zum Teil 2
© 04/2000 Eckart K. W. Moltrecht, DJ4UF
 |
