Suche
Suche löschen
Suche schließen
Google-Apps
Hauptmenü

Eigenen HTML-, CSS- und JavaScript-Code hinzufügen

Verwenden Sie das HTML-Feld-Tool zur optischen Anpassung Ihrer Website.

Mit dem HTML-Feld-Tool können Sie zu einer Seite in Google Sites HTML-, CSS- und JavaScript-Code hinzufügen. Mit dem Tool können Sie funktionalen CSS- und JavaScript-Code einsetzen, um das Erscheinungsbild Ihrer Google Site zu personalisieren. So können Sie beispielsweise Bilderkarussells, angepasste Menüs, Formulare und Widgets auf Basis von jQuery erstellen.

Dieses Tool für die Bearbeitung einer Seite unterscheidet sich von der HTML-Schaltfläche in der Symbolleiste. Über die HTML-Schaltfläche können Sie zwar kleinere Bearbeitungen von HTML- und Inline-CSS-Code vornehmen, aber keinen eigenen JavaScript-Code schreiben.

Eigenen HTML-, CSS- und JavaScript-Code hinzufügen

  1. Rufen Sie die Seite in Google Sites auf, in die Sie HTML-Code einbetten wollen.
  2. Öffnen Sie das Menü Einfügen und wählen Sie HTML-Feld aus.
  3. Ein Dialogfenster öffnet sich, in dem Sie HTML-, CSS- und/oder JavaScript-Code eingeben können.
  4. Klicken Sie auf Speichern, wenn Sie fertig sind.
  5. Eine Vorschau Ihres eingebetteten HTML-Codes sehen Sie durch einen Klick auf Speichern auf der Seite in Google Sites.

Tipps für das Schreiben von HTML-Code mit dem HTML-Feld

  • Damit Ihr Code frei von Fehlern bleibt, werden Fehler bereits bei der Eingabe rot unterstrichen.
  • Sie können öffentlich zugängliche Bilder aus dem Internet in Ihren HTML-Code einbetten. Beim Einbinden öffentlich zugänglicher Bilder sollten allerdings die Programmrichtlinien von Google und die einschlägigen Gesetze zum Urheberrecht beachtet werden.
  • In einem HTML-Feld eingegebener Code kann nicht mit Code außerhalb dieses HTML-Feldes interagieren oder sich auf diesen beziehen. Dies gilt auch für Code in anderen HTML-Feldern. Dies bedeutet, dass externe JavaScript-Dateien nicht eingebunden werden können, abgesehen von jQuery-Dateien, die unter ajax.googleapis.com gehostet wurden.

Nicht unterstützte Funktionen

Folgende Funktionen werden durch das Tool "HTML-Feld" derzeit nicht unterstützt:

  • Iframes
  • JavaScript-Code ist nicht in der Lage, Script-, Bild- oder Link-Tags zu erstellen.
  • Onload- und Onready-Funktionen von Dokumenten oder Fenstern. Sie können am Ende des Codes beliebigen JavaScript-Code platzieren, der geladen werden soll, nachdem das Dokument geladen wurde.
War dieser Artikel hilfreich?