Links: Unterschied zwischen den Versionen

Aus DynPG-Wiki
Wechseln zu: Navigation, Suche
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]]
DynPG unterscheidet zwischen zwei Arten von Inhalten: Artikeln und Texen. In diesem Artikel erfahren Sie mehr über die Unterschiede und die jeweiligen Verwendungszwecke.
+
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.
  
== Texte ==
+
== Links erstellen ==
Texte werden in DynPG mit dem integrierten [[Texteditor]] erstellt. Sie können hier alle Textformatierungsoptionen, sowie Links, Bilder, Multimedia-Inhalte und alle weiteren Sonderfunktionen von DynPG einfügen. Erstellte Texte können anschließend gespeichert und später einem Artikel als Inhalt zugewiesen werden.
+
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''".
  
Sie können Texte in sog. Textgruppen arrangieren, um einen besseren Überblick über alle verfassten Texte zu erhalten. Erstellen Sie dazu einfach im unteren Bereich des [[Texteditor|Texteditors]] eine Textgruppe und geben Sie diese vor dem Speichern im Auswahlfeld für Textgruppen an.
+
[[Image:Texteditor - Link.png|center]]
  
=== Texte verfassen ===
+
=== 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.
  
Im Gegensatz zu Artikeln können Texte nicht in der Webseite angezeigt werden. Sie haben beim Verfassen von Texten im Editor die Wahl, ob Sie nur einen Text, oder gleichzeitig auch einen Artikel erstellen möchten. Erstellen Sie lediglich einen Text, so können Sie diesen später beim [[Artikel erstellen|Erstellen eines Artikels]] als dessen Inhalt zuweisen. Möchten Sie gleichzeitig einen Artikel erstellen, so wählen Sie zuerst bei "''Diesen Artikeltext mit der folgenden Gruppe assoziieren''" eine Gruppe aus und klicken Sie anschließend auf "''Text & zugehörigen Artikel erstellen''". Sie werden daraufhin zum Artikelformular der Gruppe weitergeleitet, wo der Inhaltstext bereits dem neuen Artikel zugewiesen wurde. Sie müssen hier lediglich noch den "''Erstellen''"-Button bestätigen, um Text und Artikel in der Gruppe zu erstellen.
+
==== 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]].
  
== Artikel ==
+
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.
Artikel können im Gegensatz zu Texten von der Webseite aus aufgerufen und angezeigt werden. Ein Artikel enthält immer einen Text als Inhalt und besitzt darüber hinaus weitere Eigenschaften, wie z.B. ein ''Leadbild'', d.h. ein Bild welches zusammen mit dem ''Lead-Text'' in Übersichten wie Artikellisten angezeigt wird, sowie Informationen zur Veröffentlichug auf der Webseite.
+
  
Wie Sie Artikel erstellen erfahren Sie im entsprechenden Artikel über das [[Artikel erstellen|Erstellen von Artikeln]].
+
 
 +
[[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.

Links erstellen

Links mit dem Texteditor hinzuzufügen ist einfach. Sie müssen dazu lediglich die folgenden drei Schritte durchführen:

  1. Verfassen Sie den Text in dem der Link vorkommt und markieren Sie die Worte, welche als Link fungieren sollen.
  2. Klicken Sie während die Worte markiert sind auf das Link.gif Linksymbol in der Werkzeugleiste des Editors.
  3. Geben Sie in dem erscheinenden Fenster die Informationen zum Link an und klicken Sie anschließend auf "Einfügen".
Texteditor - Link.png

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:

  1. eine Webadresse,
  2. eine hochgeladene Datei,
  3. 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.


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:

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 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

Texteditor - Link Popup.png


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.

Texteditor - Link Popup JS.png

Popup-Einstellungen

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 c, um das Fenster zu zentrieren.
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.

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 Link.gif 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 Unlink.gif "Link entfernen"-Symbol in der Werkzeugleiste des Editors, um den Link zu entfernen.