* Beispiel 3 *

* Grundbaustein 3 *

Jetzt haben wir schon das ganze Gerüst fertig. Nun sollte auch noch etwas auf der Seite stehen; das macht das Ganze viel interessanter. Also fügen wir jetzt Texte, Bilder usw. ein. Klicke auf den Begriff - los geht es.

Schrift - Bilder - Links

Schrift

Auf einer Internet-Seite schreibt man automatisch linksbündig! - Man kann aber auch zentriert oder rechtsbündig schreiben. (Der gleiche Befehl gilt für Bilder, Links usw.) - Man muss das dann lediglich ankündigen. Beispiel:

<br>
<p>links

links

Beschreibung
<br> (Absatz - nächste Zeile, wo nichts folgt)
<p> (Nächste Zeile - es folgen Text, Bild usw.)
links (der Text)

<center>
<p>zentriert</center> zentriert

Beschreibung
<center> (Ankündigung, dass ab jetzt zentriert)
<p> (Nächste Zeile - es folgt Text, Bild usw.)
zentriert (der Text)
</center> (zentrierter Text, Bild usw. ist zu Ende)

<div align=right>
<p>rechtsbündig</div>
rechtsbündig

Beschreibung
<div align=right> (Ankündigung, dass ab jetzt rechtsbündig geschrieben wird)
<p> (Nächste Zeile - es folgt Text, Bild usw.)
rechtsbündig (der Text)
</div> (der vorherige Befehl "div" wird aufgehoben - ist zu Ende)

Die Darstellungen sind nicht "ganz" richtig - es gibt nämlich eine Besonderheit. Für Windows-Rechner
ist das alles OK. Wer aber einen Macintosh-Rechner hat, kommt mit den Umlauten nicht zurecht.
Sonderzeichen

Bilder

Bilder können links, rechts oder zentriert angeordnet werden. Siehe oben (Schrift)

Beschreibung
<p> (Nächste Zeile - es folgen Text, Bild usw.)
<img SRC="http://www.chr-pattberg.homepage.t-online.de//image2/18.gif" (Lade das Bild "18.gif")
alt="Bild" (Alternativtext)
height=20 (die Höhe)
width=20> (die Breite)

Wenn ein Bild sehr groß ist, kann man mit der Höhe und Breite eine verfälschte Darstellung anzeigen lassen. Die ist dann zwar beabsichtigt (das Bild wird klein angezeigt), doch es ändert nichts an der Dauer der Übertragung. Wenn ihr ein großes Bild habt, bitte erst verkleinern. So erspart ihr euren Besuchern das lange Laden einer Internet-Seite.

Die Parameter sind besonders bei Linien wichtig. - Wenn der Server schon zu viele Bilder hat, kann man auch die eigentlichen Bilder in Ordner verlegen oder von einem anderen Server holen. Beispiel:

Es ändert sich nur der (<img SRC="Bild.jpg ") eine Befehl.

<img SRC="http://www.chr-pattberg.homepage.t-online.de//image2/18.gif" (Das Bild "18.gif" liegt in dem Ordner "image")

oder

<img SRC="http://www.chr-pattberg.homepage.t-online.de//image2/18.gif"
(Das Bild "18.gif" liegt auf der Internet-Seite Chrispa / Ordner "image2")

Bitte immer einen Alternativtext angeben. (Das ist nicht nur für blinde User wichtig.) Wenn der Nutzer das automatische Laden der Bilder im Browser abgeschaltet hat, erscheint anstatt der Bilder nur ein Rahmen, der diesen Alternativtext enthält.

Links

Ein Link wird wie folgt erstellt:

Name

Beschreibung
<p> (Nächste Zeile - es folgen Text, Bild usw.)
<a href="http://www.chrispa.de"> (Die Internet-Adresse, wohin verlinkt werden soll)
Name (Der Name des Links - stimmt meistens mit der Internet-Adresse überein - muss aber nicht)
</a> (Ende des Links)

Verlinken mit einem Bild zusammen:

<a href="http://www.chrispa.de">
<img SRC="http://www.chr-pattberg.homepage.t-online.de//image2/18.gif" height=20 width=20></a>

Beschreibung
<a href="http://www.chrispa.de"> (Die Internet-Adresse, wohin verlinkt werden soll)
<img SRC="http://www.chr-pattberg.homepage.t-online.de//image2/18.gif" (Lade das Bild "18.gif")
height=20 (die Höhe)
width=20> (die Breite)
</a> (Ende des Links)

Es gibt noch viel, viel mehr - doch mit diesen Kenntnissen könnt ihr es selbst schaffen, die eigene Internet-Seite zu kreiren.