Links: Unterschied zwischen den Versionen
K (hat „Texte und Artikel“ nach „Links“ verschoben: Artikel recyceln) |
(Erstellen und Bearbeiten von Links beschrieben) |
||
Zeile 1: | Zeile 1: | ||
[[Kategorie:Bedienung des Backends]] | [[Kategorie:Bedienung des Backends]] | ||
− | + | Ein wichtiger Bestandteil von Webseiten sind die sog. Hyperlinks, welche Verweise zu anderen Webseiten oder Inhalten darstellen. Links können Sie leicht mit dem [[Texteditor]] von DynPG erstellen und in Ihre Texte einfügen. Wie das funktioniert und welche Einstellungsmöglichkeiten Sie haben, erfahren Sie in diesem Artikel. | |
− | == | + | == Links erstellen == |
− | + | Links mit dem Texteditor hinzuzufügen ist einfach. Sie müssen dazu lediglich die folgenden drei Schritte durchführen: | |
+ | # Verfassen Sie den Text in dem der Link vorkommt und markieren Sie die Worte, welche als Link fungieren sollen. | ||
+ | # Klicken Sie während die Worte markiert sind auf das [[Image:Link.gif]] Linksymbol in der Werkzeugleiste des Editors. | ||
+ | # Geben Sie in dem erscheinenden Fenster die Informationen zum Link an und klicken Sie anschließend auf "''Einfügen''". | ||
− | + | [[Image:Texteditor - Link.png|center]] | |
− | === | + | === Normale Links === |
+ | Im erscheinenden Popup wird standarmäßig der Reiter zum Erstellen von normalen Links, d.h. solche die kein Java verwenden, angezeigt. Hier können Sie nun die notwendigen Informationen zum Anlegen des Links eintragen. | ||
− | + | ==== Linkziel festlegen ==== | |
+ | Als Ziel des Links können Sie in DynPG drei verschiedene Arten von Inhalten angeben: | ||
+ | # eine Webadresse, | ||
+ | # eine hochgeladene Datei, | ||
+ | # oder einen [[#Anker|HTML-Anker]]. | ||
− | + | Möchten Sie eine Webadresse angeben, so tragen Sie diese einfach im Feld "''Adresse''" ein. Möchten Sie eine Datei verwenden, die Sie bereits vorher mit DynPG auf den Server geladen haben, so können Sie auf den "Durchsuchen"-Button rechts vom Adresseingabefeld klicken und im erscheinenden Fenster eine vorhandene Datei auswählen. Möchten Sie einen zuvor erstellten [[#Anker|Anker]] verwenden, so wählen Sie diesen im entsprechenden Auswahlfeld aus. | |
− | + | ||
− | + | ||
+ | [[Image:Tip.png]] ''Hinweis'': Sie können immer nur einen Inhalt als Ziel angeben, d.h. wenn Sie einen Anker oder eine Datei auswählen, überschreibt dies automatisch das Adressfeld mit dem entsprechenden Link zum jeweiligen Inhalt. | ||
+ | |||
+ | |||
+ | Anschließend können Sie bei "Fenster" festlegen, wo das Ziel des Links geöffnet werden soll. Sie haben hier die folgenden Auswahlmöglichkeiten: | ||
+ | |||
+ | {| border=0 | ||
+ | |||
+ | |- | ||
+ | | ''Im selben Fenster / Frame öffnen'': | ||
+ | | öffnet das Linkziel im selben Fenster / Browser-Tab / Frame, in dem die Seite angezeigt wird. | ||
+ | |||
+ | |- | ||
+ | | ''In neuem Fenster öffnen (_blank)'': | ||
+ | | öffnet das Linkziel in einem neuen Fenster / Browser-Tab. | ||
+ | |||
+ | |- | ||
+ | | ''Im übergeordneten Fenster / Frame öffnen (_parent)'': | ||
+ | | öffnet das Linkziel im übergeordneten Fenster. Macht nur Sinn, wenn Sie in Ihrer Webseite Frames verwenden. | ||
+ | |||
+ | |- | ||
+ | | ''Im obersten Frame öffnen (_top)'': | ||
+ | | löst das Frameset auf und zeigt das Ziel in einer normalen Webseite ohne Frames an. Macht nur Sinn, wenn Sie in Ihrer Webseite Frames verwenden. | ||
+ | |} | ||
+ | |||
+ | ==== Anker ==== | ||
+ | Anker sind Sprungziele für Links die sich innerhalb der angezeigten Webseite befinden bzw. des Textes befinden. In DynPG können Sie diese ähnlich wie normal Links angeben. Markieren Sie dazu den Text, welcher als Anker fungieren soll und klicken Sie auf das [[Image:Anchor.gif]] Anker-Symbol. Tragen Sie in dem erscheinenden Fenster den Namen des Ankers ein und Klicken Sie anschließend auf ''Einfügen''. Sie können diesen Anker nun beim Erstellen oder Bearbeiten von Links als Sprungziel angeben. | ||
+ | |||
+ | ==== Einstellungen ==== | ||
+ | [[Image:Texteditor - Link Popup.png|center]] | ||
+ | |||
+ | |||
+ | {| border=0 | ||
+ | |- | ||
+ | | '''Adresse''': | ||
+ | | die Webadresse, Datei oder der Anker, welcher als Ziel des Links festgelegt wurde. Mit dem "''Durchsuchen''"-Button rechts von diesem Feld können Sie eine Datei auswählen und damit als Ziel des Links festlegen. | ||
+ | |||
+ | |- | ||
+ | | '''Anker''': | ||
+ | | Auswahlfeld für [[#Anker|Anker]]. Wenn Sie einen Anker auswählen, wird die Adresse mit dem entsrpechenden Link zum Anker überschrieben. | ||
+ | |||
+ | |- | ||
+ | | '''Fenster''': | ||
+ | | legt fest, in welchem Fenster das Linkziel geöffnet wird. Siehe oben für Erklärungen. | ||
+ | |||
+ | |- | ||
+ | | '''Titel''': | ||
+ | | Titel des Links, der beim angezeigt wird, wenn Sie mit der Maus über den Link fahren. | ||
+ | |||
+ | |- | ||
+ | | '''CSS-Klasse''': | ||
+ | | Auswahlfeld für die CSS-Klasse, die für den Link verwendet werden soll. Sie können CSS-Klassen im [[Einstellungen#CSS-Vorgabenmanager|CSS-Vorgabenmanager]] bei den Einstellungen definieren. | ||
+ | |||
+ | |- | ||
+ | | '''Klicks zählen''': | ||
+ | | ist diese Option aktiviert, so wird die Anzahl der Klicks auf diesen Link in eckigen Klammern hinter dem Link angezeigt. | ||
+ | |} | ||
+ | |||
+ | === Javascript-Popups === | ||
+ | Sie können auch Javascript für Ihre Links verwenden um das Linkziel als Popup anzuzeigen. Wenn Sie diese Einstellung aktivieren, werden einige Einstellungen unter ''Allgemein'', wie z.B. die dort angegebene Adresse, zurückgesetzt bzw. überschrieben. Wählen Sie zum Erstellen von Popups im erscheinenden Fenster beim Erstellen/Bearbeiten von Links den Reiter ''Popup'' aus. Aktivieren Sie hier zunächst die Option ''Javascript-Popup'' und geben Sie anschließend die Zieladresse/-datei an. Legen Sie danach die [[#Popup-Einstellungen|Popup-Einstellungen]] nach Ihren Wünschen fest. | ||
+ | |||
+ | [[Image:Texteditor - Link Popup JS.png|center]] | ||
+ | |||
+ | ==== Popup-Einstellungen ==== | ||
+ | {| border=0 | ||
+ | |+ ''Allgemeine Einstellungen'' | ||
+ | ! | ||
+ | ! | ||
+ | |||
+ | |- | ||
+ | | '''Popup-Adresse''': | ||
+ | | die Webadresse oder Datei, welche als Ziel des Links festgelegt wurde. Mit dem "''Durchsuchen''"-Button rechts von diesem Feld können Sie eine Datei auswählen und damit als Ziel des Links festlegen. | ||
+ | |||
+ | |- | ||
+ | | '''Name des Fensters''': | ||
+ | | erscheint in der Titelleiste des Fensters. | ||
+ | |||
+ | |- | ||
+ | | '''Größe''': | ||
+ | | Breite und Höhe des Fensters. | ||
+ | |||
+ | |- | ||
+ | | '''Position''': | ||
+ | | absolute Position des Fensters ausgehend von der linken oberen Ecke des Bildschirms. Wählen Sie <tt>c</tt>, um das Fenster zu zentrieren. | ||
+ | |} | ||
+ | |||
+ | {| border=0 | ||
+ | |+ ''Optionen'' | ||
+ | ! | ||
+ | ! | ||
+ | |||
+ | |- | ||
+ | | '''Adressleiste anzeigen''': | ||
+ | | legt fest, ob die Adressleiste des Browsers angezeigt werden soll. | ||
+ | |||
+ | |- | ||
+ | | '''Browsermenü anzeigen''': | ||
+ | | legt fest, ob die Menüleiste des Browsers angezeigt werden soll. | ||
+ | |||
+ | |- | ||
+ | | '''Werkzeugleisten anzeigen''': | ||
+ | | legt fest, ob die Werkzeugleisten des Browsers angezeigt werden soll. | ||
+ | |||
+ | |- | ||
+ | | '''Statusleiste anzeigen''': | ||
+ | | legt fest, ob die Statusleiste des Browsers angezeigt werden soll. | ||
+ | |||
+ | |- | ||
+ | | '''Scrollbalken anzeigen''': | ||
+ | | legt fest, ob Scrollbalken im Browser angezeigt werden soll. | ||
+ | |||
+ | |- | ||
+ | | '''Vergrößern des Fensters zulassen''': | ||
+ | | legt fest, ob das Fenster durch Anklicken und Ziehen der Ränder vergrößert werden kann. | ||
+ | |||
+ | |- | ||
+ | | '''Vom Elternfenster abhängig''': | ||
+ | | legt fest, ob das Popup vom Elternfenster abhängig ist (und damit z.B. ebenfalls geschlossen wird, wenn das Elternfenster geschlossen wird). Funktioniert nur mit Mozilla/Firefox. | ||
+ | |||
+ | |- | ||
+ | | '''Link trotz Popup folgen''': | ||
+ | | legt fest, ob Suchmaschinen beim Indizieren von Webseiten diesem Link folgen sollen, auch wenn es sich dabei um ein Popup handelt. | ||
+ | |} | ||
+ | |||
+ | === Ereignisse === | ||
+ | Hier können Sie Aktionen festlegen, welche beim Eintreten verschiedener Ereignisse ausgelöst werden sollen. Diese Funktion ist Teil von Javascript und wird daher hier nicht näher erläutert. | ||
+ | |||
+ | === Erweitert === | ||
+ | Unter diesem Punkt finden Sie einige Einstellungsmöglichkeiten die Sie in in aller Regel nicht selbst festlegen müssen. | ||
+ | |||
+ | {| border=0 | ||
+ | |||
+ | |- | ||
+ | | ''ID'': | ||
+ | | ID des Links. | ||
+ | |||
+ | |- | ||
+ | | ''Format'': | ||
+ | | das Format des Links. | ||
+ | |||
+ | |- | ||
+ | | ''Klassen'': | ||
+ | | Klassen des Links. | ||
+ | |||
+ | |- | ||
+ | | ''Name der Zielseite'': | ||
+ | | der Name der Zielseite. | ||
+ | |||
+ | |- | ||
+ | | ''Schriftrichtung'': | ||
+ | | die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links). | ||
+ | |||
+ | |- | ||
+ | | ''Sprache der Zielseite'': | ||
+ | | Angabe zur Sprache der Zielseite. | ||
+ | |||
+ | |- | ||
+ | | ''Sprachcode'': | ||
+ | | der Sprachcode für die Sprache der Zielseite. | ||
+ | |||
+ | |- | ||
+ | | ''Zeichenkodierung der Zielseite'': | ||
+ | | der Zeichencode, welcher auf der Zielseite verwendet wird. | ||
+ | |||
+ | |- | ||
+ | | ''MIME-Type der Zielseite'': | ||
+ | | der MIME-Typ (d.h. Inhaltstyp) der Zielseite. | ||
+ | |||
+ | |- | ||
+ | | ''Beziehung der Seite zum Linkziel'': | ||
+ | | die Beziehung der Seite in welcher sich der Link befindet zum Linkziel. | ||
+ | |||
+ | |- | ||
+ | | ''Beziehung des Linkziels zur Seite'': | ||
+ | | die Beziehung des Linkziels zur aktuellen Seite in der sich der Link befindet. | ||
+ | |||
+ | |- | ||
+ | | ''Tabindex'': | ||
+ | | der Tabulator-Index welcher festlegt, in welcher Reihenfolge die Elemente beim Drücken der Tabulatortaste durchgeschaltet werden. | ||
+ | |||
+ | |- | ||
+ | | ''Tastenkürzel'': | ||
+ | | das Tastenkürzel für den Link. | ||
+ | |} | ||
+ | |||
+ | == Links bearbeiten == | ||
+ | Zum Bearbeiten von Links, markieren Sie im Texteditor den Text der als Link fungiert und klicken Sie erneut auf das [[Image:Link.gif]] Linksymbol in der Werkzeugleiste des Editors. Sie können nun die Einstellungen genauso bearbeiten, wie Sie es beim [[#Links erstellen|Erstellen von Links]] getan haben. Sobald die Änderungen komplett sind, klicken Sie auf den "''Aktualisieren''"-Button um die Änderungen zu übernehmen. | ||
+ | |||
+ | == Links entfernen == | ||
+ | Um einen existierenden Link wieder zu entfernen, markieren Sie im Texteditior zunächst den Text, welcher als Link fungiert. Klicken Sie anschließend auf das [[Image:Unlink.gif]] "Link entfernen"-Symbol in der Werkzeugleiste des Editors, um den Link zu entfernen. |
Version vom 27. September 2010, 11:22 Uhr
Ein wichtiger Bestandteil von Webseiten sind die sog. Hyperlinks, welche Verweise zu anderen Webseiten oder Inhalten darstellen. Links können Sie leicht mit dem Texteditor von DynPG erstellen und in Ihre Texte einfügen. Wie das funktioniert und welche Einstellungsmöglichkeiten Sie haben, erfahren Sie in diesem Artikel.
Inhaltsverzeichnis
Links erstellen
Links mit dem Texteditor hinzuzufügen ist einfach. Sie müssen dazu lediglich die folgenden drei Schritte durchführen:
- Verfassen Sie den Text in dem der Link vorkommt und markieren Sie die Worte, welche als Link fungieren sollen.
- Klicken Sie während die Worte markiert sind auf das Linksymbol in der Werkzeugleiste des Editors.
- Geben Sie in dem erscheinenden Fenster die Informationen zum Link an und klicken Sie anschließend auf "Einfügen".
Normale Links
Im erscheinenden Popup wird standarmäßig der Reiter zum Erstellen von normalen Links, d.h. solche die kein Java verwenden, angezeigt. Hier können Sie nun die notwendigen Informationen zum Anlegen des Links eintragen.
Linkziel festlegen
Als Ziel des Links können Sie in DynPG drei verschiedene Arten von Inhalten angeben:
- eine Webadresse,
- eine hochgeladene Datei,
- oder einen HTML-Anker.
Möchten Sie eine Webadresse angeben, so tragen Sie diese einfach im Feld "Adresse" ein. Möchten Sie eine Datei verwenden, die Sie bereits vorher mit DynPG auf den Server geladen haben, so können Sie auf den "Durchsuchen"-Button rechts vom Adresseingabefeld klicken und im erscheinenden Fenster eine vorhandene Datei auswählen. Möchten Sie einen zuvor erstellten Anker verwenden, so wählen Sie diesen im entsprechenden Auswahlfeld aus.
Hinweis: Sie können immer nur einen Inhalt als Ziel angeben, d.h. wenn Sie einen Anker oder eine Datei auswählen, überschreibt dies automatisch das Adressfeld mit dem entsprechenden Link zum jeweiligen Inhalt.
Anschließend können Sie bei "Fenster" festlegen, wo das Ziel des Links geöffnet werden soll. Sie haben hier die folgenden Auswahlmöglichkeiten:
Im selben Fenster / Frame öffnen: | öffnet das Linkziel im selben Fenster / Browser-Tab / Frame, in dem die Seite angezeigt wird. |
In neuem Fenster öffnen (_blank): | öffnet das Linkziel in einem neuen Fenster / Browser-Tab. |
Im übergeordneten Fenster / Frame öffnen (_parent): | öffnet das Linkziel im übergeordneten Fenster. Macht nur Sinn, wenn Sie in Ihrer Webseite Frames verwenden. |
Im obersten Frame öffnen (_top): | löst das Frameset auf und zeigt das Ziel in einer normalen Webseite ohne Frames an. Macht nur Sinn, wenn Sie in Ihrer Webseite Frames verwenden. |
Anker
Anker sind Sprungziele für Links die sich innerhalb der angezeigten Webseite befinden bzw. des Textes befinden. In DynPG können Sie diese ähnlich wie normal Links angeben. Markieren Sie dazu den Text, welcher als Anker fungieren soll und klicken Sie auf das Anker-Symbol. Tragen Sie in dem erscheinenden Fenster den Namen des Ankers ein und Klicken Sie anschließend auf Einfügen. Sie können diesen Anker nun beim Erstellen oder Bearbeiten von Links als Sprungziel angeben.
Einstellungen
Adresse: | die Webadresse, Datei oder der Anker, welcher als Ziel des Links festgelegt wurde. Mit dem "Durchsuchen"-Button rechts von diesem Feld können Sie eine Datei auswählen und damit als Ziel des Links festlegen. |
Anker: | Auswahlfeld für Anker. Wenn Sie einen Anker auswählen, wird die Adresse mit dem entsrpechenden Link zum Anker überschrieben. |
Fenster: | legt fest, in welchem Fenster das Linkziel geöffnet wird. Siehe oben für Erklärungen. |
Titel: | Titel des Links, der beim angezeigt wird, wenn Sie mit der Maus über den Link fahren. |
CSS-Klasse: | Auswahlfeld für die CSS-Klasse, die für den Link verwendet werden soll. Sie können CSS-Klassen im CSS-Vorgabenmanager bei den Einstellungen definieren. |
Klicks zählen: | ist diese Option aktiviert, so wird die Anzahl der Klicks auf diesen Link in eckigen Klammern hinter dem Link angezeigt. |
Javascript-Popups
Sie können auch Javascript für Ihre Links verwenden um das Linkziel als Popup anzuzeigen. Wenn Sie diese Einstellung aktivieren, werden einige Einstellungen unter Allgemein, wie z.B. die dort angegebene Adresse, zurückgesetzt bzw. überschrieben. Wählen Sie zum Erstellen von Popups im erscheinenden Fenster beim Erstellen/Bearbeiten von Links den Reiter Popup aus. Aktivieren Sie hier zunächst die Option Javascript-Popup und geben Sie anschließend die Zieladresse/-datei an. Legen Sie danach die Popup-Einstellungen nach Ihren Wünschen fest.
Popup-Einstellungen
Popup-Adresse: | die Webadresse oder Datei, welche als Ziel des Links festgelegt wurde. Mit dem "Durchsuchen"-Button rechts von diesem Feld können Sie eine Datei auswählen und damit als Ziel des Links festlegen. |
Name des Fensters: | erscheint in der Titelleiste des Fensters. |
Größe: | Breite und Höhe des Fensters. |
Position: | absolute Position des Fensters ausgehend von der linken oberen Ecke des Bildschirms. Wählen Sie c, um das Fenster zu zentrieren. |
Adressleiste anzeigen: | legt fest, ob die Adressleiste des Browsers angezeigt werden soll. |
Browsermenü anzeigen: | legt fest, ob die Menüleiste des Browsers angezeigt werden soll. |
Werkzeugleisten anzeigen: | legt fest, ob die Werkzeugleisten des Browsers angezeigt werden soll. |
Statusleiste anzeigen: | legt fest, ob die Statusleiste des Browsers angezeigt werden soll. |
Scrollbalken anzeigen: | legt fest, ob Scrollbalken im Browser angezeigt werden soll. |
Vergrößern des Fensters zulassen: | legt fest, ob das Fenster durch Anklicken und Ziehen der Ränder vergrößert werden kann. |
Vom Elternfenster abhängig: | legt fest, ob das Popup vom Elternfenster abhängig ist (und damit z.B. ebenfalls geschlossen wird, wenn das Elternfenster geschlossen wird). Funktioniert nur mit Mozilla/Firefox. |
Link trotz Popup folgen: | legt fest, ob Suchmaschinen beim Indizieren von Webseiten diesem Link folgen sollen, auch wenn es sich dabei um ein Popup handelt. |
Ereignisse
Hier können Sie Aktionen festlegen, welche beim Eintreten verschiedener Ereignisse ausgelöst werden sollen. Diese Funktion ist Teil von Javascript und wird daher hier nicht näher erläutert.
Erweitert
Unter diesem Punkt finden Sie einige Einstellungsmöglichkeiten die Sie in in aller Regel nicht selbst festlegen müssen.
ID: | ID des Links. |
Format: | das Format des Links. |
Klassen: | Klassen des Links. |
Name der Zielseite: | der Name der Zielseite. |
Schriftrichtung: | die Ausrichtung der Schrift (von links nach rechts oder von rechts nach links). |
Sprache der Zielseite: | Angabe zur Sprache der Zielseite. |
Sprachcode: | der Sprachcode für die Sprache der Zielseite. |
Zeichenkodierung der Zielseite: | der Zeichencode, welcher auf der Zielseite verwendet wird. |
MIME-Type der Zielseite: | der MIME-Typ (d.h. Inhaltstyp) der Zielseite. |
Beziehung der Seite zum Linkziel: | die Beziehung der Seite in welcher sich der Link befindet zum Linkziel. |
Beziehung des Linkziels zur Seite: | die Beziehung des Linkziels zur aktuellen Seite in der sich der Link befindet. |
Tabindex: | der Tabulator-Index welcher festlegt, in welcher Reihenfolge die Elemente beim Drücken der Tabulatortaste durchgeschaltet werden. |
Tastenkürzel: | das Tastenkürzel für den Link. |
Links bearbeiten
Zum Bearbeiten von Links, markieren Sie im Texteditor den Text der als Link fungiert und klicken Sie erneut auf das Linksymbol in der Werkzeugleiste des Editors. Sie können nun die Einstellungen genauso bearbeiten, wie Sie es beim Erstellen von Links getan haben. Sobald die Änderungen komplett sind, klicken Sie auf den "Aktualisieren"-Button um die Änderungen zu übernehmen.
Links entfernen
Um einen existierenden Link wieder zu entfernen, markieren Sie im Texteditior zunächst den Text, welcher als Link fungiert. Klicken Sie anschließend auf das "Link entfernen"-Symbol in der Werkzeugleiste des Editors, um den Link zu entfernen.