Nothing Special   »   [go: up one dir, main page]

Cours Internet Developpeur Web

Télécharger au format pptx, pdf ou txt
Télécharger au format pptx, pdf ou txt
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