Vous êtes sur la page 1sur 11

PROGRAMMATION WEB

PRÉSENTATION DES PRINCIPES


UN SITE INTERNET

• Un site internet est constitué de pages qui permettent de naviguer sur celui-ci et
d’obtenir des informations ou de réaliser une gestion.
• Le protocole utilisé est le HTTP ou HTTPS pour la version sécurisée
(confidentielle)
• Les langages compris par les navigateurs internet sont :
• HTML
• CSS
• JS
HTML

• Une page HTML est un document architecturé en balise :


• <balise> </balise>
• L’architecture de base est la suivante :
• <html>
• <head></head>
• <body></body>
• </html>
CSS

• Le style graphique de la page HTML est défini par le CSS


• Chaque élement html peut être personnalisé :
• body{ color : red; }
• Chaque élément html peut être personnalisé par son « id » ou sa « classe »
avec les symboles « # » et « . » respectivement.
• #monEntete{ background-color : blue; }
• .maClasseVerte { background-color : green; }
JS

• Le JavaScript sert a introduire un côté dynamique à la page


• Il est inséré dans la balise <script> </script>
• Pour modifier un élément on utilisera par exemple ce code :
• document.getElementById(‘monEntete’).style.color = ‘green’;
HTTP / HTTPS

• Le protocole HTTP est basé sur une architecture client/serveur qui écoute sur
le port 80.
• Le navigateur demande une page web à un serveur sur Internet
• Ce serveur exécute un script PHP bien souvent pour générer une page HTML
et l’envoie au navigateur (client).
• Le « S » du HTTPS fait référence au protocole SSL qui assure la
confidentialité de l’échange : le petit cadenas dans l’URL. HTTPS écoute sur
le port 443.
URL

• Une URL, par exemple www.google.fr est composé de sa racine : « fr » et du


nom de domaine « google.fr ». Enfin le « www » ou autre nom qui peut le
remplacer désignera souvent le serveur en question. Ici le « www » désigne
le serveur Web.
• Mais aucune machine n’existe sous ce nom, il s’agit du serveur DNS qui
s’occupe de traduire l’URL en IP.
IP

• IP est l’acronyme de « Internet Protocol ».


• Il s’agit du protocole qui s’occupe du routage des informations d’un PC à un
autre.
PHP

• PHP est un langage de programmation Web et orienté objet (optionnel)


• PHP s’exécute côté serveur et produit une page HTML/CSS/JS interprétable
par un navigateur par exemple.
• La classe PDO (objet) s’occupe de la connexion à la base de donnée. Cette
base de donnée peut être sous la forme d’un serveur mySQL.
SQL

• Le SQL est un langage permettant de gérer des bases de données.


• Il permet de :
• Créer et modifier des tables (LDD)
• Insérer et modifier des données dans ces tables (LMD)
• Consulter le contenu de ces données (LID)
SCHÉMA RÉCAPITULATIF

Serveur WEB
HTTP/HTTPS et mySQL
-----------------
PHP/SQL
INTERNET
HTTP/HTTPS
PC

Navigateur Internet : HTML/CSS/JS

Vous aimerez peut-être aussi