L’essentiel
- Un Portable Website est un site complet dont vous gardez les fichiers. Vous pouvez changer d’hébergeur et confier sa maintenance à quelqu’un d’autre. Une Web Application est un logiciel utilisé dans le navigateur pour accomplir des tâches, comme gérer des commandes ou travailler à plusieurs sur un document.
- Un éditeur, une IA et une base de données peuvent être très utiles pour créer le site. Les pages terminées peuvent ensuite fonctionner sans eux. Une Web Application peut donc produire un Portable Website.
- Choisissez les fonctions utiles à votre entreprise. Des pages préparées à l’avance suffisent souvent pour la présenter ; des applications peuvent gérer les comptes clients, les transactions ou le travail collaboratif. Avec un site portable, vous choisissez l’hébergement, les prestataires et les services à intégrer.
1. Portable Website ou Web Application : que doit faire votre site ?
Un fabricant présente son savoir-faire, ses certifications et ses produits. Un consultant explique ses prestations et montre des missions déjà réalisées. Un designer expose ses travaux dans un portfolio. Leurs visiteurs cherchent surtout à comprendre l’offre, à l’évaluer et à prendre contact. Le plus souvent, ils consultent tous les mêmes informations, relues avant leur mise en ligne.
Une plateforme de trading doit, elle, exécuter des ordres. Un outil de travail collaboratif doit conserver des documents privés et gérer les modifications simultanées. On parle alors de Web Application, ou application web : un logiciel avec lequel on effectue des opérations dans le navigateur. Il peut fonctionner entièrement dans celui-ci, faire appel à des serveurs, ou combiner les deux.
Un Portable Website, ou site web portable, est un site complet que vous pouvez conserver, transférer chez un hébergeur compatible et faire entretenir sans dépendre de son créateur. Ce mode de livraison convient souvent à une présentation d’entreprise ou de services. Les pages peuvent être préparées à l’avance, puis remplacées quand leur contenu change. Prévoir une mise à jour le mois prochain n’oblige pas à reconstruire le texte depuis une base de données à chaque visite.
Reprenons l’entreprise exportatrice. Son catalogue multilingue peut être indispensable à son activité, alors que des comptes clients, un suivi des stocks en temps réel ou un système de gestion de contenu (CMS) actif en permanence n’apportent rien à ses visiteurs. Ils lisent le catalogue et envoient leurs demandes par e-mail. Si le site repose tout de même sur ces logiciels, quelqu’un doit continuer à s’en occuper. Le client voulait un site de présentation et se retrouve aussi chargé d’exploiter une application.
| Question | Portable Website | Web Application |
|---|---|---|
| Qu’obtenez-vous ? | Un site de présentation complet, que vous pouvez conserver et transférer chez un autre hébergeur | Un logiciel pour accomplir des tâches ou gérer des processus dans le navigateur |
| Qu’est-ce qui doit rester disponible ? | Un hébergement adapté aux fichiers du site, ainsi que les services que vous choisissez d’intégrer | Le code et les services nécessaires à l’application ; selon son fonctionnement, aussi des bases de données, un service d’authentification ou des API côté serveur |
| Que faut-il entretenir ? | Les contenus, les fichiers, les comptes de domaine et d’hébergement, ainsi que les services intégrés | Les mêmes éléments, plus l’environnement d’exécution, les données, les droits d’accès et les intégrations utilisés par l’application |
| Que faut-il transmettre à un nouveau prestataire ? | Les fichiers utilisables, la liste des dépendances et une procédure de mise en ligne | Le code, les données, la configuration, les services requis et les connaissances nécessaires à leur exploitation |
2. Acheter un site peut aussi vous engager à exploiter une application
La création et l’hébergement d’un site sont souvent vendus ensemble. Les plateformes de création en ligne regroupent l’éditeur, le stockage des médias, l’hébergement et les services intégrés. Un CMS classique peut réunir une interface d’administration, une base de données, des thèmes et des extensions, puis générer les pages sur le serveur. Une Web Application sur mesure ajoute son propre code et sa propre procédure de mise en ligne.
Ces solutions sont pratiques. Mais en choisissant comment créer son site, le client choisit aussi, parfois sans le savoir, les logiciels qui devront continuer à fonctionner après la livraison. Pour une boutique qui traite des commandes ou une équipe qui fait valider des contenus chaque jour, ces fonctions peuvent tout à fait justifier leur coût.
Sur un site vitrine modifié quelques fois par an, elles peuvent imposer du travail sans améliorer la visite. Il faut mettre à jour les logiciels du serveur, sauvegarder la base de données, vérifier que les extensions restent compatibles, appliquer les correctifs de sécurité et prévoir la remise en service après une panne. Un prestataire peut prendre en charge une grande partie de ces tâches. Vous en payez alors le coût dans son service et restez dépendant de sa disponibilité.
Avant de choisir, vérifiez ce que vous pourrez récupérer. Avoir un identifiant et une facture ne suffit pas à le savoir. L’export contient-il des pages utilisables et leurs médias, ou uniquement les textes enregistrés ? Quels services devront rester actifs chez le fournisseur initial ? Un autre développeur pourra-t-il reprendre le site, sans le reconstruire à partir de captures d’écran ? Mieux vaut le vérifier avant l’achat qu’au moment de résilier un abonnement.
L’open source et l’auto-hébergement peuvent donner beaucoup de contrôle, sans supprimer les besoins d’exploitation. Une application open source peut exiger une base de données, un environnement logiciel précis, des sauvegardes et des mises à jour. À l’inverse, un éditeur propriétaire peut produire des fichiers web dans des formats courants, que vous pourrez modifier avec d’autres outils. Examinez donc les fichiers livrés et leurs dépendances autant que la licence du logiciel de création.
3. Une Web Application peut créer un Portable Website
Créer un site peut demander des outils élaborés. Il faut extraire des informations de documents, organiser un catalogue, traduire les textes, choisir une mise en page et produire des pages adaptées aux différents écrans. Des modèles d’IA, des bases de données, des files de tâches et des outils de génération peuvent aider à réaliser ce travail. Une Web Application peut être très utile à cette étape.
Une fois les pages prêtes, leur consultation n’exige pas forcément ces outils. Vous pouvez souhaiter garder l’accès à l’éditeur pour effectuer de futures modifications. Cela n’oblige pas à solliciter l’éditeur, sa base de données ou son IA chaque fois qu’une personne ouvre la page « À propos ».
CRÉATION AVEC UNE WEB APPLICATION
Documents + contenus relus + mise en page + traductions
|
v
LIVRAISON D’UN PORTABLE WEBSITE
HTML, CSS, JavaScript et fichiers associés
|
v
CONSULTATION DU SITE
Hébergement statique compatible -> navigateur
Les services externes ajoutés gardent leurs propres dépendances.Dans un site préparé à l’avance, les fichiers HTML, CSS, JavaScript et les médias existent déjà. L’hébergeur les transmet au navigateur. Une application dynamique peut plutôt construire sa réponse au moment de la demande, à partir de son code et de données à jour. Les deux méthodes peuvent convenir, y compris dans un même projet. Le choix dépend du travail nécessaire à chaque visite et de celui qui peut être fait une seule fois, après une modification du contenu.
Le mot « statique » décrit la manière de fournir les pages au navigateur. Celui-ci peut gérer une mise en page adaptée au mobile, les menus, les galeries, les animations et le changement de langue. Pour les données en direct, la connexion à un compte ou l’envoi de messages, vous pouvez intégrer les services adaptés. Un lien de paiement ouvre par exemple un service qui prend en charge la transaction.
4. Ce que doit garantir la livraison d’un Portable Website
Chez LiteSite, vous recevez un site complet que vous pouvez garder, héberger ailleurs et faire entretenir indépendamment de LiteSite. Les pages livrées peuvent afficher leur contenu sans compte LiteSite, sans abonnement LiteSite actif et sans les serveurs de l’application LiteSite.
Portable Website décrit cette indépendance du résultat livré. Web Application décrit les fonctions d’un logiciel. Les deux notions peuvent se recouper : une application qui fonctionne entièrement dans le navigateur peut elle aussi être portable. Pour le propriétaire d’un site vitrine, le choix porte souvent sur la livraison de fichiers autonomes ou sur le maintien des pages dans une plateforme applicative dont elles dépendent. Les technologies web qui permettent cette autonomie existent depuis longtemps. La livraison peut se vérifier sur des points précis :
- Des fichiers complets : les pages générées et les fichiers nécessaires à leur affichage sont inclus.
- Des pages autonomes : elles s’affichent sur un hébergement compatible, indépendamment de l’outil qui les a créées.
- Un changement d’hébergeur possible : un autre hébergement compatible peut servir les fichiers, après configuration des URL, du routage et des services nécessaires.
- Un code modifiable : un développeur peut lire et modifier le HTML, le CSS, le JavaScript et les fichiers associés avec des outils courants.
- Des dépendances connues : pour les formulaires, les statistiques de visite, les cartes, les fonctions commerciales et les autres intégrations, le fournisseur et la personne responsable sont identifiés.
5. Ce que la portabilité change au quotidien
Le site terminé reste entre vos mains. Conservez une copie complète des fichiers et publiez-la sur un compte d’hébergement que vous gérez vous-même. Vous pouvez archiver le site, restaurer une version conservée, examiner son code ou le transmettre à un développeur. Votre site reste disponible même si vous choisissez plus tard un autre outil de création.
Ces fichiers vous permettent de choisir un hébergeur selon vos besoins, d’en changer plus tard ou de confier les mises à jour à un autre développeur. Le nouveau prestataire reprend les pages, les contenus et la mise en forme existants. Vous gardez ainsi le site que vous avez construit tout en choisissant qui l’héberge et qui s’en occupe.
Un site vitrine portable peut fonctionner sans base de données applicative ni interface d’administration en production. Cela réduit le nombre de composants à mettre à jour, à sauvegarder et à surveiller. Vous pouvez concentrer la maintenance sur les contenus et les fonctions que vos clients utilisent. Le développeur dispose des fichiers du site pour intervenir directement sur les pages et les services intégrés.
L’achat du site LiteSite et le choix de son hébergement sont indépendants. L’hébergement statique peut être économique, voire gratuit avec une offre adaptée. Vous pouvez choisir séparément le domaine, l’hébergement et la maintenance, puis ajuster ces choix à l’évolution de votre activité. Les fichiers livrés donnent aussi accès aux images, aux polices et aux scripts pour optimiser le chargement avec les réglages du cache.
6. Les fichiers que vous recevez avec LiteSite
LiteSite utilise votre site existant et les documents fournis pour préparer un contenu que vous pouvez relire, puis un site multilingue. L’aperçu privé vous permet de voir le résultat avant l’achat. Vous recevez ensuite la version complète destinée à la publication, sans le filigrane ni les restrictions d’accès de l’aperçu.
Téléchargez les fichiers pour les conserver. Vous pouvez les publier chez un hébergeur compatible et les transmettre au développeur que vous avez choisi pour entretenir le site.
index.html
about.html
content.json
…autres pages incluses
zh-Hans/
index.html
about.html
content.json
…autres pages incluses
assets/
…feuilles de style, scripts, images, polices
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.mjsLes pages HTML et les fichiers associés constituent le site que voient les visiteurs. Les fichiers Content JSON conservent une copie du contenu acheté, à titre de référence ; les pages HTML générées contiennent déjà les textes à afficher. Les manifestes répertorient les fichiers et permettent d’en vérifier l’intégrité. Le fichier README.md décrit leur rôle et la procédure de mise en ligne. AGENTS.md donne aux agents de programmation IA un point de départ concis. DEVELOPMENT.md explique les fichiers du site, ses conventions de conception et ses modèles d’interaction ; litesite-dev.mjs permet la prévisualisation et les vérifications en local. Un outil fourni avec le site adapte les adresses à la destination choisie et prépare un dossier séparé pour la publication.
Après cette préparation, un développeur peut modifier directement le HTML, les feuilles de style, les scripts et les images dans le dossier de publication, puis mettre en ligne le site actualisé. Le fichier content.json sert de référence pour les contenus achetés ; les modifications des pages se font dans les fichiers générés. Gardez l’archive d’origine intacte pour que l’outil puisse en vérifier l’intégrité et préparer une nouvelle destination lorsque vous le souhaitez.
7. Transférer un Portable Website chez un autre hébergeur
Partez de l’archive ZIP destinée à la publication et gardez-en une copie intacte. Choisissez l’adresse HTTPS définitive et un hébergement qui accepte les fichiers statiques et les chemins de page du site. Si vous publiez depuis LiteSite vers votre propre compte Cloudflare, LiteSite prépare les fichiers pour cette destination. Pour un transfert manuel, suivez le fichier README.md et utilisez l’outil fourni.
node litesite-bind-origin.mjs https://example.com/
# Envoyez le dossier litesite-deployment/ obtenu chez votre hébergeur.Cet outil renseigne les URL canoniques publiques, les liens vers les autres versions linguistiques, les URL Open Graph et les adresses du sitemap pour la destination choisie. Il crée une copie à publier sans toucher au dossier d’origine. Node.js est nécessaire pour cette préparation ; aucun serveur applicatif Node.js n’est requis pour consulter ensuite les pages générées. La copie à publier ne contient ni le README.md d’origine ni le script de préparation.
node litesite-bind-origin.mjs https://USER.github.io/ /REPO/Envoyez le dossier préparé chez l’hébergeur et testez le site à son adresse réelle. Vérifiez la page d’accueil, l’ouverture directe d’une page intérieure, chaque langue, les images, les téléchargements et les services intégrés. Contrôlez HTTPS et le domaine à privilégier. Ajustez le DNS pour l’hébergeur choisi si nécessaire. Si vous remplacez un site public, configurez chez l’ancien hébergeur les redirections des URL modifiées afin que les liens existants mènent au bon contenu.
Pour un site placé sous un chemin comme /REPO/, indiquez ce chemin lors de la préparation. Si vous gérez la racine de l’hôte, placez-y robots.txt : les moteurs de recherche y cherchent les consignes d’exploration. Sur un hébergement partagé, utilisez les réglages proposés par le fournisseur pour ces consignes. Vérifiez ensuite les URL et les chemins des pages sur le site publié.
8. Connectez les services utiles à votre entreprise
Un Portable Website peut orienter les visiteurs vers les services que votre entreprise utilise déjà. Ajoutez un formulaire pour les demandes, une carte pour les itinéraires, un service de réservation pour les rendez-vous ou un lien de paiement pour les achats. Choisissez le prestataire adapté à chaque tâche et reliez-le au site par un lien ou une intégration. Vos pages de présentation restent portables à mesure que vous ajoutez des fonctions utiles aux clients.
| Élément | Comment l’utiliser |
|---|---|
| HTML, CSS, JavaScript générés et médias inclus | Conservez tous les fichiers et publiez-les sur un hébergement compatible |
| Domaine, DNS et HTTPS | Configurez l’adresse choisie depuis vos comptes de domaine et d’hébergement |
| Formulaires, cartes, statistiques de visite, réservations et paiements | Connectez les prestataires adaptés à votre activité grâce à leurs liens, comptes et intégrations |
| Mises à jour | Choisissez qui s’occupe du contenu, des intégrations, de l’accessibilité et des fichiers publiés |
Un Portable Website et une Web Application peuvent aussi fonctionner ensemble pour la même entreprise. Les pages de présentation et de services restent portables, tandis qu’une application gère les comptes, les réservations ou les commandes. Des liens clairs permettent aux visiteurs de passer de la découverte de votre offre à l’utilisation de ces services. Vous pouvez confier chaque partie au prestataire de votre choix et faire évoluer la présentation ou l’application selon vos besoins.
9. Quand choisir une Web Application
Un Portable Website convient à un site d’entreprise, une présentation de services, un catalogue destiné à l’export sans achat en ligne, un microsite de campagne ou un portfolio professionnel. Le besoin principal est d’y montrer des informations validées. Ce choix est particulièrement utile si le contenu change à intervalles espacés, si plusieurs langues sont nécessaires et si vous voulez conserver le résultat ou le confier plus tard à un autre développeur.
Une Web Application répond à d’autres besoins concrets : tableaux de bord propres à chaque utilisateur, stocks en temps réel, traitement des commandes, abonnements complexes ou modification de documents à plusieurs. Une grande équipe éditoriale peut également avoir besoin d’un CMS pour rédiger et valider ses textes, tout en produisant ses pages publiques à l’avance.
Même si votre activité nécessite une Web Application, votre développeur peut la construire à partir du site généré par LiteSite. Il peut réutiliser ses pages, son design et ses contenus, puis ajouter des comptes utilisateurs, la gestion des commandes et les services backend adaptés à votre activité.
Examinez séparément le travail de création, ce que les visiteurs doivent pouvoir faire et les systèmes à maintenir en fonctionnement. Vous pourrez ainsi combiner une présentation portable avec une application chargée des transactions. Avant de choisir une solution, posez ces questions :
- Quels contenus doivent varier selon le visiteur, et lesquels sont identiques pour tous ?
- À quelle fréquence les contenus changent-ils, et qui les met à jour ?
- Quels fichiers et quels droits d’utilisation recevez-vous à la livraison ?
- Quels services aideront vos visiteurs à vous contacter, à réserver, à acheter ou à utiliser leur compte ?
- Quels fichiers et quelles instructions permettront au développeur choisi de reprendre le site ?
- Qui s’occupera des contenus, de l’hébergement et des services intégrés ?
10. LiteSite crée le site ; vous en gardez les fichiers
LiteSite est une Web Application. Elle propose des comptes, des outils d’IA, la modification des contenus et la traduction pour créer un site multilingue. Vous pouvez consulter un véritable aperçu avant l’achat. Le résultat acheté est un Portable Website : un ensemble complet de fichiers dont les pages peuvent fonctionner sur un hébergement compatible sans les serveurs de l’application LiteSite.
Nous avons conçu LiteSite pour les clients qui veulent présenter leur activité sans devoir exploiter toute une application à cette seule fin. Les outils de création peuvent effectuer un travail complexe. Une fois le site terminé, il doit pouvoir fonctionner avec les seuls services nécessaires à ses pages et aux fonctions que vous avez choisies.
Vous téléchargez le résultat, conservez les fichiers et choisissez un hébergeur compatible. Vous décidez aussi qui assurera les mises à jour. Les fichiers sont accompagnés d’informations sur leurs dépendances et d’une procédure de publication qu’un autre développeur peut suivre.
Références et lectures complémentaires
Les documents ci-dessous expliquent les principes techniques présentés ici. Les informations propres à LiteSite décrivent les fichiers actuellement livrés, avec un exemple de leur organisation.