S’asseoir sur le web et attendre que le site se fasse….. Comme ce conte de fée ou un vieux tailleurs devait honorer une commande en sachant éperdument qu’il n’y arriverait pas et la nuit, des super lutins débarquaient pour faire le travail… (j’ai oublié le nom du conte, c’était allemand je crois… le vieux tailleur peut être…)
Donc là j’ai vachement besoin de cyber-lutins. J’avance un peu le site, il y a déjà la première page qui est faite. J’ai mis le paquet sur la simplicité, la légèreté des images à charger, et un super panneau de news que je peut modifier facilement.
Une petite capture d’écran… donc il me reste à réaliser les autres pages de navigation : le jukebox, la collection de peinture (depuis 2000, ca va faire pas mal de choses à référencer) . Le logiciel “SPIP” que j’utilise est vraiment efficace, par contre c’est un peu le bazar pour trouver le mode d’emploi. En tous cas c’est un super outil de publication fait main et attention les yeux… “made in France”, ou bien plutôt fabriqué en France.
Peut être un jour va t-on le trouver en Irlande avec la célèbre marque “Cuisine de France”.( que l’on ne trouve que ici, cherchez pas en Fance !!).
Donc voici une capture d’écran de la première page du site. Alors comment on fait avec SPIP pour faire un truc pareil ? SPIP est en fait comme un système de gestion d’articles. Il suffit de programmer une boucle (afficher tous els articles de la rubrique x) et lui dire à quel endroit il doit les afficher. Donc pour la première page, j’ai une entête tout en haut, puis un menu, après 5 zones distinctes pour afficher différents articles, puis un menu tout en bas.
Alors pour se faire il faut mettre les mains dans le cambouis. il n’y a pas de mystère : pas de cambouis pas de site.
“l’homme est fait d’argile et Dieu l’a façonné ; ls site est fait de cambouis et le webmaster l’a bidouillé”. Citation de moi.
Avant d’attaquer il faut savoir qu’il est nécessaire d’avoir des outils pour réaliser tout ca. Quels outils ? Il y en a une panoplie sur internet, de toute sorte et plus ou moins fiable. En ce qui me concerne, j’ai un petit ordinateur pas très rapide. C’est peut être un inconvénient mais il y a quelques avantages : il m’oblige a trouver des outils simples et efficaces pour ne pas me retrouver avec un ordinateur à bout de souffle.
Petit inventaire des outils que j’ai testé et qu’il me faut pour développer avec SPIP. Quelque chose pour travailler sur l’ordinateur localement, sans avoir a tester son site sur internet.
Linux avec apache et mysql : réservé aux professionnels.
PHPmyAdmin pour windows XP : simple et facile a installer. Il y a 3 trucs dans ce petit paquet nommé “LAMP”
* Linux, que l’on a remplacé par windows.
* Apache. Un indien d’Amérique, ou bien un programme qui permet d’heberger des site sur son ordi.
* Mysql. “Mon sql” en français. qui permet davoir une base de données sur son ordinateur (la ou on va enregistrer tous les articles que l’on aura ecrit).
* Php. un programme qui permet d’ecrire comme du HTML mais de façon dynamique.
Aprés on démarre “mon sql (prononcer : maille est-ce cul elle ?)”. A l’origine en html, toutes les pages que l’on voulait modifier, il fallait les charger les modifier, puis les republier pour que l’apache les transforme en signaux de fumée visible. On avait pas besoin de “monsql”. Quelqu’un a du se dire : c’est fastidieux de tout changer a chaque fois et c’est long. Ce gars là a donc créé un tableau dont la première case s’appellerait “titre”, la deuxième “contenu de l’article” et une troisième case “fourre-tout”. Il a ensuite créé un programme qui crée du code html avec du contenu provenant de ce tableau. Il n’avait plus qu’a remplir ce tableau et le programme s’occupait du reste pour créer les messages en html avec du contenu variable. Qu’il transmettait ensuite à l’apache pour les signaux de fumée…
Ce gars là trouvait que son site était un peu rébarbatif, pas sécurisé, qu’il manquait un case “commentaires”, “date” et “sous-titre” et que le site manquait cruellement de modularité. Il a invente le langage PHP (prononcer : Paix Hache Paix). Ce programme etait un peu ce qui manquait entre l’apache et monsql. Il savait parler les deux langages (l’indien et le langage chartier). Par exemple, il pouvait trier les articles par date, ou bien retrouver un article parmi une centaine rien qu’en utilisant quelques critères. Voila pour l’histoire des ces trois petits programmes, vous savez à présent que le web est une immense steppe enfumée avec un bon paquet d’indien qui communique par signaux de fumée.
Maintenant que la machine est en route, il suffit de lui envoyer des messages. Alors il existe une floppée de programme d’édition.
Application concrète pour comprendre quel rôle va jouer chaque programme.
On démarre le programme Apache “on lâche l’indien dans la steppe”. a ce moment la si on lui propose un document web ecrit en html par exemple, il pourra le montrer à tous les gens qui passent dans la steppe (signaux de fumées inclus). Du coup en envoyant des signaux de fumées codés en html, on pourra voir visuellement le résultat grâce à cet Apache.
* Dreamweaver. Payant / Piratable / lourd pour mon pc / usine à gaz / besoin de formation
* Notepad. gratuit / ultra basic / très léger / trés simple car basique / pas de formation nécessaire.
* Une ribambelle de programmes intermédiaires.
Pour ma part, j’ai notepad ou bien wordpad ou bien l’éditeur de texte de windows. Donc en gros ca suffit. On concentrera notre énergie sur ce que l’on veut faire comme ca plutôt que passer notre temps a installer, debugger, attendre (car le programme est gourmand en énergie : il va vous fatiguer votre indien… attention !!!).
Une fenêtre pour visualiser les signaux de fumée….
* Mozilla firefox. gratuit / c’est pas sorcier / pas de mauvaise surprise.
* Netscape, mais j’utilise pas trop.
* d’autres trucs que j’ai jamais essayé et dont vous connaissez le fonctionnement mieux que moi.
Bon ben a priori on a tout ce qu’il nous faut pour faire un site web. (façon MacGyver, car je ne prétend pas présenter une solution de pro… mais c’est le résultat qui compte non ?)
La sutie dans un prochain épisode avec la modification de la présentation du site et des tests sur son ordinateur….