3.1.  
 
Erstellung einer Homepage
für die Schule


Es gibt heute zahlreiche Möglichkeiten, eine Internetseite zu erstellen. Der sicherlich einfachste Weg ist der, das Textverarbeitungsprogramm eines der (neueren) großen Office-Pakete zu verwenden. Diese Programme besitzen nahezu alle einen speziellen HTML-Modus.

Daneben gibt es die Möglichkeit, den Editor-Modus des jeweils verwendeten Internet-Browsers zu benutzen. Dem Microsoft Internet Explorer liegt beispielsweise das Programm ‘Frontpage Express’ bei, eine Light-Version des Programms ‘Frontpage 2000’. Beim Netscape Communicator heißt das entsprechende Programm ‘Netscape Composer’.

Weiterhin gibt es eine ganze Reihe von speziellen Programmen unterschiedlicher Qualität im Shareware-Bereich sowie auf dem kommerziellen Sektor.

Die bisher genannten Programme bieten mehr oder weniger viele Funktionen, die zur Darstellung einer Internetseite genutzt werden können - aber eben nicht alle. Will man spezielle Funktionen nutzen, bleibt letztendlich nur das direkte Programmieren der Internetseite in HTML, oder zumindest das Überarbeiten der mit einem der oben genannten Programme erstellten Seite.

HTML = (HyperText Markup Language)

Da es sich bei HTML um eine Art Programmiersprache handelt, kann jede Internetseite mit einem beliebigen Editor wie z. B. dem in Windows integrierten ‘Notepad’ erstellt werden - die entsprechenden Kenntnisse dieser Sprache vorausgesetzt.

Eine der besten deutschsprachigen Anleitungen zur Programmierung in HTML stellt Stefan Münz im Internet unter folgender Adresse zur Verfügung:

http://www.netzwelt.com/selfhtml/


Grundsätzliches:

Funktionen in HTML werden durch HTML-Kommandos (= Tags) gesteuert, die immer in spitzen Klammern stehen. In der Regel muss eine Funktion durch einen zweiten Tag wieder beendet werden. Internet-Seiten haben alle eine einheitliche Struktur. Sie müssen wie folgt aufgebaut sein:

<HTML>
<HEAD>
...
</HEAD>
<BODY>
...
</BODY>
</HTML>


Texte in HTML:

Die Schrift des Textes lässt sich durch den Tag <FONT> ändern. Hier ein Beispiel:

<FONT SIZE=+1 COLOR="red" FACE="arial"> Dies ist ein Beispieltext </FONT>

SIZE gibt hierbei die Schriftgröße an, COLOR die Schriftfarbe und FACE den Schriftstil. Für Überschriften kann auch der Tag

<H1> Dies ist eine Überschrift </H1>

verwendet werden. Hierbei sind sechs Gliederungsebenen für Überschriften verfügbar, wobei die Überschrift umso größer wird, je kleiner die Zahl hinter dem Buchstaben H ist.


Verwendung von Sonderzeichen:

Texte werden wie gewohnt mit der Tastatur eingegeben. Zu beachten ist hierbei jedoch, dass Umlaute und Sonderzeichen nicht von allen Betriebssystemen gleich behandelt werden. Zu ihrer Darstellung ist daher eine gesonderte Schreibweise notwendig:

Ä &Auml; Ö &Ouml; Ü &Uuml;
ä &auml; ö &ouml; ü &uuml;
ß &szlig; é &eacute; © &copy;
& &amp; " &quot; ® &reg;
° &#176; ² &#178; ³ &179;
< &lt; > &gt;   &nbsp;


Bilder in HTML:

Bilder werden mit dem Tag <IMG SRC> eingefügt. Dabei kann mit WIDTH die Breite und mit HEIGHT die Höhe des Bildes angegeben werden. Werden diese Angaben weggelassen, so wird das Bild in seiner Originalgröße angezeigt. Mit ALT kann ein Informationstext und mit BORDER bei Bedarf ein Rahmen hinzugefügt werden. Hier ein Beispiel:

<IMG SRC="bsp.gif" HEIGHT=200 WIDTH=450 ALT="Bild" BORDER=0>

Folgende zwei Bildformate sind bei Internet-Seiten gebräuchlich:

*.jpg Bilder in diesem Format können stark komprimiert werden, belegen also wenig Platz auf der Festplatte und sparen Zeit bei der Datenübertragung.
(Geeignet für große Farbfotografien mit 16,8 Mio. Farben)
*.gif Bilder in diesem Format können weniger stark komprimiert werden. Es lässt sich jedoch eine Farbe des Bildes als transparent markieren. Ein bestimmtes Unterformat erlaubt die Speicherung animierter Bilder.
(Geeignet für kleinere Grafiken mit 2 oder 256 Farben, unregelmäßigen Formen oder Bilder mit Animationen)


Hintergrundbilderund Hintergrundfarben:

Hintergrundbilder werden mit dem Tag <BODY BACKGROUND="Beispiel.jpg"> eingefügt. Dabei ist zu beachten, dass sehr dunkle oder sehr "unruhige" Hintergrund-bilder die Lesbarkeit einer Internet-Seite deutlich beeinträchtigen können.

Hintergrundfarben werden mit dem Tag <BODY BGCOLOR="white"> eingefügt. Auch hier ist zu beachten, dass sich Schriftfarbe und Hintergrundfarbe möglichst voneinander abheben, so dass die Lesbarkeit einer Internet-Seite nicht beeinträchtigt wird.


Verwendung von Farben:

a) Folgende Namen für Farben sind erlaubt:

  black   gray   silver   white
  green   lime   teal   aqua
  maroon   red   olive   yellow
  navy   blue   purple   fuchsia

b) Eine feinere Farbabstufung ist möglich, wenn die Farbe mit einer sechsstelligen Hexadezimalzahl angegeben wird. Dabei geben die ersten beiden Stellen den Rotanteil der Farbe wieder, die mittleren beiden Stellen den Grünanteil und die letzten beiden Stellen den Blauanteil. Hier einige Beispiele:

  #FF9900   #FFCCCC   #805000   #E0FFE0
  #993366   #CC0066   #CC00FF   #660099
  #CC9900   #FFCC66   #CCFF33   #FFFFE0


Zurück Inhaltsverzeichnis Weiter



© Copyright by: Sandra Wißgott, Wolframs-Eschenbach