🏔️ Éditeur Unifié de Sites Internet Edelweiss v3.10 🔵 Bleu

Ci-dessous, les 44 blocs de l'Éditeur Unifié de Sites Internet. Pour avoir une présentation complète des 44 types de blocs (qui servent à construire les pages HTML), bloc par bloc, avec pour chacun ses champs de saisie exacts, son comportement de rendu détaillé, ses valeurs par défaut, et ses particularités techniques, veuillez cliquer ici

📂 Reprendre ou commencer une page
Choisissez un fichier HTML créé avec ce générateur pour le modifier, ou videz le formulaire pour en commencer une nouvelle — le Plan du Site déjà chargé ci-dessous reste en mémoire dans les deux cas.
0. Menu & Rubriques du site

Le menu du haut de vos pages, et la liste des rubriques disponibles ci-dessous, viennent de votre « Plan du Site ». Vous pouvez le modifier librement — aucune ligne de code à toucher.

🪪 Identité du site

C'est vous qui choisissez le média — tant qu'aucun n'est choisi, l'Accueil garde son bandeau actuel, inchangé.

Ces trois champs sont enregistrés dans votre plan-du-site.json (bouton « Enregistrer » ci-dessous). Pour un nouveau sous-domaine : changez-les ici, enregistrez le Plan, et déposez-le à la racine du nouveau site. Le nom et la devise des pages déjà publiées se mettent à jour automatiquement (comme le menu) ; seul le nom du copyright demande de régénérer les pages.

1. Informations de la page

La liste se remplit selon la « Rubrique de navigation » choisie ci-dessous — plus de risque de faute de frappe, et l'Emplacement se règle alors avec certitude.

Si vous choisissez une rubrique, un rappel s'affichera pour vous inviter à ajouter cette page dans l'onglet « Gérer le Menu, les Rubriques et Sous-Rubriques » après téléchargement.

Suggéré automatiquement selon vos champs Rubrique de navigation et Sous-rubrique ci-dessus — vérifiez toujours qu'il correspond à l'endroit réel où vous allez déposer ce fichier, modifiable si besoin. Ce choix règle les liens de la page (menu, fil d'Ariane) et les chemins vers vos photos.

2. Contenu de la page

Ajoutez autant de blocs que vous voulez, dans l'ordre souhaité (flèches ↑↓ pour réordonner, ✕ pour supprimer).

Texte & encadrés

Mise en page

Murs médias

Médias

Accès protégé

Interaction

3. Voir le résultat

📝 Mémo — l'essentiel en quelques lignes

  1. Remplir le titre, puis ajouter vos blocs de contenu (paragraphes, photos, vidéos…).
  2. Mettre un mot en gras : entourez-le de deux astérisques. Exemple : un mot **important** deviendra « un mot important ».
  3. Mettre un mot en italique : entourez-le d'une seule étoile. Exemple : un mot *discret* deviendra « un mot discret ».
  4. Insérer un sous-titre au milieu d'un paragraphe : commencez une ligne par ## (avec un espace après) pour un titre qui apparaîtra aussi dans la table des matières, ou par ### pour un titre plus discret qui n'y apparaîtra pas.
  5. Rendre un mot cliquable (lien Internet) : sélectionnez le mot dans votre texte, cliquez sur le bouton 🔗 Insérer un lien, collez l'adresse — c'est tout. La formule [[mot => adresse]] s'écrit toute seule, et le lien s'ouvrira dans un nouvel onglet. Vous pouvez aussi taper la formule à la main si vous préférez.
  6. Ajouter une photo : ① réduisez son poids (voir le topo « blocs médias ») ; ② déposez le fichier dans le dossier medias/photos/ de votre site ; ③ dans le bloc Photo, écrivez seulement le nom du fichier (ex. colo-1968.jpg).
  7. Vidéo : déposez-la sur YouTube ou dans votre pCloud Public Folder (fichier .mp4), puis collez son adresse dans le bloc Vidéo.
  8. Page protégée : cochez « 🔒 Protéger cette page » (section 1) et choisissez un mot de passe de 12 caractères minimum. Le contenu est réellement chiffré : sans le mot de passe, impossible de le lire. Conservez-le précieusement — il n'est enregistré nulle part.
  9. Diaporama : une photo par ligne, format nom-fichier.jpg | Ma légende. Flèches, pastilles, clic pour agrandir — tout est automatique.
  10. Aperçu pour vérifier, puis Télécharger la page. Déposez le fichier HTML sur pCloud — c'est tout. Rien d'autre à faire, pas de style.css à gérer.
  11. La table des matières se fabrique toute seule dès qu'il y a au moins deux sous-titres.
  12. Code HTML (iFrame) : pour intégrer un formulaire Google, une vidéo Canva ou tout autre contenu d'un site de confiance. Sur ce site, cliquez sur son bouton « Intégrer » ou « Partager », copiez le code proposé, et collez-le tel quel dans ce bloc — sans le modifier. Ce bloc est le seul qui accepte du vrai code : tous les autres blocs protègent votre texte en l'affichant tel quel, celui-ci fait confiance à ce que vous collez, donc ne l'utilisez qu'avec du code venant d'un site que vous connaissez.
Comment ça marche : ① choisissez la rubrique ; ② saisissez le titre et le nom de fichier de votre nouvelle page ; ③ cliquez sur « Générer ». L'outil vous livre les fichiers mis à jour, prêts à déposer sur pCloud.

📋 Votre Menu actuel — Rubriques et Sous-rubriques

➕ Créer une nouvelle Rubrique ou Sous-rubrique
Type

Toujours en minuscules, sans accent, sans espace — calculé pour vous à partir du titre, pour éviter toute erreur.

Étape 1 — Choisissez la rubrique

Rubrique du site
🖼️ Bandeau de cette rubrique (photo ou vidéo en fond)

C'est vous qui choisissez le média — tant qu'aucun n'est choisi, cette rubrique garde son bandeau actuel, inchangé. Toutes les pages de cette rubrique partagent le même bandeau ; les sous-rubriques reprennent automatiquement celui de leur rubrique parente. Pensez à « 💾 Enregistrer mon Plan du Site » après un changement.

Étape 2 — Pages déjà dans cette rubrique

Liste actuelle

Étape 3 — Ajoutez une nouvelle page

Nouvelle page

Sans accents ni espaces — utilisez des tirets.

Facultatif : pour regrouper vos pages sous des titres, comme « Éducation Populaire » ou « Économie Sociale et Solidaire ».

La rubrique et la sous-rubrique de cette page sont déjà prises en compte automatiquement — inutile de les répéter ici. Ce champ ne sert que si la page se trouve encore plus profond, dans un dossier créé exprès à l'intérieur de la sous-rubrique (ex. un classement par année). Dans le doute, laissez-le vide.

Étape 4 — Générer les fichiers mis à jour

✅ Fichiers prêts à télécharger

Téléchargez ces fichiers et déposez-les sur pCloud à la place des anciens, dans les mêmes dossiers.

📝 Mémo — l'essentiel

  1. Chargez votre Plan du Site à jour en tout début de session, si ce n'est pas déjà fait.
  2. Choisissez la rubrique dans laquelle vous avez créé votre page.
  3. Vérifiez la liste actuelle — supprimez si besoin.
  4. Ajoutez votre nouvelle page : titre + nom du fichier HTML (ex. ma-page.html).
  5. Cliquez sur « Générer les fichiers ».
  6. Téléchargez les fichiers livrés (dont le Plan du Site à jour) et déposez-les sur pCloud à la place des anciens.
  7. Le badge « En ligne » = page publiée. « En préparation » = à venir. « Nouveau » = récemment ajoutée.