Clear_All
Sublim.design

Meilleur CMS Gratuit : une solution simple et efficace pour créer un site internet

Publié le 24 avril 2023

Tout le monde peut aujourd'hui mettre en ligne une page web. Pour un professionnel, c'est un excellent moyen pour faire la promotion de son activité et de l'ensemble de ses prestations. Un site vitrine apporte de la visibilité sur internet. Il permet de trouver de nouveaux clients et de développer un business plus rapidement. Un particulier peut mettre en place un site internet pour partager une passion, créer une communauté autour d'une activité créative ou culturelle par exemple. Pour une association ou un club sportif, c'est un outil indispensable pour communiquer auprès des adhérents.

Savoir coder pour développer un site web ?

Les langages de programmation dédiés à la création de site web sont relativement simple mais encore faut-il consacrer du temps à les apprendre. Passage en revue des 3 langages de programmation utilisés pour créer un site web :

1. Un code HTML pour structurer le contenu

Le HTML (HyperText Markup Language) est un langage de programmation fondé sur un système de balisage. Il sert à définir la structure générale d'une page web et de tous les éléments qui la composent : les données techniques utiles au référencement par exemple, mais aussi l'ordre d'affichage des textes, des images, des vidéos et tout ce qui est visible à l'écran. Le protocole en est à sa cinquième version, on parle de HTML5.

CodeExemple de code HTML
<html>
  <head>
    <title>Titre de la page</title>
    <meta charset="utf-8">
    <meta name="description" content="Description">
    <meta name="language" content="fr">
    <meta name="robots" content="index,follow>
    <style>...</style>
    <script>...</script>
  </head>
  <body>
    <header>
      <p>Slogan</p>
      <ul>
        <li><a href="article-1.html">Menu 1</a></li>
        <li><a href="article-2.html">Menu 2</a></li>
        <li><a href="article-3.html">Menu 3</a></li>
      </ul>
    </header>
    <main>
      <h1>Titre de l'article</h1>
      <p>Paragraphe</p>
      <img src="image.webp">
      <h2>Titre secondaire</h2>
      <p>Paragraphe</p>
    </main>
    <aside>
      <p>Paragraphe</p>
      <ul>
        <li>Liste 1</li>
        <li>Liste 2</li>
      </ul>
    </aside>
    <footer>
      <p>Paragraphe</p>
    </footer>
  </body>
</html>

2. Des feuilles de style CSS pour définir l'apparence

Le CSS (Cascading Style Sheets) intègre les règles de présentation et la mise en forme de chaque élément d'une page web : le choix des polices d'écriture, la taille et les couleurs des textes, l'apparence du menu, des images, etc.

CodeExemple de feuille de style CSS
html,body {
  marin: 0px;
  padding: 0px;
}
h1 {
  position: relative;
  with: 100%;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  color: black;
  float: left;
  z-index: 1;
}
p {
  position: relative;
  with: 100%;
  font-family: Arial;
  font-size: 15px;
  font-weight: normal;
  color: blue;
  float: left;
  z-index: 1;
}
header {
  position: fixed;
  with: 100%;
  height: 80px;
  background-color: white;
  z-index: 2;
}

3. Un code Javascript pour apporter du dynamisme

Si le HTML sert à structurer et que le CSS à mettre en forme, le code JS (Javascript) permet de fournir une interactivité dynamique sur les sites Web. Il s'agit d'un langage de programmation utilisé pour créer du contenu mis à jour de façon dynamique, stocker des variables ou animer des images par exemple. Un code Javascript peut être activé en réponse à certains événements : click, défilement de la page ...

CodeExemple de code Javascript
function ope(obj) {
  var el = document.getElementById(obj);
  el.style.display = "block";
}
if (window.scrollY > 300) {
  var el = document.getElementById('#div');
  el.style.bottom = "60px";
  var el = document.getElementById('#div');
  el.style.opacity = "1";
}

Vous trouez toutes ces lignes de code obscures et terriblement compliquées à comprendre ? Rassurez-vous, il existe désormais des services en ligne capables de créer un site web, sans avoir à saisir la moindre ligne de code. Wordpress est très certainement le CMS le plus connu. Polyvalent, puissant et gratuit, son utilisation requiert cependant quelques notions techniques.

arrow_circle_rightÀ propos de Wordpress

Sublim.design, le CMS gratuit le plus facile à utiliser

Face à tous les CMS et les créateurs de sites en ligne, Sublim.design fait partie des offres gratuites les plus intéressantes du moment. Le service a été simplifié à l'extrême pour permettre à tous de réaliser un site web moderne, élégant et performant. Il suffit de créer un compte sur Sublim.design pour ouvrir instantanément un espace web prêt à être diffusé, l'opération ne prend que quelques secondes.

Présentation générale de Sublim.design

Il s'agit d'un gestionnaire de contenu conçu pour faciliter le développement de sites vitrines. C'est la seule alternative nocode 100% gratuite et sans PUB face aux CMS de référence que sont WordPress, Drupal, Joomla, Wix, Hubsite, Weebly ou encore Squarespace.

En effet, rares sont les gestionnaires de contenu qui soient à la fois Gratuits, Accessibles et Sans Pub. La majorité des offres proposent généralement une version gratuite en contrepartie de bannières publicitaires diffusées sur les pages web. D'autres sont gratuites mais requièrent des compétences techniques pour être utilisées. Enfin, d'autres CMS sont tout simplement payants. Sublim.design est la seule offre à combiner Gratuité et Simplicité.

Avantages de Sublim.design

play_circleEssayer le CMS Sublim.design
Notifications Essayer Sublim.design
North