Erstellen einer mehrsprachigen Website

Praktische Anwendung > Schritt 1 - Einstellungen > Bereich Erweitert >

Erstellen einer mehrsprachigen Website

Previous pageReturn to chapter overviewNext page
Versteckten Text zeigen/verstecken

Das Internet ermöglicht es uns, Landesgrenzen zu überwinden, und wenn Ihre Website voraussichtlich auch von Personen anderer Nationalitäten besucht wird, empfiehlt es sich, die Inhalte in mehreren Sprachen anzubieten.

Die Verwaltung einer mehrsprachigen Website erhöht zweifellos die Komplexität des Projekts, dank der Funktionen, die Ihnen WebSite X5 zur Verfügung stellt und mit Hilfe eines zuverlässigen Übersetzungsdienstes kann Ihnen jedoch auch dieses Vorhaben brillant gelingen.

Allem voran muss hervorgehoben werden, dass WebSite X5 alle HTML-Dateien für die Seiten der Website mit UTF-8-Kodifizierung (Unicode Transformation Format, 8 bit) erstellt. Mit UTF-8 können Websites in beliebigen Sprachen realisiert werden, einschließlich solchen mit nicht lateinischen Alphabeten wie zum Beispiel Griechisch, Kyrillisch, Koptisch, Armenisch, Hebräisch und Arabisch, aber auch Chinesisch, Japanisch oder Koreanisch. Außerdem können Sie nicht nur die Website in einer beliebigen Sprache erstellen, sondern auch innerhalb dieser Website Texte in verschiedenen Sprachen vorsehen, ohne Probleme mit der Zeichendarstellung zu haben. Das heißt beispielsweise, das Sie problemlos einen russischen Text und gleich daneben die italienische Übersetzung veröffentlichen können.

Bei der Erstellung einer Website können Sie in WebSite X5 zunächst Ihrem Projekt eine Sprache zuweisen (unter Website-Einstellungen, Option Sprache der Website): Dieser Schritt ist sehr wichtig, um die Texte, die vom Programm automatisch eingefügt werden, korrekt zu verwalten. Neben der Verfügbarkeit einiger vorinstallierter Sprachen können Sie im Fenster Sprachenzentrum die Schaltfläche anklicken, um andere Sprachversionen zu erstellen bzw. zu importieren oder um die Einträge der bereits vorgesehenen zu ändern (siehe hierzu Sprachverwaltung für automatisch eingefügten Text).

Und schließlich haben Sie die Möglichkeit, mit WebSite X5 eine mehrsprachige Website zu erstellen, auf der die Besucher aus verschiedenen verfügbaren Sprachen die bevorzugte auswählen können oder, mit der Edition Pro, die Version der Website angeboten wird, die ihren Anforderungen am besten entspricht. Hierfür ist es hinreichend, für jede Sprache ein Projekt zu erstellen und diese zu verknüpfen, als handle es sich um verschiedene Sektionen ein und derselben Website. Zum Verknüpfen von Projekten, die sich nur in ihrer Sprache unterscheiden, stehen Ihnen hauptsächlich zwei Methoden zur Verfügung: die erste nutzt Introseite, die zweite hingegen die Möglichkeit, Verknüpfungen direkt in den Header des Templates einzufügen. Die Edition Pro bietet zusätzlich eine dritte Methode, die die Möglichkeit nutzt, die Browsersprache zu erkennen, um einzustellen, dass die Besucher automatisch weitergeleitet werden.

Klicken Sie um zu erweitern/minimierenVorgehensweise: Erstellen einer mehrsprachigen Website über die Introseite

Angenommen, Sie möchten eine Website erstellen, die in deutscher, englischer und portugiesischer Sprache verfügbar ist. Hierzu können Sie in die Introseite Schaltflächen einfügen, über die die Besucher auswählen können, in welcher Sprache die Inhalte angezeigt werden sollen.

Erstellen Sie zunächst die Website in deutscher Sprache, definieren Sie die Struktur und die Inhalte und stellen Sie unter Website-Einstellungen "DE - Deutsch" als Sprache der Website ein.
Klicken Sie in Schritt 1 - Website-Einstellungen | Erweitert auf die Schaltfläche Introseite, aktivieren Sie im entsprechenden Dialogfenster die Option Introseite anzeigenund wählen Sie Zeigt die Introseite und bittet um Sprachauswahl; legen Sie fest, welches Bild oder welche Animation als Seitenhintergrund angezeigt werden soll und nehmen Sie alle Einstellungen vor, um die Anzeige wie gewünscht zu gestalten.
Mit Hilfe der verfügbaren Funktionen können Sie die gewünschte Sprachliste zusammenstellen. Wählen Sie in der Liste die nicht benötigten Sprachen und klicken Sie auf Entfernen. Klicken Sie dann auf Hinzufügen..., um das Fenster Spracheinstellungen zu öffnen und die portugiesische Sprache hinzuzufügen: Geben Sie unter Anzuzeigende Sprachbezeichnung „Português“ ein und importieren Sie eine Bilddatei, die der Sprache zugeordnet werden soll.
Wählen Sie analog die Optionen "Deutsch" und "English" und klicken Sie auf Bearbeiten..., um das Fenster Spracheinstellungen zu öffnen und auch diesen Sprachen die Bilder der jeweiligen Flaggen zuzuweisen.
Da für das aktuelle Projekt die deutsche Sprache festgelegt wurde (die einzige Sprache, der die Introseite zugewiesen wird), wählen Sie die Option "Deutsch" aus der Sprachliste und klicken Sie auf Hauptsprache.
Mit Hilfe der Schaltflächen Nach obenund Nach unten können Sie die Sprachen wie gewünscht ordnen.

Nachdem die Flaggensymbole für die Sprachen eingefügt wurden, müssen nun die entsprechenden Verknüpfungen erstellt werden. Wird für jede Sprache eine eigene Website erstellt und veröffentlicht, kann die Verknüpfung zu einer URL eingefügt werden:

Wählen Sie in der Sprachliste den Eintrag "English" und klicken Sie auf Bearbeiten..., um das Fenster Spracheinstellungen zu öffnen.
Klicken Sie auf unter Link für diese Sprache (z.B. Website in dieser Sprache anzeigen), wählen Sie im Fenster Link die Aktion Datei oder URL und geben Sie die URL der englischen Version Ihrer Website ein, zum Beispiel http//www.meinewebsite.de/en/index.html, wenn die englische Version im Unterverzeichnis „en“ des Hauptverzeichnisses auf dem Server veröffentlicht werden soll.
Wiederholen Sie die Schritte analog für die portugiesische Version, indem Sie auch hier die entsprechende URL verknüpfen, zum Beispiel http//www.meinewebsite.de/pt/index.html, wenn die portugiesische Version im Unterverzeichnis "pt" des Hauptverzeichnisses auf dem Server veröffentlicht werden soll.

Nun ist die Website für die Sprachauswahl vorbereitet, aber es fehlen noch die Inhalte für die englische und die portugiesische Version.

Für eine schnelle Realisierung der englischen Sprachversion erstellen Sie zunächst eine Kopie der deutschen: Wählen Sie im Startfenster Auswahl des Projekts das Projekt in deutscher Sprache und klicken Sie auf Duplizieren. Klicken Sie auf Umbenennen, um dem neuen Projekt einen angemessenen Namen zu geben.
Öffnen Sie das Projekt und stellen Sie unter Website-Einstellungen „EN - English“ als Sprache der Website ein. Lokalisieren Sie dann alle Texte und sonstigen, eventuell sprachabhängigen Elemente.
Öffnen Sie in Schritt 1 - Website-Einstellungen | Erweitert das Fenster Introseite und deaktivieren Sie die Option Introseite anzeigen.
Gehen Sie nach Fertigstellung der englischen Sprachversion analog vor, um auch das Projekt in portugiesischer Sprache zu erstellen.

Zur Veröffentlichung der Websites auf dem Server gehen Sie bitte wie folgt vor:

Veröffentlichung der deutschen Sprachversion: Der deutschen Sprachversion der Website wurde die Introseite zugewiesen und sie wurde als "Standard" definiert. Bei der Veröffentlichung wird von der Introseite eine Datei index.html erstellt und im Verzeichnis für die Veröffentlichung gespeichert. Für die URL der Websites in englischer und portugiesischer Sprache müssen auf dem Server entsprechende Unterverzeichnisse "en" und "pt" erstellt werden.

Nach diesem Schritt ist die deutsche Version der Website online und auf der Introseite sehen Sie die aktiven Schaltflächen für die Sprachversionen, jedoch noch ohne die entsprechenden Verlinkungen.

Veröffentlichung der englischen Sprachversion: Damit der Sprachlink auf der Introseite funktioniert, muss das entsprechende Projekt in dem erstellten Unterverzeichnis "en" veröffentlicht werden.
Veröffentlichung der portugiesischen Sprachversion: Damit der Sprachlink zur portugiesischen Version auf der Introseite funktioniert, muss analog das entsprechende Projekt in dem erstellten Unterverzeichnis "pt" veröffentlicht werden.

Nachdem alle drei Websites in den entsprechenden Unterverzeichnissen veröffentlicht wurden, funktionieren die Schaltflächen auf der Introseite korrekt und die Besucher können die Inhalte in der bevorzugten Sprache anzeigen.

Mit der Option Link für diese Sprache (z.B. Website in dieser Sprache anzeigen) im Fenster Spracheinstellungen können für die Bilder, die den einzelnen Sprachen zugeordnet wurden (in den meisten Fällen Flaggen) beliebige Aktionen festgelegt werden. Dies bedeutet, Sie können anstelle der Verlinkung einer kompletten Website, wie im Beispiel dargestellt, eine einfache interne Seite oder eine Meldung verlinken, um darauf hinzuweisen, dass sich die Website in einer bestimmten Sprache noch im Aufbau befindet. Alternativ können Sie auch zu einer PDF-Datei verlinken, die alle Informationen bezüglich einer Sprache enthält, oder nach Bedarf sonstige Lösungen umsetzen.

Klicken Sie um zu erweitern/minimierenVorgehensweise: Erstellen einer mehrsprachigen Website mit Hilfe der Schaltflächen für den Header des Templates

Nehmen wir noch einmal an, Sie möchten eine Website erstellen, die in deutscher, englischer und portugiesischer Sprache verfügbar ist. Alternativ oder ergänzend zur Verlinkung der Introseite können Sie die Schaltflächen für die Sprachauswahl auch in den Header Ihres Templates einfügen. Diese Methode hat den Vorteil, dass die Besucher die Sprache jederzeit und auf jeder beliebigen Seite der Website umschalten können.

Erstellen Sie zunächst die Website in deutscher Sprache, definieren Sie die Struktur und die Inhalte und stellen Sie unter Website-Einstellungen "DE - Deutsch" als Sprache der Website ein.
Öffnen Sie das Fenster Inhalt des Templates, um den Header zu bearbeiten und die Schaltflächen für die Sprachauswahl einzufügen.
Über die Bildobjekt das gewünschte Bild, beispielsweise die deutsche Flagge, importieren: Soll die Schaltfläche mit Mouse-Over-Effekt erstellt werden, können Sie mit der Option Mouse Over-Effekte ein zweites Bild importieren, das vom ersten leicht abweicht.
Wiederholen Sie diesen Vorgang für die weiteren Schaltflächen mit Bildern der englischen und der portugiesischen Flagge.
Markieren Sie die Schaltfläche mit der englischen Flagge und klicken Sie auf Link: Es öffnet sich das Fenster Link. Wählen Sie dort die Aktion Datei oder URL, aktivieren Sie URL oder Datei im Internet und geben Sie die URL ein, unter der die englische Sprachversion der Website abgelegt werden soll (zum Beispiel http//www.meinewebsite.de/en/index.html).
Wiederholen Sie die Schritte analog für die portugiesische Version, indem Sie auch hier die entsprechende URL verknüpfen, zum Beispiel http//www.meinewebsite.de/pt/index.html).

Da Sie für das Projekt die deutsche Sprache als Standard definiert haben, müssen Sie natürlich die Schaltfläche mit der deutschen Flagge nicht verlinken.

Für eine schnelle Realisierung der englischen Sprachversion erstellen Sie zunächst eine Kopie der deutschen: Wählen Sie im Startfenster Auswahl des Projekts das Projekt in deutscher Sprache und klicken Sie auf Duplizieren. Klicken Sie dann auf Umbenennen, um dem neuen Projekt einen angemessenen Namen zu geben.
Öffnen Sie das Projekt und stellen Sie unter Website-Einstellungen "EN - English" als Sprache der Website ein. Lokalisieren Sie dann alle Texte und sonstigen, eventuell sprachabhängigen Elemente.
Öffnen Sie das Fenster Inhalt des Templates und ordnen Sie die Verlinkungen den einzelnen Flaggensymbolen zu: Verlinken Sie die Schaltfläche für Deutsch mit der entsprechenden URL (zum Beispiel: http://http//www.meinewebsite.de/index.html) und entfernen Sie die Verlinkung von der englischen Flagge.
Gehen Sie nach Fertigstellung der englischen Sprachversion analog vor, um auch das Projekt in portugiesischer Sprache zu erstellen. In diesem Fall müssen die Verlinkungen der Schaltflächen für die deutsche und englische Sprache eingestellt und von der portugiesischen entfernt werden.

Damit die so erstellten Schaltflächen korrekt funktionieren, müssen die Websites in den 3 Sprachen über die vorgesehenen Pfade auf dem Server veröffentlicht werden.

Erstellen Sie hierzu im Server-Verzeichnis für die Veröffentlichung zwei Unterverzeichnisse und nennen Sie diese "en" und "pt".
Veröffentlichen Sie das Projekt in deutscher Sprache (hier als Hauptprojekt angenommen) in dem Hauptverzeichnis sowie die Websites in englischer und portugiesischer Sprache in den jeweiligen Unterverzeichnissen "en" und "pt".
Klicken Sie um zu erweitern/minimierenVorgehensweise: Erstellen einer mehrsprachigen Website unter Nutzung der Weiterleitungsfunktion auf der Basis der jeweiligen Browser-Sprache

Nehmen wir noch einmal an, Sie möchten eine Website erstellen, die in deutscher, englischer und portugiesischer Sprache verfügbar ist. In der Edition Pro von WebSite X5 besteht die Möglichkeit, dass der Besucher keine Sprachauswahl treffen muss, sondern ihm sofort die für ihn wahrscheinlich am besten geeignete Version der Website angeboten wird. Dies ist durch Erkennung der eingegebenen Browser-Sprache und dementsprechender Weiterleitung zu den verschiedenen Versionen der Website möglich. Es liegt nahe, dass nicht alle Sprachen abgedeckt werden können; deshalb sollten Sie unter den Sprachen, die aktiviert werden, auch eine Ausweichsprache auswählen.

In unserem Beispiel wird Englisch als Ausweichsprache in allen Fällen genutzt, wo im Browser eine andere Sprache als Englisch, Italienisch und Portugiesisch erkannt wird. Die Website in englischer Sprache wird so die Hauptwebsite sein, während die Versionen in Italienisch und Portugiesisch in Unterordnern des Hauptordners auf dem Server veröffentlicht werden.

Erstellen Sie zunächst die Website in englischer Sprache, definieren Sie die Struktur und die Inhalte und stellen Sie unter Website-Einstellungen „EN - English“ als Sprache der Website ein.
Klicken Sie in Schritt 1 - Website-Einstellungen | Erweitert auf die Schaltfläche Introseite, aktivieren Sie im entsprechenden Dialogfenster die Option Introseite anzeigen und wählen Sie Erkennt automatisch die Sprache.
Mit Hilfe der verfügbaren Funktionen können Sie die gewünschte Sprachliste zusammenstellen. Wählen Sie in der Liste die nicht benötigten Sprachen und klicken Sie auf Entfernen. Klicken Sie dann auf Hinzufügen..., um das Fenster Spracheinstellungen zu öffnen und die portugiesische Sprache hinzuzufügen: Geben Sie unter Anzuzeigende Sprachbezeichnung „Português“ ein und importieren Sie eine Bilddatei, die der Sprache zugeordnet werden soll: beispielsweise für Bezugscode der Sprache geben Sie „PT“ ein.
Wählen Sie analog die Optionen „Deutsch“ und „Português“und klicken Sie auf Bearbeiten..., um das Fenster Spracheinstellungen zu öffnen und den zugewiesenen Code zu prüfen.
Da für das aktuelle Projekt die englische  Sprache festgelegt wurde, wählen Sie die Option „English“ aus der Sprachliste und klicken Sie auf Hauptsprache.

Wird für jede Sprache eine eigene Website erstellt und veröffentlicht, kann die Verknüpfung zu einer URL eingefügt werden:

Wählen Sie in der Sprachliste den Eintrag „Deutsch“ und klicken Sie auf Bearbeiten..., um das Fenster Spracheinstellungen zu öffnen.
Im Feld URL für diese Sprache geben Sie die URL der Website in deutscher Sprache ein, zum Beispiel http//www.meinewebsite.de/de/, wenn die englische Version im Unterverzeichnis „de“ des Hauptverzeichnisses auf dem Server veröffentlicht werden soll.
Wiederholen Sie die Schritte analog für die portugiesische Version, indem Sie auch hier die entsprechende URL verknüpfen, zum Beispiel http//www.meinewebsite.de/pt/, wenn die portugiesische Version im Unterverzeichnis „pt“ des Hauptverzeichnisses auf dem Server veröffentlicht werden soll.

Nun ist die Website für die Weiterleitung auf der Basis der jeweiligen Sprache vorbereitet, aber es fehlen noch die Inhalte für die deutsche und die portugiesische Version.

Für eine schnelle Realisierung der deutschen Sprachversion erstellen Sie zunächst eine Kopie der englischen Version: Wählen Sie im Startfenster Auswahl des Projekts das Projekt in englischer Sprache und klicken Sie auf Duplizieren. Klicken Sie auf Umbenennen, um dem neuen Projekt einen angemessenen Namen zu geben.
Öffnen Sie das Projekt und stellen Sie unter Website-Einstellungen „DE - Deutsch" als Sprache der Website ein. Lokalisieren Sie dann alle Texte und sonstigen, eventuell sprachabhängigen Elemente.
Öffnen Sie in Schritt 1 - Website-Einstellungen | Erweitert das Fenster Introseite und deaktivieren Sie die Option Introseite anzeigen.
Gehen Sie nach Fertigstellung der deutschen Sprachversion analog vor, um auch das Projekt in portugiesischer Sprache zu erstellen.

Zur Veröffentlichung der Websites auf dem Server gehen Sie bitte wie folgt vor:

Veröffentlichung der englischen Sprachversion: Der englischen Sprachversion der Website wurde die Introseite zugewiesen und sie wurde als „Standard“ definiert. Bei der Veröffentlichung wird von der Introseite eine Datei index.html erstellt und im Verzeichnis für die Veröffentlichung gespeichert. Für die URL der Websites in deutscher und portugiesischer Sprache müssen auf dem Server entsprechende Unterverzeichnisse „de“ und „pt“ erstellt werden.

Nach diesem Schritt ist die englische Version der Website online und auf der Introseite  wird der Code für die Erkennung der Browser-Sprache aktiviert, der die Weiterleitung zu den Websites in den anderen Sprachen vorgibt.

Veröffentlichung der deutschen Sprachversion: Damit der Weiterleitungscode auf der Introseite funktioniert, muss das entsprechende Projekt in dem erstellten Unterverzeichnis „de“ veröffentlicht werden.
Veröffentlichung der portugiesischen Sprachversion: Damit der Weiterleitungscode zur portugiesischen Version auf der Introseite funktioniert, muss analog das entsprechende Projekt in dem erstellten Unterverzeichnis „pt“ veröffentlicht werden.

 


Praktische Anwendung:

-

Sprachverwaltung für automatisch eingefügten Text