Programmation web
A.U. 2020-2021
(Support de cours)
CSCI361A
Université Libanaise Internationale
Pr. Moustapha Mohamed Saleck
Objectifs
• Comprendre l’évolution du web et des langages de marquage.
• Étudier les aspects de structure, de style et traitement dans un
site web.
• Se familiariser avec les langages HTML et XHTML.
• Comprendre et utiliser les feuilles de style.
• Se familiariser avec les outils d’intégration des objets multimédia.
• Étudier les éléments importants de programmation du côté du
client à l’aide de langages de scripts tels que JavaScript.
• Comprendre les bases de la programmation du côté des serveurs
web.
• Création de pages web dynamiques
• Interfaçage de pages web avec des bases de données 2
Plan du Cours
1. Introduction générale : le Web et ses outils
2. HTML : HyperText Markup Language
3. JavaScript
4. Le Web dynamique
5. Langage PHP
6. Exemple d’un site e-commerce
7. Le CMS joomla
3
4
1. Les bases de l’Internet
Qu’est-ce qu’Internet ?
Il s’agit d’un réseau informatique mondial permettant
d’échanger et de partage des informations contenues dans
des ordinateurs répartis aux quatre coins du monde.
Ensemble des ordinateurs du Les ordinateurs de l'Internet
monde entier reliés entre eux sont reliés par des câbles qui 5
(réseau) pour échanger des traversent les pays et les
données. océans ou par des satellites.
1. Les bases de l’Internet
Histoire de l’Internet
1962 : Concept de réseau décentralisé afin de protéger le
pays (USA) de toute attaque contre le système
informatique du pays.
1969 : connexion des premiers ordinateurs entre 4
universités américaines pour un projet soutenu par
l’Agence des Projets de Recherche Avancée (ARPA)
1979 : création des NewsGroups (forums de discussion)
par des étudiants américains
1981 : apparition du Minitel en France
Vers la fin des années 80, il couvre l’Europe, le Japon,
l’Australie et la Nouvelle Zélande.
6
1. Les bases de l’Internet
1982 : définition du protocole TCP/IP et du mot "Internet"
TCP/IP ???
Le Protocole de l’Internet
Un protocole ???
Protocole de communication des humains / de
communication machines
7
1. Les bases de l’Internet
Protocole TCP/IP
o Transmission Control Protocol (TCP) : Contrôle le
formatage et la transmission des données.
o Internet Protocol (IP) : Contrôle l’adressage des machines
et le transfert de données.
Principes de connexion
Chaque machine, ordinateur
relié au réseau a un numéro,
ou une adresse internet
qu’on appelle Addresse IP
8
1. Les bases de l’Internet
Principes de connexion
Les messages sont divisés en “paquets” Notés par l’adresse
de l’expéditeur et le destinateur.
Commuter, dévier, “switched” (IP) à leur destination
Ensuite rassembler en ordre, à la destination
9
1. Les bases de l’Internet
Les adresses sont les numéros, les adresses IP (190.32.56.71)
DNS : Domain Name System
Associer à chaque adresse un
nom de machine ou de domaine
10
1. Les bases de l’Internet
Cycle de vie d’une session TCP/IP
11
2. Le Web
le Web (Tim Berners-Lee, 1989) :
repose sur internet
système d’information réparti en « pages web » =
documents web
basé sur la notion d’hypertexte (Processus qui permet de
passer d’un document à un autre) et la notion d’hyperliens
(Possibilité de lier des documents entre eux par des liens
cliquables)
des protocoles de communication HTTP, HTTPS
des adresses pour nommer les documents : URL
des langages pour créer les documents : HTML, CSS,
javascript
12
des navigateurs qui interprètent les documents
2. Le Web
W3c « World Wide Web Consortium »
organisme de normalisation chargé de promouvoir la
compatibilité des technologies du web
« un seul web partout et pour tous »
Le modèle Client / Serveur du Web :
Serveur Web :
• En tant que matériel : ordinateur qui sert à
héberger les pages Web.
• En tant que logiciel : programme qui se contente
13
d’écouter et de répondre à des requêtes formulées
par les clients.
2. Le Web
Client Web :
• Un logiciel permettant de consulter les documents
Web : Navigateur (Browser)
Le modèle Client / Serveur du Web :
Exemples de serveurs Web :
Appache, Tomcat, Joomla.
Exemples de Browsers :
Internet Explorer, Netscape, Mozilla,
Opera.
14
2. Le Web
Le protocole HTTP :
HyperText Transfert Protocol.
Protocole d’échange de documents Web entre un
client et un serveur.
Le client envoi une requête au serveur pour charger
une page Web.
Le serveur répond en fournissant le fichier sous
forme d’un code HTML.
15
2. Le Web
Adressage des documents Web :
URL : Uniform Ressource Locator.
Protocole d’adressage des documents sur le Web.
Structure de base d’une adresse Web :
– Protocole de communication.
– Adresse Internet du serveur.
– Chemin d’accès au document désiré.
– Nom du fichier, …etc.
URL (exemples) : http://www.google.fr
16
2. Le Web
Autres protocoles :
o ftp :
– File Transfer Protocol.
– Utilisé pour le transfert distant des fichiers (lors d’un
téléchargement).
– Exemple : ftp://ftp.abc.fr/pub/readme.txt
o smtp :
– Simple Mail Transfer Protocol.
– Utilisé pour l’envoi de courrier électronique sous
forme de textuel. 17
– Exemple : nom@yahoo.fr
2. Le Web
Les trois couches du Web :
Couche contenu :
• Document Web
• Contenu HyperMédia : textes, liens, images, sons et
vidéos.
• Gérée par HTML (ou XHTML)
Couche Présentation :
• S’occupe de la forme sous lequel apparaîtra le
document Web.
18
• Gérée par les feuilles de styles en cascade (CSS).
2. Le Web
Couche comportement dynamique :
• Les deux premières couches reflète l’aspect statique
du document Web.
• Les documents Web présentent également un aspect
dynamique : interaction avec des formulaires,
événements, …etc.
• Gérée par un langage de scripts (JavaScript par
exemple).
19
