4. Bilder und Links

4.1 Bilder einfügen

Günstig ist es, wenn Bilder, die Sie einfügen wollen, im gleichen Verzeichnis wie der HTML-Text oder in einem Unterverzeichnis davon gespeichert sind.
(Bilder werden nicht wirklich eingefügt, sondern nur Verweise auf die Bilder. Deshalb müssen die Bilddateien - unter Beibehaltung der lokalen Verzeichnisstruktur - getrennt auf dem Web-Server gespeichert werden).

Alle Browser können die Bildformate GIF oder JPG darstellen. Sollte das gewünschte Bild ein anderes Format haben, können Sie die Bilddatei mit einem Programm wie z.B. Paintshop Pro in eines der beiden obigen Formate konvertieren.

Um ein Bild einzufügen, wählen Sie den Menüpunkt Einfügen / Bild oder drücken Sie den Knopf .
Im "Bild-Fenster" wählen Sie die Karteikarte Andere Adresse. Dort können Sie einen Bild-Dateinamen angeben (Radiobutton Aus Datei) bzw. mit Hilfe des Knopfes Durchsuchen aus einem lokalen Ordner auswählen.
Es ist aber auch möglich eine Bilddatei auf einem Webserver anzugeben (Radiobutton: Aus Adresse; http://....). Dieses Bild wird dann aber nur bei Online-Betrieb angezeigt.

Mit der Karteikarte Cliparts können Sie von Microsoft mitgelieferte Bildchen einfügen. Diese werden in einem temporären Verzeichnis von FP Express gespeichert. Kopieren Sie solche Bilder in Ihr Arbeitsverzeichnis und änderen Sie die Pfadangaben der Bilder entsprechend.

Wenn Sie ein bereits eingefügtes Bild mit der rechten Maustaste anklicken, können Sie Bildeigenschaften einstellen:

• Karteikarte Allgemein:
  Der alternative Text wird angezeigt, solange der Browser keine Bilder darstellt. Außerdem wird dieser Text eingeblendet, wenn man im Browser die Maus auf das Bild bewegt.
• Karteikarte Erscheinungsbild:
  Es kann vereinbart werden, daß eine Rahmenlinie angezeigt wird.
  Horizontal- und Vertikalabstand werden auf diesen (bei Dicke 0 unsichtbaren) Rahmen bezogen.
  Die Bildgröße wird beim Einfügen automatisch richtig eingestellt. Sie können die Größe aber nachträglich verändern.
  Unter Ausrichtung können sie wählen, wie Text um das Bild "herumfließen" soll, falls es nicht in einem eigenen Absatz steht. Verschiedene Möglichkeiten zeigt die folgende Abbildung:

4.2 Links (Verknüpfungen) einfügen

Das Besondere an Hypertext sind die Links. Darunter versteht man die Stellen im Dokument, die zu einer anderen Stelle oder einer anderen Seite führen, wenn sie mit der Maus angeklickt werden.

a) Lokale Links

Soll ein Link zu einem Ziel in der aktuellen Seite führen, muß zuerst das Ziel markiert werden. Eine solche Stelle heißt Textmarke (Anchor).
Um eine Textmarke zu setzen, gehen Sie mit dem Cursor an die gewünschte Stelle (oder markieren diese mit der Maus) und wählen aus dem Menü den Punkt  Bearbeiten / Textmarke. Sie erhalten nebenstehendes Fenster.

Geben Sie einen Namen für diese Marke ein (z.B. MeinZiel).

Markieren Sie nun die Textstelle, die als Link dienen soll und wählen Sie aus dem Menü den Punkt  Einfügen / Hyperlink... oder drücken Sie den Knopf   .
Sie erhalten z.B. folgendes Fenster:

Wählen Sie unter Geöffnete Seiten die aktuelle Seite (hier Bilder und Links) und aus dem Rolladenmenü die gewünschte Textmarke aus, die das Ziel des Links sein soll (hier MeinZiel) und bestätigen Sie mit OK.

Dasselbe Fenster erhalten Sie, wenn Sie einen vorhandenen Link mit der rechten Maus anklicken und Hyperlink-Eigenschaften wählen .

b) Externe relative Links

Links, die zu anderen eigenen Dokumenten führen sollen, werden fast genauso erzeugt, wie oben beschrieben (Der erste Teil mit der Textmarken-Erzeugung entfällt). Der Unterschied ist nur, daß eine andere als die aktuelle Seite gewählt wird (z.B. Überschriften, Textgestaltung). Die Zielseite muß allerdings vorher in FP Express geöffnet worden sein. Textmarken im Zieldokument können angegeben werden.

Existiert das Zieldokument noch nicht, können Sie es mit Hilfe der Karteikarte Neue Seite zusammen mit dem Link erzeugen.

Geben Sie einen Seitentitel und einen Dateinamen (Seiten-URL) an. Nach OK wird für die Bearbeitung dieser Seite ein neues Fenster geöffnet.

Beachten Sie, daß Sie später auf dem Webserver dieselbe Verzeichnisstruktur verwenden, damit die relativen Links auch dort funktionieren.

c) Externe Links

Liegt das Zieldokument auf einem anderen Server, muß in der Karteikarte WWW der Hyperlink-Typ (hier: http) ausgewählt und die vollständige WWW-Adresse eingegeben werden (Z.B. http://www.sonstwo.de/HugosDateien/Hugo.html).

Das Zieldokument kann jeden beliebigen Dateityp haben (z.B.:  Material.zip). Wird der Link später angeklickt und kann der Browser das Zieldokument nicht darstellen, wird er in der Regel das Speichern des Dokuments oder den Start eines passenden Programms anbieten.

Statt eines Zieldokumentes kann auch eine e-mail-Adresse (meist die des Autors) angegeben werden. Klickt ein Leser später auf diesen Link, erscheint ein Mail-Fenster, das dem Leser erlaubt, sofort eine Mail an den Autor abzuschicken.

d) Bilder als Links

Statt einer Textstelle kann auch ein Bild als Link benutzt werden. Markieren Sie das gewünschte Bild mit der Maus und fahren Sie fort wie oben beschrieben.

Im Bildeigenschafts-Fenster (rechter Mausklick auf das Bild) erscheint in der Karteikarte Allgemein unter Standard-Hyperlink die Adresse des Zieldokuments. Diese können Sie an der Stelle auch nachträglich ändern (Knopf Durchsuchen).