Règles générales

Évitez les oligopoles (Gmail® de Google, Live®/Hotmail®/Outlook® et OneDrive®/SkyDrive® de Microsoft, Yahoo mail, Amazon WorkMail®, Dropbox® chez Amazon, iCloud® de Apple, Facebook, etc.).
Voir pourquoi dans ce billet.

Utilisez les services fournis par votre fournisseur d'accès à Internet (F.A.I.) uniquement comme dépannage. En effet si vous êtes amené à changer de fournisseur vous perdrez le plus souvent ces services (chez Free vous conservez néanmoins votre adresse mél). Il fourni généralement compte de messagerie (mél) et hébergement de fichiers (cloud), voire un site web de "pages personnelles".

Nous proposons des hébergeurs éthiques qui utilisent des logiciels libres.

Choisir un ou des fournisseurs selon vos besoins

votre besoin sans nom de domaine avec nom de domaine
partage et synchronisation de fichiers + mél mél et service NextCloud chez zaclys.com(8)
= 5 à 10 €/an		 registrar gandi.net(5) (mél inclus) (15 à 20 €/an) + NextCloud chez zaclys.com
= 15 à 30 €/an
listes de diffusion + mél phplist.com(7) (0 à 11 €/an) + mél chez un hébergeur alternatif(4) (5 à 12 €/an)
= 5 à 23 €/an		 registrar gandi.net (mél inclus) + phplist.com (à partir de 11 €/an)
= 26 à 31 €/an
blog/site + mél blog/site chez wordpress.com(6) (gratuit(1)) + mél chez un hébergeur alternatif(4)
= 5 à 12 €/an		 registrar gandi.net (mél inclus) + wordpress.com (48 €/an)
= 63 à 68 €/an
espace web pour blog/site + listes de diffusion/discussion + partage et synchronisation de fichiers + mél hébergeur alternatif(2)
= 23 à 42 €/an		 registrar gandi.net + hébergeur alternatif(2,3)
= 38 à 59 €/an
partage de vidéos voir notre tutoriel spécifique  
partage de photos voir notre tutoriel spécifique  

Notes :

(1) N'oubliez pas :  si c'est "gratuit", c'est que c'est VOUS le produit !  ... et donc ce n'est pas gratuit ! Autrement dit publicité et exploitation des données personnelles sont au rendez-vous. Nous suggérons des services gratuits pour lesquels ces désagréments sont relativement limités (wordpress.com), néanmoins nous vous invitons vivement à choisir des services payants. Ou bien à effectuer des dons aux associations qui défendent les libertés numériques et promeuvent les alternatives, telles que Framasoft, l'April et La Quadrature du Net.

(2) Hébergeurs alternatifs suggérés :

  • ouvaton.coop (5 Go pour les mails + 5 Go web) listes de diffusion avec le logiciel libre Sympa (tutoriel), espace web (CMS installables en un clic ou site à construire manuellement) : 42 €/an. Un CMS est un système de gestion de contenu, il permet d'organiser les publications et l'aspect du blog/site. Voir tutoriel pour mettre en place un site web avec CMS chez Ouvaton. Liste des CMS disponibles : voir tableau plus bas.
  • lautre.net (5 Go pour les mails + 5 Go web), listes de diffusion avec le logiciel libre Mailman, espace web ( CMS à installer ou site à construire manuellement) : 23 €/an.
  • Voir aussi la liste des C.H.A.T.O.N.S. proposant un service d'hébergement.

(3) Si vous choisissez la coopérative d'hébergement Ouvaton, vous pouvez y commander votre nom de domaine avec un tarif préférentiel (il sera enregistré chez gandi.net).

(4) Avant de choisir un fournisseur de compte de messagerie électronique (mél), assurez vous qu'il propose un service d'alias (pas indispensable mais bien utile), et si vous en avez besoin, une synchronisation POP ou IMAP pour pouvoir gérer vos courriels dans un logiciel spécialisé (ex : Thunderbird). Lire notre billet pour le choix d'un fournisseur de messagerie électronique. (Prévoir un coût de 5 à 12 €/an).
Les comptes de messagerie ne conviennent pas pour des envois groupés. Les limites d'envoi sont basses, surtout si vous utilisez un logiciel client de messagerie (courrielleur). Si vous envisagez de faire de la diffusion d'information par mél, prévoyez de souscrire à un service de listes de diffusion (payant). Voir notre tutoriel pour la diffusion.

(5) gandi.net registrar.

(6) wordpress.com hébergeur de blog/site avec le logiciel libre Wordpress (disponible chez d'autres hébergeurs). Voir notre tutoriel Wordpress.

(7) phplist.com hébergeur de blog/site avec le logiciel libre Phplist (disponible chez d'autres hébergeurs). Voir notre tutoriel Phplist.

(8) zaclys.com hébergeur de mél et de cloud (taille maximale de fichier 669 Mo, taille de l'hébergement : de 1 à 10 Go ou plus, tarif : 1€/an/Go par tranche de 5 Go).
Avec NextCloud vous pouvez à la fois partager des dossiers et des fichiers individuels. Voir notre tutoriel NextCloud.

Choisir un CMS pour créer votre site web

Un CMS (Content Managing System) ou Système de Gestion de Contenu (SGC) est une interface qui vous permet d'organiser le contenu de votre site sans avoir à utiliser du code complexe. Vous définissez l'agencement du site (menus, pages, blocs divers) et vous insérez le contenu (texte, images) comme si vous le saisissiez dans un traitement de texte.
L'agencement et l'apparence du site sont définis dans un "thème". Le plus simple est de choisir un thème parmi ceux proposés, ou d'en télécharger d'autres.

Le CMS permet donc de simplifier la création d'un site web, même s'il est relativement élaboré.
Il existe plusieurs CMS libres, généralistes ou spécialisés pour un type de site, et plus ou moins complexes à utiliser.
Les fonctionnalités d'un CMS peuvent être augmentées grâce à l'installation d'extensions (plug-ins).

Si votre site est simple vous n'êtes pas obligé d'utiliser un CMS. Vous pouvez le construire "manuellement" en rédigeant du code HTML et du CSS pour sa mise en forme (on parle alors de site "statique"). Des applications existent pour faciliter la rédaction. Pour le mettre en ligne vous téléversez les fichiers sur l'espace web mis à disposition par votre hébergeur, via un transfert FTP, à l'aide d'un logiciel libre tel que FileZilla.

Blog, wiki, site vitrine ou site élaboré ?

Un blog (ou web-journal) est une forme simple de site web, dont le principe est que vos publications (les "billets" ou "articles") apparaissent dans l'ordre chronologique inverse de la date de publication. Les publications sont classées par catégorie et par mots-clé. Il est possible en outre d'avoir un menu et des pages statiques (toujours accessibles directement).
Il est adapté si vous publiez fréquemment. Il est possible d'avoir plusieurs auteurs pour un même blog.

Un site vitrine est une forme simple de site web, dont le principe est que toute l'information est regroupée dans une unique page, organisée en différentes sections accessibles par un menu.
Il est adapté pour présenter votre activité.

Un site élaboré permet un agencement complexe et des fonctionnalités avancées, notamment pour interagir avec l'internaute (gestion de compte, de documents, commerce en ligne...).

Un wiki est une forme de site web conçu pour la création de documentation de façon collaborative.

Il existe d'autres formes spécifiques de sites web, tels que les forums de discussions, les sites de diffusion de médias (images, audio, vidéo), les réseaux sociaux...

CMS mutualisé ou à installer

Certains hébergeurs ont installé un CMS sur leur serveur et le proposent aux utilisateurs. Tous les utilisateurs utilisent donc le même CMS (administré par l'hébergeur), il est dit "mutualisé". Avantage : vous n'avez rien à installer. Inconvénient pour les utilisateurs experts : vous n'avez pas accès à tous les thèmes, extensions et paramètres.

D'autres hébergeurs vous proposent un espace web, sur lequel vous allez devoir installer le CMS de votre choix. Toutefois certains d'entre eux automatisent ce processus et vous propose une installation "en un clic". Avantage : vous avez le contrôle complet de votre CMS et vous pouvez installer d'autres thèmes et extensions. Inconvénient : vous devez installer le CMS et, de temps à autre, le mettre à jour (ce qui est en général automatisé).

Tableau récapitulatif de CMS libres

Nous avons limité notre sélection à ceux pour lesquels nous avons repéré un hébergement relativement facile à mettre en œuvre (mutualisés ou installables en un clic), et peu onéreux (de 0 à 50 €/an). Les principaux CMS libres y sont présents, à l'exception de MediaWiki. Vous en trouverez d'autres dans l'annuaire Framalibre.

Note : wysiwyg = "What You See Is What You Get", en d'autres termes vous mettez en forme le contenu dans un éditeur de texte sans vous soucier du code. Le code source HTML est généré automatiquement par l'éditeur. En général le code source est visible pour vous permettre de l'enrichir si besoin.

Rappel : les ronds de couleur indiquent le niveau de difficulté de l'usage.

CMS généralistes

CMS type d'usage édition du contenu configuration du site hébergeur documentation
Dotclear blog wysiwyg et html simple,
+possibilité d'éditer le CSS et les squelettes HTML du thème		 Ouvaton (installation en un clic(2)), exemple : le présent site Notre tutoriel
Site officiel
Wordpress blog ou site élaboré wysiwyg et html simple,
+possibilité d'éditer le CSS(1)		 Ouvaton (installation en un clic(2))
Worpress (mutualisé) : démo		 Notre tutoriel
Site officiel
Pretty
NoemieCMS		 site vitrine ? ? Frama.site(3) (mutualisé) Site officiel
Tuto Framasoft
PluXml blog html(4) éditer le CSS et les squelettes PHP du thème Ouvaton (installation en un clic) : démo Site officiel
Guppy blog ou site élaboré wysiwyg et html complexe Ouvaton (installation en un clic) : démo Site officiel
Grav site vitrine ou élaboré markdown et html complexe : utilisation de modules Ouvaton (installation en un clic) : démo
Frama.site(3) (mutualisé) : démo		 Site officiel
Tuto Framasoft
Spip site collaboratif ? ? Ouvaton (installation en un clic(2)), exemple Site officiel
Joomla site élaboré ? ? Ouvaton (installation en un clic(2)), exemple Site officiel (en anglais)
Drupal site élaboré ? ? Ouvaton (installation en un clic(2)), exemples : association APRIL, CommuntityForge pour un SEL Site officiel (en anglais)

CMS spécialisés

CMS type d'usage édition du contenu configuration du site hébergeur documentation
Dokuwiki wiki ? ? Ouvaton (installation en un clic(2)), exemple : la litière des C.H.A.T.O.N.S. Site officiel
Tuto Framasoft
Piwigo album photo ? ? Ouvaton (installation en un clic(2)), exemple : association APRIL Site officiel
Nextcloud synchronisation et partage de documents (sans objet) ? Ouvaton (installation en un clic(2))
Zaclys (mutualisé)		 Notre tutoriel
Site officiel (en anglais)
WooCommerce (extension Worpress) e-commerce ? ? Cf. Wordpress Site officiel (en anglais)

Notes :

(1) Chez Wordpress.com : nécessite l'inscription payante. Chez Ouvaton : inclus.

(2) Nécessite la création d'une base de données. Première base inclue dans l'abonnement à Ouvaton, chaque base supplémentaire : +2,52 €/an.

(3) L'association Framasoft a cessé d'héberger les Framasites mi-2021. Ils pourront être proposés par d'autres hébergeurs du C.H.A.T.O.N.S.

(4) Pour avoir un éditeur wysiwyg dans PluXml, il faut installer une extension (plug-in) telle que CKEditor ou plxEditor. Suivre les liens à partir de la page ressources du site officiel : www.pluxml.org/ressources.html. Il existe aussi un éditeur par clic-glisser : VisualWizardPro disponible sur justeasy.org pour 29 €.
À noter : pour avoir des statistiques détaillées de visite de vos pages, installez l'extension SimpleStat disponible sur : ressources.dpfpic.com

Conseils avant de commencer

Important : si vous faites réaliser votre site web par un prestataire, veillez à lui demander de respecter nos recommandations pour site web. Sur ce même billet vous trouverez aussi des liens vers des ressources librement ré-utilisables pour votre site.

Si vous voulez construire manuellement votre site ou simplement ajuster le code HTML ou la mise en forme CSS, nous vous recommandons les tutoriels de alsacreations.com.

De manière générale, avant de choisir un service en ligne, lisez nos recommandations.