Suchbereich: Gesamte Office.com-Website
 
Support / Publisher / Hilfe und Anleitungen zu Publisher 2003 / Kolumnen, Demos und Quizfragen / Antwortensammlung
 
 

Antwortensammlung: Erstellen eines Hyperlinks in Publisher, der ein neues Fenster öffnet

Zutreffend für: Microsoft Office Publisher 2003

 

Antwortensammlung

von Connie Miller

Hyperlinks sind praktisch, aber zuweilen möchten Sie nicht, dass Benutzer Ihre Website verlassen, wenn sie diesen Links folgen. Nachfolgend wird das Erstellen eines Hyperlinks beschrieben, der am Ziel ein neues Fenster öffnet.

Anwendbar unter
Microsoft Office Publisher 2003

Eine Frage aus Ihren Kommentaren

Ich möchte von meiner Webpublikation eine Verknüpfung zu einer anderen Webseite erstellen. Die Seite soll jedoch in einem neuen Fenster geöffnet werden. Wie muss ich dabei vorgehen?

Hilfe aus der Antwortensammlung

Zum Erstellen eines Hyperlinks in Publisher, der ein neues Fenster öffnet, müssen Sie der Webpublikation ein HTML-Codefragment hinzufügen. Wenn Sie nicht gewohnt sind, mit HTML-Code zu arbeiten, kann dies für Sie eine entmutigende Aufgabe sein. Sie finden jedoch den gesamten benötigten Code in dieser Kolumne. Sie müssen ihn lediglich für Ihre Situation anpassen.

 Hinweis   Wir haben die Codebeispiele speziell für die Lösung solcher Aufgaben ausgewählt, mit denen Sie beim Erstellen von Websites in Publisher konfrontiert sind. Sie sind nicht für alle Situationen geeignet. Wenn Sie eine komplexe Website erstellen, die Sie häufig aktualisieren möchten, oder eine Site, die interaktive Elemente enthält, sollten Sie die Verwendung von Microsoft Office FrontPage 2003 erwägen.

Was sind eigentlich HTML-Codefragmente?

Um einer Webpublikation ein Codefragment hinzuzufügen, klicken Sie im Menü Einfügen auf den Befehl HTML-Codefragment. Dadurch wird das Dialogfeld HTML-Codefragment bearbeiten geöffnet, in das Sie den gewünschten Code eingeben oder einfügen können.

Dialogfeld 'HTML-Codefragment bearbeiten'

Wenn Sie das Dialogfeld schließen, wird der Webseite ein Codefragmentobjekt hinzugefügt. Das Objekt sieht in etwa wie folgt aus.

Codefragmentobjekt

Sie können das Codefragmentobjekt auf der Seite genauso wie andere Publisher-Objekte hin und her verschieben.

Welcher ist der richtige Code?

Um zu erreichen, dass eine Zielwebseite oder die Datei eines Hyperlinks in einem neuen Fenster geöffnet wird, müssen Sie der Webpublikation ein HTML-Codefragment hinzufügen, das entweder ECMAScript (JScript oder JavaScript) oder direkten HTML-Code enthält. Jede Verfahrensweise besitzt ihre Vorteile.

  • ECMAScript-Code    Wenn auf einer Seite mehr als ein Hyperlink hinzugefügt werden soll, verwenden Sie ECMAScript. Bei ECMAScript verwenden Sie denselben Code für Verknüpfungen mit Text oder einer Grafik. Sie müssen nur ein HTML-Codefragmentobjekt erstellen, egal, wie viele Hyperlinks Sie benötigen. Sie können das HTML-Codefragmentobjekt beiseite schieben, weil sein einziger Zweck darin besteht, Code zu enthalten. Bei der Verwendung von ECMAScript kann auch die Größe und Darstellung des neuen Fensters gesteuert werden, in dem die Zielwebseite geöffnet wird.
  • HTML-Code    Selbst wenn Sie mit HTML-Code vertraut sind, könnte die eben beschriebene Verfahrensweise für Sie günstiger sein. Denn mit HTML benötigen Sie für jeden hinzugefügten Hyperlink ein eindeutiges HTML-Codefragmentobjekt. Außerdem müssen Sie die von Ihnen erstellten HTML-Codefragmentobjekte in der Webseite integrieren. Bei der Verwendung von direktem HTML-Code können Sie nicht die Größe und die Darstellung des neuen Fensters, in die Zielseite geöffnet wird, steuern.

Egal, welches Verfahren Sie auch wählen: Sie müssen keinen eigenen Code schreiben. Sie kopieren einfach den in dieser Kolumne bereitgestellten Beispielcode, fügen ihn in das Dialogfeld HTML-Codefragment bearbeiten ein und ändern dann ein wenig die Codemerkmale (z. B. den URL in dem Beispiel zum URL der Zielwebseite oder Datei).

Das Verfahren mit ECMAScript-Code

Befolgen Sie diese Schritte, um einen Hyperlink in der Webpublikation einzurichten:

  1. Klicken Sie in der Webpublikation, in der der Hyperlink hinzugefügt werden soll, im Menü Einfügen auf HTML-Codefragment.

Das Dialogfeld HTML-Codefragment bearbeiten wird geöffnet.

  1. Kopieren Sie den folgenden JavaScript-Code.
    <script language="JavaScript" type="text/javascript"> <!-- function Show(Url, Name, Merkmale) { window.open(Url, Name, Merkmale); } // --> </script>
  2. Markieren Sie in Publisher im Dialogfeld HTML-Codefragment bearbeiten den Platzhaltertext , und kopieren Sie dann den Beispielcode in das Dialogfeld. Klicken Sie auf OK.

In Ihrer Publikation wird ein HTML-Codefragmentobjekt angezeigt. Ziehen Sie es an eine Position, wo es beim Arbeiten mit dem Text auf der Seite nicht stört. Das Codefragment wird auf der veröffentlichten Seite nicht angezeigt.

  1. Kopieren Sie die folgende Verknüpfung.
    javascript:Show('http://www.fourthcoffee.com/ ', 'newwindow', 'toolbar=no,scrollbars=yes,resizable=yes,height=250,width=250')
  2. Markieren Sie in der Publikation den zu verknüpfenden Text oder das zu verknüpfende Bild.
  3. Klicken Sie im Menü Einfügen auf Hyperlink.
  4. Fügen Sie im Dialogfeld Hyperlink einfügen die gerade kopierte Verknüpfung in das Feld Adresse ein.
  5. Die Verknüpfung enthält drei Paare von einfachen Anführungszeichen. Um den Pfad für Ihr spezielles Ziel und Fenster anzupassen, müssen Sie den Text zwischen jeder Gruppe von Anführungszeichen ersetzen (passen Sie auf, dass Sie dabei nicht die Anführungszeichen löschen):
    • Erstes Paar einfacher Anführungszeichen    Ersetzen Sie http://www.fourthcoffee.com/ durch den URL der Webseite oder den Pfad der Datei, die Sie verknüpfen möchten.

 Hinweise 

  • Wenn Sie die Verknüpfung mit einer Datei erstellen, hängt der Pfad von dem Speicherort der Datei in Bezug auf die aktive Seite ab. Wenn Sie z. B. eine Verknüpfung von der Homepage zu einer Datei erstellen, die sich in demselben Verzeichnis auf dem Webserver befindet, reicht für die Pfadangabe ganz einfach der Dateiname (z. B. Myfile.doc). Wenn sich die Datei nicht in demselben Ordner wie die Homepage befindet, muss der Pfad den Ordnernamen enthalten (z. B. index_files/Myfile.doc).
  • Beim Erstellen einer Verknüpfung zu einer Seite auf Ihrer Website verwenden Sie diesen URL: index_files/Pagename.htm, wobei es sich bei Pagename um den Namen der Seite handelt, zu der die Verknüpfung erstellt wird.

Beim Erstellen einer Webpublikation weist Publisher den Seiten Standardnamen zu. Er weist der Homepage den Namen index.htm und den anderen Seiten Namen wie Page572.htm oder Page319.htm zu. Um den Namen einer Seite herauszufinden, zeigen Sie die Seite an. Klicken Sie im Menü Datei auf Webseitenvorschau. Schauen Sie sich im Browserfenster die Adresse für die Seite an. Der Seitenname wird im Pfad hinter dem letzten umgekehrten Schrägstrich angezeigt. Wenn Sie sich aussagekräftigere Namen als die Standardnamen wünschen (z. B. NewsArticle.htm statt Page572.htm), können Sie den Seiten in der Webpublikation neue Namen zuweisen.

  • Zweites Paar einfacher Anführungszeichen    Der Text zwischen diesen Anführungszeichen weist dem neuen Fenster, das beim Klicken auf den Hyperlink geöffnet wird, einen Namen zu. Möglicherweise möchten Sie dem Fenster einen Namen geben, wenn Sie beabsichten, dass verschiedene Hyperlinks in demselben Fenster geöffnet werden, damit die Kunden nach dem Klicken auf jede Verknüpfung nicht das Fenster schließen müssen. Wenn Sie dem Fenster, das geöffnet wird, einen Namen geben möchten, belassen Sie einfach den Platzhalternamen (newwindow) unverändert, oder Sie geben einen Namen ein, der Ihnen mehr zusagt. Wenn Sie dem Fenster keinen Namen geben möchten, löschen Sie newwindow, aber lassen die beiden einfachen Anführungszeichen an ihrem Platz stehen.
  • Drittes Paar einfacher Anführungszeichen    Hier geben Sie die Merkmale für das neue Fenster an. Der Code in dem Beispiel gibt für das neue Fenster folgende Eigenschaften an:
    • Keine Symbolleiste.
    • Bildlaufleisten vorhanden.
    • Größenveränderlich.
    • 250 Pixel Höhe und 250 Pixel Breite.

Ersetzen Sie diese Merkmale durch die Merkmale, die das neue Fenster aufweisen soll. In der folgenden Tabelle sind die Merkmale, die Sie verwenden können, aufgelistet. Achten Sie darauf, zwischen zwei Merkmalen jeweils ein Komma, aber kein Leerzeichen einzugeben.

 Hinweis   Wenn das neue Fenster einfach in der Standardwiederherstellungsgröße (nicht maximiert) mit allen üblichen Menüs und Symbolleisten geöffnet werden soll, löschen Sie alle Merkmale zwischen dem dritten Paar einfacher Anführungszeichen, aber lassen die leeren Anführungszeichen stehen.

Attribut Zweck Mögliche Werte
menubar Gibt an, ob im Fenster ganz oben eine Menüleiste angezeigt werden soll Ja oder Nein
toolbar Gibt an, ob die Hauptsymbolleiste (mit den Schaltflächen für Rückwärts, Vorwärts, Beenden usw) angezeigt werden soll Ja oder Nein
location Gibt an, ob die Navigationsleiste (Adressleiste in Microsoft Internet Explorer) angezeigt werden soll, in der URLs eingegeben und angezeigt werden Ja oder Nein
directories Gibt an, ob weitere Symbolleisten (z. B. die Verknüpfungsleiste in Internet Explorer) Ja oder Nein
status Gibt an, ob die Statusleiste unten im Fenster angezeigt werden soll Ja oder Nein
scrollbars Gibt an, ob die horizontale und vertikale Bildlaufleiste, die normalerweise angezeigt wird, wenn der Seiteninhalt größer als der Bildschirm ist, angezeigt werden soll Ja oder Nein
height Gibt die Höhe des Fensters in Pixel an Eine Zahl, z. B. 250
width Gibt die Breite des Fensters in Pixel an Eine Zahl, z. B. 250
left Gibt im Internet Explorer die Entfernung des neuen Fensters vom linken Bildschirmrand in Pixel an (für Netscape Navigator verwenden Sie screenx) Eine Zahl, z. B. 0
top Gibt im Internet Explorer die Entfernung des neuen Fensters vom oberen Bildschirmrand in Pixel an (für Netscape Navigator verwenden Sie screenx) Eine Zahl, z. B. 0
resizable Ermöglicht dem Benutzer im aktivierten Zustand, manuell durch Ziehen an den Kanten oder Ecken die Größe des Fensters zu ändern Ja oder Nein
fullscreen Im aktivierten Zustand wird das Fenster in Internet Explorer im Vollbildmodus geöffnet. Ja oder Nein
  1. Wenn die Verknüpfungsadresse nach Ihren Vorstellungen eingerichtet ist, klicken Sie auf OK, um das Dialogfeld Hyperlink einfügen zu schließen.
  2. Führen Sie zum Testen von Verknüpfungen eine der folgenden Aktionen aus:
    • Wenn die Verknüpfung eine Webseite öffnet, klicken Sie im Menü Datei auf Webseitenvorschau. Wenn die Vorschauseite geöffnet wird, klicken Sie auf die von Ihnen erstellte Verknüpfung.
    • Wenn die Verknüpfung eine Datei öffnet, müssen Sie die Website auf einem lokalen Server veröffentlichen. Klicken Sie im Menü Datei auf Im Web veröffentlichen. Wenn ein Informationsfeld über einen Webhostingdienst angezeigt wird, klicken Sie auf OK. Suchen Sie im Dialogfeld Im Web veröffentlichen den lokalen Server, auf dem Sie die Website testen möchten, und klicken Sie anschließend auf Speichern. Vergewissern Sie sich, dass Sie die externe Datei, mit der Sie die Verknüpfung herstellen möchten, auf den lokalen Server kopiert haben.

 Hinweis   Wenn sich auf einer Seite mehrere Hyperlinks befinden, brauchen Sie trotzdem nur ein HTML-Codefragment zu erstellen. Stellen Sie einfach sicher, dass für jeden Hyperlink die Verknüpfung im Feld Adresse des Dialogfeldes Hyperlink einfügen mit javascript:Show( beginnt und mit einer schließenden Klammer endet.

Das Verfahren mit HTML-Code

Wenn Sie mit HTML einen Hyperlink erstellen, der in einem neuen Fenster geöffnet wird, müssen Sie folgendermaßen vorgehen:

  • Erstellen Sie für jeden hinzugefügten Hyperlink ein anderes Codefragment.
  • Integrieren Sie die von Ihnen erstellten HTML-Codefragmentobjekte in den Inhalt der Webseite.

Mit HTML verwenden Sie nicht das Dialogfeld Hyperlink einfügen, weil die Verknüpfungsinformationen im HTML-Codefragment enthalten sind.

AnzeigenSo wenden Sie den Hyperlink auf Text an

  1. Kopieren Sie den folgenden Code.
    <p >Ich möchte, dass das Ziel dieser Verknüpfung in einem <a href="http://www.fourthcoffee.com/" target="_blank">neuen Fenster</a>, nicht demselben Fenster geöffnet wird.</p>
  2. Zeigen Sie in Publisher die Webseite an, in der Sie die Verknüpfung hinzufügen möchten.
  3. Klicken Sie im Menü Einfügen auf HTML-Codefragment.

Das Dialogfeld HTML-Codefragment bearbeiten wird geöffnet.

  1. Markieren Sie den Platzhaltertext im Dialogfeld, und fügen Sie anschließend den kopierten Code in das Dialogfeld ein. Ändern Sie jetzt ein wenig die Codemerkmale, um sie der betreffenden Situation anzupassen.
  2. Ersetzen Sie im Abschnitt <a href="http://www.fourthcoffee.com/" target="_blank"> der Codeanweisung den URL zwischen den Anführungszeichen (http://www.fourthcoffee.com/) durch den URL oder den Pfad der Datei, mit der die Verknüpfung erfolgen soll. Achten Sie darauf, dass Sie nicht die Anführungszeichen löschen.

 Hinweis   Wenn Sie die Verknüpfung mit einer Datei erstellen, hängt der Pfad von dem Speicherort der Datei in Bezug auf die aktuelle Seite ab. Wenn Sie z. B. eine Verknüpfung von der Homepage zu einer Datei erstellen, die sich in demselben Verzeichnis auf dem Webserver befindet, reicht für die Pfadangabe der Dateiname (z. B. Myfile.doc). Wenn sich die Datei nicht in demselben Ordner wie die Homepage befindet, muss der Pfad den Ordnernamen enthalten (z. B. index_files/Myfile.doc).

  1. Der Abschnitt <p > der Codeanweisung legt die Schriftart für den Text im HTML-Codefragment fest, damit er mit dem übrigen Text auf Ihrer Webseite übereinstimmt. Ersetzen Sie arial durch die Schriftart, die für den Text auf der Seite gilt. Sie müssen möglicherweise ein wenig mit dem Schriftgrad experimentieren. Für den regulären Textkörper sind 70 % oder 80 % vermutlich OK. Um den Schriftgrad des Codefragments anzuzeigen, klicken Sie auf OK, um das Dialogfeld HTML-Codefragment bearbeiten zu schließen. Klicken Sie anschließend im Menü Datei auf Webseitenvorschau.
  2. Im Beispielcode ist new window der Text, der verknüpft wird. Ersetzen Sie new window durch den Text, auf den der Hyperlink auf Ihrer Webseite angewendet werden soll.
  3. Der Text, der <a vorausgeht und auf </a> folgt, wird auf der Seite in demselben Satz als verknüpfter Text angezeigt. Ersetzen Sie diesen Beispieltext durch Ihren eigenen Text. Achten Sie darauf, dass Sie ein Leerzeichen jeweils vor <a und nach </a> einfügen. Wenn der Hyperlinktext allein steht und nicht Teil eines Satzes ist, löschen Sie einfach den Text vor <a und nach </a>.
  4. Wenn der Code im Dialogfeld HTML-Codefragment bearbeiten Ihren Vorstellungen entspricht, klicken Sie auf OK.

In Ihrer Publikation wird ein HTML-Codefragmentobjekt angezeigt. Ziehen Sie es an die Position auf der Seite, an der der verknüpfte Text angezeigt werden soll. Sie müssen möglicherweise beim Platzieren der Codefragmentobjekte ein wenig experimentieren, damit die Verknüpfung genau an der gewünschten Position angezeigt wird.

  1. Führen Sie zum Testen von Verknüpfungen eine der folgenden Aktionen aus:
    • Wenn die Verknüpfung eine Webseite öffnet, klicken Sie im Menü Datei auf Webseitenvorschau. Wenn die Vorschauseite geöffnet wird, klicken Sie auf die von Ihnen erstellte Verknüpfung.
    • Wenn die Verknüpfung eine Datei öffnet, müssen Sie die Website auf einem lokalen Server veröffentlichen. Klicken Sie im Menü Datei auf Im Web veröffentlichen. Wenn ein Informationsfeld über einen Webhostingdienst angezeigt wird, klicken Sie auf OK. Suchen Sie im Dialogfeld Im Web veröffentlichen den lokalen Webserver, auf dem Sie die Website testen möchten, und klicken Sie anschließend auf Speichern. Vergewissern Sie sich, dass Sie die externe Datei, mit der Sie die Verknüpfung herstellen möchten, auf den lokalen Server kopiert haben.

AnzeigenSo wenden Sie den Hyperlink auf ein Bild an

  1. Kopieren Sie den folgenden Code.
    <a href="http://www.fourthcoffee.com/" target="_blank"> <img src="Picture.gif" alt="Erläuternder Hinweis"></a>
  2. Zeigen Sie in Publisher die Webseite an, auf der Sie die Verknüpfung hinzufügen möchten.
  3. Klicken Sie im Menü Einfügen auf HTML-Codefragment.

Das Dialogfeld HTML-Codefragment bearbeiten wird geöffnet.

  1. Markieren Sie den Platzhaltertext im Dialogfeld, und fügen Sie anschließend den kopierten Code in das Dialogfeld ein. Ändern Sie jetzt die Codemerkmale, um sie der betreffenden Situation anzupassen.
  2. Ersetzen Sie im Abschnitt <a href="http://www.fourthcoffee.com/" target="_blank"> der Codeanweisung den URL zwischen den Anführungszeichen (http://www.fourthcoffee.com/) durch den URL oder den Pfad der Datei, mit der die Verknüpfung erfolgen soll. Achten Sie darauf, dass Sie nicht die Anführungszeichen löschen.

 Hinweis   Wenn Sie die Verknüpfung mit einer Datei erstellen, hängt der Pfad von dem Speicherort der Datei in Bezug auf die aktive Seite ab. Wenn Sie z. B. eine Verknüpfung von der Homepage zu einer Datei erstellen, die sich in demselben Verzeichnis auf dem Webserver befindet, reicht für die Pfadangabe der Dateiname (z. B. Myfile.doc). Wenn sich die Datei nicht in demselben Ordner wie die Homepage befindet, muss der Pfad den Ordnernamen enthalten (z. B. index_files/Myfile.doc).

  1. Ersetzen Sie im Codeabschnitt <img src="Picture.gif" alt="Erläuternder Hinweis"> den Namen der Bilddatei zwischen den Anführungszeichen (Picture.gif) durch den Dateinamen des zu verknüpfenden Bildes. Achten Sie beim Veröffentlichen der Website darauf, dass Sie auch die Bilddatei hochladen. Wenn Sie beabsichtigen, die Bilddatei in einen Ordner auf dem Webserver zu stellen, müssen Sie außer dem Dateinamen auch den Pfad in den Code einfügen. Wenn Sie z. B. das Bild in einen Ordner mit dem Namen „Indexdateien“ ablegen, sieht der Code wie folgt aus.
    <img src="index_files/Picture.gif">

Ersetzen Sie Erläuternder Hinweis durch einen Text, der angezeigt wird, falls der Browser das Bild nicht anzeigen kann.

  1. Wenn der Code im Dialogfeld HTML-Codefragment bearbeiten Ihren Vorstellungen entspricht, klicken Sie auf OK.

In Ihrer Publikation wird ein HTML-Codefragmentobjekt angezeigt. Ziehen Sie es an die Position auf der Seite, an der das Hyperlinkbild angezeigt werden soll. Sie müssen möglicherweise beim Platzieren der Codefragmentobjekte ein wenig experimentieren, damit das Bild genau an der gewünschten Position angezeigt wird.

  1. Um die Verknüpfung zu testen, veröffentlichen Sie die Website am besten auf einem lokalen Webserver. Klicken Sie im Menü Datei auf Im Web veröffentlichen. Wenn ein Informationsfeld über einen Webhostingdienst angezeigt wird, klicken Sie auf OK. Suchen Sie im Dialogfeld Im Web veröffentlichen den lokalen Webserver, auf dem Sie die Website testen möchten, und klicken Sie anschließend auf Speichern. Vergewissern Sie sich, dass Sie die Bilddatei (z. B. Picture.gif) an den entsprechenden Speicherort auf dem lokalen Server kopiert haben. Wenn Sie die Verknüpfung mit einer externen Datei herstellen, kopieren Sie die Datei auf den lokalen Server.

Informationen zur Autorin

Connie Miller schreibt für das Microsoft Office-Unterstützungsteam. Sie sammelt die Probleme der Benutzer, die diese an die Publisher-Antwortensammlung senden, und beantwortet sie. Wenn Sie eine ausführliche Frage senden möchten, klicken Sie auf Feedback