Exceltabelle in Webseiten

Das Beispiel

Zunächst ein Beispiel. Das ist die Tabelle. Sie ist in die Webseite eingebettet. Unterhalb der Tabelle befindet sich ein Link. Mit Klick auf diesen Link gelangt man direkt zur Tabellenbearbeitung.

Link zur Bearbeitung

Sobald man Dinge in der Tabelle ändert, werden diese auch in der Webseite sichtbar. Diese muss allerdings aktualisiert werden, z.B. mit Taste F5.

Beschreibung des Vorgehens

Excel ist kein Webformat. Eine direkte Veröffentlichung und Bearbeitung auf Webseiten ist nicht möglich, aber Google hilft. Man benötigt also neben der Ausgangstabelle in Excel einen Google Account.

Import bei Google

Zunächst muss man die Exceltabelle in Google Docs hochladen. Dazu muss die Option

Dokumente, Präsentationen, Tabellen und Zeichnungen in das entsprechende Format von Google Docs konvertieren

aktiviert sein.

Freigeben

Bei den Freigaben muss die Option

Alle Nutzer, die über den Link verfügen, sind zur Bearbeitung berechtigt.

aktiviert werden. Außerdem muss unter Zugriff die Option Darf bearbeiten aktiviert werden, wenn gemeinsam an einer Tabelle gearbeitet werden soll.

Einbetten

Um eine Tabelle in eine (Npage-)Seite einzubetten, wählt man in Google Docs Datei > Im Web veröffentlichen. In dem folgenden Dialog muss die Option HTML zum Einbetten in eine Seite gewählt werden. Dann wird ein <iframe>-HTML-Code erzeugt, den man kopiert und im Quellcodemodus in die entsprechende Textseite bei NPage einfügt.

Partnerwebsites

• SKYWALK-WEBDESIGN.DE
• FREEHOST-PROFI.DE
• Virtueller Reiseführer Bolivien
• Forum Paint.Net

Websites mit Mobirise

1. Startseite der Mobirise Extension Demo Website auf github.bpgs.de
2. Übersicht zu den Elementen des Themes Mobirise4 in Mobirise 4, Version 4.7.7 auf demo-zu-netcup.9f8.de
3. Gesamtübersicht zu den Designblöcken des Mobirise5 Themes AMP auf mobirise5-theme-amp.9f8.de
4. Mobirise4 mit dem Theme PurityM auf mein-wunschname.de.cool
5. EASY TO USE! erstellt mit Mobirise 4.4.1 und dem Theme default auf mein-wunschname.webspace.rocks
6. MOBIRISE3 THEME MOBIRISE3 auf lc-pico-phpfriends.bpgs.de
7. Website erstellt mit Mobirise3 und dem Theme Mobirise(auch unter dem Namen default) auf lc-ver-bummel.bpgs.de

Neuigkeiten

$(document).ready(function($){
  var url = window.location.pathname;
  $('.navi_cont a[href="'+url+'"]').addClass('current');
});

<style>
  .current, a>.current, a.current   { color:yellow !important}
</style>