Tutoriels & Guides

Apprenez à maîtriser tous les outils Siteo. Des guides pas-à-pas, des astuces et des exemples concrets pour tirer le meilleur de chaque fonctionnalité.

Créer un site web avec l'IA

Premium IA

Générez un site web complet en 4 étapes grâce à notre assistant IA. Du choix du type de site à l'export du code source.

  1. 1Type de site — Choisissez parmi Business, E-commerce, Portfolio, Blog, Landing Page ou Restaurant.
  2. 2Style de design — Sélectionnez Modern, Creative, Professional ou Elegant. Choisissez votre palette de couleurs et vos polices.
  3. 3Fonctionnalités — Activez les sections : Hero, Services, Portfolio, Témoignages, Contact, Newsletter, FAQ et plus encore (20+ sections).
  4. 4Génération IA — L'IA génère le HTML, CSS et JavaScript de votre site. Prévisualisez, personnalisez et exportez.
Intermédiaire Essayer

Personnaliser les sections du site

Premium IA

Apprenez à personnaliser chaque section de votre site généré : textes, images, couleurs, dispositions.

  1. 1Éditeur visuel — Cliquez sur n'importe quel élément pour le modifier directement dans l'aperçu.
  2. 2Panneau de styles — Changez les couleurs, les polices (Montserrat, Roboto, Poppins, Playfair, Lato, Open Sans) et les espacements.
  3. 3Ajouter/supprimer — Réorganisez les sections par glisser-déposer, activez ou désactivez les blocs.
  4. 4Prévisualisation — Vérifiez le rendu en temps réel sur desktop, tablette et mobile.
Intermédiaire Essayer

Créer un organigramme

Gratuit

Construisez la hiérarchie de votre organisation avec des fiches personnalisables : photo, nom, poste, département.

  1. 1Créer le nœud racine — Ajoutez le directeur-général ou le responsable principal de l'organigramme.
  2. 2Ajouter des subordonnés — Cliquez sur « + » pour ajouter des niveaux hiérarchiques. Définissez nom, poste et département.
  3. 3Personnaliser — Ajoutez des photos, changez les couleurs de chaque fiche, redimensionnez et réorganisez.
  4. 4Exporter — Téléchargez en PNG, PDF ou SVG pour vos présentations ou documents internes.
Débutant Essayer

Créer un diagramme de flux

Gratuit

Modélisez vos processus métier, algorithmes ou workflows avec des formes connectées et des conditions.

  1. 1Ajouter des formes — Début/Fin (ovale), Processus (rectangle), Décision (losange), Entrée/Sortie (parallélogramme).
  2. 2Connecter les éléments — Tracez des flèches entre les formes pour définir le flux du processus.
  3. 3Conditions et branches — Les losanges de décision permettent de créer des branches Oui/Non avec labels personnalisés.
  4. 4Exporter et partager — Exportez en PNG, PDF ou SVG. Partagez le lien direct avec vos collaborateurs.
Débutant Essayer

Créer une carte mentale

Gratuit

Organisez vos idées en arborescence radiale. Brainstorming, prise de notes, planification — les cartes mentales s'adaptent à tout.

  1. 1Nœud central — Donnez un titre à votre carte mentale : le sujet principal apparaît au centre.
  2. 2Branches principales — Ajoutez les grandes catégories qui entourent le sujet central.
  3. 3Sous-branches — Détaillez chaque catégorie avec des sous-idées. Colorez par branche pour mieux visualiser.
  4. 4Export — Téléchargez en PNG ou PDF pour inclure dans vos rapports ou présentations.
Débutant Essayer

Créer un diagramme de classes UML

Gratuit

Modélisez l'architecture de votre logiciel avec des diagrammes de classes professionnels conformes à la norme UML.

  1. 1Ajouter des classes — Créez des classes avec leur nom, attributs (types et visibilités +/-/#) et méthodes.
  2. 2Définir les relations — Heritage (extends), Implémentation (implements), Association, Composition, Agrégation.
  3. 3Cardinalités — Indiquez les multiplicités sur chaque relation (1..*, 0..1, etc.).
  4. 4Exporter — Exportez le diagramme final en PNG, PDF ou SVG pour votre doc technique.
Avancé Essayer

Générer une charte graphique

Gratuit

Créez l'identité visuelle complète de votre marque : couleurs, typographies, logo, iconographie et règles d'utilisation.

  1. 1Nom et secteur — Renseignez le nom de votre marque et votre secteur d'activité.
  2. 2Palette de couleurs — Choisissez ou laissez générer automatiquement une palette harmonieuse (primaire, secondaire, accent, fond).
  3. 3Typographies — Sélectionnez les polices pour vos titres et corps de texte parmi les Google Fonts.
  4. 4Export PDF — Téléchargez votre charte graphique complète en PDF professionnel, prête à envoyer à vos prestataires.
Débutant Essayer

Exporter le code HTML/CSS/JS

Premium IA

Récupérez le code source complet de votre site généré. Fichiers HTML, CSS, JavaScript et .htaccess prêts pour l'hébergement.

  1. 1Finaliser le site — Assurez-vous que toutes les sections sont personnalisées et validées dans l'aperçu.
  2. 2Bouton Exporter — Cliquez sur « Exporter le code source » dans la barre d'outils du créateur.
  3. 3Fichier ZIP — Téléchargez l'archive contenant index.html, styles.css, script.js et .htaccess.
  4. 4Déploiement — Uploadez les fichiers sur votre hébergeur (IONOS, OVH, o2switch, etc.) et votre site est en ligne !
Intermédiaire Essayer

Sauvegarde et projets cloud

Premium IA

Apprenez à gérer vos projets dans le cloud : sauvegarde automatique, reprise de travail, gestion de plusieurs sites.

  1. 1Connexion — Connectez-vous à votre compte Siteo pour activer la sauvegarde cloud automatique.
  2. 2Auto-save — Chaque modification est sauvegardée automatiquement. Jamais de perte de travail.
  3. 3Mes projets — Retrouvez tous vos sites dans votre espace « Mes projets ». Dupliquez ou supprimez à volonté.
  4. 4Reprendre — Reprenez votre travail depuis n'importe quel appareil, votre navigateur suffit.
Débutant Mon espace

Guide Complet : Créer un Site de A à Z

Suivez ce guide étape par étape pour créer, personnaliser et mettre en ligne votre site avec Siteo.

1

Choisissez le type de site

Siteo propose 6 types de sites optimisés pour différents besoins :

  • Business — Site vitrine d'entreprise avec sections services, équipe, témoignages et contact.
  • E-commerce — Boutique en ligne avec catalogue produits, panier et paiement.
  • Portfolio — Showcase pour créatifs : galerie, projets, biographie et contact.
  • Blog — Plateforme d'articles avec catégories, auteur et newsletter.
  • Landing Page — Page unique optimisée pour la conversion et l'acquisition.
  • Restaurant — Menu digital, réservation, horaires et galerie photos.
Astuce : Si vous hésitez, commencez par « Business » — c'est le type le plus polyvalent et le plus personnalisable.
2

Personnalisez le design

Configurez l'apparence visuelle de votre site :

  • 4 styles de design — Modern (épuré), Creative (audacieux), Professional (corporate) ou Elegant (raffiné).
  • 6 palettes de couleurs — Chaque palette inclut des dégradés harmonieux. Les couleurs s'appliquent automatiquement à tout le site.
  • Polices — Choisissez parmi Montserrat, Roboto, Open Sans, Playfair Display, Poppins ou Lato.
Astuce : Prévisualisez chaque combinaison en temps réel avant de valider. Le changement est instantané.
3

Activez les fonctionnalités

Sélectionnez les sections et fonctionnalités de votre site parmi 20+ blocs pré-construits :

  • Hero / Bannière principale
  • Section Services / Offres
  • Portfolio / Galerie
  • Témoignages clients
  • Équipe / À propos
  • Formulaire de contact
  • Newsletter
  • FAQ / Questions fréquentes
  • Blog / Actualités
  • Carte Google Maps
  • Compteur de statistiques
  • Appel à l'action (CTA)

Chaque section est entièrement personnalisable : textes, images, couleurs, disposition.

4

Générez et exportez

L'IA de Siteo génère le code source complet de votre site. Vous recevez un fichier ZIP contenant :

index.html
styles.css
script.js
.htaccess
Astuce : Le code est propre, commenté et optimisé SEO. Uploadez directement sur votre hébergeur — aucune modification technique n'est nécessaire.

Questions Fréquentes

Les outils gratuits sont-ils vraiment gratuits à vie ?

Oui, les 5 outils Creator (Organigramme, Flowchart, Mind Map, UML, Charte Graphique) sont 100% gratuits à vie, sans publicité et sans limite d'utilisation. Créez votre compte et commencez immédiatement.

Ai-je besoin de connaissances en programmation ?

Absolument pas. Siteo est conçu pour être utilisé sans aucune compétence technique. L'IA s'occupe de tout le code. Si vous savez utiliser un navigateur web, vous savez utiliser Siteo.

Le code exporté est-il de bonne qualité ?

Oui. Le code HTML/CSS/JS généré est responsive, optimisé pour le SEO, conforme aux bonnes pratiques web (W3C), et entièrement commenté. Il est prêt à être déployé sur n'importe quel hébergeur web.

Puis-je modifier le code après export ?

Bien sûr ! Le code source vous appartient entièrement. Modifiez-le avec n'importe quel éditeur de code (VS Code, Sublime Text, etc.), ajoutez vos propres fonctionnalités, intégrez-le dans un projet existant.

Comment fonctionne l'essai gratuit du créateur IA ?

Le créateur de site IA est inclus dans le plan Premium. Vous bénéficiez d'un essai gratuit de 7 jours pour tester toutes les fonctionnalités. Aucune carte bancaire n'est requise pour commencer.

Puis-je héberger mon site n'importe où ?

Oui. Le fichier ZIP exporté contient des fichiers HTML/CSS/JS statiques. Vous pouvez les héberger sur IONOS, OVH, o2switch, Infomaniak, GitHub Pages, Netlify ou tout autre hébergeur web.

Prêt à essayer ?

5 outils gratuits + 7 jours d'essai du créateur IA. Sans carte bancaire.

Commencer maintenant