PROGRAMMATION DE CLIENTS

WEB
FORMATEUR :
Samuel KOTEI-NIKOI,
Ingénieur de Conception en Informatique,
Expert en Gestion de Projets Web,
Formateur en langages de programmation web,
Directeur Général NIKKOSA COMMUNICATION,
Fondateur du portail www.abidjan-immobilier.net,
GSM : +225 07 35 47 28 / Email : nikkosa@yahoo.fr

1
 PARTIE 1 : GENERALITE
1. Introduction

Avant toute chose, il faut savoir qu’il y a 2 types d’ordinateurs connectés au Web :

• Des clients : c’est vous, votre ordinateur qui sert à aller consulter des sites web.

• Des serveurs : ce sont des ordinateurs spéciaux (souvent très puissants) qui envoient les sites web aux
clients. Les serveurs "possèdent" les sites web et les distribuent à ceux qui veulent les visiter.

IL existe également deux types de sites web : les sites statiques et les sites dynamiques.

Les sites statiques : ce sont des sites dont contenu ne peut pas être mis à jour automatiquement. Il faut que le
propriétaire du site (le webmaster) modifie chaque fois le code source pour y ajouter des nouveautés. Ce n'est
pas très pratique quand on doit mettre à jour son site plusieurs fois dans la même journée ! Les sites statiques
sont donc bien adaptés pour réaliser des sites « vitrine », pour présenter par exemple son entreprise, mais sans
aller plus loin.

Les sites dynamiques : ce sont des sites plus complexes. Le contenu de ces sites web est dit « dynamique »
parce qu'il peut changer sans l'intervention du webmaster !

2
 2. Comment fonctionne un site web ?

Lorsque vous voulez visiter un site web, vous tapez son adresse dans votre
navigateur web : Google Chrome, Mozilla Firefox, Internet Explorer, Opera,
Safari… . Mais comment fait la page web pour arriver jusqu'à vous ?

Cas d'un site statique

Lorsque le site est statique, le schéma est très simple. Cela se passe en deux temps :
1. le client demande au serveur à voir une page web ;
2. le serveur lui répond en lui envoyant la page réclamée.

3
Cas d'un site dynamique
Lorsque le site est dynamique, il y a une étape intermédiaire : la page est générée 
1. Le client demande au serveur à voir une page web ;
2. le serveur prépare la page spécialement pour le client ;
3. le serveur lui envoie la page qu'il vient de générer.

4
3. Les langages du web
Lorsqu'on crée un site web, on est amené à manipuler non pas un mais plusieurs langages. En tant
que webmaster ou développeur d’applications web, il faut impérativement les connaître.

Pour un site statique : HTML, CSS et JavaScript

HTML  (HyperText Markup Language) : c'est le langage à la base des sites web. Son rôle est de gérer
et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page : du
texte, des liens, des images….Simple à apprendre, il fonctionne à partir de balises.

CSS (Cascading Style Sheets, aussi appelées Feuilles de style) : c'est le langage de mise en forme des
sites web. Alors que le HTML permet d'écrire le contenu de vos pages web et de les structurer, le
langage CSS s'occupe de la mise en forme et de la mise en page. Son rôle est de gérer l'apparence de
la page web (agencement, positionnement, décoration, couleurs, taille du texte…).

JAVASCRIPT : c'est le langage qui sert à dire au Navigateur Web comment la page Web doit réagir.

Ces langages sont la base de tous les sites web. Lorsque le serveur envoie la page web au client, il
envoie en fait du code en langage HTML, CSS et JAVASCRIPT.

Le problème, c'est que lorsqu'on connaît seulement HTML, CSS et JAVASCRIPT, on ne peut produire

que des sites statiques… et non des sites dynamiques ! Pour ces derniers, il est nécessaire de
manipuler d'autres langages en plus de HTML, CSS et JAVASCRIPT.
5
Pour un site dynamique : ajoutez PHP et MySQL

PHP : c'est un langage que seuls les serveurs comprennent et qui permet de rendre votre
site dynamique. C'est PHP qui « génère » la page web comme on l'a vu sur un des
schémas précédents.

Il peut fonctionner seul, mais il ne prend vraiment de l'intérêt que s'il est combiné à un
outil tel que MySQL.

MySQL : c'est ce qu'on appelle un SGBD (Système de Gestion de Base de Données). Pour
faire simple, son rôle est d'enregistrer des données de manière organisée afin de vous
aider à les retrouver facilement plus tard. C'est grâce à MySQL que vous pourrez
enregistrer la liste des membres de votre site, les messages postés sur le forum, etc. Le
langage qui permet de communiquer avec la base de données s'appelle le SQL.

Les autres langages

HTML,CSS et JAVASCRIPT n'ont pas de concurrents car ce sont des standards. Tout le
monde est censé les connaître et les utiliser sur tous les sites web.
En revanche, pour ce qui est des sites dynamiques, PHP et MySQL sont loin d'être les
seuls : ASP.NET, JAVA, RUBY on RAILS, ORACLE, MICROSOFT SQL SERVER, POSTGRESQL…
6
4. De quels programmes a- t-on besoin ?

Selon que l'on crée un site statique ou un site dynamique, on a besoin de logiciels
différents.

Avec un site statique

Un éditeur de texte : en théorie, un programme tel que le Bloc-notes livré avec Windows
suffit, bien qu'il soit recommandé d'utiliser un outil un peu plus évolué comme
Notepad++ ou ADOBE DREAMWEAVER.

Un navigateur web : il permet de tester la page web. Vous pouvez utiliser par exemple
Mozilla Firefox, Internet Explorer, Google Chrome, Opera, Safari, ou tout autre navigateur
auquel vous êtes habitués pour aller sur le web. Il est conseillé de tester son site
régulièrement sur différents navigateurs.

Cependant, pour la création de sites internet dynamiques, ces outils ne suffisent pas. Il
est nécessaire d'installer des programmes supplémentaires.

7
Avec un site dynamique

Pour que votre ordinateur puisse lire du PHP, il faut qu'il se comporte comme un serveur.
Rassurez-vous, vous n'avez pas besoin d'acheter une machine spéciale pour cela : il suffit
simplement d'installer les mêmes programmes que ceux que l'on trouve sur les serveurs
qui délivrent les sites web aux internautes.

Apache : c'est ce qu'on appelle un serveur web. Il s'agit du plus important de tous les
programmes, car c'est lui qui est chargé de délivrer les pages web aux visiteurs.
Cependant, Apache ne gère que les sites web statiques (il ne peut traiter que des pages
HTML). Il faut donc le compléter avec d'autres programmes.

PHP : c'est un plug-in pour Apache qui le rend capable de traiter des pages web
dynamiques en PHP. En clair, en combinant Apache et PHP, notre ordinateur sera capable
de lire des pages web en PHP.

MySQL : c'est le logiciel de gestion de bases de données. Il permet d'enregistrer des

données de manière organisée.

Il existe plusieurs paquetages tout prêts pour Windows. Nous utiliserons WAMP Server qui
a l'avantage d'être régulièrement mis à jour et disponible en français.
8