Wir helfen Ihnen gern! Schreiben Sie uns eine E-Mail.

Tutorials

Laden ...

Tabellen hinzufügen

In diesem Tutorial finden Sie zwei verschiedene Möglichkeiten, Ihrer Yola-Website eine Tabelle hinzuzufügen.

Option 1: Mit dem HTML-Helfer (deutsche Übersetzung in Arbeit) können Sie eine Tabelle ganz einfach per Klick auf die Tabellen-Schaltfläche erstellen. (Hinweis: Leider funktioniert der HTML-Helfer zurzeit nur auf Apple Mac-Computern und in den Browsern Safari und Google Chrome. Wir arbeiten daran!)

So wird's gemacht:
  1. Gehen Sie auf die Website unseres HTML Helpers (klicken Sie auf den oben stehenden Link).
  2. Klicken Sie in der Textbearbeitungsleiste auf die Schaltfläche "Insert/Edit Table" (das erste Symbol in der dritten Reihe der Textbearbeitungsleiste).
  3. Es öffnet sich ein Pop-up-Fenster mit dem Titel "Table Properties" über dem Texteditierfeld. Jetzt können Sie Ihre Tabelle nach Ihren Vorstellungen anpassen:
    • Rows (Zeilen): Geben Sie die Anzahl der Zeilen ein, die Ihre Tabelle haben soll.
    • Columns (Spalten): Geben Sie die Anzahl der Spalten ein, die Ihre Tabelle haben soll.
    • Headers (Überschriften): Klicken Sie auf das Aufklappmenü und wählen Sie, ob Sie eine Überschrift für Ihre Tabelle möchten und ob diese oben oder an der Seite oder an beiden Stellen erscheinen soll.
    • Bei Border size (Randbreite) können Sie die Breite des Rands festlegen.
    • Alignment: Hier können Sie die Ausrichtung Ihrer Tabelle wählen: linksbündig, rechtsbündig oder zentriert.
    • Width (Breite): Hier können Sie die Breite Ihrer Tabelle in Pixeln oder in Prozent (percent) eingeben. Wenn Sie z.B. 40 percent wählen, nimmt die Tabelle 40% des Bearbeitungsbereichs ein.
    • Cell Spacing (Zellenabstand): legt den Abstand zwischen den einzelnen Zellen fest.
    • Cell padding (Rahmenabstand): legt den Abstand des Texts zum Zellrahmen fest.
    • Caption (Kommentarfeld): Fügen Sie Ihrer Tabelle einen Titel, eine Notiz oder einen Kommentar hinzu.
    • Summary (Beschreibung): Hier können Sie Ihrer Tabelle noch einen Kommentar zufügen. Dieser erscheint nicht mit der Tabelle.
  4. Klicken Sie auf "OK", wenn Sie Ihre Anpassungen abgeschlossen haben.
  5. Jetzt können Sie Ihre Tabelle mit Inhalt füllen. Wenn Sie Text in die Zellen Ihrer Tabelle eingeben, sehen Sie, dass sich die Tabllenlinien verschieben, während Sie tippen. Um dies zu blockieren, müssen Sie die Breite ("width") Ihrer Zellen fixieren und Zeilenumbruch einstellen. So geht's:
    • Klicken Sie mit der rechten Maustaste auf die betreffende Zelle.
    • Wählen Sie "cell properties" (Zelleigenschaften).
    • Legen Sie die Breite Ihrer Zelle fest. Achten Sie darauf, dass die Breite für jede Zelle geringer als die der ganzen Tabelle sein muss, um in der Tabelle auch die übrigen Zellen noch unterzubringen.
  6. Sie können in der Textbearbeitungsleiste die Formatierungsoptionen der fünften und sechsten Reihe nutzen, um Ihre Inhalte zu formatieren.
  7. Wenn Sie mit Ihrer Tabelle zufrieden sind, können Sie sie auf Ihrer Yola-Website einfügen. Klicken Sie zunächst auf die Schaltfläche "View/Edit HTML". Daraufhin wird der HTML-Code Ihrer Tabelle angezeigt. Kopieren Sie diesen Code und fügen Sie diesen in ein HTML-Widget in Ihrem Yola-Baukasten ein. Bitte achten Sie darauf, den HTML-Code vollständig zu kopieren.
Wenn Sie Ihre Tabelle bearbeiten oder aktualisieren möchten, kopieren Sie einfach den HTML-Code, den Sie ins HTML-Widget eingefügt haben, in das Texteditierfeld des HTML Helpers. Klicken Sie auf die Schaltfläche "View/Edit HTML". Fügen Sie den Code ein und klicken Sie dann erneut auf "View/Edit HTML". Jetzt wird der HTML-Code wieder als Tabelle angezeigt und Sie können die gewünschten Änderungen vornehmen.

Option 2: Nutzen Sie kostenlose HTML-Tabellengeneratoren im Internet. Ein englischsprachiger Anbieter ist quackit.com und einen deutschsprachigen Dienst finden Sie unter www.heinz.ch. Erstellen Sie zuerst Ihre Tabelle bei diesen Anbietern, kopieren Sie dann den HTML-Code und gehen Sie anschließend wie folgt vor:
  1. Ziehen Sie rechts aus der Seitenleiste das HTML-Widget (mit dem Symbol einer blauen Kugel) auf Ihre Seite.
  2. Es öffnet sich der HTML-Editor, mit dem Sie HTML-Code selbst verfassen oder in den Sie welchen einfügen können (mit Rechtsklick > Einfügen oder mit Strg-V).
  3. Klicken Sie anschließend auf "Speichern" und Sie sehen, wie der HTML-Code auf Ihrer Seite ausgegeben wird.
Ihre Tabelle wird in ein zweckmäßiges Websiteformat eingefügt. Vergessen Sie nicht, die Änderungen an Ihrer Seite zu speichern.