Les outils pour maintenir et créer votre site

outils.png
Vous pouvez créer et construire votre site web directement en ligne, c'est totalement déconseillé.
Il est préférable de le créer en local, principalement si vous êtes débutant.

SERVEUR WEB

Le premier logiciel à installer c'est un serveur web local.
Il en existe différents, plus ou moins complets. Les principaux sous Windows sont EasyPhp et Wampserver. Sous MacOs ce sera MAMP et sous Linux LAMP ou XAMP.

Lorsque vous demandez à votre navigateur (comme Firefox, Edge, Chrome ou Opera par exemple) d'afficher une page web, celui-ci envoie une requête au serveur possédant cette page qui le lui envoie.
EasyPhp et Wampserver se comportent exactement de la même manière sauf qu'ils se trouvent directement sur votre machine. Il y a donc aucune information transmise sur l'extérieur et vous pouvez donc tester votre site sans même avoir un hébergement ni même accès à internet !
C'est comme s'ils se trouvaient en ligne sur le web !

Il comprennent la suite Apache, MySQL et PHP. Voilà ce que nous dit Wikipedia sur leur fonctionnement :

Les rôles de ces trois composants sont les suivants :

  • Apache est le serveur web « frontal » : il est « devant » tous les autres et répond directement aux requêtes du client web (navigateur) 
  • Le langage de script PHP sert la logique et permet des traitements (calculs, vérification, test, etc.)
  • MySQL stocke toutes les données de l'application (c'est une base de données)

(Source : Wikipedia)

logo-wampserver.pngWampserver (Voir le tutoriel d'installation ICI)


Le CMS GUPPY

Le cms GuppY a la particularité de ne pas posséder de base de données relationnelle de type MySQL.

Depuis la version 5.01.00 il est "responsive design" et "mobile friendly", c'est à dire qu'il fonctionne sur tous les appareils, PC, tablettes et smartphones.

Il comporte une interface d'administration à partir de laquelle vous pourrez activer les sercices comme le blog, les nouvelles, la FAQ, le livre d'or, les liens, un forum, un agenda, la lettre d'information et d'autres choses que vous aurez de découvrir. Une aide en ligne est en place, avec la possibilité de l'intégrer à votre site.

logo.pngGuppY


 NAVIGATEUR

Firefox est sans conteste le meilleur navigateur pour le développement et la navigation. Très sécurisé, il offre la possibilité d'ajouter des extensions, en voici 3 indispensables.

Firebug une extension indispensable pour scruter tout le code et dépister les éventuels problèmes

ColorZilla une extension avec une pipette couleur avancée, un générateur de dégradés et autres fonctionnalités

Web Developer une extension qui intègre un ensemble d'outils de contrôle du code

logo-firefox.pngMozilla Firefox


EDITEUR DE TEXTES

Sous windows, le bloc notes n'est pas fait pour le développement. Installez Notepad++,  c'est le plus complet.

notepadpp.pngNotepad++


LOGICIEL FTP

Pour transférer vos fichiers vous aurez besoin d'un client FTP (File Transfert Protocol) destiné à l'échange de fichiers entre votre pc local et le serveur distant.

Sous Windows, là non plus pas d'hésitation, Filezilla est l'outil qu'il vous faut.

filezilla.pngFilezilla


GRAPHISME

Un site Web n'est rien sans quelques graphismes. Sans nécessairement être un pro de la composition, vous aurez probablement besoin de faire de la retouche, que ce soit sur le design général du site ou les photos que vous serez probablement amené à uploader.

Il existe de nombreux logiciels, plus ou moins complets, plus ou moins complexes.

Pour rester dans le domaine du logiciel gratuit et/ou libre, notre choix se limitera à ces deux titres :

paintnet.pngPaint.NET

logo-gimp.pngGimp