Kurz erklärt
- Eine Portable Website erhalten Sie als vollständige Dateien. Sie können sie aufbewahren, bei einem passenden Anbieter hosten und unabhängig pflegen lassen. Eine Web Application ist Software für Aufgaben im Browser, etwa die Verwaltung von Bestellungen oder das gemeinsame Bearbeiten von Dokumenten.
- Bei der Erstellung können Editor, KI und Datenbank viel Arbeit abnehmen. Die fertigen Seiten müssen deshalb aber nicht bei jedem Aufruf auf diese Systeme zugreifen. Eine Web Application kann eine Portable Website erzeugen.
- Wählen Sie die Funktionen, die Ihr Unternehmen braucht. Eine Unternehmensvorstellung lässt sich oft mit fertigen Seiten umsetzen. Für Kundenkonten, Transaktionen oder Zusammenarbeit ergänzen Sie passende Anwendungen. Bei einer portablen Website bestimmen Sie selbst, wer sie hostet, pflegt und mit weiteren Diensten verbindet.
1. Portable Website oder Web Application: Was soll die Website leisten?
Ein Hersteller zeigt auf seiner Website, was er fertigt, welche Zertifikate er hat und welche Produkte er anbietet. Eine Beraterin erklärt ihre Leistungen und stellt abgeschlossene Projekte vor. Ein Designer zeigt sein Portfolio. Besucher wollen sich ein Bild machen, Angebote prüfen und Kontakt aufnehmen. Für diese Aufgaben sehen meist alle dieselben, zuvor geprüften Inhalte.
Eine Handelsplattform muss dagegen Aufträge ausführen. In einem Werkzeug zur Zusammenarbeit müssen private Dokumente gespeichert und gleichzeitige Änderungen abgestimmt werden. Solche Software nennen wir Web Application, auf Deutsch Webanwendung. Sie kann vollständig im Browser laufen, Dienste auf einem Server nutzen oder beides kombinieren.
Mit Portable Website meinen wir eine vollständige Website, deren Dateien Sie behalten, zu einem geeigneten Hoster mitnehmen und unabhängig vom Ersteller pflegen können. Eine Unternehmensvorstellung oder Leistungsbeschreibung lässt sich oft so ausliefern. Wenn sich der Text nächsten Monat ändert, können neue Seiten erzeugt werden. Der Server muss ihn dafür nicht bei jedem Besuch aus einer Datenbank zusammensetzen.
Beim Exportunternehmen aus unserem Beispiel ist die Website für das Geschäft durchaus wichtig. Kundenkonten, aktuelle Lagerbestände und ein ständig laufendes Content-Management-System (CMS) können trotzdem überflüssig sein, wenn Interessenten nur den Katalog lesen und ihre Anfragen per E-Mail schicken. Liefert der Anbieter dafür eine ganze Anwendungsplattform, muss jemand diese weiterhin betreiben. Der Kunde braucht die Website, übernimmt aber zusätzliche Technik und zusätzliche Arbeit.
| Frage | Portable Website | Web Application |
|---|---|---|
| Was erhalten Sie? | Eine vollständige Website zur Präsentation, die Sie behalten und zu einem anderen Hoster mitnehmen können | Software, mit der Nutzer im Browser Aufgaben erledigen oder Arbeitsabläufe steuern |
| Was muss verfügbar bleiben? | Passendes Hosting für die Website-Dateien und die Dienste, die Sie zusätzlich einbinden | Der benötigte Anwendungscode und seine Dienste; je nach Anwendung auch Datenbanken, Anmeldung und APIs auf dem Server |
| Was muss gepflegt werden? | Inhalte, Bilder und andere Dateien, Domain- und Hosting-Konten sowie eingebundene Dienste | Zusätzlich die tatsächlich verwendete Laufzeitumgebung, Daten, Zugriffsrechte und Integrationen der Anwendung |
| Was braucht ein neuer Dienstleister? | Nutzbare Dateien, Angaben zu Abhängigkeiten und eine Anleitung zur Veröffentlichung | Anwendungscode, benötigte Daten, Konfiguration, Dienste und Wissen über den Betrieb |
2. Wie aus dem Website-Kauf ein dauerhafter Betrieb wird
Bei vielen Angeboten kaufen Sie die Erstellung und den Betrieb zusammen. Ein gehosteter Website-Baukasten bündelt Editor, Medienablage, Hosting und Erweiterungen. Ein klassisches CMS bringt häufig eine Verwaltungsoberfläche, eine Datenbank, Themes und Plugins mit und erzeugt die Seiten auf dem Server. Bei einer eigens entwickelten Web Application kommen individueller Code und ein eigener Ablauf für die Veröffentlichung hinzu.
Das ist bequem: Ein Anbieter oder ein System kümmert sich um viele Aufgaben. Bei der Wahl des Werkzeugs entscheiden Kunden dadurch aber oft auch schon, welche Technik nach der Übergabe weiterlaufen muss. Für einen Shop mit laufenden Bestellungen oder ein Team mit täglichen redaktionellen Freigaben können sich diese Funktionen lohnen.
Wird eine Unternehmenswebsite nur wenige Male im Jahr aktualisiert, fällt möglicherweise dieselbe technische Arbeit an, ohne dass Besucher davon profitieren. Die Laufzeitumgebung braucht Updates, die Datenbank Backups, Plugins müssen nach Änderungen noch zusammenpassen. Dazu kommen Sicherheitsupdates und ein Plan zur Wiederherstellung nach einem Ausfall. Ein betreuter Dienst kann Ihnen viel davon abnehmen. Dann bezahlen Sie diese Arbeit über den Dienst und bleiben auf ihn angewiesen.
Klären Sie deshalb vor dem Kauf, was Sie tatsächlich mitnehmen können. Ein Zugang zum Kundenbereich und eine bezahlte Rechnung sagen darüber wenig aus. Enthält der Export funktionierende Seiten samt Bildern oder nur gespeicherte Texte? Welche Teile müssen beim bisherigen Anbieter weiterlaufen? Kann ein anderer Entwickler die Website übernehmen, oder müsste er sie anhand von Screenshots nachbauen?
Auch „Open Source“ und „selbst gehostet“ beantworten diese Fragen nicht allein. Eine quelloffene Anwendung kann viel Kontrolle bieten und trotzdem eine Datenbank, eine bestimmte Laufzeitumgebung, Backups und Updates benötigen. Umgekehrt kann ein proprietärer Editor gewöhnliche, frei bearbeitbare Website-Dateien erzeugen. Prüfen Sie neben der Lizenz des Werkzeugs auch das Ergebnis, das Sie erhalten, und dessen technische Voraussetzungen.
3. Mit einer Web Application eine Portable Website erstellen
Zur Erstellung einer Website darf aufwendige Software zum Einsatz kommen. Informationen aus Dokumenten lesen, einen Katalog ordnen, Texte übersetzen, ein Layout auswählen und Seiten für verschiedene Bildschirmgrößen erzeugen: Dabei können KI-Modelle, Datenbanken, Auftragswarteschlangen und Build-Werkzeuge helfen. Eine Web Application kann dafür genau das richtige Werkzeug sein.
Diese Systeme werden während der Erstellung gebraucht. Ob sie anschließend für weitere Änderungen verfügbar bleiben sollen, ist eine eigene Entscheidung. Für das Lesen der fertigen Über-uns-Seite muss ein Besucher nicht zwangsläufig auf dieselben Systeme angewiesen sein.
ERSTELLUNG MIT EINER WEB APPLICATION
Unterlagen + geprüfte Inhalte + Design + Übersetzungen
|
v
ÜBERGABE EINER PORTABLE WEBSITE
HTML, CSS, JavaScript und zugehörige Dateien
|
v
AUFRUF DURCH BESUCHER
Passendes statisches Hosting -> Browser
Optional eingebundene Dienste bleiben eigene Abhängigkeiten.Bei einer vorab erzeugten Website liegen HTML, CSS, JavaScript und Medien bereits als Dateien vor. Der Hoster liefert sie an den Browser aus. Eine dynamische Anwendung kann eine Antwort stattdessen bei der Anfrage aus ihrem Code und aktuellen Daten zusammensetzen. Beides kann sinnvoll sein, auch innerhalb eines Projekts. Entscheidend ist, welche Berechnungen bei jedem Besuch nötig sind und welche einmal nach einer Inhaltsänderung erledigt werden können.
„Statisch“ beschreibt, wie die Seiten ausgeliefert werden. Solche Seiten können auf dem Smartphone gut aussehen, Bildergalerien, Animationen und Menüs enthalten und zwischen Sprachen wechseln. Das übernimmt der Browser. Aktuelle Daten, eine Anmeldung oder den Versand einer Nachricht binden Sie über passende Dienste ein. Ein Zahlungslink führt beispielsweise zu einem Zahlungsdienst, der den Kauf abwickelt.
4. Was eine Portable Website bei der Übergabe enthalten muss
Bei LiteSite erhalten Sie eine vollständige Website, die Sie aufbewahren, auf passendes Hosting umziehen und unabhängig von LiteSite pflegen lassen können. Die ausgelieferten Seiten brauchen zum Anzeigen ihrer Inhalte weder ein LiteSite-Konto noch ein aktives LiteSite-Abonnement oder die Anwendungsserver von LiteSite.
Portable Website bezeichnet diese Unabhängigkeit des gelieferten Ergebnisses. Web Application beschreibt dagegen, was eine Software tut. Die Begriffe schließen sich nicht aus: Auch eine Anwendung, die vollständig im Browser läuft, kann portabel sein. Für eine Unternehmenswebsite lautet die praktische Entscheidung häufig, ob Sie eigenständig nutzbare Dateien bekommen oder die fertigen Seiten dauerhaft an eine Anwendungsplattform gebunden bleiben. Die dafür verwendeten Webtechniken sind längst etabliert. Die Übergabe lässt sich anhand konkreter Anforderungen prüfen:
- Vollständige Dateien: Das Paket enthält die erzeugten Seiten und die Dateien, die für ihre Darstellung nötig sind.
- Unabhängiger Aufruf: Die Seiten lassen sich auf geeignetem Hosting unabhängig vom ursprünglichen Baukasten anzeigen.
- Wechsel des Hosters: Ein anderer geeigneter Anbieter kann die Dateien ausliefern. URL-Struktur, Weiterleitung der Anfragen und eingebundene Dienste müssen dort passend eingerichtet werden.
- Bearbeitbarer Quelltext: Ein Entwickler kann HTML, CSS, JavaScript und weitere Dateien mit üblichen Werkzeugen prüfen und ändern.
- Benannte Abhängigkeiten: Bei Formularen, Besucherstatistiken, Karten, Verkaufsfunktionen und anderen Integrationen ist klar, welcher Dienst verwendet wird und wer sich darum kümmert.
5. Was sich beim Betrieb und bei den Kosten ändert
Sie behalten Ihre fertige Website samt allen Dateien. Speichern Sie die vollständigen Dateien und veröffentlichen Sie sie über ein Hosting-Konto, das Sie selbst verwalten. Sie können die Website archivieren, eine frühere Kopie wiederherstellen, den Quelltext prüfen oder die Dateien an einen Entwickler weitergeben. Auch wenn Sie später ein anderes Erstellungswerkzeug nutzen, behalten Sie Ihren bestehenden Auftritt.
Mit diesen Dateien wählen Sie einen Hoster nach Ihren Anforderungen und können später wechseln. Auch die Pflege lässt sich einem anderen Entwickler übertragen. Er arbeitet mit den vorhandenen Seiten, Inhalten und Gestaltungselementen weiter. So entscheiden Sie über Ihre Dienstleister und behalten zugleich die Website, die Sie bereits aufgebaut haben.
Eine portable Unternehmenswebsite kann ohne Anwendungsdatenbank und Administrationssystem im Produktivbetrieb auskommen. Damit entfallen die zugehörigen Updates, Backups und Überwachungsaufgaben. Die Pflege konzentriert sich auf die Inhalte und Funktionen, die Ihre Kunden nutzen. Ein Entwickler kann dafür direkt an den Website-Dateien und den eingebundenen Diensten arbeiten.
Den Kauf der LiteSite-Website und ihr Hosting wählen Sie unabhängig voneinander. Statisches Hosting kann günstig und mit einem passenden Tarif sogar kostenlos sein. Domain, Hosting und Pflege lassen sich nach Ihrem Bedarf zusammenstellen und später anpassen. Die gelieferten Dateien geben einem Entwickler außerdem direkten Zugriff auf Bilder, Schriften und Skripte, um zusammen mit den Cache-Einstellungen die Ladezeiten zu optimieren.
6. Welche Dateien LiteSite liefert
LiteSite erstellt aus Ihrer bisherigen Website und Ihren Unterlagen einen Inhaltsentwurf, den Sie prüfen können, und daraus eine mehrsprachige Website. In der privaten Vorschau sehen Sie das Ergebnis vor dem Kauf. Anschließend erhalten Sie das vollständige Paket für die Veröffentlichung, ohne Wasserzeichen und ohne die Zugangsbeschränkungen der Vorschau.
Laden Sie das Paket herunter und bewahren Sie es selbst auf. Sie können die Dateien bei einem passenden Hoster veröffentlichen und an den Entwickler weitergeben, der Ihre Website betreuen soll.
index.html
about.html
content.json
…weitere enthaltene Seiten
zh-Hans/
index.html
about.html
content.json
…weitere enthaltene Seiten
assets/
…Stylesheets, Skripte, Bilder, Schriften
robots.txt
sitemap.xml
seo-manifest.json
manifest.json
package-info.json
healthcheck.json
README.md
AGENTS.md
DEVELOPMENT.md
litesite-dev.mjs
litesite-bind-origin.mjsDie HTML-Dateien und die zugehörigen Bilder, Schriften, Stylesheets und Skripte bilden die Website, die Besucher sehen. Die Content-JSON-Dateien halten den gekauften Inhaltsstand zum Nachschlagen fest; die erzeugten HTML-Seiten enthalten bereits die darzustellenden Inhalte. Manifeste verzeichnen die Dateien und erlauben es, deren Unversehrtheit zu prüfen. Die README.md erklärt den Paketinhalt und die Veröffentlichung. AGENTS.md bietet KI-Programmieragenten einen kurzen Einstieg. DEVELOPMENT.md erläutert Dateien, Gestaltungskonventionen und Interaktionsmuster der Website; litesite-dev.mjs ermöglicht lokale Vorschau und Prüfungen. Ein mitgeliefertes Werkzeug passt die Website an die Zieladresse an und legt dafür ein separates Verzeichnis an.
Nach dieser Vorbereitung kann ein Entwickler HTML, Stylesheets, Skripte und Bilder direkt im vorbereiteten Verzeichnis bearbeiten und die aktualisierte Website veröffentlichen. content.json dient dabei als Nachschlagewerk für die gekauften Inhalte; Änderungen an den Seiten erfolgen in den erzeugten Website-Dateien. Bewahren Sie das ursprüngliche Paket unverändert auf. So kann das Werkzeug dessen Integrität prüfen und später erneut Dateien für eine andere Zieladresse vorbereiten.
7. Eine Portable Website zu einem anderen Hoster umziehen
Gehen Sie vom ZIP-Paket für die Veröffentlichung aus und behalten Sie eine unveränderte Archivkopie. Legen Sie die endgültige HTTPS-Adresse fest und wählen Sie einen Hoster, der die statischen Dateien und Seitenpfade des Pakets unterstützt. Wenn LiteSite die Website in Ihrem eigenen Cloudflare-Konto veröffentlicht, bereitet es die Dateien für dieses Ziel vor. Bei einem manuellen Umzug folgen Sie der README.md und verwenden das mitgelieferte Werkzeug.
node litesite-bind-origin.mjs https://example.com/
# Das erzeugte Verzeichnis litesite-deployment/ hochladen.Das Werkzeug trägt die Zieladresse in die kanonischen URLs, die Verweise auf andere Sprachversionen, die Open-Graph-URLs und die Sitemap-Verweise ein. Es erzeugt ein Verzeichnis für die Veröffentlichung und lässt das Originalpaket unverändert. Node.js wird nur für diese Vorbereitung gebraucht. Zum Ausliefern der fertigen Seiten ist kein Node.js-Anwendungsserver nötig. Die README.md des Originalpakets und das Vorbereitungsskript werden nicht in die Veröffentlichungskopie übernommen.
node litesite-bind-origin.mjs https://USER.github.io/ /REPO/Laden Sie die vorbereiteten Dateien hoch und testen Sie die Website unter der tatsächlichen Zieladresse. Prüfen Sie die Startseite, einen direkten Aufruf einer Unterseite, alle Sprachen, Bilder, Downloads und eingebundene Dienste. Kontrollieren Sie HTTPS und die bevorzugte Domain. Passen Sie die DNS-Einträge bei Bedarf an den gewählten Hoster an. Wenn Sie eine bestehende Website ersetzen, richten Sie beim bisherigen Hoster Weiterleitungen für geänderte URLs ein, damit vorhandene Links weiterhin zum richtigen Inhalt führen.
Geben Sie bei einer Projektadresse wie /REPO/ diesen Basispfad bei der Vorbereitung an. Wenn Sie das Hauptverzeichnis des Hosts verwalten, legen Sie robots.txt dort ab: An dieser Stelle suchen Suchmaschinen nach den Vorgaben für das Crawling. Bei einem gemeinsam genutzten Host verwenden Sie dafür die Einstellungen, die der Anbieter bereitstellt. Prüfen Sie anschließend die fertigen URLs und Seitenpfade auf der veröffentlichten Website.
8. Binden Sie die Dienste ein, die Ihr Unternehmen braucht
Über eine Portable Website können Besucher auch die Dienste nutzen, mit denen Ihr Unternehmen bereits arbeitet. Ein Kontaktformular nimmt Anfragen entgegen, eine Karte zeigt den Weg, ein Buchungsdienst vergibt Termine und ein Zahlungslink führt zum Kauf. Wählen Sie für jede Aufgabe den passenden Anbieter und verbinden Sie ihn über einen Link oder eine Integration mit der Website. Ihre Unternehmensseiten bleiben portabel, während Sie nützliche Funktionen ergänzen.
| Bestandteil | So nutzen Sie ihn |
|---|---|
| Erzeugtes HTML, CSS, JavaScript und mitgelieferte Medien | Vollständige Dateien aufbewahren und bei einem passenden Hoster veröffentlichen |
| Domain, DNS und HTTPS | Die gewünschte Adresse über Ihre Domain- und Hosting-Konten einrichten |
| Formulare, Karten, Besucherstatistiken, Buchungen und Zahlungen | Die passenden Anbieter über deren Links, Konten und Schnittstellen anbinden |
| Laufende Pflege | Festlegen, wer Inhalte, Integrationen, Barrierefreiheit und die veröffentlichten Dateien betreut |
Eine Portable Website und eine Web Application lassen sich auch gemeinsam einsetzen. Die Unternehmensvorstellung und die Leistungsseiten bleiben eigenständig, während eine Anwendung Kundenkonten, Buchungen oder Bestellungen verwaltet. Klare Links führen Besucher von der Beschreibung Ihres Angebots zu diesen Funktionen. Sie können für jeden Teil einen passenden Betreuer wählen und die Präsentation oder Geschäftsanwendung nach Bedarf weiterentwickeln.
9. Wann eine Web Application sinnvoll ist
Eine Portable Website passt zu einem Unternehmensauftritt, einer Leistungsübersicht, einem Exportkatalog ohne direkten Kauf, einer Kampagnenwebsite oder einem beruflichen Portfolio. Hier steht die Präsentation geprüfter Informationen im Vordergrund. Das Modell eignet sich besonders, wenn Inhalte in gewissen Abständen geändert werden, mehrere Sprachen gebraucht werden und Sie das Ergebnis behalten oder später einem anderen Entwickler übergeben möchten.
Nutzerspezifische Übersichten, aktuelle Lagerbestände, Bestellabwicklung, komplexe Abonnements oder die gemeinsame Bearbeitung von Dokumenten brauchen dagegen Anwendungsfunktionen. Eine Web Application erfüllt dann eine konkrete Aufgabe. Auch ein großes Redaktionsteam kann ein CMS für Entwürfe und Freigaben benötigen und seine öffentlichen Seiten trotzdem vorab erzeugen lassen.
Auch wenn Ihr Unternehmen eine Web Application benötigt, kann Ihr Entwickler auf der von LiteSite erzeugten Website aufbauen. Er kann die vorhandenen Seiten, das Design und die Inhalte übernehmen und Benutzerkonten, Bestellabläufe sowie die Backend-Dienste ergänzen, die Ihr Unternehmen braucht.
Betrachten Sie deshalb drei Dinge getrennt: wie Ihr Team die Inhalte erstellt, was Besucher auf der Website tun und welche Systeme dafür dauerhaft laufen müssen. So lässt sich auch eine Kombination wählen, bei der die Unternehmensseiten portabel bleiben und Transaktionen von einer passenden Anwendung verarbeitet werden. Für die Auswahl helfen diese Fragen:
- Welche Inhalte müssen sich je nach Besucher unterscheiden, welche sind für alle gleich?
- Wie häufig ändern sich die Inhalte, und wer aktualisiert sie?
- Welche Dateien und Nutzungsrechte erhalten Sie bei der Übergabe?
- Welche Dienste helfen Besuchern, Kontakt aufzunehmen, zu buchen, zu kaufen oder ihr Kundenkonto zu nutzen?
- Welche Dateien und Anleitungen braucht der Entwickler, dem Sie die Pflege übertragen möchten?
- Wer kümmert sich um Inhalte, Hosting und die eingebundenen Dienste?
10. LiteSite erstellt die Website. Sie behalten die Dateien.
LiteSite selbst ist eine Web Application. Sie nutzen Konten, KI-Funktionen, Inhaltsbearbeitung und Übersetzung, um eine mehrsprachige Website zu erstellen. Vor dem Kauf können Sie eine tatsächliche Vorschau prüfen. Sie kaufen anschließend eine Portable Website mit vollständigen Dateien, deren Seiten auf geeignetem Hosting ohne die Anwendungsserver von LiteSite angezeigt werden können.
Wir haben LiteSite so aufgebaut, weil Kunden häufig eine Website zur Präsentation brauchen und dafür sonst den dauerhaften Betrieb einer Anwendung übernehmen. Die Erstellungsfunktionen sollen Ihnen bei der Arbeit helfen. Im fertigen Ergebnis sollen nur die Abhängigkeiten bleiben, die für die Website und ihre gewählten Funktionen gebraucht werden.
Sie laden das Ergebnis herunter, behalten die Dateien und wählen einen passenden Hoster. Auch wer die Website künftig pflegt, entscheiden Sie selbst. Zum Paket gehören Angaben zu den Abhängigkeiten und eine Anleitung, mit der ein anderer Entwickler die Veröffentlichung übernehmen kann.
Quellen und weiterführende Informationen
Die folgenden Dokumentationen erläutern die technischen Grundlagen. Die Angaben zum LiteSite-Paket beschreiben die derzeit ausgelieferten Websites; eine typische Dateiliste zeigt deren Aufbau.