Praktische Anwendung > Schritt 4 - Erweiterte Einstellungen > Erstellen einer mehrsprachigen Website

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 Allgemeine 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. 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 die Introseite, die zweite hingegen die Möglichkeit, Verknüpfungen direkt in den Header des Templates einzufügen.

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 Allgemeine Einstellungen "DE - Deutsch" als Sprache der Website ein.

▪

Klicken Sie in Schritt 4 - Erweiterte Einstellungen auf die Schaltfläche Introseite, aktivieren Sie im entsprechenden Dialogfenster die Option Introseite anzeigen, 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.

▪	Zum Erstellen der Schaltflächen für die Sprachauswahl aktivieren Sie die Option Links zu anderen Sprachen anzeigen.

▪

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 Projektauswahl 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 Allgemeine Einstellungen "EN - English" als Sprache der Website ein. Lokalisieren Sie dann alle Texte und sonstigen, eventuell sprachabhängigen Elemente.

▪	Öffnen Sie in Schritt 4 - Erweiterte Einstellungen 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.

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 Allgemeine Einstellungen "DE - Deutsch" als Sprache der Website ein.

▪	Öffnen Sie das Fenster Template-Gestaltung, um den Header zu bearbeiten und die Schaltflächen für die Sprachauswahl einzufügen.

▪	Über die Schaltfläche Bild einfügen 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 Bild bei Mauskontakt 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 zuweisen: 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 Projektauswahl 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 Allgemeine Einstellungen "EN - English" als Sprache der Website ein. Lokalisieren Sie dann alle Texte und sonstigen, eventuell sprachabhängigen Elemente.

▪	Öffnen Sie das Fenster Template-Gestaltung 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".

Praktische Anwendung:

-	Sprachverwaltung für automatisch eingefügten Text