Webdesign mit CMS: Hyperlink

Ein Hyperlink, kurz Link, ist so etwas wie ein Querverweis, nur dass die entsprechende Seite nicht manuell nachgeschlagen werden muß, sondern mittels des Links aufgerufen wird. Im Webdesign mit CMS besteht die Möglichkeit eigene oder fremde Seiten ohne Programmierkenntnisse zu verlinken.

Webdesign mit CMS: Die eigene Seite verlinken
[Webdesign mit CMS: Interner Link]

1. Eine eigene Seite verlinken

Markieren Sie das Wort, welches zum Link werden soll, indem Sie es mit gedrückter Linker-Maustaste "abziehen". Anschließend klicken Sie auf das Kettensymbol (5-tes Symbol von links). Es öffnet sich das "Link einfügen/bearbeiten Fenster". Nach einem Klick auf den kleinen Pfeil rechts bei dem obersten Punkt "Contao-Seiten" werden in einem Auswahlfenster alle bestehenden Seiten Ihrer Webseite angezeigt. Wählen Sie die entsprechende Seite durch anklicken aus. In einem letzten Schritt versehen Sie den Link mit einem Titel in der gleichnamigen Spalte. Dieser Titel erscheint später in einem kleinen Fenster, wenn ein Besucher Ihrer Seite mit der Maus auf dem Link verweilt. Nun noch unten im Fenster "einfügen" wählen. Nach dem Abspeichern Ihrer Linkbearbeitung ganz unten auf der Seite, ist Ihr neu gesetzter Link online.

2. Eine Datei verlinken

Auf der vorhergehenden Seite "Datei-upload" wurde erklärt, wie man Bilder in die Dateiverwaltung einliest. Neben Bildern können Sie auch andere Dateien wie zB eine pdf-Datei in die Dateiverwaltung "uploaden". Um nun eine solche pdf-Datei zu verlinken, gehen Sie vor wie unter -1- erläutert, nur wählen Sie jetzt in der zweiten Spalte die zu verlinkende Datei aus.

3. Eine fremde Seite verlinken

Unter dem Menuepunkt Adresse haben Sie die Möglichkeit den Link zu einer anderen Homepage / Webseite zu setzen. Wollten Sie einen Link zu unserer Unterseite "Webdesign" setzen, müßten Sie in dem Fenster neben Adresse folgendes eingeben: http://www.fischer-netz-design.de/webdesign.html. ( Bei Titel gäben Sie zB an: "Eine äußerst empfehlenswerte Seite" oder "Webdesign mit CMS". )

Wenn Sie möchten, dass unsere Seite dabei in einem neuen Fenster geöffnet wird, wählen Sie unter dem Punkt Fenster - "Neues Fenster öffnen" - aus.

4. An eine bestimmte Stelle springen

Diese Verwendung eines Links ist Ihnen sicher schon in Form des "Top-Links" begegnet, bei dem Sie über top oder nach oben zum Seitenanfang gelangen. Wollen Sie mittels eines Links an einen bestimmten Punkt einer Seite gelangen, müssen Sie diesen Punkt in einem ersten Schritt markieren. Dies tun Sie indem Sie einen Anker setzen:
Mit gedrückter linker Maustaste ein Wort markieren und auf das Ankersymbol links neben dem Linksymbol klicken. Nun geht ein Fenster auf und Sie können einen Namen für den Anker vergeben. Wählen Sie hierbei bitte einen möglichst kurzen und prägnanten Namen. (Ich habe für den Sprung zu dieser Stelle auf der Seite den Ankernamen "springen" gewählt.)

In der Übersicht, dem Inhaltsverzeichnis, zu diesen Seiten, habe ich unter "Hyperlink 4." die Wörter - bestimmte Stelle springen - markiert und das Linkfenster über das Kettensymbol aufgerufen. Danach habe ich im Fenster Adresse den Anker eingetragen: hyperlink.html#springen . "hyperlink.html" ist die Seite auf der Sie sich gerade befinden und auf der ich meinen Anker gesetzt habe. Der Anker selber wird im Link mit der Raute angesprochen: #springen .

Zusammengefasst: Sie müssen zuerst einen Anker setzen. Hierzu wählen Sie ein Wort an der gewünschten Stelle und vergeben mittels des Ankersymbols einen Ankernamen. Diesen Ankernahmen hängen Sie im Adressfenster an den Namen der Seite an. Nun vergeben Sie wieder einen Title wie: "gehe zu: An eine bestimmte Stelle springen". Klicken Sie auf "einfügen" und unten auf der Seite auf speichern.

5. Einen Link aufheben

Möchten Sie eine Verlinkung lösen, so markieren Sie den Link. Anschließend klicken Sie auf das Symbol "gesprengtes Kettenglied" und das markierte Wort ist wieder Text ohne Linkfunktion.

Adresse

  • FischerNetzDesign
  • Köhlershohner Str. 34
  • 53578 Windhagen
  • Tel : +49 (0) 2645 - 7040790
  • Fax: +49 (0) 2645 - 7040799
  • Büro Bonn

  • FischerNetzDesign
  • Dechant-Heimbach-Str. 50
  • 53177 Bonn
  • Tel : +49 (0) 228 - 53455790
  • info@FischerNetzDesign.de

Social Media

folgen Sie uns:


empfehlen Sie uns: