Inhalt dieser Seite: externe Links | interne Links | Anker | Grafiken | Email | weiter mit

Dem Hypertext-Prinzip zufolge (siehe auch in der Einleitung) sind Links zu anderen Websites ein wesentlicher Bestandteil von Web-Dokumenten, einzelnen Webseiten oder auch Stellen im gleichen Dokument.

Für die Navigation zwischen zwei oder mehreren verschiedenen Web-Dokumenten sind Links notwendig.

Externe Links

Markieren Sie in Ihrem Dokument in Frontpage Express ein Wort durch einen Doppelklick mit der Maus, z.B. das Wort "Wetterbericht". Das Wort kann sich an jeder beliebigen Stelle in Ihrem HTML-Dokument befinden.

	Dann klicken Sie in der Menüleiste auf "Verknüpfen", und ein Fenster öffnet sich. In diesem Fenster wählen Sie unter dem Punkt "Hyperlink-Typ" "http:" und geben im Feld "URL" eine URL (Homepage-Adresse) ein, in diesem Fall z.B. http://www.wetter.de.
Zielframe	Wenn Sie an dieser Stelle z.B. "blank" eingeben, wird die verknüpfte HTML-Datei in einem neuen Browserfenster geöffnet. Sie sollten diese Funktion nur verwenden, wenn Sie z.B. auf eine Seite verlinken, die nicht im direkten Zusammenhang mit Ihrer Website steht.

Wenn Sie nun mit OK bestätigen, fügt das Programm automatisch einen Hyperlink zum Wort Wetterbericht ein.

Wenn Sie sich diese Seite im Browser ansehen wollen, müssen Sie sie zuerst abspeichern und dann im Browser, z.B. Internet Explorer unter "Datei" -> "Öffnen" auswählen. Sie können dann bereits Ihren ersten Link ausprobieren, der nun blau und unterstrichen dargestellt wird.

Probieren Sie ein paar Websites, die Ihnen bekannt sind, als Hyperlinks aus. Verknüpfen Sie z.B. eine Suchmaschine - http://www.google.de.

Links zu anderen Dokumenten

Markieren Sie in Ihrem Dokument in Frontpage Express ein Wort durch einen Doppelklick mit der Maus, z.B. das Wort "Startseite". Das Wort kann sich an jeder beliebigen Stelle in Ihrem HTML-Dokument befinden.

Dann klicken Sie in der Menüleiste auf "Verknüpfen", und ein Fenster öffnet sich.

In diesem Fenster wählen Sie unter dem Punkt "Hyperlink-Typ" "andere:" und geben im Feld "URL" den Dateinamen einer Datei auf Ihrer Website ein, z.B. start.htm.

Wenn Sie nun mit OK bestätigen, fügt das Programm automatisch einen Hyperlink zum Wort "Startseite" ein.

Wenn Sie diesen Link nun in einem Browser benützen, öffnet sich im Browserfenster die Datei start.htm.

Wenn Sie nicht wissen, wie die HTML-Datei heißt, auf die Sie verlinken möchten, gehen Sie folgendermaßen vor: Öffnen Sie diese Datei ebenfalls in Frontpage Express unter dem Menü "Datei" -> "Öffnen" oder mit dem entsprechenden Symbol in der Menüleiste. Wechseln Sie im Menü "Fenster" wieder auf das HTML-Dokument in das Sie den Link einfügen möchten. Nun markieren Sie das Wort, das Sie verlinken möchten.

Dann klicken Sie in der Menüleiste auf "Verknüpfen", und ein Fenster öffnet sich.

In der Zeile "Hyperlink verweist auf:..." können Sie immer sehen, wohin der Hyperlink gerade verweist.

Textmarken und Verweise im Dokument

Wenn Sie auf der gleichen Webseite an eine andere Stelle verweisen wollen, müssen Sie zuerst eine Textmarke einfügen.

Sehen Sie sich dazu ein Beispiel an.

Um eine Textmarke einzufügen, bringen Sie den Cursor an die entsprechende Textstelle oder markieren Sie ein Wort. Gehen Sie im Menü "Bearbeiten" auf "Textmarke...". Das folgende Fenster öffnet sich:

In diesem Beispiel wurden in diesem HTML-Dokument bereits drei Textmarken eingefügt, die heißen foto1, ueberschrift1 und foto2.

Geben Sie dann einen Namen ein, der diese Textmarke eindeutig beschreibt, z.B. inhalt oder ueberschrift1. Am besten verwenden Sie dabei nur Kleinbuchstaben und keine Leer- oder Sonderzeichen. Wenn Sie mit OK bestätigen, erscheint folgendes Symbol:

oder ein markiertes Wort wird unterstrichen

Nachdem Sie soeben eine Textmarke (ein Ziel) für Ihren Link im Web-Dokument erstellt haben, können Sie nun auf diese Textmarke verweisen. Dies erfolgt ähnlich wie das Einfügen von externen Links.

Markieren Sie das Wort oder die Grafik, die sie mit dem Ziel verknüpfen wollen. Dann klicken Sie in der Menüleiste auf "Verknüpfen" und ein Fenster öffnet sich.

In diesem Fenster wählen Sie nun in dem Feld oben die Webseite aus, die die Textmarke enthält, die Sie zuvor gesetzt haben. Im Auswahlfeld "Textmarke" können Sie nun die gewünschte Textmarke auswählen. Wenn Sie mit OK bestätigen, haben Sie einen Verweis innerhalb eines Dokuments oder sogar auf eine Textstelle in einem bestimmten anderen Web-Dokument erstellt.

Wenn Sie nun diese Seite im Browser ansehen - vorher abspeichern nicht vergessen - , können Sie den Verweis gleich ausprobieren, der sich in der Darstellung von einem Link zu externen Quellen (z.B. http://www.wetter.de) nicht unterscheidet..

Grafiken

Die beschriebenen Arten, Links einzufügen, können Sie nicht nur für Text, sondern auch für Grafiken verwenden.

Dazu müssen Sie nur zuerst eine Grafik einfügen. Klicken Sie mit der rechten Maustaste auf die Grafik, wählen Sie Bildeigenschaften. Im erscheinenden Fenster Bildeigenschaften können Sie unten einen "Standard-Hyperlink" einfügen. Für einen externen Link schreiben Sie z.B. http://www.wetter.de in das Feld "Adresse". Für einen internen Link wählen Sie den Button "Durchsuchen".

Nun verfahren Sie ebenso wie unter den Punkten externe Links, Links zu anderen Dokumenten und Anker und Verweise beschrieben.

Email

Sie können auch eine Email-Verknüpfung erstellen. Wenn Sie auf einen solchen Link in einem Browser klicken, wird das Standard-Email-Programm geöffnet und die Email-Adresse automatisch als Empfänger-Adresse verwendet.

Markieren Sie den Text oder die Grafik, den oder die Sie als Email-Link verwenden wollen, z.B. Ihren Namen.

Dann klicken Sie in der Menüleiste auf "Verknüpfen" und ein Fenster öffnet sich. In diesem Fenster schreiben Sie nun in der Registerkarte "WWW" anstatt einer URL in das Feld "URL" "mailto:" und ihre Email-Adresse ohne Leerschritt dazwischen.

z.B. mailto:sigrid.moser at gmx punkt net

Bestätigen Sie mit OK und schon haben Sie eine Email-Verknüpfung erstellt.

Noch nicht genug gelernt? - Dann geht es weiter...

• mit dem Einfügen von Linien,
• in der Navigationsleiste auf der linken Seite,
• zum Thema Planung von Webpages,
• zum Thema Webdesign oder
• mit einem anderen HTML-Editor.