Que je vous conseille de lire si jamais vous ne savez pas ce qu’est le html et/ou le css.
Cet article est destiné à des lecteurs ayant des bases en Html/CSS.
Gérer à la main des fichiers html et css est très fastidieux
Si vous avez bien suivi l’article précédent, vous avez compris que pour modifier votre site web, il vous faut :
- rapatrier le fichier html/css de votre serveur vers votre PC ( vous téléchargez le fichier ).
- vous modifier le fichier avec votre éditeur de texte.
- vous renvoyez ( ou uploadez ) le fichier ainsi modifié sur le serveur.
Votre site sera alors à jour.
Pas super difficile à 1ère vue, mais imaginez que vous gérez un site comportant de nombreuses pages se mettant à jour très souvent.
Exemple concret
Prenons un exemple concret d’un petit site web géré en Html Statique :
<!-- Page d'accueil -->
<div id="menu">
<ul>
<li><a href="page1.html">Page 1</li>
<li><a href="page2.html">Page 2</li>
<li><a href="page3.html">Page 3</li>
<li><a href="page2.html">Page 4</li>
<li><a href="page5.html">Page 5</li>
</ul>
</div>
<div id="contenu">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi auctor magna ac tellus. Morbi sed nunc sit amet justo lobortis auctor. Sed scelerisque. Phasellus ac augue. Maecenas venenatis. Phasellus nibh. Nulla lacus. Nunc viverra dolor nonummy sapien. Sed lacinia. Curabitur iaculis. Cras quis quam eu tortor imperdiet dignissim. Vestibulum et erat. Proin erat. In gravida suscipit nisl. Donec magna magna, laoreet eget, tempor vel, nonummy et, justo. Nam vestibulum dapibus nunc. Phasellus ultricies. Vestibulum vestibulum risus at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus.
</div>Et voici le code des pages 1,2,3,4,5,6 :
<!-- Page n -->
<div id="menu">
<ul>
<li><a href="page1.html">Page 1</li>
<li><a href="page2.html">Page 2</li>
<li><a href="page3.html">Page 3</li>
<li><a href="page2.html">Page 4</li>
<li><a href="page5.html">Page 5</li>
</ul>
</div>
<div id="contenu">
Le contenu de la page n
</div>
<div id="pagination">
<p><a href="page(n-1).html">Page précédente</a></p>
<p><a href="page(n+1).html">Page suivante</a></p>
</div>Imaginez que...
Vous décidiez de modifier le nom d’une de vos pages html, par exemple :
vous renommez le fichier "page2.html" en "sommaire.html" ...
Eh bien vous allez devoir aller modifier non seulement le nom de votre fichier page2.html, mais vu que toutes les pages 1,2,3,4,5,6 ont un menu qui pointe vers votre page2.html, il faudra aussi modifier le menu de chacune de ces pages !!
Et aussi les liens "Page précédente" et "Page suivante" ...
Bref ca devient vite très lourd..
Conclusion de ce 1er exemple
On voit donc que gérer un site web à la main est fastidieux si celui-ci se met à jour plutôt souvent.
Je n’ai pris ici que l’exemple ou l’on modifierait les noms des fichiers html, mais vous pouvez tout simplement modifier le titre des liens, ou par exemple vous décidez de rajouter un fichier css pour tout votre site, vous devrez modifier le contenu de la balise head de toutes vos pages ...
Bref, gérer un site à la main, si chacun des pages est totalement indépendantes, à la limite c’est pas impossible.
Mais dès que vos pages dépendent les unes des autres ( par exemple les menus, les liens "précedent/suivant" ) les fichiers css en communs ....
Dans ces cas-là, ca devient franchement pénible, machinal .. ( mon tout 1er site était fait a la main, et je passais des heures à modifier des liens à la chaîne ... )
Quelques limitations d’un site en Html Statique
- Download grâce à votre Client FTP.
- Edition de votre fichier Html grâce à votre éditeur de texte.
- Upload de votre fichier nouveau fichier Html via votre Client FTP.
Les commentaires
Si vous avez déjà visité un Blog, ou vu une vidéo sur Youtube, vous avez alors sûrement déjà posté un commentaire sur un site web.
Mais, imaginez que vous aussi vous voulez donner la possibilité à vos visiteurs de laisser un message sur vos pages web, ..... Eh bien en effet, le seul moyen serait de leur donner un accès FTP afin qu’ils modifient eux-mêmes vos fichiers Html.
Bref complètement absurde :s.
Un site dynamique, automatisé
Vous avez peut-être déjà aussi remarqué, des sites dont le contenu est crée de manière automatisé.
Par exemple, des sites affichent la date en temps réel ( pas facile à faire en Html Statique :D ), et affichent des menus du style "les derniers commentaires", "derniers articles publiés" etc ...
Toutes ces fonctionnalités sont heureusement automatisées, il n’y a personne derrière qui s’occupent de modifier de manière continuelle les fichiers Html des sites en question.
Un système de permissions performant
Imaginez maintenant que vous n’êtes pas seul à vous occuper de votre site web. Mais que vous souhaitiez engager d’autres rédacteurs.
Néanmoins vous n’autoriserez pas tout le monde à modifier l’ensemble de vos pages, par exemple tel collègue ne pourra modifier que telle ou telle page ..
En html statique la seule solution qui s’offre à vous serait de créer un accès FTP supplémentaire pour cette personne avec des droits restreints, ( par exemple elle ne pourrait modifier qu’un seul dossier du site ).
Rendre accessible à des "non-techniciens" la création de site web
Un des désavantage évident du Html Statique, c’est qu’il faut apprendre le Html et le CSS ...Serait-il possible qu’une personne n’y connaissant absolument rien, puisse contribuer à la rédaction d’un site web ??
Et plein d’autres ...
L’avènement des CMS
Durant les 1ers temps du Web, les sites webs se géraient de cette manière, en Html Statique.
Apparurent alors les languages de script ( PHP, Python .. ) qui donnèrent entre autre naissance aux systèmes de gestion de contenu ( content management systems en anglais, d’ou l’acronyme CMS ).
Ces CMS ont littéralement bouleversé la nature des Site Web :
Désormais, les sites Web sont dynamiques :
Les visiteurs peuvent laisser des commentaires, le contenu des pages peut être généré de manière automatique.
Les CMS se charge de toutes les taches répétitives comme la gestion des liens que je vous ai exposée plus haut, et permettent ainsi aux webmestres de se concentrer sur d’autres taches plus importantes.
Les CMS permettent à des personnes n’ayant aucune connaissance technique de contribuer à la rédaction d’un site Internet.
Lisez la suite ;)
