Créateur de site no-code

no-code.ecloudserv.fr est un éditeur de sites web au pixel près : chaque bloc porte ses coordonnées sur un plan de travail, comme dans un logiciel de mise en page — pas une pile de sections imposées. Un bouton publie le résultat sur un serveur ecloudserv qui t'appartient.

La connexion se fait avec le même compte que le panel : si tu es déjà connecté sur panel.ecloudserv.fr, tu l'es ici aussi.

1. Un projet

Un projet est soit un site (ou une boutique), soit un bot Discord. Les projets sont enregistrés dans ton navigateur tant que tu ne publies pas : vide le stockage local et ils disparaissent. Le bouton Exporter mes projets du tableau de bord en fait une sauvegarde JSON.

Vingt-trois modèles complets sont disponibles, de six à huit pages chacun (accueil, services, tarifs, à propos, FAQ, contact, mentions légales), chacun avec sa palette et de vrais textes. On peut aussi partir d'une page blanche.

2. L'éditeur

• Placer : glisser depuis la palette, ou clic simple pour déposer au centre.
• Déplacer / redimensionner : à la souris, huit poignées, Maj pour garder les proportions.
• Aimantation : grille de 8 px + arêtes et centres des autres blocs (repères roses). Alt libère tout.
• Clavier : flèches (1 px, Maj = 10 px), Ctrl+D dupliquer, Ctrl+C/Ctrl+V, Suppr, Échap.
• Sélection multiple : lasso sur le vide, Maj+clic, Ctrl+A. Alignement et répartition s'appliquent au groupe.
• Écrire : double-clic sur un titre, un texte, un bouton… le texte s'édite là où il s'affiche.

La colonne de gauche a quatre onglets : Blocs (33 types), Sections (34 blocs tout faits construits avec la palette du projet), Pages et Calques.

3. Adaptation aux écrans

Un éditeur au pixel près produit des coordonnées absolues. À la publication, la page n'est pas rétrécie : elle est restructurée, en cinq paliers.

Un bloc peut être retiré d'un écran précis : sélectionne-le, Mode avancé → Affichage par écran. Le bouton Vérifier l'adaptation aux écrans (onglets Page et Projet) signale les blocs hors cadre — avec correction en un clic —, ceux qui se recouvrent, les cibles tactiles trop petites et les textes trop fins.

4. Référencement

• Par page : titre d'onglet, description, exclusion des moteurs.
• Par projet : domaine, langue, image de partage, indexation.
• robots.txt et sitemap.xml sont générés et publiés à la racine.
• Le bouton Analyser le référencement liste les manques : descriptions absentes ou trop courtes, titres trop longs, images sans texte alternatif, pages qu'aucun menu ne cite.

5. Publier

Publier lit ton quota, propose la meilleure configuration possible dans ton offre, crée un serveur ecloudserv et y envoie les fichiers : les pages HTML, tes fichiers de projet, robots.txt, sitemap.xml, et un serveur statique index.js sans aucune dépendance qui écoute SERVER_PORT.

L'identifiant du serveur est mémorisé : republier renvoie simplement les fichiers, sans recréer de serveur. Pour brancher un nom de domaine, passe par le proxy inverse du panel (Réseau).

Exporter télécharge les pages et les fichiers du projet (feuille de style, scripts). Garde-les dans le même dossier, sinon la page s'ouvre sans son style.

Aller plus loin

• Fichiers du site : une feuille de style chargée par toutes les pages, plutôt que de rouvrir six pages pour changer une couleur.
• Mode avancé par bloc : marge interne, police, majuscules, ancre, classe CSS, CSS libre, JavaScript au chargement.
• Actions de clic : aller à une page, descendre à une section, ouvrir un site, écrire un courriel, appeler, remonter, copier, exécuter du code.
• Boutique : fiches produit, panier, commande — le panier n'est publié que s'il sert.