So erstellen Sie eine Multiple Sprache HTML Webseite

Schritt 1: Erstellen Sie einen neuen Ordner für die zweite Sprache Seiten.

Es ist eine gute Idee, den International 2-Buchstaben-Code für die zweite Sprache als Name für diesen Ordner zu verwenden, denn das wird die Suchmaschinen helfen. Zum Beispiel im Fall der chinesischen ist es ‚zh‘

Schritt 2: Stellen Sie die Schriftart für Ihre zweite Sprache Seiten

Aber wenn es eine Sprache, die verschiedene Zeichen verwendet, wie Chinesisch, können Sie ein div in Ihrem Stylesheet einrichten, die die Schriftart definiert die Sie verwenden möchten.

Es gibt viele verschiedene Schriftarten für chinesischen Text aber, da ich nicht Chinesisch lesen kann, habe ich immer meinen Klienten die Schriftart angeben, sie wollen sehen, und ich diese dann im Stylesheet angeben.

Sie würden es so einrichten in Ihrem Stylesheet (der Schriftname ist nur ein Beispiel):

Schritt 3: Erstellen Sie die zweite Sprache Seiten

Wenn Sie eine andere Schriftart für Ihre zweite Sprache Seiten (Schritt 2 oben) angegeben haben, müssen Sie den Seiteninhalt in dem div-Tags Sie im Stylesheet definiert einzuwickeln - am Beispiel darüber würde wie folgt aussehen:

Inhalt hier

Ihr Kunde wird, müssen natürlich die übersetzten Inhalte anbieten zu können. Sie können es in einem Word-Dokument zur Verfügung stellen, aber Sie sollten dann kopieren Sie sie in eine Textdatei (Notepad oder etwas ähnliches), um die Formatierung Word-Einsätze zu entfernen.

Wenn Sie die Editor-Datei speichern, sollten Sie es mit UTF-8-Codierung speichern, wenn sie die Sprache nicht ein Roman Charakter ist.

Anschließend können Sie kopieren und den Inhalt von jeder Editor Seite in Ihr HTML-Editor einfügen.

Schritt 4: Aktualisieren Sie Ihre Navigationsmenüs

Ich nenne die zweite Sprache Seiten etwas anders, so dass es einfacher ist, die Dateien zu verwalten. Normalerweise füge ich nur ein ‚-cn‘ an die vorhandenen Dateinamen, so about.html würde Über-cn.html

So ist die vollständige Pfad URL zu Ihrer Info-Seite im Navigationsmenü auf dem englische Sprache Seiten könnte wie folgt aussehen:

In Ihrer zweiten Sprache Seiten der vollständige Pfad URL für den gleichen Menüpunkt würde wie folgt aussehen:

So stellen Sie sicher, dass alle Navigationsmenüs Links in der Menüleiste auf aller Ihren zweite Sprache Seiten angepasst werden, um das zusätzliche Verzeichnis im Pfad enthalten und die überarbeiteten Dateinamen.

Schritt 5: Stellen Sie einen Sprachumschalter oben

Ich habe einen Sprachumschalter in der rechten oberen Ecke jeder Seite auf, die Optionen für die beiden Sprachen enthält.

Dann, wenn sie in der zweiten Sprachversion der Seite angekommen sind, werden dafür sorgen, das Navigationsmenü Links, dass alle Seiten, die sie von nun an besuchen in ihrer Wahl der Sprache.

Unter der Über-Seite als ein Beispiel wieder, den Code für den Schalter an der Spitze dieser Seite würde daher wie folgt aussehen:

Das heißt: die about.html und die Über-cn.html Seiten würden den gleichen Code in dem Schalter haben.

Gefunden dieser Artikel nützlich? Erhalten Sie kostenlose Updates!

Holen Sie sich regelmäßig, sowie einen kostenlosen eBook, wie man ein Online-Geschäft zu gründen - besuchen Sie uns!

In Verbindung stehende Artikel