Scribd
Importer
59 vues19 pages

Programmation Web Ch1

Transféré par

moustaphasaleck
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
59 vues19 pages

Programmation Web Ch1

Transféré par

moustaphasaleck
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 19

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 : [email protected]
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

Vous aimerez peut-être aussi